ramon
/
skillbox
1
0
Fork 0
Code Issues 1 Pull Requests 1 Packages Projects 1 Releases 1 Wiki Activity

Fix linter errors

This commit is contained in:
Lorenz Padberg 2023-08-22 15:11:13 +02:00
parent 990b92139f
commit 1d9290a688
4 changed files with 19 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
client/src/components/modules/ModuleFilter.vue
View File

@ -1,10 +1,11 @@
<template> <template>
<div class="module-filter"> <div class="module-filter">
<div class="module-filter__filterselection"> <div class="module-filter__filterselection">
<Dropdown class="module-filter__dropdown" <Dropdown
:selected-item="selectedLevel" class="module-filter__dropdown"
:items="moduleLevels" :selected-item="selectedLevel"
@update:selectedItem="updateLevel" :items="moduleLevels"
@update:selectedItem="updateLevel"
></Dropdown> ></Dropdown>
<Dropdown <Dropdown
@ -13,10 +14,11 @@
:items="moduleCategories" :items="moduleCategories"
@update:selectedItem="newItem => selectedCategory = newItem" @update:selectedItem="newItem => selectedCategory = newItem"
></Dropdown> ></Dropdown>
<pill-radio-buttons :selectableItems="languageOptions" <pill-radio-buttons
:defaultSelectedItem="initialLanguage" :selectableItems="languageOptions"
class="module-filter__language-selection" :defaultSelectedItem="initialLanguage"
@update:selectedItem="item => selectedLanguage = item"/> class="module-filter__language-selection"
@update:selectedItem="item => selectedLanguage = item"/>
</div> </div>
<div class="topic__modules"> <div class="topic__modules">
@ -124,7 +126,8 @@
} }
const filterByLanguage = (module: Object, language: Object) => { const filterByLanguage = (module: Object, language: Object) => {
console.log("selectedLanguage", selectedLanguage.value); console.log("selectedLanguage", selectedLanguage.value, language);
console.log("module.languages", module);
return true return true
} }

8
client/src/components/modules/ModuleTeaser.vue
View File

@ -18,8 +18,8 @@
{{ teaser }} {{ teaser }}
</p> </p>
<div class="module-teaser__pills"> <div class="module-teaser__pills">
<pill :text="level?.name"></pill> <pill :text="level?.name"></pill>
<pill :text="category?.name"></pill> <pill :text="category?.name"></pill>
</div> </div>
</div> </div>
</router-link> </router-link>
@ -29,9 +29,11 @@
import Pill from "@/components/ui/Pill.vue"; import Pill from "@/components/ui/Pill.vue";
export default { export default {
components: {Pill},
props: ['metaTitle', 'title', 'teaser', 'id', 'slug', 'heroImage', 'level', 'category'], props: ['metaTitle', 'title', 'teaser', 'id', 'slug', 'heroImage', 'level', 'category'],
components: {Pill},
computed: { computed: {
moduleLink() { moduleLink() {

2
client/src/components/ui/Dropdown.vue
View File

@ -41,7 +41,7 @@
import {ref} from "vue"; import {ref} from "vue";
import ChevronDown from "@/components/icons/ChevronDown.vue"; import ChevronDown from "@/components/icons/ChevronDown.vue";
const props = defineProps<{ defineProps<{
selectedItem: Object, selectedItem: Object,
items: Object[], items: Object[],
}>(); }>();

4
client/src/pages/topic-page.vue
View File

@ -15,7 +15,7 @@
{{ topic.teaser }} {{ topic.teaser }}
</p> </p>
<div class="topic__modulefilter"> <div class="topic__modulefilter">
<module-filter v-if="modules.length > 0" :modules="modules" :me="me"></module-filter> <module-filter :modules="modules" :me="me" v-if="modules.length > 0" ></module-filter>
</div> </div>
<div class="topic__links"> <div class="topic__links">
<div <div
@ -42,7 +42,6 @@
</template> </template>
<script> <script>
import ModuleTeaser from '@/components/modules/ModuleTeaser.vue';
import ModuleFilter from '@/components/modules/ModuleFilter.vue'; import ModuleFilter from '@/components/modules/ModuleFilter.vue';
import { defineAsyncComponent } from 'vue'; import { defineAsyncComponent } from 'vue';
import TOPIC_QUERY from '@/graphql/gql/queries/topicQuery.gql'; import TOPIC_QUERY from '@/graphql/gql/queries/topicQuery.gql';
@ -59,7 +58,6 @@ export default {
mixins: [me], mixins: [me],
components: { components: {
TopicNavigation, TopicNavigation,
ModuleTeaser,
PlayIcon, PlayIcon,
BulbIcon, BulbIcon,
ModuleFilter, ModuleFilter,