jschaufuss/DiceCloud
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Removed unused story files

Browse Source
This commit is contained in:
Thaum Rystra
2020-05-21 12:49:40 +02:00
parent 13a0d66433
commit b640ce457f
15 changed files with 0 additions and 763 deletions
Download Patch File Download Diff File Expand all files Collapse all files

116
app/imports/ui/properties/components/attributes/AbilityListTile.Story.vue
View File

@@ -1,116 +0,0 @@
<template lang="html">
<v-list>
<template v-for="(ability, index) in abilities">
<v-divider v-if="index !== 0"/>
<ability-list-tile
:key="ability.name"
:data-id="`${_uid}-${ability.name}`"
v-bind="ability"
@click="click({ability, elementId: `${_uid}-${ability.name}`})"
/>
</template>
</v-list>
</template>
<script>
import AbilityListTile from '/imports/ui/properties/components/attributes/AbilityListTile.vue';
import store from "/imports/ui/vuexStore.js";
export default {
data(){ return{
abilities: [
{
name: "Strength",
value: 8,
mod: -1,
effects: [
{
name: "Ghost Touch",
operation: "add",
result: -2,
enabled: true,
_id: Random.id(),
},{
name: "Some Base",
operation: "base",
result: 15,
enabled: true,
_id: Random.id(),
},{
name: "Some Multiply",
operation: "mul",
result: 1.5,
enabled: true,
_id: Random.id(),
},{
name: "Some Min",
operation: "min",
result: 8,
enabled: true,
_id: Random.id(),
},{
name: "Some Advantage",
operation: "advantage",
result: 1,
enabled: true,
_id: Random.id(),
},{
name: "Some Disadvantage",
operation: "disadvantage",
result: 1,
enabled: true,
_id: Random.id(),
},{
name: "Some Passive",
operation: "passiveAdd",
result: -2,
calculation: "3-5",
_id: Random.id(),
},{
name: "Some Conditional",
operation: "conditional",
calculation: "+8 Only when asleep",
enabled: true,
_id: Random.id(),
},
]
}, {
name: "Dexterity",
value: 18,
mod: 4,
}, {
name: "Constitution",
value: 12,
mod: 1,
}, {
name: "Intelligence",
value: 20,
mod: 5,
}, {
name: "Wisdom",
value: 6,
mod: -2,
}, {
name: "Charisma",
value: 28,
mod: 9,
},
]
}},
components: {
AbilityListTile,
},
methods: {
click({ability, elementId}){
store.commit("pushDialogStack", {
component: "attribute-dialog",
elementId,
data: ability,
});
},
},
};
</script>
<style lang="css" scoped>
</style>

43
app/imports/ui/properties/components/attributes/AttributeCard.Story.vue
View File

@@ -1,43 +0,0 @@
<template lang="html">
<v-container grid-list-md>
<v-layout row wrap>
<v-flex xs12 v-for="attribute in attributes" :key="attribute.name">
<attribute-card v-bind="attribute" @click="click"/>
</v-flex>
</v-layout>
</v-container>
</template>
<script>
import AttributeCard from '/imports/ui/properties/components/attributes/AttributeCard.vue';
export default {
components: {
AttributeCard
},
dontWrap: true,
data(){ return {
attributes: [
{
name: 'Speed',
value: 30,
}, {
name: 'Initiative',
value: 2,
modifier: true,
},{
name: 'Proficiency Bonus',
value: -2,
modifier: true,
},
],
}},
methods: {
click() {
console.log(...arguments)
},
},
};
</script>
<style lang="css" scoped>
</style>

60
app/imports/ui/properties/components/attributes/HealthBar.Story.vue
View File

@@ -1,60 +0,0 @@
<template lang="html">
<div class="pa-1" style="background: inherit;">
<health-bar
:value="value"
:max-value="maxValue"
name="Hit Points"
@change="healthBarChanged"
/>
<health-bar
:value="50"
:max-value="100"
name="Temporary Hit Points"
/>
<health-bar
:value="70"
:max-value="100"
name="Some other bar"
@change="healthBarChanged"
/>
<health-bar
:value="90"
:max-value="100"
name="Cow"
/>
</div>
</template>
<script>
import HealthBar from '/imports/ui/properties/components/attributes/HealthBar.vue';
export default {
data(){return{
value: 100,
maxValue: 100,
}},
components: {
HealthBar,
},
methods: {
healthBarChanged(e){
let val = e.value;
// Apply the change
if (e.type === 'set'){
this.value = val;
} else if (e.type === 'increment') {
this.value += val;
}
// Clamp the value
if (this.value < 0){
this.value = 0;
}
if (this.value > this.maxValue){
this.value = this.maxValue;
}
},
},
}
</script>
<style lang="css" scoped>
</style>

66
app/imports/ui/properties/components/attributes/HitDiceListTile.Story.vue
View File

