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

Refactor widget name

This commit is contained in:
Ramon Wenger 2018-09-05 17:56:33 +02:00
parent bdc9fc6cb0
commit b23fc8c055
2 changed files with 23 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
client/src/components/AddContentBlockWidget.vue → client/src/components/ContentBlockChooserWidget.vue
View File

@ -1,28 +1,28 @@
<template> <template>
<div class="add-content-block-widget"> <div class="content-block-chooser-widget">
<div class="add-content-block-widget__link"> <div class="content-block-chooser-widget__link">
<link-icon class="add-content-block-widget__link-icon"></link-icon> <link-icon class="content-block-chooser-widget__link-icon"></link-icon>
<div class="add-content-block-widget__link-title">Link</div> <div class="content-block-chooser-widget__link-title">Link</div>
</div> </div>
<div class="add-content-block-widget__link"> <div class="content-block-chooser-widget__link">
<video-icon class="add-content-block-widget__link-icon"></video-icon> <video-icon class="content-block-chooser-widget__link-icon"></video-icon>
<div class="add-content-block-widget__link-title">Video</div> <div class="content-block-chooser-widget__link-title">Video</div>
</div> </div>
<div class="add-content-block-widget__link"> <div class="content-block-chooser-widget__link">
<image-icon class="add-content-block-widget__link-icon"></image-icon> <image-icon class="content-block-chooser-widget__link-icon"></image-icon>
<div class="add-content-block-widget__link-title">Bild</div> <div class="content-block-chooser-widget__link-title">Bild</div>
</div> </div>
<div class="add-content-block-widget__link"> <div class="content-block-chooser-widget__link">
<text-icon class="add-content-block-widget__link-icon"></text-icon> <text-icon class="content-block-chooser-widget__link-icon"></text-icon>
<div class="add-content-block-widget__link-title">Text</div> <div class="content-block-chooser-widget__link-title">Text</div>
</div> </div>
<div class="add-content-block-widget__link"> <div class="content-block-chooser-widget__link">
<speech-bubble-icon class="add-content-block-widget__link-icon"></speech-bubble-icon> <speech-bubble-icon class="content-block-chooser-widget__link-icon"></speech-bubble-icon>
<div class="add-content-block-widget__link-title">Aufgabe&nbsp;& Ergebnis</div> <div class="content-block-chooser-widget__link-title">Aufgabe&nbsp;& Ergebnis</div>
</div> </div>
<div class="add-content-block-widget__link"> <div class="content-block-chooser-widget__link">
<document-icon class="add-content-block-widget__link-icon"></document-icon> <document-icon class="content-block-chooser-widget__link-icon"></document-icon>
<div class="add-content-block-widget__link-title">Dokument</div> <div class="content-block-chooser-widget__link-title">Dokument</div>
</div> </div>
</div> </div>
</template> </template>
@ -51,7 +51,7 @@
@import "@/styles/_variables.scss"; @import "@/styles/_variables.scss";
@import "@/styles/_functions.scss"; @import "@/styles/_functions.scss";
.add-content-block-widget { .content-block-chooser-widget {
display: grid; display: grid;
grid-template-columns: repeat(6, 1fr); grid-template-columns: repeat(6, 1fr);
grid-column-gap: 0px; grid-column-gap: 0px;

6
client/src/components/Modal.vue
View File

@ -5,7 +5,7 @@
<content-block-title-input></content-block-title-input> <content-block-title-input></content-block-title-input>
</div> </div>
<div class="modal__body"> <div class="modal__body">
<add-content-block-widget></add-content-block-widget> <content-block-chooser-widget></content-block-chooser-widget>
</div> </div>
<div class="modal__footer"> <div class="modal__footer">
<a class="button button--active">Speichern</a> <a class="button button--active">Speichern</a>
@ -16,12 +16,12 @@
</template> </template>
<script> <script>
import AddContentBlockWidget from '@/components/AddContentBlockWidget'; import ContentBlockChooserWidget from '@/components/ContentBlockChooserWidget';
import ContentBlockTitleInput from '@/components/ContentBlockTitleInput'; import ContentBlockTitleInput from '@/components/ContentBlockTitleInput';
export default { export default {
components: { components: {
AddContentBlockWidget, ContentBlockChooserWidget,
ContentBlockTitleInput ContentBlockTitleInput
}, },