Fix linting error
This commit is contained in:
parent
d3b51b1006
commit
106bad4c52
|
|
@ -5,7 +5,6 @@
|
||||||
v-if="module.id"
|
v-if="module.id"
|
||||||
>
|
>
|
||||||
<div class="module__header">
|
<div class="module__header">
|
||||||
|
|
||||||
<h2
|
<h2
|
||||||
class="module__meta-title"
|
class="module__meta-title"
|
||||||
id="meta-title"
|
id="meta-title"
|
||||||
|
|
@ -13,11 +12,13 @@
|
||||||
{{ module.metaTitle }}
|
{{ module.metaTitle }}
|
||||||
</h2>
|
</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.level?.name"></pill>
|
||||||
<pill :text="module.category?.name"></pill>
|
<pill :text="module.category?.name"></pill>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<h1
|
<h1
|
||||||
|
|
@ -66,7 +67,7 @@
|
||||||
|
|
||||||
<div
|
<div
|
||||||
class="module__objective-groups"
|
class="module__objective-groups"
|
||||||
v-if="module.objectiveGroups.length"
|
v-if="module.objectiveGroups.length && showObjectives() || true"
|
||||||
>
|
>
|
||||||
<objective-groups
|
<objective-groups
|
||||||
:groups="languageCommunicationObjectiveGroups"
|
:groups="languageCommunicationObjectiveGroups"
|
||||||
|
|
@ -95,12 +96,12 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import ObjectiveGroups from '@/components/objective-groups/ObjectiveGroups.vue';
|
import ObjectiveGroups from '@/components/objective-groups/ObjectiveGroups.vue';
|
||||||
import Chapter from '@/components/Chapter.vue';
|
import Chapter from '@/components/Chapter.vue';
|
||||||
import BookmarkActions from '@/components/notes/BookmarkActions.vue';
|
import BookmarkActions from '@/components/notes/BookmarkActions.vue';
|
||||||
import Pill from "@/components/ui/Pill.vue";
|
import Pill from '@/components/ui/Pill.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
props: {
|
props: {
|
||||||
module: {
|
module: {
|
||||||
type: Object,
|
type: Object,
|
||||||
|
|
@ -138,13 +139,18 @@
|
||||||
return this.module.bookmark.note;
|
return this.module.bookmark.note;
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
};
|
methods: {
|
||||||
|
showObjectives() {
|
||||||
|
return this.$route && this.$route.query["show-objectives"] !== undefined;
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
@import 'styles/helpers';
|
@import 'styles/helpers';
|
||||||
|
|
||||||
.module {
|
.module {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-self: center;
|
justify-self: center;
|
||||||
max-width: 100vw;
|
max-width: 100vw;
|
||||||
|
|
@ -183,7 +189,6 @@
|
||||||
&__meta-title {
|
&__meta-title {
|
||||||
@include meta-title;
|
@include meta-title;
|
||||||
margin-right: $medium-spacing;
|
margin-right: $medium-spacing;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
&__intro-wrapper {
|
&__intro-wrapper {
|
||||||
|
|
@ -217,5 +222,5 @@
|
||||||
&__objective-groups {
|
&__objective-groups {
|
||||||
margin-bottom: 2 * $large-spacing;
|
margin-bottom: 2 * $large-spacing;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue