diff --git a/.eslintrc.js b/.eslintrc.cjs similarity index 98% rename from .eslintrc.js rename to .eslintrc.cjs index 1da9449e..e1d2766e 100644 --- a/.eslintrc.js +++ b/.eslintrc.cjs @@ -1,4 +1,4 @@ -module.exports = { +module.exports = { root: true, env: { @@ -20,7 +20,6 @@ module.exports = { plugins: [ 'vue', ], - globals: { ga: true, // Google Analytics cordova: true, diff --git a/.gitlab-ci.yml b/.gitlab-ci.yml index 19b6d190..63600ef0 100644 --- a/.gitlab-ci.yml +++ b/.gitlab-ci.yml @@ -9,7 +9,7 @@ stages: - deploy build: - image: node:16 + image: node:18 stage: build script: - bash .ci-scripts/build.sh @@ -19,7 +19,7 @@ build: expire_in: 1 mos test:e2e: - image: cypress/browsers:node16.13.2-chrome100-ff98 + image: cypress/browsers:node-20.12.2-chrome-124.0.6367.60-1-ff-125.0.2-edge-124.0.2478.51-1 stage: test:e2e except: - main diff --git a/.markdownlintignore b/.markdownlintignore deleted file mode 100644 index b08060a5..00000000 --- a/.markdownlintignore +++ /dev/null @@ -1,2 +0,0 @@ -changelog.md -/node_modules \ No newline at end of file diff --git a/.markdownlintrc b/.markdownlintrc deleted file mode 100644 index 73cb9808..00000000 --- a/.markdownlintrc +++ /dev/null @@ -1,3 +0,0 @@ -{ - "MD013": false -} \ No newline at end of file diff --git a/.nvmrc b/.nvmrc index 6f7f377b..3f430af8 100644 --- a/.nvmrc +++ b/.nvmrc @@ -1 +1 @@ -v16 +v18 diff --git a/.postcssrc.js b/.postcssrc.js deleted file mode 100644 index d06c818b..00000000 --- a/.postcssrc.js +++ /dev/null @@ -1,13 +0,0 @@ -// https://github.com/michael-ciniawsky/postcss-load-config -module.exports = { - plugins: [ - require('postcss-remove-selectors')({ selectors: ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'] }), - require('prepend-selector-postcss')({ - selector: '.tido ', - excludePart: ['body', '.body--dark', ':root', '.tido-container', '.q-dialog', '.q-card', '.q-icon', '#app' ], - appendTo: ['html'], - }), - // to edit target browsers: use "browserslist" field in package.json - require('autoprefixer') - ] -} diff --git a/.stylelintrc.json b/.stylelintrc.json deleted file mode 100644 index 190dff15..00000000 --- a/.stylelintrc.json +++ /dev/null @@ -1,29 +0,0 @@ -{ - "extends": [ - "stylelint-config-sass-guidelines", - "stylelint-8-point-grid" - ], - "plugins": [ - "stylelint-no-unsupported-browser-features" - ], - "rules": { - "plugin/8-point-grid": { - "base": 8, - "allowlist": ["12px", "4px", "2px"] - }, - "selector-class-pattern": "[a-z]+", - "max-nesting-depth": [ - 2, - { - "severity": "error" - } - ], - "scss/dollar-variable-pattern": null, - "plugin/no-unsupported-browser-features": [ - true, - { - "severity": "warning" - } - ] - } -} diff --git a/CHANGELOG.md b/CHANGELOG.md index 40cb4e93..a832b130 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -151,7 +151,7 @@ All notable changes to this project will be documented in this file. See [standa * add "zero config" behaviour, add default config with initial panels setup, load collection, manifest or item from url ([44a433e](https://gitlab.gwdg.de/subugoe/emo/tido/-/commit/44a433ec88e77b299fc7dc7f4f8f87381ec9ea25)) * add Axios for http service, remove unused utils and mixins, ([113a90e](https://gitlab.gwdg.de/subugoe/emo/tido/-/commit/113a90ec079a9e43390e616d81c4189729c8f301)) * add default manifest label at tree ([069b035](https://gitlab.gwdg.de/subugoe/emo/tido/-/commit/069b03565ce4407fc5fec678d9b3887756e94355)) -* add icon util ([67c657b](https://gitlab.gwdg.de/subugoe/emo/tido/-/commit/67c657b7b8c63391e8dbe56a5ea8de7cc24b8d60)) +* add index util ([67c657b](https://gitlab.gwdg.de/subugoe/emo/tido/-/commit/67c657b7b8c63391e8dbe56a5ea8de7cc24b8d60)) * add new panels rendering that renders views as tabs and dynamic panel actions ([2dbecd5](https://gitlab.gwdg.de/subugoe/emo/tido/-/commit/2dbecd5cdf358ad7b32d4731d4b9c297123df9cc)) * add scrollbar styles, minor design updates ([af15324](https://gitlab.gwdg.de/subugoe/emo/tido/-/commit/af15324f76afa5f454e9907a94bfb7f02fab5117)) * design update ([4af7c85](https://gitlab.gwdg.de/subugoe/emo/tido/-/commit/4af7c859eeae3d07a4890d27a01a994ed303b180)) @@ -173,7 +173,7 @@ All notable changes to this project will be documented in this file. See [standa ### Bug Fixes -* dark mode nav buttons primary, svg icon underline ([5aedfb8](https://gitlab.gwdg.de/subugoe/emo/tido/-/commit/5aedfb8a525ea2b29e2a79ec9858e584367fbe5d)) +* dark mode nav buttons primary, svg index underline ([5aedfb8](https://gitlab.gwdg.de/subugoe/emo/tido/-/commit/5aedfb8a525ea2b29e2a79ec9858e584367fbe5d)) * discover first content type if no config is present ([f1bb8a7](https://gitlab.gwdg.de/subugoe/emo/tido/-/commit/f1bb8a77df3fdd4a3325232d2c914b97d49c64b5)) * highlighting all annotation when switching tab ([f86e4fc](https://gitlab.gwdg.de/subugoe/emo/tido/-/commit/f86e4fc3fc4267b643755925b8640e6667b4daab)) * main loading spinner ([bfbfe13](https://gitlab.gwdg.de/subugoe/emo/tido/-/commit/bfbfe1316d9fc9d5fb465039d81c9dbb902e3185)) @@ -593,7 +593,7 @@ All notable changes to this project will be documented in this file. See [standa ### Chore -* change app info icon ([dfbcad0](https://gitlab.gwdg.de/subugoe/emo/tido/-/commit/dfbcad082cf1df2055cf97bd566309fc7e0b26d2)), closes [#351](https://gitlab.gwdg.de/subugoe/emo/tido/-/issues/351) +* change app info index ([dfbcad0](https://gitlab.gwdg.de/subugoe/emo/tido/-/commit/dfbcad082cf1df2055cf97bd566309fc7e0b26d2)), closes [#351](https://gitlab.gwdg.de/subugoe/emo/tido/-/issues/351) ### Continuos Integration @@ -633,7 +633,7 @@ All notable changes to this project will be documented in this file. See [standa ### Refactoring * add missing colon ([ed28000](https://gitlab.gwdg.de/subugoe/emo/tido/-/commit/ed28000b31d3163c22362fffb6a9e13f610313d3)) -* remove indentation if there is no icon for annotations and update readme ([15bf470](https://gitlab.gwdg.de/subugoe/emo/tido/-/commit/15bf470af2206aee0ee5d784256da97ae8fb5e80)) +* remove indentation if there is no index for annotations and update readme ([15bf470](https://gitlab.gwdg.de/subugoe/emo/tido/-/commit/15bf470af2206aee0ee5d784256da97ae8fb5e80)) * update index.html and readME files ([c20a9f8](https://gitlab.gwdg.de/subugoe/emo/tido/-/commit/c20a9f8bb36bc17a4ccb69104bf6a0967c4b528d)) * update logic to display erlauterung for text ([9481aea](https://gitlab.gwdg.de/subugoe/emo/tido/-/commit/9481aead3f3bf2b9395b1667ad30d9329aab96ac)) * update logic to display notes and notification message ([dc2e175](https://gitlab.gwdg.de/subugoe/emo/tido/-/commit/dc2e175cb5086b7dfa5a2ea8aee892e4308bab7a)) @@ -692,7 +692,7 @@ All notable changes to this project will be documented in this file. See [standa * dark mode contrast issues with text highlighting ([0a29094](https://gitlab.gwdg.de/subugoe/emo/tido/-/commit/0a290942a56b44de44a347c05387e84acfa8a34a)) * header responsiveness ([8c9c7a6](https://gitlab.gwdg.de/subugoe/emo/tido/-/commit/8c9c7a659cc80393986e2775f0faa4cd18c71064)) * header responsivness ([17424e3](https://gitlab.gwdg.de/subugoe/emo/tido/-/commit/17424e3871e87d428766ef7fbc344fa2ecbeb389)) -* options icon displayed in it's respectie annotation panel when changed position ([05506a8](https://gitlab.gwdg.de/subugoe/emo/tido/-/commit/05506a81bd53b1ba1aa93e9c47310c2499a5c390)) +* options index displayed in it's respectie annotation panel when changed position ([05506a8](https://gitlab.gwdg.de/subugoe/emo/tido/-/commit/05506a81bd53b1ba1aa93e9c47310c2499a5c390)) * panels responsivness ([024a060](https://gitlab.gwdg.de/subugoe/emo/tido/-/commit/024a060fe4b8121c54bfc7b5ea02c613bc505ad3)) @@ -1075,7 +1075,7 @@ All notable changes to this project will be documented in this file. See [standa * adopt the styling from the text panel (content.vue) ([e16bed7](https://gitlab.gwdg.de/subugoe/emo/tido/-/commit/e16bed7a91984af7b77ea02de315208bad214f81)) * basic "style" (fix typo) ([afaa1fc](https://gitlab.gwdg.de/subugoe/emo/tido/-/commit/afaa1fca2b8f4150aef22a7a28923fa38b636dbc)) * changed color style to use quasar variable ([24b230d](https://gitlab.gwdg.de/subugoe/emo/tido/-/commit/24b230de819a9c2a2629fa5e3096e36a12f0a022)) -* improve icon spacing of annotations in text panel ([d4ffdb8](https://gitlab.gwdg.de/subugoe/emo/tido/-/commit/d4ffdb8b44c1b9a5f8bd4384a250416fae64c66b)) +* improve index spacing of annotations in text panel ([d4ffdb8](https://gitlab.gwdg.de/subugoe/emo/tido/-/commit/d4ffdb8b44c1b9a5f8bd4384a250416fae64c66b)) * improve var name ([7bea027](https://gitlab.gwdg.de/subugoe/emo/tido/-/commit/7bea0276573e7ccfaf923b03d1d48e4541536a75)) * introduce new folder for several annotation components ([8cf0e2f](https://gitlab.gwdg.de/subugoe/emo/tido/-/commit/8cf0e2f4c55f4f6b044eadd75df030e19dd7e6b8)) @@ -1147,7 +1147,7 @@ All notable changes to this project will be documented in this file. See [standa ### Styling -* adjust icon size of annotations in text panel ([fe55b46](https://gitlab.gwdg.de/subugoe/emo/tido/-/commit/fe55b46c44c4c818afc3b6dfaa0dab2827e30671)) +* adjust index size of annotations in text panel ([fe55b46](https://gitlab.gwdg.de/subugoe/emo/tido/-/commit/fe55b46c44c4c818afc3b6dfaa0dab2827e30671)) * adjust padding in tree view ([9ce0393](https://gitlab.gwdg.de/subugoe/emo/tido/-/commit/9ce0393cd6d3c0945b24c4faaf1efca1e1bca913)), closes [#255](https://gitlab.gwdg.de/subugoe/emo/tido/-/issues/255) * clean up panel toggles style ([df3fec1](https://gitlab.gwdg.de/subugoe/emo/tido/-/commit/df3fec110586857f3eaf2e98ad668a3d515fe83f)), closes [#258](https://gitlab.gwdg.de/subugoe/emo/tido/-/issues/258) * mark annotations in text panel ([b2bc222](https://gitlab.gwdg.de/subugoe/emo/tido/-/commit/b2bc222e8034419ea4ac77da33a67908073029c0)) @@ -1267,7 +1267,7 @@ All notable changes to this project will be documented in this file. See [standa * add no-padding ([8dcb61a](https://gitlab.gwdg.de/subugoe/emo/tido/-/commit/8dcb61a244f82691d6aa45195744cf581a8d443a)) * added a style class in metadata panel ([a55825b](https://gitlab.gwdg.de/subugoe/emo/tido/-/commit/a55825b19d279c378813617da33fd0a96b190f0e)) -* adjust icon colors in header ([323d5f9](https://gitlab.gwdg.de/subugoe/emo/tido/-/commit/323d5f9906264d60fd6ff4189e0efea9bd3f6484)) +* adjust index colors in header ([323d5f9](https://gitlab.gwdg.de/subugoe/emo/tido/-/commit/323d5f9906264d60fd6ff4189e0efea9bd3f6484)) * don't use CSS style ([6035fb7](https://gitlab.gwdg.de/subugoe/emo/tido/-/commit/6035fb73c7e162a0bf43b4e0ddc44c55be833028)) * reposition icons in header ([a195f90](https://gitlab.gwdg.de/subugoe/emo/tido/-/commit/a195f90a9d269e8f3822262741c860238625ed0f)) * save space in metadata panel ([45581fd](https://gitlab.gwdg.de/subugoe/emo/tido/-/commit/45581fda3b04ec9562399abfb916dd414626abb8)) @@ -1470,7 +1470,7 @@ All notable changes to this project will be documented in this file. See [standa * add stmt to CHANGELOG ([d679512](https://gitlab.gwdg.de/subugoe/emo/tido/-/commit/d679512f008b1e681810dd7ac56b76302f4295e9)) * remove unnecessary passages from GitLab templates, add passage concerning README ([f75c118](https://gitlab.gwdg.de/subugoe/emo/tido/-/commit/f75c118aedf02000ae6a09988e9f0f1ae3f58476)) -* revert icon state and adjust quasar.conf according to new product name ([71145a0](https://gitlab.gwdg.de/subugoe/emo/tido/-/commit/71145a07741ff6a5b6aa777dd7892cce168854c5)) +* revert index state and adjust quasar.conf according to new product name ([71145a0](https://gitlab.gwdg.de/subugoe/emo/tido/-/commit/71145a07741ff6a5b6aa777dd7892cce168854c5)) ## [1.4.5] - 2020-11-02 @@ -1768,7 +1768,7 @@ this should improve the development workflow for all stakeholders. ### Added - add a contribution guideline -- added titles in the footer for Language- and Info-icon +- added titles in the footer for Language- and Info-index ### Changed @@ -1801,7 +1801,7 @@ If used in the latter case, the language toggle shows up in the footer and vice ### Changed -- toggle fs icon on fullscreen change +- toggle fs index on fullscreen change ## [0.0.1] - 2020-05-14 diff --git a/README.md b/README.md index 7fc54cbb..25ab6e4b 100644 --- a/README.md +++ b/README.md @@ -243,19 +243,19 @@ Real world example: "types": [ { "name": "Person", - "icon": "biPersonFill", + "index": "biPersonFill", }, { "name": "Place", - "icon": "biGeoAltFill", + "index": "biGeoAltFill", }, { "name": "Editorial Comment", - "icon": "biChatFill", + "index": "biChatFill", }, { "name": "Reference", - "icon": "biBoxArrowUpRight", + "index": "biBoxArrowUpRight", } ] } @@ -270,7 +270,7 @@ Real world example: "types": [ { "name": "Motif", - "icon": "biPenFill", + "index": "biPenFill", } ] } @@ -374,9 +374,9 @@ no options |-------------------------|------------------------|--------------|------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| | types | AnnotationTypeConfig[] | `[]` | Defines annotation types that should be displayed in this view. The Annotation API response will then be filtered according to this config. | | types[i].name | String | `null` | Specifies the name which corresponds to the `x-content-type` property from annotations response. | -| types[i].icon | String | `null` | Specifies the icon name that should be used in the annotation item. TIDO uses Bootstrap Icons, please lookup the allowed values [here](https://github.com/quasarframework/quasar/blob/dev/extras/bootstrap-icons/icons.json) | +| types[i].index | String | `null` | Specifies the index name that should be used in the annotation item. TIDO uses Bootstrap Icons, please lookup the allowed values [here](https://github.com/quasarframework/quasar/blob/dev/extras/bootstrap-icons/icons.json) | | types[i].displayWhen | String | `null` | Text content type that was specified under [Text options](#text). Annotation will only be shown if that content type is currently active. | -| types[i].annotationType | String | `annotation` | Controls the look of the annotation item. Allowed values: `annotation` or `text`. Currently the only difference is that there is no icon at type `text`. | +| types[i].annotationType | String | `annotation` | Controls the look of the annotation item. Allowed values: `annotation` or `text`. Currently the only difference is that there is no index at type `text`. | ## Bookmarking diff --git a/cypress.config.js b/cypress.config.cjs similarity index 100% rename from cypress.config.js rename to cypress.config.cjs diff --git a/examples/ahiqar-arabic-karshuni.html b/examples/ahiqar-arabic-karshuni.html index ab5c7cec..4e4cb1d8 100644 --- a/examples/ahiqar-arabic-karshuni.html +++ b/examples/ahiqar-arabic-karshuni.html @@ -28,7 +28,7 @@ - - diff --git a/src/components/BreadcrumbNavigation.vue b/src/components/BreadcrumbNavigation.vue deleted file mode 100644 index cc6a10cf..00000000 --- a/src/components/BreadcrumbNavigation.vue +++ /dev/null @@ -1,138 +0,0 @@ - - - - - diff --git a/src/components/ContentView.vue b/src/components/ContentView.vue index 0419f540..b3dde870 100644 --- a/src/components/ContentView.vue +++ b/src/components/ContentView.vue @@ -1,6 +1,6 @@ - - diff --git a/src/components/Loading.vue b/src/components/Loading.vue index fa66092d..9238e20b 100644 --- a/src/components/Loading.vue +++ b/src/components/Loading.vue @@ -1,29 +1,14 @@ diff --git a/src/components/Notification.vue b/src/components/Notification.vue index 41bc56eb..69cd8cd9 100644 --- a/src/components/Notification.vue +++ b/src/components/Notification.vue @@ -1,15 +1,14 @@ diff --git a/src/components/TreeView.vue b/src/components/TreeView.vue index f0ccca02..88d99583 100644 --- a/src/components/TreeView.vue +++ b/src/components/TreeView.vue @@ -1,207 +1,188 @@ - - + diff --git a/src/components/annotations/AnnotationIcon.vue b/src/components/annotations/AnnotationIcon.vue index a627d2e2..2dca16a1 100644 --- a/src/components/annotations/AnnotationIcon.vue +++ b/src/components/annotations/AnnotationIcon.vue @@ -1,30 +1,17 @@ diff --git a/src/components/annotations/AnnotationsView.vue b/src/components/annotations/AnnotationsView.vue index 3869265b..21204487 100644 --- a/src/components/annotations/AnnotationsView.vue +++ b/src/components/annotations/AnnotationsView.vue @@ -1,5 +1,5 @@ + diff --git a/src/components/base/BaseCheckbox.vue b/src/components/base/BaseCheckbox.vue new file mode 100644 index 00000000..48d21a30 --- /dev/null +++ b/src/components/base/BaseCheckbox.vue @@ -0,0 +1,72 @@ + + diff --git a/src/components/base/BaseDialog.vue b/src/components/base/BaseDialog.vue new file mode 100644 index 00000000..af496e95 --- /dev/null +++ b/src/components/base/BaseDialog.vue @@ -0,0 +1,56 @@ + + diff --git a/src/components/base/BaseDropdown.vue b/src/components/base/BaseDropdown.vue new file mode 100644 index 00000000..81117de6 --- /dev/null +++ b/src/components/base/BaseDropdown.vue @@ -0,0 +1,50 @@ + + + diff --git a/src/components/base/BaseIcon.vue b/src/components/base/BaseIcon.vue new file mode 100644 index 00000000..2c9327f5 --- /dev/null +++ b/src/components/base/BaseIcon.vue @@ -0,0 +1,17 @@ + + + + + diff --git a/src/components/header/DarkModeToggle.vue b/src/components/header/DarkModeToggle.vue new file mode 100644 index 00000000..700d0dd8 --- /dev/null +++ b/src/components/header/DarkModeToggle.vue @@ -0,0 +1,17 @@ + + diff --git a/src/components/header/GlobalHeader.vue b/src/components/header/GlobalHeader.vue index 32b1dec1..8602ead0 100644 --- a/src/components/header/GlobalHeader.vue +++ b/src/components/header/GlobalHeader.vue @@ -1,31 +1,29 @@ - - diff --git a/src/components/header/Language.vue b/src/components/header/Language.vue index f297621c..1cf57272 100644 --- a/src/components/header/Language.vue +++ b/src/components/header/Language.vue @@ -1,29 +1,29 @@ - - diff --git a/src/components/header/Navbar.vue b/src/components/header/Navbar.vue index bd40f55f..c3a33b27 100644 --- a/src/components/header/Navbar.vue +++ b/src/components/header/Navbar.vue @@ -1,29 +1,24 @@ @@ -32,19 +27,15 @@ import { computed } from 'vue'; import { useStore } from 'vuex'; import { useI18n } from 'vue-i18n'; -import { biArrowLeft, biArrowRight } from '@quasar/extras/bootstrap-icons'; +import BaseButton from '@/components/base/BaseButton.vue'; const store = useStore(); const { t } = useI18n(); -const prevIcon = biArrowLeft; -const nextIcon = biArrowRight; - const manifest = computed(() => store.getters['contents/manifest']); const manifests = computed(() => store.getters['contents/manifests']); -const item = computed(() => store.getters['contents/item']); const itemUrl = computed(() => store.getters['contents/itemUrl']); -const itemIndex = computed(() => manifest.value ? manifest.value.sequence.findIndex(({ id }) => id === itemUrl.value) : -1); +const itemIndex = computed(() => (manifest.value ? manifest.value.sequence.findIndex(({ id }) => id === itemUrl.value) : -1)); const hasPrev = computed(() => { const prevIndex = itemIndex.value - 1; if (prevIndex < 0) { @@ -64,21 +55,15 @@ const hasNext = computed(() => { } return true; }); -const nextButtonLabel = computed(() => { - return itemIndex.value === manifest.value.sequence.length - 1 - ? `${t('next')} ${t(labels.value.manifest)}` - : `${t('next')} ${t(labels.value.item)}`; -}); -const prevButtonLabel = computed(() => { - return itemIndex.value === 0 - ? `${t('prev')} ${t(labels.value.manifest)}` - : `${t('prev')} ${t(labels.value.item)}`; -}); -const labels = computed(() => { - return store.getters['config/config'].labels || { - manifest: 'manifest', - item: 'item', - }; +const nextButtonLabel = computed(() => (itemIndex.value === manifest.value.sequence.length - 1 + ? `${t('next')} ${t(labels.value.manifest)}` + : `${t('next')} ${t(labels.value.item)}`)); +const prevButtonLabel = computed(() => (itemIndex.value === 0 + ? `${t('prev')} ${t(labels.value.manifest)}` + : `${t('prev')} ${t(labels.value.item)}`)); +const labels = computed(() => store.getters['config/config'].labels || { + manifest: 'manifest', + item: 'item', }); function prev() { @@ -119,17 +104,3 @@ function next() { store.dispatch('contents/initItem', itemUrl); } - - diff --git a/src/components/header/PanelsToggle.vue b/src/components/header/PanelsToggle.vue index da2689d9..425aefe1 100644 --- a/src/components/header/PanelsToggle.vue +++ b/src/components/header/PanelsToggle.vue @@ -1,76 +1,57 @@ @@ -78,12 +59,10 @@ import { computed, ref, watch } from 'vue'; import { useStore } from 'vuex'; import { useI18n } from 'vue-i18n'; -import { - biCheckCircleFill, - biCircle, - biArrowCounterclockwise, - biChevronDown, -} from '@quasar/extras/bootstrap-icons'; +import { isMobile } from '@/utils/is-mobile'; +import BaseCheckbox from '@/components/base/BaseCheckbox.vue'; +import BaseButton from '@/components/base/BaseButton.vue'; +import BaseDropdown from '@/components/base/BaseDropdown.vue'; const store = useStore(); const { t } = useI18n(); @@ -91,11 +70,6 @@ const { t } = useI18n(); const toggles = ref([]); const showDropdown = ref(false); -const checkedIcon = biCheckCircleFill; -const uncheckedIcon = biCircle; -const resetIcon = biArrowCounterclockwise; -const dropdownIcon = biChevronDown; - const panels = computed(() => store.getters['config/config'].panels); const resetColor = computed(() => (toggles.value.filter(({ show }) => !show).length > 0 ? 'primary' : 'grey-7')); @@ -109,26 +83,6 @@ watch( { immediate: true }, ); -watch( - showDropdown, - (value) => { - const tido = document.getElementById('tido'); - let backdrop = tido.querySelector('#tido-backdrop'); - if (value) { - if (!backdrop) { - const el = document.createElement('div'); - el.id = 'tido-backdrop'; - tido.appendChild(el); - backdrop = tido.querySelector('#tido-backdrop'); - backdrop.clickOutsideEvent = () => { - showDropdown.value = false; - }; - backdrop.addEventListener('click', backdrop.clickOutsideEvent); - } - } else if (backdrop) backdrop.remove(); - }, -); - function update(index, show) { if (show === false) { let numberClosedPanels = 0; @@ -169,31 +123,3 @@ function handleToggleTitle(idx) { : `${t('show')} ${titleUpper} Panel`; } - - diff --git a/src/components/header/SoftwareInfo.vue b/src/components/header/SoftwareInfo.vue index b4a5a841..705a6838 100644 --- a/src/components/header/SoftwareInfo.vue +++ b/src/components/header/SoftwareInfo.vue @@ -1,96 +1,72 @@ diff --git a/src/components/header/TitleBar.vue b/src/components/header/TitleBar.vue index 34e0821f..808615d7 100644 --- a/src/components/header/TitleBar.vue +++ b/src/components/header/TitleBar.vue @@ -1,37 +1,33 @@