diff --git a/css/main.css b/css/main.css index 5adcff1e..a66067c7 100644 --- a/css/main.css +++ b/css/main.css @@ -673,6 +673,26 @@ padding-left: 24px; } +/* Table wrapper for modals to prevent expansion */ +.modal-table-wrapper { + max-width: 100%; + overflow-x: auto; + border-radius: var(--border-radius); + border: 1px solid var(--color-border); +} + +.modal-table-wrapper .statisticsTable { + min-width: 300px; + margin: 0; +} + +.modal-table-wrapper .statisticsTable td.truncatedText { + max-width: 200px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + /* Table styling variations */ .tableOfContents thead th { background-color: var(--color-primary-light); diff --git a/src/modals/Source/ViewSource.vue b/src/modals/Source/ViewSource.vue index 3f2893e2..e3ca4cf5 100644 --- a/src/modals/Source/ViewSource.vue +++ b/src/modals/Source/ViewSource.vue @@ -14,55 +14,57 @@ import { sourceStore, navigationStore, logStore, synchronizationStore } from '..
| {{ t('openconnector', 'Property') }} | -{{ t('openconnector', 'Value') }} | -
|---|---|
| {{ t('openconnector', 'Status') }} | -{{ sourceStore.sourceItem?.status || 'Unknown' }} | -
| {{ t('openconnector', 'Enabled') }} | -{{ sourceStore.sourceItem?.isEnabled ? 'Enabled' : 'Disabled' }} | -
| {{ t('openconnector', 'Type') }} | -{{ sourceStore.sourceItem?.type || 'Unknown' }} | -
| {{ t('openconnector', 'Location') }} | -- {{ sourceStore.sourceItem.location }} - | -
| {{ t('openconnector', 'Version') }} | -{{ sourceStore.sourceItem.version }} | -
| {{ t('openconnector', 'Property') }} | +{{ t('openconnector', 'Value') }} | +
|---|---|
| {{ t('openconnector', 'Status') }} | +{{ sourceStore.sourceItem?.status || 'Unknown' }} | +
| {{ t('openconnector', 'Enabled') }} | +{{ sourceStore.sourceItem?.isEnabled ? 'Enabled' : 'Disabled' }} | +
| {{ t('openconnector', 'Type') }} | +{{ sourceStore.sourceItem?.type || 'Unknown' }} | +
| {{ t('openconnector', 'Location') }} | ++ {{ sourceStore.sourceItem.location }} + | +
| {{ t('openconnector', 'Version') }} | +{{ sourceStore.sourceItem.version }} | +
| {{ t('openconnector', 'Last Call') }} | -{{ new Date(sourceStore.sourceItem.lastCall).toLocaleDateString() + ', ' + new Date(sourceStore.sourceItem.lastCall).toLocaleTimeString() }} | -
| {{ t('openconnector', 'Last Sync') }} | -{{ new Date(sourceStore.sourceItem.lastSync).toLocaleDateString() + ', ' + new Date(sourceStore.sourceItem.lastSync).toLocaleTimeString() }} | -
| {{ t('openconnector', 'Created') }} | -{{ sourceStore.sourceItem?.dateCreated ? new Date(sourceStore.sourceItem.dateCreated).toLocaleDateString() : '-' }} | -
| {{ t('openconnector', 'Updated') }} | -{{ sourceStore.sourceItem?.dateModified ? new Date(sourceStore.sourceItem.dateModified).toLocaleDateString() : '-' }} | -
| {{ t('openconnector', 'Property') }} | -{{ t('openconnector', 'Value') }} | -
|---|---|
| {{ t('openconnector', 'Status') }} | -{{ source.status || 'Unknown' }} | -
| {{ t('openconnector', 'Enabled') }} | -- {{ source.isEnabled ? 'Enabled' : 'Disabled' }} - | -
| {{ t('openconnector', 'Type') }} | -{{ source.type || 'Unknown' }} | -
| {{ t('openconnector', 'Location') }} | -- {{ source.location }} - | -
| {{ t('openconnector', 'Version') }} | -{{ source.version }} | -
| {{ t('openconnector', 'Configurations') }} | -
- {{ getConfigurationCount(source) }}
- |
-
| {{ t('openconnector', 'Authentication') }} | -
- {{ getAuthenticationCount(source) }}
- |
-
| {{ t('openconnector', 'Last Call') }} | -{{ new Date(source.lastCall).toLocaleDateString() + ', ' + new Date(source.lastCall).toLocaleTimeString() }} | -
| {{ t('openconnector', 'Last Sync') }} | -{{ new Date(source.lastSync).toLocaleDateString() + ', ' + new Date(source.lastSync).toLocaleTimeString() }} | -
| {{ t('openconnector', 'Created') }} | -{{ source.dateCreated ? new Date(source.dateCreated).toLocaleDateString() : '-' }} | -
| {{ t('openconnector', 'Updated') }} | -{{ source.dateModified ? new Date(source.dateModified).toLocaleDateString() : '-' }} | -
| {{ t('openconnector', 'Key') }} | +{{ t('openconnector', 'Property') }} | {{ t('openconnector', 'Value') }} | -{{ t('openconnector', 'Actions') }} |
|---|---|---|---|
| {{ key }} | -- {{ value }} - | +||
| {{ t('openconnector', 'Status') }} | +{{ source.status || 'Unknown' }} | +||
| {{ t('openconnector', 'Enabled') }} |
- |
+ ||
| {{ t('openconnector', 'Type') }} | +{{ source.type || 'Unknown' }} | +||
| {{ t('openconnector', 'Location') }} | ++ {{ source.location }} + | +||
| {{ t('openconnector', 'Version') }} | +{{ source.version }} | +||
| {{ t('openconnector', 'Configurations') }} | +
+ {{ getConfigurationCount(source) }}
+ |
||
| - {{ t('openconnector', 'No configurations found') }} + | |||
| {{ t('openconnector', 'Authentication') }} | +
+ {{ getAuthenticationCount(source) }}
+ |
||
| {{ t('openconnector', 'Last Call') }} | +{{ new Date(source.lastCall).toLocaleDateString() + ', ' + new Date(source.lastCall).toLocaleTimeString() }} | +||
| {{ t('openconnector', 'Last Sync') }} | +{{ new Date(source.lastSync).toLocaleDateString() + ', ' + new Date(source.lastSync).toLocaleTimeString() }} | +||
| {{ t('openconnector', 'Created') }} | +{{ source.dateCreated ? new Date(source.dateCreated).toLocaleDateString() : '-' }} | +||
| {{ t('openconnector', 'Updated') }} | +{{ source.dateModified ? new Date(source.dateModified).toLocaleDateString() : '-' }} | +||
| {{ t('openconnector', 'Key') }} | +{{ t('openconnector', 'Value') }} | +{{ t('openconnector', 'Actions') }} | +
|---|---|---|
| {{ key }} | ++ {{ value }} + | +
+ |
+
| + {{ t('openconnector', 'No configurations found') }} + | +||
| {{ t('openconnector', 'Property') }} | -{{ t('openconnector', 'Value') }} | -{{ t('openconnector', 'Actions') }} | -||||||||||||||||||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| {{ t('openconnector', 'Auth Type') }} | -{{ source.auth }} | -
- |
- ||||||||||||||||||||||||||||||||||||||||||
| {{ t('openconnector', 'Username') }} | -{{ source.username }} | -
-
+
|
+ ||||||||||||||||||||||||||||||||||||||||||
| + {{ t('openconnector', 'No authentication configured') }} + | +||||||||||||||||||||||||||||||||||||||||||||