rpi/domo
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

WIP.

Browse Source
This commit is contained in:
jbnadal
2016-05-02 19:10:02 +02:00
parent 7ea19f1095
commit 4aebf8a981
3 changed files with 16 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/ui/Domo/src/app.vue
View File

@@ -3,10 +3,19 @@
<a v-link="{ path: '/lights' }">Go to Lights</a> <a v-link="{ path: '/lights' }">Go to Lights</a>
<a v-link="{ path: '/shutters' }">Go to Shutters</a> <a v-link="{ path: '/shutters' }">Go to Shutters</a>
<a v-link="{ path: '/sprinklers' }">Go to Sprinklers</a> <a v-link="{ path: '/sprinklers' }">Go to Sprinklers</a>
<router-view class="bounce"> <router-view class="test" transition="test" transition-mode="out-in">
</router-view> </router-view>
</template> </template>
<style>
.test {
transition: all .5s ease;
}
.test-enter, .test-leave {
opacity: 0;
transform: translate3d(10px, 0, 0);
}
</style>
<!-- <!--
<style src="./assets/css/mui.css"></style> <style src="./assets/css/mui.css"></style>
<style src="./assets/css/app-base.css"></style> <style src="./assets/css/app-base.css"></style>

2
src/ui/Domo/src/components/lights.vue
View File

@@ -2,6 +2,4 @@
<h1> Lights </h1> <h1> Lights </h1>
<mdl-checkbox :checked='check'>Checkbox</mdl-checkbox>
</template> </template>

12
src/ui/Domo/src/main.js
View File

@@ -1,17 +1,17 @@
var vmdl = require('vue-mdl'); //var vmdl = require('vue-mdl');
var Vue = require('vue') var Vue = require('vue')
var VueRouter = require('vue-router') var VueRouter = require('vue-router')
// Globally register the checkbox // Globally register the checkbox
vmdl.register(Vue, 'mdl-checkbox'); //vmdl.register(Vue, 'mdl-checkbox');
// Shorthand // Shorthand
vmdl.register(Vue, 'checkbox'); //vmdl.register(Vue, 'checkbox');
// Globally register all components and directives // Globally register all components and directives
vmdl.registerAll(Vue); //vmdl.registerAll(Vue);
// Access any component or directive // Access any component or directive
var checkbox = vmdl.components['mdl-checkbox']; //var checkbox = vmdl.components['mdl-checkbox'];
var badge = vmdl.directives['mdl-badge']; //var badge = vmdl.directives['mdl-badge'];
var App = require('./app.vue') var App = require('./app.vue')
var routerMap = require('./router') var routerMap = require('./router')