.toolbox-pane(v-if="sane")
.my-components
div.my-category(v-for="cat in this.$content.toolboxCategories()")
.my-category-name {{cat.name}}
//br(v-if="cat.name != ''")
//- hr(v-if="cat.name != ''")
//div(v-for="type in cat.types")
//- | type={{type.name}}-[{{type.iconClass}}, {{type.iconClass5}}]
//- br
.my-widget(v-for="type in cat.types" v-if="type.dragtype == 'component'")
drag.my-drag(:transfer-data="type", @dragstart="dragStart", @dragend="dragStop")
.my-image(:class="iconClass(type)")
//- i(v-else).fas.fa-2x.fa-file-word-o
//- div(slot="image")
//- i.fas.fa-2x.fa-file-word-o
.my-component-label {{type.label}}
//hr
//| OLD WIDGETS
//br
//// Using font awesome version 5
//.my-widget(v-for="tool in theToolbox")
// drag(:transfer-data="tool", @dragstart="dragStart", @dragend="dragStop")
// i(:class="iconClass(tool)")
// //- i(v-else).fas.fa-2x.fa-file-word-o
// //- div(slot="image")
// //- i.fas.fa-2x.fa-file-word-o
// .my-component-label {{tool.label}}
.accreditation
| (icons courtesy of
a(href="https://icons8.com", target="_blank") icons8.com
| )