33 lines
No EOL
1.6 KiB
HTML
33 lines
No EOL
1.6 KiB
HTML
<div class="file-preview" style="display: none;">
|
|
<img src="" alt="Image Preview" class="file-preview-image" style="display: none;">
|
|
<video controls class="file-preview-video video-js vjs-default-skin" style="display: none;">
|
|
<source src="" type="video/mp4">
|
|
</video>
|
|
<div class="file-preview-filename" style="display: none;"></div>
|
|
<button type="button" class="remove-file">X</button>
|
|
</div>
|
|
<div class="message-input-container">
|
|
<div class="send-message-container flex-1 rounded-md bg-transparent border-solid border-1 dark:!border-neutral-600 border-neutral-200 shadow-lg">
|
|
<input class="h-11 w-full border-0 p-3 rounded-md placeholder-neutral-500 dark:!bg-neutral-800 dark:!placeholder-neutral-400 bg-white dark:!text-white" type="text" name="content" placeholder="Type a message" autocomplete="off">
|
|
</div>
|
|
<div class="extra-buttons-text-input">
|
|
<input type="file" name="file" style="display: none;" accept="image/*,video/*,application/pdf,application/msword" autocomplete="off">
|
|
<button type="button" class="add-file-btn" onclick="document.querySelector('input[name=\'file\']').click()"><i class="fa-solid fa-paperclip"></i></button>
|
|
<button type="submit" class="send-btn"><i class="fa-regular fa-paper-plane"></i></button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
<div id="image-overlay" class="image-overlay">
|
|
<img id="overlay-image" src="" alt="Enhanced Image">
|
|
</div>
|
|
|
|
<div id="context-menu" class="custom-context-menu">
|
|
<ul>
|
|
<li id="copy-text">Copy Text</li>
|
|
<li id="copy-id">Copy Message ID</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div id="toast" class="toast">
|
|
<div id="toast-message"></div>
|
|
</div> |