diff options
| author | Henry Jameson <me@hjkos.com> | 2020-01-27 04:24:00 +0200 |
|---|---|---|
| committer | Henry Jameson <me@hjkos.com> | 2020-01-27 04:24:00 +0200 |
| commit | 5313833d80221bbad667aeda39ca9e7321489e30 (patch) | |
| tree | 74fa1f6a751ddb811e7be68e9c0be36175efab5f | |
| parent | 7c074b87418602effac03c4bae34afffcfca283f (diff) | |
lint
| -rw-r--r-- | src/components/style_switcher/style_switcher.vue | 137 | ||||
| -rw-r--r-- | test/unit/specs/services/theme_data/theme_data.spec.js | 1 |
2 files changed, 70 insertions, 68 deletions
diff --git a/src/components/style_switcher/style_switcher.vue b/src/components/style_switcher/style_switcher.vue index 1c39a806..6e38bd8e 100644 --- a/src/components/style_switcher/style_switcher.vue +++ b/src/components/style_switcher/style_switcher.vue @@ -1,74 +1,77 @@ <template> -<div class="style-switcher"> - <div class="presets-container"> - <div class="save-load"> - <div class="theme-warning" v-if="themeWarning"> - <div class="alert warning"> - {{ themeWarningHelp }} - </div> - <div class="buttons"> - <template v-if="themeWarning.type === 'snapshot_source_mismatch'"> - <button - class="btn" - @click="forceLoad" - > - {{ $t('settings.style.switcher.use_source') }} - </button> - <button - class="btn" - @click="forceSnapshot" - > - {{ $t('settings.style.switcher.use_snapshot') }} - </button> - </template> - <template v-else-if="themeWarning.noActionsPossible"> - <button - class="btn" - @click="dismissWarning" - > - {{ $t('general.dismiss') }} - </button> - </template> - <template v-else> - <button - class="btn" - @click="forceLoad" - > - {{ $t('settings.style.switcher.load_theme') }} - </button> - <button - class="btn" - @click="dismissWarning" - > - {{ $t('settings.style.switcher.keep_as_is') }} - </button> - </template> + <div class="style-switcher"> + <div class="presets-container"> + <div class="save-load"> + <div + v-if="themeWarning" + class="theme-warning" + > + <div class="alert warning"> + {{ themeWarningHelp }} + </div> + <div class="buttons"> + <template v-if="themeWarning.type === 'snapshot_source_mismatch'"> + <button + class="btn" + @click="forceLoad" + > + {{ $t('settings.style.switcher.use_source') }} + </button> + <button + class="btn" + @click="forceSnapshot" + > + {{ $t('settings.style.switcher.use_snapshot') }} + </button> + </template> + <template v-else-if="themeWarning.noActionsPossible"> + <button + class="btn" + @click="dismissWarning" + > + {{ $t('general.dismiss') }} + </button> + </template> + <template v-else> + <button + class="btn" + @click="forceLoad" + > + {{ $t('settings.style.switcher.load_theme') }} + </button> + <button + class="btn" + @click="dismissWarning" + > + {{ $t('settings.style.switcher.keep_as_is') }} + </button> + </template> + </div> </div> - </div> - <ExportImport - :export-object="exportedTheme" - :export-label="$t("settings.export_theme")" - :import-label="$t("settings.import_theme")" - :import-failed-text="$t("settings.invalid_theme_imported")" - :on-import="onImport" - :validator="importValidator" - > - <template slot="before"> - <div class="presets"> - {{ $t('settings.presets') }} - <label - for="preset-switcher" - class="select" + <ExportImport + :export-object="exportedTheme" + :export-label="$t("settings.export_theme")" + :import-label="$t("settings.import_theme")" + :import-failed-text="$t("settings.invalid_theme_imported")" + :on-import="onImport" + :validator="importValidator" + > + <template slot="before"> + <div class="presets"> + {{ $t('settings.presets') }} + <label + for="preset-switcher" + class="select" > - <select - id="preset-switcher" - v-model="selected" - class="preset-switcher" + <select + id="preset-switcher" + v-model="selected" + class="preset-switcher" > - <option - v-for="style in availableStyles" - :key="style.name" - :value="style" + <option + v-for="style in availableStyles" + :key="style.name" + :value="style" :style="{ backgroundColor: style[1] || (style.theme || style.source).colors.bg, color: style[3] || (style.theme || style.source).colors.text diff --git a/test/unit/specs/services/theme_data/theme_data.spec.js b/test/unit/specs/services/theme_data/theme_data.spec.js index 67f4fd5a..c634cade 100644 --- a/test/unit/specs/services/theme_data/theme_data.spec.js +++ b/test/unit/specs/services/theme_data/theme_data.spec.js @@ -86,5 +86,4 @@ describe('Theme Data utility functions', () => { expect(out.indexOf('a')).to.be.below(out.indexOf('c')) }) }) - }) |
