Seekra/frontend
3
3
Fork 0
generated from Seekra/repository-template
Code Issues 10 Pull Requests 1 Actions Packages Projects 1 Releases 1 Wiki Activity

Compare commits

base: Seekra/frontend:main
Branches Tags
Seekra/frontend:main Seekra/frontend:feature/make-language-a-setting Seekra/frontend:chore/privacy-policy-and-imprint
Seekra/frontend:initial
..
compare: Seekra/frontend:646cc13751df2cbfaa26528ec28da44295d756ed
Branches Tags
Seekra/frontend:feature/make-language-a-setting Seekra/frontend:main Seekra/frontend:chore/privacy-policy-and-imprint
Seekra/frontend:initial
10 Commits
main .. 646cc13751
Author SHA1 Message Date
jakob.scheid 646cc13751 feat(style): add style for JavaScript disabled 
Add inline stylesheet which is used if JavaScript is disabled.
 2026-08-06 23:39:18 +02:00
jakob.scheid dfac9f7da3 feat(legal): add <noscript> containing legal notice link 
Added a <noscript> with a link to the legal notice and a note to enable
JavaScript to use Seekra. This ensures that also users with JavaScript
disabled can access legal content.
 2026-08-06 23:34:34 +02:00
jakob.scheid dd8263b2b8 test(legal): add test for the legal notice view 
Added tests for the legal notice view (LegalNoticeView.vue).
 2026-08-06 23:29:23 +02:00
jakob.scheid 589d886a63 test(legal): add tests for getLegalNotice 2026-08-06 23:29:22 +02:00
jakob.scheid a14189e130 feat(legal): add legal notice loading indicator 2026-08-06 23:29:22 +02:00
jakob.scheid d0a2cce293 feat(legal): add legal notice error handling 
The legal notice view now shows an error box if the legal notice could
not be loaded.
 2026-08-06 23:29:22 +02:00
jakob.scheid 15b2673643 fix(style): set link color to --dark variable 
This change was necessary due to the dynamically loaded legal notice.
Links would have the default color without this fix.
 2026-08-06 23:29:21 +02:00
jakob.scheid e62fdea1b4 feat(legal): load and display legal notice 2026-08-06 23:29:21 +02:00
jakob.scheid 542d295650 feat(legal): add legal notice link in the footer 
Added a link to the legal notice in the footer and revised the layout of
the last footer segment: The segment is now a grid container and the
legal links (currently only the legal notice link) are displayed at the
end. The copyright notice remains centered. On small screens, the legal
links are displayed centered below the copyright notice.
 2026-08-06 23:29:20 +02:00
jakob.scheid 8177d67ed1 feat(legal): add route for the legal notice 2026-08-06 23:29:20 +02:00
2 changed files with 4 additions and 29 deletions
Expand all files Collapse all files
src/features/settings/components/Selection.vue
+4 -3
View File
@@ -54,9 +54,10 @@ const props = defineProps({
const store = useSettingsStore(); const store = useSettingsStore();
const optionType = computed(() => props.setting.allowMultiple ? 'checkbox' : 'radio'); const optionType = computed(() => props.setting.allowMultiple ? 'checkbox' : 'radio');
const selected = computed({ const selected = ref(normalizeSelectedValue(store.get(props.path) ?? props.setting.default));
get: () => normalizeSelectedValue(store.get(props.path) ?? props.setting.default),
set: (value) => store.set(props.path, value) watch(selected, (newValue) => {
store.set(props.path, newValue);
}); });
const labelId = useId(); const labelId = useId();
src/features/settings/components/__tests__/Selection.test.js
-26
View File
@@ -90,32 +90,6 @@ describe('Selection', () => {
expect(inputsChecked).toStrictEqual([false, true, false]); expect(inputsChecked).toStrictEqual([false, true, false]);
}); });
test('reacts on store change', async () => {
const wrapper = getWrapper({
options: exampleOptions,
piniaOptions: {
setupStores: () => {
const store = useSettingsStore();
store.set('selection', 'o1');
}
}
});
const settings = useSettingsStore();
{
const inputs = wrapper.findAll('input');
const inputsChecked = getChecked(inputs);
expect(inputsChecked).toStrictEqual([false, true, false]);
}
{
settings.set('selection', 'o2');
await nextTick();
const inputs = wrapper.findAll('input');
const inputsChecked = getChecked(inputs);
expect(inputsChecked).toStrictEqual([false, false, true]);
}
});
test('shows multiple values from store', () => { test('shows multiple values from store', () => {
const wrapper = getWrapper({ const wrapper = getWrapper({
options: exampleOptions, options: exampleOptions,