Happifies eslint and adds an editorconfig
This commit is contained in:
9
.editorconfig
Normal file
9
.editorconfig
Normal file
@@ -0,0 +1,9 @@
|
|||||||
|
root = true
|
||||||
|
|
||||||
|
[*]
|
||||||
|
charset = utf-8
|
||||||
|
end_of_line = lf
|
||||||
|
insert_final_newline = true
|
||||||
|
|
||||||
|
[*.{js,vue}]
|
||||||
|
indent_style = tab
|
||||||
16
src/App.vue
16
src/App.vue
@@ -22,18 +22,18 @@
|
|||||||
|
|
||||||
<template>
|
<template>
|
||||||
|
|
||||||
<div
|
<div
|
||||||
id="content"
|
id="content"
|
||||||
v-bind:class="{ 'nav-hidden': navHidden, 'sidebar-hidden': sidebarHidden }">
|
v-bind:class="{ 'nav-hidden': navHidden, 'sidebar-hidden': sidebarHidden }">
|
||||||
<AppNavigation :menu="menu" />
|
<AppNavigation :menu="menu" />
|
||||||
<div id="app-content">
|
<div id="app-content">
|
||||||
<Controls></Controls>
|
<Controls />
|
||||||
<router-view />
|
<router-view />
|
||||||
</div>
|
</div>
|
||||||
<div id="app-sidebar">
|
<div id="app-sidebar">
|
||||||
<component v-bind:is="sidebarComponent"></component>
|
<component v-bind:is="sidebarComponent" />
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@@ -63,7 +63,7 @@ export default {
|
|||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
|
|
||||||
#content {
|
#content {
|
||||||
#app-content {
|
#app-content {
|
||||||
transition: margin-left 100ms ease;
|
transition: margin-left 100ms ease;
|
||||||
}
|
}
|
||||||
@@ -84,14 +84,14 @@ export default {
|
|||||||
min-width: 0;
|
min-width: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.deck-main {
|
.deck-main {
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 44px;
|
top: 44px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -22,15 +22,15 @@
|
|||||||
|
|
||||||
<template>
|
<template>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<div id="app-navigation-toggle-custom" class="icon-menu" v-on:click="toggleNav"></div>
|
<div id="app-navigation-toggle-custom" class="icon-menu" v-on:click="toggleNav" />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
export default {
|
export default {
|
||||||
name: "Controls",
|
name: 'Controls',
|
||||||
methods: {
|
methods: {
|
||||||
toggleNav() {
|
toggleNav() {
|
||||||
this.$store.dispatch('nav/toggle')
|
this.$store.dispatch('nav/toggle')
|
||||||
|
|||||||
@@ -21,9 +21,9 @@
|
|||||||
-->
|
-->
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<div class="deck-main">
|
<div class="deck-main">
|
||||||
Main
|
Main
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
|||||||
@@ -57,22 +57,26 @@ let defaultCategories = [
|
|||||||
|
|
||||||
const boardActions = [
|
const boardActions = [
|
||||||
{
|
{
|
||||||
action: () => {},
|
action: () => {
|
||||||
|
},
|
||||||
icon: 'icon-edit',
|
icon: 'icon-edit',
|
||||||
text: t('deck', 'Edit board')
|
text: t('deck', 'Edit board')
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
action: () => {},
|
action: () => {
|
||||||
|
},
|
||||||
icon: 'icon-archive',
|
icon: 'icon-archive',
|
||||||
text: t('deck', 'Archive board')
|
text: t('deck', 'Archive board')
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
action: () => {},
|
action: () => {
|
||||||
|
},
|
||||||
icon: 'icon-delete',
|
icon: 'icon-delete',
|
||||||
text: t('deck', 'Delete board')
|
text: t('deck', 'Delete board')
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
action: () => {},
|
action: () => {
|
||||||
|
},
|
||||||
icon: 'icon-settings',
|
icon: 'icon-settings',
|
||||||
text: t('deck', 'Board details')
|
text: t('deck', 'Board details')
|
||||||
}
|
}
|
||||||
@@ -97,7 +101,8 @@ const boards = [
|
|||||||
const addButton = {
|
const addButton = {
|
||||||
icon: 'icon-add',
|
icon: 'icon-add',
|
||||||
text: t('deck', 'Create new board'),
|
text: t('deck', 'Create new board'),
|
||||||
action: () => {}
|
action: () => {
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// initial state
|
// initial state
|
||||||
@@ -114,14 +119,14 @@ const getters = {}
|
|||||||
|
|
||||||
// actions
|
// actions
|
||||||
const actions = {
|
const actions = {
|
||||||
toggle ({ commit }) {
|
toggle({ commit }) {
|
||||||
commit('toggle')
|
commit('toggle')
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// mutations
|
// mutations
|
||||||
const mutations = {
|
const mutations = {
|
||||||
toggle (state) {
|
toggle(state) {
|
||||||
state.hidden = !state.hidden
|
state.hidden = !state.hidden
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -20,7 +20,6 @@
|
|||||||
*
|
*
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
|
||||||
// initial state
|
// initial state
|
||||||
const state = {
|
const state = {
|
||||||
hidden: true,
|
hidden: true,
|
||||||
@@ -32,14 +31,14 @@ const getters = {}
|
|||||||
|
|
||||||
// actions
|
// actions
|
||||||
const actions = {
|
const actions = {
|
||||||
toggle ({ commit }) {
|
toggle({ commit }) {
|
||||||
commit('toggle')
|
commit('toggle')
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// mutations
|
// mutations
|
||||||
const mutations = {
|
const mutations = {
|
||||||
toggle (state) {
|
toggle(state) {
|
||||||
state.hidden = !state.hidden
|
state.hidden = !state.hidden
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user