Skip to content

Commit

Permalink
Initial
Browse files Browse the repository at this point in the history
  • Loading branch information
@sv2
sv2 committed Dec 3, 2019
1 parent d070689 commit a3f52e8
Show file tree
Hide file tree
Showing 19 changed files with 521 additions and 252 deletions.
2 changes: 1 addition & 1 deletion .prettierrc
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
{
"singleQuote": true,
"printWidth": 120
"printWidth": 240
}
13 changes: 12 additions & 1 deletion babel.config.js
View file
Original file line number Diff line number Diff line change
@@ -1,3 +1,14 @@
module.exports = {
presets: ['@vue/cli-plugin-babel/preset']
presets: ['@vue/cli-plugin-babel/preset'],
plugins: [
[
'transform-imports',
{
quasar: {
transform: 'quasar/dist/babel-transforms/imports.js',
preventFullImport: true
}
}
]
]
};
9 changes: 6 additions & 3 deletions package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,9 @@
"release-ci": "release-it --ci"
},
"dependencies": {
"@quasar/extras": "^1.3.3",
"core-js": "^3.4.3",
"quasar": "^1.5.3",
"vue": "^2.6.10",
"vue-router": "^3.1.3",
"vuex": "^3.1.2"
Expand All @@ -31,16 +33,17 @@
"babel-core": "7.0.0-bridge.0",
"babel-eslint": "^10.0.3",
"babel-jest": "^24.9.0",
"babel-plugin-transform-imports": "1.5.0",
"dashblocks": "^0.5.25",
"eslint": "^6.7.2",
"eslint-plugin-vue": "^6.0.1",
"eslint-plugin-prettier": "^3.1.1",
"eslint-plugin-vue": "^6.0.1",
"lint-staged": "^8.1.5",
"node-sass": "^4.13.0",
"release-it": "^12.4.3",
"sass-loader": "^8.0.0",
"vue-template-compiler": "^2.6.10",
"vuetify": "^1.5.12"
"vue-cli-plugin-quasar": "^2.0.0",
"vue-template-compiler": "^2.6.10"
},
"eslintConfig": {
"root": true,
Expand Down
Binary file modified public/favicon.ico
View file
Binary file not shown.
186 changes: 2 additions & 184 deletions src/App.vue
View file
Original file line number Diff line number Diff line change
@@ -1,187 +1,5 @@
<template xmlns:v-slot="http://www.w3.org/1999/XSL/Transform">
<template>
<div id="app">
<v-app id="inspire" :dark="switchDark">
<v-toolbar dense fixed app clipped-right>
<v-toolbar-side-icon @click.stop="drawer = !drawer"></v-toolbar-side-icon>
<v-toolbar-title>{{ currentRouteName }}</v-toolbar-title>
<v-spacer></v-spacer>
<div>
<v-switch v-model="switchDark" label="Dark" hide-details></v-switch>
</div>
</v-toolbar>

<v-navigation-drawer fixed v-model="drawer" :mini-variant.sync="mini" app>
<v-toolbar flat class="transparent">
<v-list class="pa-0">
<v-list-tile avatar>
<v-list-tile-avatar>
<img src="./assets/logo.png" />
</v-list-tile-avatar>

<v-list-tile-content>
<v-list-tile-title>DASHBLOCKS</v-list-tile-title>
</v-list-tile-content>

<v-list-tile-action>
<v-btn icon @click.stop="mini = !mini">
<v-icon>chevron_left</v-icon>
</v-btn>
</v-list-tile-action>
</v-list-tile>
</v-list>
</v-toolbar>

<v-list dense two-line subheader>
<v-list-tile v-for="item in items" :key="item.title" avatar :to="item.href">
<v-tooltip bottom>
<v-list-tile-avatar slot="activator">
<v-icon :class="[item.iconClass]">{{ item.icon }}</v-icon>
</v-list-tile-avatar>
<span>{{ item.title }}</span>
</v-tooltip>

<v-list-tile-content>
<v-list-tile-title>{{ item.title }}</v-list-tile-title>
<v-list-tile-sub-title>{{ item.subtitle }}</v-list-tile-sub-title>
</v-list-tile-content>

<v-list-tile-action>
<v-btn icon ripple>
<v-icon color="amber lighten-3">info</v-icon>
</v-btn>
</v-list-tile-action>
</v-list-tile>
</v-list>
<v-list dense>
<v-list-group
v-for="item in items2"
:key="item.title"
v-model="item.active"
:prepend-icon="item.icon"
no-action
>
<template v-slot:activator>
<v-list-tile>
<v-list-tile-content>
<v-list-tile-title>{{ item.title }}</v-list-tile-title>
</v-list-tile-content>
</v-list-tile>
</template>

<v-list-tile v-for="subItem in item.items" :key="subItem.title" :to="subItem.href">
<v-list-tile-content>
<v-list-tile-title>{{ subItem.title }}</v-list-tile-title>
</v-list-tile-content>

<v-list-tile-action>
<v-icon>{{ subItem.action }}</v-icon>
</v-list-tile-action>
</v-list-tile>
</v-list-group>
</v-list>
</v-navigation-drawer>

<v-content>
<v-container fluid fill-height>
<v-layout>
<v-flex>
<div class="content"><router-view /></div>
</v-flex>
</v-layout>
</v-container>
</v-content>
</v-app>
<router-view />
</div>
</template>

<script>
export default {
data() {
return {
drawer: true,
mini: true,
drawerRight: false,
items2: [
{
icon: 'bar_chart',
title: 'Dygraphs',
items: [
{
title: 'Dynamic Updates',
href: '/dygraphsdynamic'
},
{
title: 'TODO',
href: '/dashsix'
}
]
}
],
items: [
{
icon: 'bar_chart',
iconClass: 'teal lighten-2 white--text',
title: 'Dashblocks',
subtitle: 'Dashboard Showcase',
href: '/'
},
{
icon: 'bubble_chart',
iconClass: 'teal lighten-2 white--text',
title: 'Sample Dashboard',
subtitle: 'my first dashboard',
href: '/sample'
},
{
icon: 'bubble_chart',
iconClass: 'teal lighten-2 white--text',
title: 'Chart.JS',
subtitle: 'showcase',
href: '/chartjs'
}
]
};
},
computed: {
currentRouteName() {
return this.$route.name;
},
switchDark: {
get() {
return this.$store.state.switchDark;
},
set(value) {
this.$store.commit('setSwitchDark', value);
}
}
},
methods: {
// TODO
}
};
</script>

<style lang="scss">
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600');
body,
html {
margin: 0;
padding: 0;
}
body {
font-family: 'Source Sans Pro', sans-serif;
}
/*
.theme--dark.v-navigation-drawer {
background: #0f2027;
background: -webkit-linear-gradient(to bottom, #0f2027, #203a43, #2c5364);
background: linear-gradient(
to bottom,
#0f2027,
#203a43,
#2c5364
);
}
*/
</style>
Binary file modified src/assets/logo.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading

0 comments on commit a3f52e8

Please sign in to comment.