Update conversation.html
This commit is contained in:
@@ -177,6 +177,9 @@
|
|||||||
<input type="file" id="fileInput" class="d-none" multiple accept=".pdf,.docx,.doc,.txt,.rtf,.odt,.md,.csv,.xlsx,.xls,.ods,.xlsm,.pptx,.ppt,.odp,.jpg,.jpeg,.png,.gif,.bmp,.svg,.webp,.tiff,.zip,.rar,.7z,.tar,.gz,.py,.js,.html,.css,.json,.xml,.sql,.sh,.bat,.mp3,.wav,.ogg,.m4a,.flac,.mp4,.avi,.mov,.wmv,.flv,.mkv,.webm,.dwg,.dxf,.ai,.psd,.eps,.indd,.eml,.msg,.vcf,.ics">
|
<input type="file" id="fileInput" class="d-none" multiple accept=".pdf,.docx,.doc,.txt,.rtf,.odt,.md,.csv,.xlsx,.xls,.ods,.xlsm,.pptx,.ppt,.odp,.jpg,.jpeg,.png,.gif,.bmp,.svg,.webp,.tiff,.zip,.rar,.7z,.tar,.gz,.py,.js,.html,.css,.json,.xml,.sql,.sh,.bat,.mp3,.wav,.ogg,.m4a,.flac,.mp4,.avi,.mov,.wmv,.flv,.mkv,.webm,.dwg,.dxf,.ai,.psd,.eps,.indd,.eml,.msg,.vcf,.ics">
|
||||||
<button type="submit" class="btn btn-primary d-flex align-items-center justify-content-center" style="height: 38px; width: 38px;">
|
<button type="submit" class="btn btn-primary d-flex align-items-center justify-content-center" style="height: 38px; width: 38px;">
|
||||||
<i class="fas fa-paper-plane"></i>
|
<i class="fas fa-paper-plane"></i>
|
||||||
|
<div class="spinner-border spinner-border-sm text-light ms-1 d-none" role="status" style="width: 1rem; height: 1rem;">
|
||||||
|
<span class="visually-hidden">Sending...</span>
|
||||||
|
</div>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="d-flex align-items-center" style="min-height: 1.2em;">
|
<div class="d-flex align-items-center" style="min-height: 1.2em;">
|
||||||
@@ -659,6 +662,8 @@ $(document).ready(function() {
|
|||||||
|
|
||||||
const messageInput = $('#messageInput');
|
const messageInput = $('#messageInput');
|
||||||
const submitButton = $('#messageForm button[type="submit"]');
|
const submitButton = $('#messageForm button[type="submit"]');
|
||||||
|
const submitIcon = submitButton.find('.fa-paper-plane');
|
||||||
|
const spinner = submitButton.find('.spinner-border');
|
||||||
const message = messageInput.val().trim();
|
const message = messageInput.val().trim();
|
||||||
const fileInput = $('#fileInput')[0];
|
const fileInput = $('#fileInput')[0];
|
||||||
const files = Array.from(fileInput.files);
|
const files = Array.from(fileInput.files);
|
||||||
@@ -678,6 +683,8 @@ $(document).ready(function() {
|
|||||||
isSubmitting = true;
|
isSubmitting = true;
|
||||||
messageInput.prop('disabled', true);
|
messageInput.prop('disabled', true);
|
||||||
submitButton.prop('disabled', true);
|
submitButton.prop('disabled', true);
|
||||||
|
submitIcon.addClass('d-none');
|
||||||
|
spinner.removeClass('d-none');
|
||||||
|
|
||||||
const formData = new FormData();
|
const formData = new FormData();
|
||||||
formData.append('message', message);
|
formData.append('message', message);
|
||||||
@@ -726,6 +733,8 @@ $(document).ready(function() {
|
|||||||
complete: function() {
|
complete: function() {
|
||||||
messageInput.prop('disabled', false);
|
messageInput.prop('disabled', false);
|
||||||
submitButton.prop('disabled', false);
|
submitButton.prop('disabled', false);
|
||||||
|
submitIcon.removeClass('d-none');
|
||||||
|
spinner.addClass('d-none');
|
||||||
isSubmitting = false;
|
isSubmitting = false;
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|||||||
Reference in New Issue
Block a user