@@ -1,66 +0,0 @@
<template lang="html">
<v-list>
<v-subheader>Hit Dice</v-subheader>
<template v-for="(hitDie, index) in hitDice">
<v-divider v-if="index !== 0"/>
<hit-dice-list-tile
:key="hitDie.dice"
v-bind="hitDie"
@click="click"
@change="e => change(hitDie, e)"
/>
</template>
</v-list>
</template>
<script>
import HitDiceListTile from '/imports/ui/properties/components/attributes/HitDiceListTile.vue';
export default {
data(){ return{
hitDice: [
{
dice: 6,
value: 20,
maxValue: 20,
conMod: 4,
}, {
dice: 8,
value: 3,
maxValue: 3,
conMod: 4,
}, {
dice: 10,
value: 3,
maxValue: 3,
conMod: 4,
}, {
dice: 12,
value: 1,
maxValue: 1,
conMod: 4,
},
]
}},
components: {
HitDiceListTile,
},
methods: {
click(e){
console.log(e);
},
change(hitDie, e){
if (e.type === 'increment'){
hitDie.value += e.value;
if (hitDie.value > hitDie.maxValue){
hitDie.value = hitDie.maxValue;
} else if (hitDie.value < 0){
hitDie.value = 0;
}
}
},
},
};
</script>
<style lang="css" scoped>
</style>

47
app/imports/ui/properties/components/attributes/ResourceCard.Story.vue
View File

@@ -1,47 +0,0 @@
<template lang="html">
<column-layout>
<div>
<resource-card
data-id="abc123"
name="Sorcery points"
color="#f44336"
:value="8"
:adjustment="-2"
/>
</div>
<div>
<resource-card
data-id="abc123"
name="Psionic point like things"
color="#f44336"
:value="34"
:adjustment="-12"
/>
</div>
<div>
<resource-card
data-id="abc123"
name="Rages"
color="#f44336"
:value="1"
:adjustment="0"
/>
</div>
</column-layout>
</template>
<script>
import ResourceCard from '/imports/ui/properties/components/attributes/ResourceCard.vue';
import ColumnLayout from '/imports/ui/components/ColumnLayout.vue';
export default {
dontWrap: true,
components: {
ColumnLayout,
ResourceCard,
},
};
</script>
<style lang="css" scoped>
</style>

44
app/imports/ui/properties/components/attributes/SpellSlotListTile.Story.vue
View File

@@ -1,44 +0,0 @@
<template lang="html">
<v-list>
<spell-slot-list-tile
v-for="(slot, index) in spellSlots"
:key="'tile ' + index"
v-bind="slot"
@change="e => spellSlots[index].adjustment += e.value"
/>
</v-list>
</template>
<script>
import SpellSlotListTile from '/imports/ui/properties/components/attributes/SpellSlotListTile.vue';
export default {
components: {
SpellSlotListTile,
},
data(){return {
spellSlots: [
{
name: "Level 1",
value: 4,
adjustment: -2,
}, {
name: "Level 1",
value: 1,
adjustment: 0,
}, {
name: "Level 2",
value: 12,
adjustment: -8,
}, {
name: "Level 3",
value: 10,
adjustment: -5,
},
],
}}
};
</script>
<style lang="css" scoped>
</style>

51
app/imports/ui/properties/components/features/FeatureCard.Story.vue
View File

@@ -1,51 +0,0 @@
<template lang="html">
<column-layout>
<div
v-for="(feature, index) in features"
:key="index"
>
<feature-card
v-bind="feature"
/>
</div>
</column-layout>
</template>
<script>
import ColumnLayout from '/imports/ui/components/ColumnLayout.vue';
import FeatureCard from '/imports/ui/properties/components/features/FeatureCard.vue';
export default {
dontWrap: true,
components: {
ColumnLayout,
FeatureCard,
},
data(){return {
features: [
{
name: 'Feature 1',
enabled: true,
alwaysEnabled: true,
description: `
blah blah, with
spacing
`,
color: '#f44336',
}, {
name: 'Feature 2',
enabled: false,
alwaysEnabled: false,
description: `Short Description`,
uses: 5,
used: 2,
},
],
}},
}
</script>
<style lang="css' scoped>
</style>

50
app/imports/ui/properties/components/skills/SkillListTile.Story.vue
View File

@@ -1,50 +0,0 @@
<template lang="html">
<v-list>
<skill-list-tile
v-for="skill in skills"
:key="skill.name"
v-bind="skill"
/>
</v-list>
</template>
<script>
import SkillListTile from '/imports/ui/properties/components/skills/SkillListTile.vue';
export default {
data(){return {
skills: [
{
name: 'Animal Handling',
proficiency: 1,
value: 4,
}, {
name: 'Deception',
proficiency: 0,
value: -0,
advantage: 0,
}, {
name: 'Intimidation',
proficiency: 2,
value: 6,
advantage: 1,
}, {
name: 'Insight',
proficiency: 0.5,
value: -2,
advantage: -1,
}, {
name: 'History',
conditionalBenefits: 1,
fail: 1,
advantage: -1,
}
]
}},
components: {
SkillListTile,
},
}
</script>
<style lang="css" scoped>
</style>