Removed unused story files
This commit is contained in:
Thaum Rystra
@@ -1,26 +0,0 @@
|
||||
<template lang="html">
|
||||
<v-layout justify-center>
|
||||
<color-picker v-model="color"/>
|
||||
</v-layout>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import ColorPicker from '/imports/ui/components/ColorPicker.vue';
|
||||
|
||||
export default {
|
||||
data(){ return {
|
||||
color: '#CE93D8',
|
||||
}},
|
||||
components: {
|
||||
ColorPicker,
|
||||
},
|
||||
watch: {
|
||||
color(newColor){
|
||||
console.log(`%c${newColor}`, `background: ${newColor};`);
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="css" scoped>
|
||||
</style>
|
||||
@@ -1,24 +0,0 @@
|
||||
<template lang="html">
|
||||
<column-layout>
|
||||
<div v-for="(height, n) in cardHeights" :key="n">
|
||||
<v-card :height="height"/>
|
||||
</div >
|
||||
</column-layout>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import ColumnLayout from "/imports/ui/components/ColumnLayout.vue";
|
||||
import { _ } from "meteor/underscore";
|
||||
export default {
|
||||
dontWrap: true,
|
||||
data(){return{
|
||||
cardHeights: _.times(12, n => `${_.random(100, 500)}px`),
|
||||
}},
|
||||
components: {
|
||||
ColumnLayout,
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="css" scoped>
|
||||
</style>
|
||||
@@ -1,16 +0,0 @@
|
||||
<template lang="html">
|
||||
<icon-search/>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import IconSearch from '/imports/ui/components/IconSearch.vue';
|
||||
|
||||
export default {
|
||||
components: {
|
||||
IconSearch,
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="css" scoped>
|
||||
</style>
|
||||
@@ -1,92 +0,0 @@
|
||||
<template lang="html">
|
||||
<v-container grid-list-lg>
|
||||
<v-layout row wrap align-center>
|
||||
|
||||
<v-flex xs6>
|
||||
<text-field
|
||||
:value="value1"
|
||||
@change="value1Change"
|
||||
/>
|
||||
</v-flex>
|
||||
<v-flex xs6>
|
||||
<div class="flex">
|
||||
{{value1}}
|
||||
</div>
|
||||
</v-flex>
|
||||
|
||||
<v-flex xs6>
|
||||
<text-field
|
||||
:value="changingValue"
|
||||
@change="(val, ack) => {changingValue = val; ack()}"
|
||||
/>
|
||||
</v-flex>
|
||||
<v-flex xs6>
|
||||
{{changingValue}}
|
||||
</v-flex>
|
||||
|
||||
<v-flex xs6>
|
||||
<text-area
|
||||
:value="value2"
|
||||
@change="value2Change"
|
||||
label="text-area"
|
||||
/>
|
||||
</v-flex>
|
||||
<v-flex xs6>
|
||||
{{value2}}
|
||||
</v-flex>
|
||||
|
||||
<v-flex xs6>
|
||||
<smart-select
|
||||
:value="value3"
|
||||
:items="['meep', 'moop', 'maap']"
|
||||
label="select"
|
||||
@change="(val, ack) => {setTimeout(() => {value3 = val; ack()}, 700)}"
|
||||
/>
|
||||
</v-flex>
|
||||
<v-flex xs6>
|
||||
{{value3}}
|
||||
</v-flex>
|
||||
|
||||
</v-layout>
|
||||
</v-container>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data(){ return {
|
||||
value1: 'Five letters minimum, always trimmed',
|
||||
value2: 'Takes 2s to write',
|
||||
value3: 'meep',
|
||||
changingValue: `Changes every 3s ${Math.random().toFixed(4)}`,
|
||||
}},
|
||||
methods: {
|
||||
value1Change(val, ack){
|
||||
let error;
|
||||
val = val.trim();
|
||||
if (!val || val.length < 5){
|
||||
error = "Too short";
|
||||
} else {
|
||||
this.value1 = val;
|
||||
}
|
||||
ack(error);
|
||||
},
|
||||
value2Change(val, ack){
|
||||
setTimeout(() => {
|
||||
this.value2 = val;
|
||||
ack();
|
||||
}, 2000);
|
||||
},
|
||||
},
|
||||
mounted() {
|
||||
setInterval(() => {
|
||||
this.changingValue = `Changes every 3s ${Math.random().toFixed(4)}`;
|
||||
}, 3000);
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="css" scoped>
|
||||
.layout {
|
||||
margin: 20px 0;
|
||||
}
|
||||
</style>
|
||||
@@ -1,60 +0,0 @@
|
||||
<template lang="html">
|
||||
<v-card-text>
|
||||
<tree-node-list :children="children" group="example-group" :show-empty="false"/>
|
||||
</v-card-text>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import TreeNodeList from '/imports/ui/components/tree/TreeNodeList.vue';
|
||||
|
||||
export default {
|
||||
components: {
|
||||
TreeNodeList,
|
||||
},
|
||||
data(){ return {
|
||||
children: [
|
||||
{name: 'Point buy', children:[
|
||||
{name: 'Strength 14', children:[]},
|
||||
{name: 'Dexterity 8', children:[]},
|
||||
{name: 'Constitution 14', children:[]},
|
||||
{name: 'Intelligence 8', children:[]},
|
||||
{name: 'Wisdom 15', children:[]},
|
||||
{name: 'Charisma 12', children:[]},
|
||||
]},
|
||||
{name: 'Hermit', children:[
|
||||
{name: 'Discovery', children:[]},
|
||||
]},
|
||||
{name: 'Hill Dwarf', children: [
|
||||
{name: 'Dwarven combat training', children:[]},
|
||||
{name: 'Dwarven resilience', children:[]},
|
||||
{name: 'Dwarven toughness', children:[]},
|
||||
{name: 'Stone cutting', children:[]},
|
||||
]},
|
||||
{name: 'Cleric', children:[
|
||||
{name: 'Level 1', children:[
|
||||
{name: 'Spellcasting', children:[
|
||||
{name: 'Light', children:[]},
|
||||
{name: 'Sacred Flame', children:[]},
|
||||
{name: 'Thaumaturgy', children:[]},
|
||||
]},
|
||||
{name: 'Divine domain: Tempest', children:[]},
|
||||
]},
|
||||
{name: 'Level 2', children:[]},
|
||||
{name: 'Level 3', children:[]},
|
||||
{name: 'Level 4', children:[]},
|
||||
{name: 'Level 5', children:[]},
|
||||
]},
|
||||
],
|
||||
otherChildren: [],
|
||||
drag: false,
|
||||
}},
|
||||
computed: {
|
||||
dataString(){
|
||||
return JSON.stringify(this.children, null, 2);
|
||||
}
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="css" scoped>
|
||||
</style>
|
||||
Reference in New Issue
Block a user