Skip to content

Commit

Permalink
Hack checkboxes for presentation
Browse files Browse the repository at this point in the history
  • Loading branch information
@asvae
asvae committed Apr 5, 2018
1 parent 63581e9 commit f3f3c0d
Show file tree
Hide file tree
Showing 13 changed files with 72 additions and 390 deletions.
1 change: 0 additions & 1 deletion build/utils.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,6 @@ exports.cssLoaders = function (options) {
function generateLoaders (loader, loaderOptions) {
const loaders = [cssLoader]
if (loader) {

loaders.push({
loader: loader + '-loader',
options: Object.assign({}, loaderOptions, {
Expand Down
44 changes: 8 additions & 36 deletions src/components/ui/tree-view/TreeView.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,51 +5,32 @@

<div class="small-set col-lg-6">
<vuestic-widget :headerText="$t('treeView.basic')">
<div class="set-content">
<div class="overlay">
<tree-view-basic-preview/>
</div>
</div>
<tree-view-basic-preview/>
</vuestic-widget>
</div>

<div class="small-set col-lg-6">
<vuestic-widget :headerText="$t('treeView.icons')">
<div class="set-content">
<div class="overlay">
<tree-view-icons-preview/>
</div>
</div>
<tree-view-icons-preview/>
</vuestic-widget>
</div>

<div class="small-set col-lg-6">
<vuestic-widget :headerText="$t('treeView.selectable')">
<div class="set-content">
<div class="overlay">
<tree-view-selectable-preview/>
</div>
</div>
<vuestic-widget :headerText="$t('treeView.advanced')">
<tree-view-advanced-preview/>
</vuestic-widget>
</div>


<div class="small-set col-lg-6">
<vuestic-widget :headerText="$t('treeView.editable')">
<div class="set-content">
<div class="overlay">
<tree-view-editable-preview/>
</div>
</div>
<tree-view-editable-preview/>
</vuestic-widget>
</div>

<div class="small-set col-lg-6">
<vuestic-widget :headerText="$t('treeView.advanced')">
<div class="set-content">
<div class="overlay">
<tree-view-advanced-preview/>
</div>
</div>
<vuestic-widget :headerText="$t('treeView.selectable')">
<tree-view-selectable-preview/>
</vuestic-widget>
</div>

Expand All @@ -61,12 +42,6 @@
<script>
import VuesticWidget
from '../../../vuestic-theme/vuestic-components/vuestic-widget/VuesticWidget.vue'
import VuesticTreeCategory
from '../../../vuestic-theme/vuestic-components/vuestic-tree-view/VuesticTreeCategory'
import VuesticTreeRoot
from '../../../vuestic-theme/vuestic-components/vuestic-tree-view/VuesticTreeRoot'
import VuesticTreeNode
from '../../../vuestic-theme/vuestic-components/vuestic-tree-view/VuesticTreeNode'
import TreeViewBasicPreview from './TreeViewBasicPreview'
import TreeViewIconsPreview from './TreeViewIconsPreview'
import TreeViewSelectablePreview from './TreeViewSelectablePreview'
Expand All @@ -81,9 +56,6 @@
TreeViewSelectablePreview,
TreeViewIconsPreview,
TreeViewBasicPreview,
VuesticTreeNode,
VuesticTreeRoot,
VuesticTreeCategory,
VuesticWidget
},
data () {
Expand Down
11 changes: 7 additions & 4 deletions src/components/ui/tree-view/TreeViewEditablePreview.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -21,12 +21,11 @@
</div>
</div>
<div slot="iconRight" class="icon" @click="removeProduct(product)">
<span aria-hidden="true"
class="ion ion-md-close"/>
<span aria-hidden="true" class="ion ion-md-close"/>
</div>
</vuestic-tree-node>
<vuestic-tree-node>
<button class="btn btn-primary btn-micro"
<button class="btn btn-primary btn-micro mb-2"
@click="addProduct()"
>
Add new product
Expand All @@ -51,7 +50,7 @@
{ id: 4, name: 'Cables' },
{ id: 5, name: 'Monitors' },
{ id: 6, name: 'Keyboards' },
]
],
}
},
methods: {
Expand All @@ -67,3 +66,7 @@
},
}
</script>

<style scoped>
</style>
29 changes: 9 additions & 20 deletions src/components/ui/tree-view/TreeViewIconsPreview.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,22 +6,19 @@
</div>
<vuestic-tree-node>
<div slot="icon" class="icon">
<span aria-hidden="true"
class="ion ion-md-image"/>
<span aria-hidden="true" class="ion ion-md-image"/>
</div>
sick_catz_cuddling.jpg
</vuestic-tree-node>
<vuestic-tree-node>
<div slot="icon" class="icon">
<span aria-hidden="true"
class="ion ion-md-image"/>
<span aria-hidden="true" class="ion ion-md-image"/>
</div>
pins-and-needles.jpg
</vuestic-tree-node>
<vuestic-tree-node>
<div slot="icon" class="icon">
<span aria-hidden="true"
class="ion ion-md-image"/>
<span aria-hidden="true" class="ion ion-md-image"/>
</div>
avatar_50x50.jpg
</vuestic-tree-node>
Expand All @@ -32,24 +29,19 @@
</div>
<vuestic-tree-node>
<div slot="icon" class="icon">
<span aria-hidden="true"
class="ion ion-md-musical-notes"/>
<span aria-hidden="true" class="ion ion-md-musical-notes"/>
</div>
Taylor_swift_hello.mp3
</vuestic-tree-node>
<vuestic-tree-node>
<div slot="icon" class="icon">
<span aria-hidden="true"
class="ion ion-md-musical-notes"
/>
<span aria-hidden="true" class="ion ion-md-musical-notes"/>
</div>
straight_to_the_bank.wav
</vuestic-tree-node>
<vuestic-tree-node>
<div slot="icon" class="icon">
<span aria-hidden="true"
class="ion ion-md-musical-notes"
/>
<span aria-hidden="true" class="ion ion-md-musical-notes"/>
</div>
imagine_dragons_promo.mp3
</vuestic-tree-node>
Expand All @@ -60,22 +52,19 @@
</div>
<vuestic-tree-node>
<div slot="icon" class="icon">
<span aria-hidden="true"
class="ion ion-md-grid"/>
<span aria-hidden="true" class="ion ion-md-grid"/>
</div>
dump.sql
</vuestic-tree-node>
<vuestic-tree-node>
<div slot="icon" class="icon">
<span aria-hidden="true"
class="ion ion-md-help"/>
<span aria-hidden="true" class="ion ion-md-help"/>
</div>
unknown-file
</vuestic-tree-node>
<vuestic-tree-node>
<div slot="icon" class="icon">
<span aria-hidden="true"
class="ion ion-md-key"/>
<span aria-hidden="true" class="ion ion-md-key"/>
</div>
secure.key
</vuestic-tree-node>
Expand Down
Loading

0 comments on commit f3f3c0d

Please sign in to comment.