|
|
|
|
|
|
|
|
export const dom = { |
|
|
appContainer: document.getElementById('app-container'), |
|
|
chatWindow: document.getElementById('chat-window'), |
|
|
mainHeader: document.getElementById('main-header'), |
|
|
mainFooter: document.getElementById('main-footer'), |
|
|
messageForm: document.getElementById('message-form'), |
|
|
messageInput: document.getElementById('message-input'), |
|
|
submitButton: document.getElementById('submit-button'), |
|
|
sendIcon: document.getElementById('send-icon'), |
|
|
stopIcon: document.getElementById('stop-icon'), |
|
|
menuButton: document.getElementById('menu-button'), |
|
|
newChatButton: document.getElementById('new-chat-button'), |
|
|
historySidebar: document.getElementById('history-sidebar'), |
|
|
sidebarOverlay: document.getElementById('sidebar-overlay'), |
|
|
historyList: document.getElementById('history-list'), |
|
|
deleteAllChatsButton: document.getElementById('delete-all-chats'), |
|
|
attachFileButton: document.getElementById('attach-file-button'), |
|
|
imageFileInput: document.getElementById('image-file-input'), |
|
|
generalFileInput: document.getElementById('general-file-input'), |
|
|
imagePreviewContainer: document.getElementById('image-preview-container'), |
|
|
imagePreview: document.getElementById('image-preview'), |
|
|
removeImageButton: document.getElementById('remove-image-button'), |
|
|
fileInfoText: document.getElementById('file-info-text'), |
|
|
historyItemMenu: document.getElementById('history-item-menu'), |
|
|
messageItemMenu: document.getElementById('message-item-menu'), |
|
|
messageItemMenuOverlay: document.getElementById('message-item-menu-overlay'), |
|
|
messageItemMenuContent: document.getElementById('message-item-menu-content'), |
|
|
confirmModal: document.getElementById('confirm-modal'), |
|
|
confirmModalOverlay: document.getElementById('confirm-modal-overlay'), |
|
|
confirmModalContent: document.getElementById('confirm-modal-content'), |
|
|
confirmModalMessage: document.getElementById('confirm-modal-message'), |
|
|
confirmModalConfirmBtn: document.getElementById('confirm-modal-confirm-btn'), |
|
|
confirmModalCancelBtn: document.getElementById('confirm-modal-cancel-btn'), |
|
|
renameModal: document.getElementById('rename-modal'), |
|
|
renameModalOverlay: document.getElementById('rename-modal-overlay'), |
|
|
renameModalContent: document.getElementById('rename-modal-content'), |
|
|
renameInput: document.getElementById('rename-input'), |
|
|
renameModalConfirmBtn: document.getElementById('rename-modal-confirm-btn'), |
|
|
renameModalCancelBtn: document.getElementById('rename-modal-cancel-btn'), |
|
|
editModal: document.getElementById('edit-modal'), |
|
|
editModalOverlay: document.getElementById('edit-modal-overlay'), |
|
|
editModalContent: document.getElementById('edit-modal-content'), |
|
|
editInput: document.getElementById('edit-input'), |
|
|
editModalConfirmBtn: document.getElementById('edit-modal-confirm-btn'), |
|
|
editModalCancelBtn: document.getElementById('edit-modal-cancel-btn'), |
|
|
htmlPreviewModal: document.getElementById('html-preview-modal'), |
|
|
htmlPreviewOverlay: document.getElementById('html-preview-overlay'), |
|
|
htmlPreviewContent: document.getElementById('html-preview-content'), |
|
|
htmlPreviewIframe: document.getElementById('html-preview-iframe'), |
|
|
htmlPreviewCloseBtn: document.getElementById('html-preview-close-btn'), |
|
|
selectImageOption: document.getElementById('select-image-option'), |
|
|
selectFileOption: document.getElementById('select-file-option'), |
|
|
imageGalleryModal: document.getElementById('image-gallery-modal'), |
|
|
imageGalleryContent: document.getElementById('image-gallery-content'), |
|
|
galleryCloseBtn: document.getElementById('gallery-close-btn'), |
|
|
galleryMainImage: document.getElementById('gallery-main-image'), |
|
|
galleryPrevBtn: document.getElementById('gallery-prev-btn'), |
|
|
galleryNextBtn: document.getElementById('gallery-next-btn'), |
|
|
galleryThumbnails: document.getElementById('gallery-thumbnails'), |
|
|
galleryDownloadBtn: document.getElementById('gallery-download-btn'), |
|
|
settingsButton: document.getElementById('settings-button'), |
|
|
settingsModal: document.getElementById('settings-modal'), |
|
|
settingsModalContent: document.getElementById('settings-modal-content'), |
|
|
themeToggle: document.getElementById('theme-toggle'), |
|
|
settingsUserTier: document.getElementById('settings-user-tier'), |
|
|
premiumFeatureModal: document.getElementById('premium-feature-modal'), |
|
|
premiumModalIconContainer: document.getElementById('premium-modal-icon-container'), |
|
|
premiumModalCloseBtn: document.getElementById('premium-modal-close-btn'), |
|
|
premiumModalUpgradeBtn: document.getElementById('premium-modal-upgrade-btn'), |
|
|
plusRequiredModal: document.getElementById('plus-required-modal'), |
|
|
plusModalIconContainer: document.getElementById('plus-modal-icon-container'), |
|
|
plusModalCloseBtn: document.getElementById('plus-modal-close-btn'), |
|
|
toolsButton: document.getElementById('tools-button'), |
|
|
toolsMenu: document.getElementById('tools-menu'), |
|
|
filePopupMenu: document.getElementById('file-popup-menu'), |
|
|
toolsButtonText: document.getElementById('tools-button-text'), |
|
|
toolsDefaultIcon: document.getElementById('tools-default-icon'), |
|
|
clearToolSelection: document.getElementById('clear-tool-selection'), |
|
|
globalAudioPlayer: document.getElementById('global-audio-player'), |
|
|
globalAudioElement: document.getElementById('global-audio-element'), |
|
|
globalPlayerPlayPause: document.getElementById('global-player-play-pause'), |
|
|
globalPlayerPlayIcon: document.getElementById('global-player-play-icon'), |
|
|
globalPlayerPauseIcon: document.getElementById('global-player-pause-icon'), |
|
|
globalPlayerText: document.getElementById('global-player-text'), |
|
|
globalPlayerCurrentTime: document.getElementById('global-player-current-time'), |
|
|
globalPlayerTotalTime: document.getElementById('global-player-total-time'), |
|
|
waveformCanvas: document.getElementById('waveform-canvas'), |
|
|
globalPlayerLoading: document.getElementById('global-player-loading'), |
|
|
globalPlayerClose: document.getElementById('global-player-close'), |
|
|
}; |
