Fix linting error
This commit is contained in:
Lorenz Padberg
parent
d3b51b1006
commit
106bad4c52
|
|
@ -5,19 +5,20 @@
|
|||
v-if="module.id"
|
||||
>
|
||||
<div class="module__header">
|
||||
<h2
|
||||
class="module__meta-title"
|
||||
id="meta-title"
|
||||
>
|
||||
{{ module.metaTitle }}
|
||||
</h2>
|
||||
|
||||
<h2
|
||||
class="module__meta-title"
|
||||
id="meta-title"
|
||||
>
|
||||
{{ module.metaTitle }}
|
||||
</h2>
|
||||
|
||||
<div class="module__categoryindicators" v-if="$flavor.showModuleFilter">
|
||||
<div
|
||||
class="module__categoryindicators"
|
||||
v-if="$flavor.showModuleFilter"
|
||||
>
|
||||
<pill :text="module.level?.name"></pill>
|
||||
<pill :text="module.category?.name"></pill>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<h1
|
||||
|
|
@ -66,7 +67,7 @@
|
|||
|
||||
<div
|
||||
class="module__objective-groups"
|
||||
v-if="module.objectiveGroups.length"
|
||||
v-if="module.objectiveGroups.length && showObjectives() || true"
|
||||
>
|
||||
<objective-groups
|
||||
:groups="languageCommunicationObjectiveGroups"
|
||||
|
|
@ -95,127 +96,131 @@
|
|||
</template>
|
||||
|
||||
<script>
|
||||
import ObjectiveGroups from '@/components/objective-groups/ObjectiveGroups.vue';
|
||||
import Chapter from '@/components/Chapter.vue';
|
||||
import BookmarkActions from '@/components/notes/BookmarkActions.vue';
|
||||
import Pill from "@/components/ui/Pill.vue";
|
||||
import ObjectiveGroups from '@/components/objective-groups/ObjectiveGroups.vue';
|
||||
import Chapter from '@/components/Chapter.vue';
|
||||
import BookmarkActions from '@/components/notes/BookmarkActions.vue';
|
||||
import Pill from '@/components/ui/Pill.vue';
|
||||
|
||||
export default {
|
||||
props: {
|
||||
module: {
|
||||
type: Object,
|
||||
default: () => ({}),
|
||||
},
|
||||
export default {
|
||||
props: {
|
||||
module: {
|
||||
type: Object,
|
||||
default: () => ({}),
|
||||
},
|
||||
},
|
||||
|
||||
components: {
|
||||
Pill,
|
||||
BookmarkActions,
|
||||
ObjectiveGroups,
|
||||
Chapter,
|
||||
},
|
||||
components: {
|
||||
Pill,
|
||||
BookmarkActions,
|
||||
ObjectiveGroups,
|
||||
Chapter,
|
||||
},
|
||||
|
||||
computed: {
|
||||
languageCommunicationObjectiveGroups() {
|
||||
return this.module.objectiveGroups
|
||||
? this.module.objectiveGroups.filter((group) => group.title.toLowerCase() === 'language_communication')
|
||||
: [];
|
||||
},
|
||||
societyObjectiveGroups() {
|
||||
return this.module.objectiveGroups
|
||||
? this.module.objectiveGroups.filter((group) => group.title.toLowerCase() === 'society')
|
||||
: [];
|
||||
},
|
||||
interdisciplinaryObjectiveGroups() {
|
||||
return this.module.objectiveGroups
|
||||
? this.module.objectiveGroups.filter((group) => group.title.toLowerCase() === 'interdisciplinary')
|
||||
: [];
|
||||
},
|
||||
note() {
|
||||
if (!(this.module && this.module.bookmark)) {
|
||||
return;
|
||||
}
|
||||
return this.module.bookmark.note;
|
||||
},
|
||||
computed: {
|
||||
languageCommunicationObjectiveGroups() {
|
||||
return this.module.objectiveGroups
|
||||
? this.module.objectiveGroups.filter((group) => group.title.toLowerCase() === 'language_communication')
|
||||
: [];
|
||||
},
|
||||
};
|
||||
societyObjectiveGroups() {
|
||||
return this.module.objectiveGroups
|
||||
? this.module.objectiveGroups.filter((group) => group.title.toLowerCase() === 'society')
|
||||
: [];
|
||||
},
|
||||
interdisciplinaryObjectiveGroups() {
|
||||
return this.module.objectiveGroups
|
||||
? this.module.objectiveGroups.filter((group) => group.title.toLowerCase() === 'interdisciplinary')
|
||||
: [];
|
||||
},
|
||||
note() {
|
||||
if (!(this.module && this.module.bookmark)) {
|
||||
return;
|
||||
}
|
||||
return this.module.bookmark.note;
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
showObjectives() {
|
||||
return this.$route && this.$route.query["show-objectives"] !== undefined;
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
@import 'styles/helpers';
|
||||
@import 'styles/helpers';
|
||||
|
||||
.module {
|
||||
.module {
|
||||
display: flex;
|
||||
justify-self: center;
|
||||
max-width: 100vw;
|
||||
|
||||
padding: $large-spacing 0;
|
||||
@include desktop {
|
||||
width: 800px;
|
||||
padding: $large-spacing 15px;
|
||||
}
|
||||
flex-direction: column;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
|
||||
&__hero {
|
||||
margin-bottom: 35px;
|
||||
}
|
||||
|
||||
&__hero-image {
|
||||
max-width: 100%;
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
&__hero-source {
|
||||
@include tiny-text;
|
||||
line-height: 25px;
|
||||
}
|
||||
|
||||
&__header {
|
||||
display: flex;
|
||||
justify-self: center;
|
||||
max-width: 100vw;
|
||||
justify-content: flex-start;
|
||||
align-items: stretch;
|
||||
margin-bottom: $small-spacing;
|
||||
}
|
||||
|
||||
padding: $large-spacing 0;
|
||||
@include desktop {
|
||||
width: 800px;
|
||||
padding: $large-spacing 15px;
|
||||
}
|
||||
flex-direction: column;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
&__meta-title {
|
||||
@include meta-title;
|
||||
margin-right: $medium-spacing;
|
||||
}
|
||||
|
||||
&__hero {
|
||||
margin-bottom: 35px;
|
||||
&__intro-wrapper {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
&__intro {
|
||||
> :deep(p) {
|
||||
margin-bottom: $large-spacing;
|
||||
@include lead-paragraph;
|
||||
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&__hero-image {
|
||||
max-width: 100%;
|
||||
border-radius: 12px;
|
||||
}
|
||||
> :deep(ul) {
|
||||
@include list-parent;
|
||||
|
||||
&__hero-source {
|
||||
@include tiny-text;
|
||||
line-height: 25px;
|
||||
}
|
||||
|
||||
&__header {
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
align-items: stretch;
|
||||
margin-bottom: $small-spacing;
|
||||
}
|
||||
|
||||
&__meta-title {
|
||||
@include meta-title;
|
||||
margin-right: $medium-spacing;
|
||||
|
||||
}
|
||||
|
||||
&__intro-wrapper {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
&__intro {
|
||||
> :deep(p) {
|
||||
margin-bottom: $large-spacing;
|
||||
> li {
|
||||
@include list-child;
|
||||
@include lead-paragraph;
|
||||
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
> :deep(ul) {
|
||||
@include list-parent;
|
||||
|
||||
> li {
|
||||
@include list-child;
|
||||
@include lead-paragraph;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&__bookmark-actions {
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
&__objective-groups {
|
||||
margin-bottom: 2 * $large-spacing;
|
||||
}
|
||||
}
|
||||
|
||||
&__bookmark-actions {
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
&__objective-groups {
|
||||
margin-bottom: 2 * $large-spacing;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
Loading…
Reference in New Issue