alx/procat2
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

add DragListHeading for cat contents

Browse Source
This commit is contained in:
Seth Ladygo
2019-05-14 16:07:47 -07:00
parent 9d18b47aee
commit 7fa2098c73
2 changed files with 32 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
cateditor/src/components/CatalogContents.vue
View File

@ -7,11 +7,9 @@
</v-layout> </v-layout>
<v-layout row fill-height> <v-layout row fill-height>
<v-flex xs3> <v-flex xs4>
<v-card> <v-card>
<v-card class="subheading font-weight-bold pa-2" color="grey lighten-2"> <DragListHeading title="Sections" />
Sections
</v-card>
<div id="sections" class="list-group"> <div id="sections" class="list-group">
<div v-for="item in sections" :key="item.id"> <div v-for="item in sections" :key="item.id">
@ -32,11 +30,9 @@
</v-card> </v-card>
</v-flex> </v-flex>
<v-flex xs3> <v-flex xs4>
<v-card> <v-card>
<v-card class="subheading font-weight-bold pa-2" color="grey lighten-2"> <DragListHeading title="Models" />
Models
</v-card>
<div id="models" class="list-group"> <div id="models" class="list-group">
<div v-for="item in selectedModels" :key="item.model"> <div v-for="item in selectedModels" :key="item.model">
@ -54,11 +50,9 @@
</v-card> </v-card>
</v-flex> </v-flex>
<v-flex xs3> <v-flex xs4>
<v-card> <v-card>
<v-card class="subheading font-weight-bold pa-2" color="grey lighten-2"> <DragListHeading title="Materials" />
Materials
</v-card>
<div id="materials" class="list-group"> <div id="materials" class="list-group">
<div v-for="item in selectedMaterials" :key="item.id"> <div v-for="item in selectedMaterials" :key="item.id">
@ -89,12 +83,14 @@
import Sortable from 'sortablejs' import Sortable from 'sortablejs'
import { mapState, mapGetters, mapActions } from 'vuex' import { mapState, mapGetters, mapActions } from 'vuex'
import arrayMove from 'array-move' import arrayMove from 'array-move'
import RawDisplayer from './RawDisplayer' //import RawDisplayer from './RawDisplayer'
import { paginateModels } from '@/pagination' import { paginateModels } from '@/pagination'
import DragListHeading from './DragListHeading'
export default { export default {
components: { components: {
RawDisplayer, DragListHeading,
//RawDisplayer,
}, },
data: () => ({ data: () => ({

22
cateditor/src/components/DragListHeading.vue Normal file
View File

@ -0,0 +1,22 @@
<template>
<v-card class="subheading font-weight-bold ma-0 pl-2" color="grey lighten-2">
<v-card-title class="">
{{ title }}
<v-spacer></v-spacer>
<!-- <v-btn icon>
<v-icon class="ma-0 pa-0">add</v-icon>
</v-btn>
-->
</v-card-title>
</v-card>
</template>
<script>
export default {
data: () => ({
}),
props: {
title: String,
},
}
</script>