@cocreate/builder
Version:
A simple builder component in vanilla javascript. Easily configured using HTML5 attributes and/or JavaScript API.
69 lines (65 loc) • 1.58 kB
HTML
<div
class="margin-left:10px"
sortable
array="files"
filter-query-key="directory.$eq"
filter-query-value="parent"
filter-sort-key="directory"
order_type="asc"
render_id="$auto"
render-query=":last-child">
<div
filter-query-key="content-type"
filter-query-value="directory"
filter-query="$parent"></div>
<!--Folder Template -->
<div class="padding:5px" template>
<span
class=""
show="#directory{{$auto._id}}"
hide="#directory{{$auto._id}}"
toggle="fa-caret-down, fa-caret-right"
toggle-query="#icon{{$auto._id}}">
<i id="icon{{$auto._id}}" class="fa fa-caret-right"></i>
</span>
<span
class="margin-left:5px"
array="files"
object="{{$auto._id}}"
key="name"
>Folder name</span
>
<div
id="directory{{$auto._id}}"
class="domEditor margin-left:10px"
hidden
array="files"
object="611ab5d9251afa96bd20f6cc"
key="src"
filter-query-value="{{$auto.path}}"></div>
</div>
</div>
<div
class="margin-left:10px"
sortable
array="files"
filter-query-key="directory"
filter-query-value="parent.$eq"
filter-sort-key="directory"
render_id="$auto"
render-query=":last-child">
<div
filter-query-key="content-type"
filter-query-value="text/directory.$ne"
filter-query="$parent"></div>
<!--File Template -->
<div class="padding:5px" template>
<span class=""><i src="/assets/svg/html5.svg"></i></span>
<span
class="margin-left:5px"
array="files"
object="{{$auto._id}}"
key="name"></span>
</div>
</div>