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

Refactor component name and class names

This commit is contained in:
Ramon Wenger 2022-07-15 17:35:18 +02:00
parent f695b481e4
commit 7d1a1bbe4d
3 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
client/src/components/book-navigation/ContentNavigation.vue
View File

@ -15,7 +15,7 @@
{{ $flavor.textTopics }} {{ $flavor.textTopics }}
</router-link> </router-link>
<book-topic-navigation <topic-navigation
v-if="isSidebar" v-if="isSidebar"
/> />
</div> </div>
@ -97,7 +97,7 @@
</template> </template>
<script> <script>
import BookTopicNavigation from '@/components/book-navigation/BookTopicNavigation'; import TopicNavigation from '@/components/book-navigation/TopicNavigation';
import sidebarMixin from '@/mixins/sidebar'; import sidebarMixin from '@/mixins/sidebar';
import meMixin from '@/mixins/me'; import meMixin from '@/mixins/me';
@ -114,7 +114,7 @@
mixins: [sidebarMixin, meMixin], mixins: [sidebarMixin, meMixin],
components: { components: {
BookTopicNavigation, TopicNavigation,
Logo Logo
}, },

8
client/src/components/book-navigation/BookTopicNavigation.vue → client/src/components/book-navigation/TopicNavigation.vue
View File

@ -1,11 +1,11 @@
<template> <template>
<nav class="book-topics"> <nav class="topic-navigation">
<router-link <router-link
:to="{name: 'topic', params: {topicSlug: topic.slug}}" :to="{name: 'topic', params: {topicSlug: topic.slug}}"
:class="{'book-topics__topic--active': topic.active, 'book-subnavigation__item--mobile': mobile}" :class="{'topic-navigation__topic--active': topic.active, 'book-subnavigation__item--mobile': mobile}"
tag="div" tag="div"
active-class="book-subnavigation__item--active" active-class="book-subnavigation__item--active"
class="book-topics__topic book-subnavigation__item" class="topic-navigation__topic book-subnavigation__item"
v-for="topic in topics" v-for="topic in topics"
:key="topic.id" :key="topic.id"
@click.native="closeSidebar('navigation')" @click.native="closeSidebar('navigation')"
@ -58,7 +58,7 @@
<style scoped lang="scss"> <style scoped lang="scss">
@import "@/styles/_variables.scss"; @import "@/styles/_variables.scss";
.book-topics { .topic-navigation {
&__topic { &__topic {
} }
} }

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

@ -1,7 +1,7 @@
<template> <template>
<div class="topic"> <div class="topic">
<div class="topic__navigation"> <div class="topic__navigation">
<book-topic-navigation /> <topic-navigation />
</div> </div>
<div class="topic__content"> <div class="topic__content">
@ -48,7 +48,7 @@
import ModuleTeaser from '@/components/modules/ModuleTeaser.vue'; import ModuleTeaser from '@/components/modules/ModuleTeaser.vue';
import TOPIC_QUERY from '@/graphql/gql/queries/topicQuery.gql'; import TOPIC_QUERY from '@/graphql/gql/queries/topicQuery.gql';
import me from '@/mixins/me'; import me from '@/mixins/me';
import BookTopicNavigation from '@/components/book-navigation/BookTopicNavigation'; import TopicNavigation from '@/components/book-navigation/TopicNavigation';
import UPDATE_LAST_TOPIC_MUTATION from '@/graphql/gql/mutations/updateLastTopic.gql'; import UPDATE_LAST_TOPIC_MUTATION from '@/graphql/gql/mutations/updateLastTopic.gql';
import ME_QUERY from '@/graphql/gql/queries/meQuery.gql'; import ME_QUERY from '@/graphql/gql/queries/meQuery.gql';
@ -60,7 +60,7 @@
mixins: [me], mixins: [me],
components: { components: {
BookTopicNavigation, TopicNavigation,
ModuleTeaser, ModuleTeaser,
PlayIcon, PlayIcon,
BulbIcon, BulbIcon,