josh/dashy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Change lint rules to AirBnB

Browse Source
This commit is contained in:
Alicia Sykes
2019-09-01 13:38:13 +01:00
parent 7ffc35afb6
commit 335c8eec53
18 changed files with 704 additions and 663 deletions
Download Patch File Download Diff File Expand all files Collapse all files

110
src/components/ItemGroup.vue
View File

@@ -1,55 +1,55 @@
<template>
<Collapsable :title="title" :uniqueKey="groupId">
<div v-if="!items || items.length < 1" class="no-items">
No Items to Show Yet
</div>
<div v-else class="there-are-items">
<Item
v-for="item in items"
:key="`${groupId}-${item.id}`"
:id="`${groupId}-${item.id}`"
:title="item.title"
:description="item.description"
:icon="item.icon"
/>
</div>
</Collapsable>
</template>
<script>
import Item from '@/components/Item.vue'
import Collapsable from '@/components/Collapsable.vue'
export default {
name: 'ItemGroup',
props: {
groupId: String,
title: String,
items: Array
},
components: {
Collapsable,
Item
}
}
</script>
<style scoped lang="scss">
.no-items {
width: 100px;
margin: 0 auto;
padding: 0.8rem;
text-align: center;
cursor: default;
border-radius: 10px;
background: #607d8b33;
color: #1CA8DD;
box-shadow: 1px 1px 2px #373737;
}
.there-are-items {
height: 100%;
}
</style>
<template>
<Collapsable :title="title" :uniqueKey="groupId">
<div v-if="!items || items.length < 1" class="no-items">
No Items to Show Yet
</div>
<div v-else class="there-are-items">
<Item
v-for="item in items"
:key="`${groupId}-${item.id}`"
:id="`${groupId}-${item.id}`"
:title="item.title"
:description="item.description"
:icon="item.icon"
/>
</div>
</Collapsable>
</template>
<script>
import Item from '@/components/Item.vue';
import Collapsable from '@/components/Collapsable.vue';
export default {
name: 'ItemGroup',
props: {
groupId: String,
title: String,
items: Array,
},
components: {
Collapsable,
Item,
},
};
</script>
<style scoped lang="scss">
.no-items {
width: 100px;
margin: 0 auto;
padding: 0.8rem;
text-align: center;
cursor: default;
border-radius: 10px;
background: #607d8b33;
color: #1CA8DD;
box-shadow: 1px 1px 2px #373737;
}
.there-are-items {
height: 100%;
}
</style>