Skip to content

Commit 5dda682

Browse files
frankpaganfrankpagan
committed
feat: filetree using cocreate-fetch
1 parent 6bd4773 commit 5dda682

File tree

5 files changed

+77
-19
lines changed

5 files changed

+77
-19
lines changed

‎src/admin/builder/components/filetree.html‎

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
<div class="margin-left:10px sortable" template_id="auto" fetch-collection="files" filter-name="directory" filter-value="parent" filter-operator="$eq" order-by="directory" order_type="asc" render_id="auto">
2+
<div template_id="auto" filter-name="content-type" filter-value="directory"></div>
3+
<!--Folder Template -->
4+
<div class="template padding:5px" template_id="auto" document_id="{{auto._id}}">
5+
<span class="" show="#directory{{auto._id}}" hide="#directory{{auto._id}}" toggle="fa-caret-down, fa-caret-right" toggle-target="#icon{{auto._id}}">
6+
<i id="icon{{auto._id}}" class="fa fa-caret-right" ></i>
7+
</span>
8+
<span class="margin-left:5px" collection="files" document_id="{{auto._id}}" name="name">Folder name</span>
9+
<div id="directory{{auto._id}}" class="domEditor margin-left:10px hidden" collection="components" document_id="611ab5d9251afa96bd20f6cc" name="html" filter-value="{{auto.path}}"></div>
10+
</div>
11+
</div>
12+
<div class="margin-left:10px sortable" template_id="auto" fetch-collection="files" filter-name="directory" filter-value="parent" filter-operator="$eq" order-by="directory" render_id="auto">
13+
<div template_id="auto" filter-name="content-type" filter-value="text/directory" filter-operator="$ne"></div>
14+
15+
<!--File Template -->
16+
<div class="template padding:5px" template_id="auto" document_id="{{auto._id}}">
17+
<span class=""><i class="fab fa-html5"></i></span>
18+
<span class="margin-left:5px" collection="files" document_id="{{auto._id}}" name="name"></span>
19+
</div>
20+
</div>

‎src/admin/builder/components/left-panel.html‎

Lines changed: 29 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -105,20 +105,26 @@
105105
<div class="padding:5px">
106106
<span class=""><i class="fa fa-caret-down" toggle="fa-caret-right, fa-caret-down"></i></span>
107107
<span class="margin-left:5px" collection="websites" document_id="" name="name">Project name</span>
108-
<div class="margin-left:10px sortable" template_id="folder" fetch-collection="files" filter-name1="directory" filter-value="" order-by="name" order-type="asc" fetch-count="6" render_id="folder">
108+
<div class="margin-left:10px sortable" template_id="auto" fetch-collection="files" filter-name="directory" filter-value="/" filter-operator="$eq" order-by="name" order-type="asc" render_id="auto">
109+
<div template_id="auto" filter-name="content-type" filter-value="text/directory"></div>
109110
<!--Folder Template -->
110-
<div class="template padding:5px" template_id="folder" document_id="{{folder._id}}" render-key="folder" render-array="folder.data">
111-
<span class=""><i class="fa fa-caret-down" toggle="fa-caret-right, fa-caret-down"></i></span>
112-
<span class="margin-left:5px" collection="folders" document_id="{{folder._id}}" name="name">{{folder.name}}</span>
111+
<div class="template padding:5px" template_id="auto" document_id="{{auto._id}}">
112+
<span class="" show="#directory{{auto._id}}" hide="#directory{{auto._id}}" toggle="fa-caret-down, fa-caret-right" toggle-target="#icon{{auto._id}}">
113+
<i id="icon{{auto._id}}" class="fa fa-caret-right" ></i>
114+
</span>
115+
<span class="margin-left:5px" collection="files" document_id="{{auto._id}}" name="name"></span>
116+
113117
<!-- fetches folder and file template. This loops until tree ends -->
114-
<div class="domEditor margin-left:10px" collection="component" document_id="611ab5d9251afa96bd20f6cc" name="html"></div>
118+
<div id="directory{{auto._id}}" class="domEditor margin-left:10px hidden" collection="components" document_id="611ab5d9251afa96bd20f6cc" name="html" filter-value="{{auto.path}}"></div>
115119
</div>
116120
</div>
117-
<div class="margin-left:10px sortable" template_id="file" fetch-collection="files" filter-name="directory" filter-value="" order-by="name" fetch-count="6">
121+
<div class="margin-left:10px sortable" template_id="auto" fetch-collection="files" filter-name="directory" filter-value="/" filter-operator="$eq" order-by="name" render_id="auto">
122+
<div template_id="auto" filter-name="content-type" filter-value="text/directory" filter-operator="$ne"></div>
123+
118124
<!-- File Template -->
119-
<div class="template padding:5px" template_id="file" document_id="{{data._id}}">
120-
<span class="{{data.content-type}}"><i class="fab fa-html5"></i></span>
121-
<span class="margin-left:5px" collection="files" document_id="{{data._id}}" name="name">{{data.name}}</span>
125+
<div class="template padding:5px" template_id="auto" document_id="{{auto._id}}">
126+
<span class="{{auto.content-type}}"><i class="fab fa-html5"></i></span>
127+
<span class="margin-left:5px" collection="files" document_id="{{auto._id}}" name="name"></span>
122128
</div>
123129
</div>
124130
</div>
@@ -136,18 +142,27 @@
136142
</span>
137143
</form>
138144
<!-- Assets -->
139-
<div class="display:flex flex-wrap:wrap justify-content:center width:100% text-align:center padding-bottom:20px" template_id="assets" fetch-collection="files" filter-name="content-type" filter-value="image" order-by="position" order-type="asc">
145+
<div class="display:flex flex-wrap:wrap justify-content:center width:100% text-align:center padding-bottom:20px" template_id="assets" fetch-collection="files" filter-name="content-type" filter-value="image, video" order-by="position" order-type="asc">
140146
<!-- Asset Template -->
141147
<div template_id="assets" class="template card flex-grow:1 width:70px height:90px margin:5px padding:5px" hover="display:block!important" hover-target="#editblock{{data._id}}">
142148
<div id="editblock{{data._id}}" class="position:absolute top:8px right:8px font-size:11px display:none">
143149
<a target="modal" href="https://server.cocreate.app/CoCreate-plugins/CoCreate-tui-image-editor/demo/index.html" pass-collection="files" pass-document_id="{{data._id}}" pass_to="form-fields" modal-width="900px">
144150
<i class="fas fa-pencil-alt"></i>
145151
</a>
146152
</div>
147-
<div cloneable="true" cloneable-html='<img src=".{{data.path}}"></img>' collection="files" document_id="{{data._id}}" name="thumbnail" class="padding-bottom:5px">
148-
<img width="100%" src="{{data.path}}">
149-
<!--<p class="font-size:11px" collection="module_activities" document_id="{{data._id}}" name="name">Block</p>-->
150-
</div>
153+
<a actions="attributes" attribute="src" value="{{data.path}}">
154+
<!-- image -->
155+
<div cloneable="true" cloneable-html='<img src="{{data.path}}"></img>' class="padding:5px">
156+
<img width="auto" height="65px" collection="files" document_id="{{data._id}}" name="path">
157+
<!--<p class="font-size:11px" collection="module_activities" document_id="{{data._id}}" name="name">Block</p>-->
158+
</div>
159+
<!-- Video -->
160+
<!--<div cloneable="true" cloneable-html='<video><source src="{{data.path}}"></video>' class="padding:5px">-->
161+
<!-- <video width="auto" height="65px">-->
162+
<!-- <source collection="files" document_id="{{data._id}}" name="path">-->
163+
<!-- </video>-->
164+
<!--</div>-->
165+
</a>
151166
</div>
152167
</div>
153168

‎src/admin/builder/index.html‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -80,8 +80,7 @@
8080
</main>
8181

8282
<!-- SideNav Left -->
83-
<sidenav id="menuL" class="cocreate-sidenav background:whitesmoke height:100vh" data-main_content="canvas,content" sidenav-default_desktop="expanded" sidenav-default_tablet="expanded" sidenav-default_phone="offcanvas" sidenav-ontoggle_desktop="offcanvas"
84-
sidenav-ontoggle_tablet="offcanvas" sidenav-expanded_width="260px">
83+
<sidenav id="menuL" class="cocreate-sidenav background:whitesmoke height:100vh" data-main_content="canvas,content" sidenav-default_desktop="expanded" sidenav-default_tablet="expanded" sidenav-default_phone="offcanvas" sidenav-ontoggle_desktop="offcanvas" sidenav-ontoggle_tablet="offcanvas" sidenav-expanded_width="260px">
8584
<div class="domEditor" collection="files" document_id="60de0fae14b5ab0c2dd2feba" name="src"></div>
8685
<div class="resizeHandler"></div>
8786
</sidenav>

‎src/admin/code-editor/index.html‎

Lines changed: 10 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -26,6 +26,15 @@
2626
height: 100%
2727
}
2828

29+
textarea.active {
30+
display:block;
31+
height: 100vh;
32+
width: 100%;
33+
border:none;
34+
outline:none;
35+
padding:10px;
36+
}
37+
2938
.CodeMirror {
3039
height: 90vh
3140
}
@@ -83,7 +92,7 @@
8392
</div>
8493
<!-- Code Editors -->
8594
<form pass_id="code-editor" collection="" document_id="">
86-
<textarea id="html" name="src" class="overflow:hidden height:0px active"></textarea>
95+
<textarea id="html" name="src" class="active"></textarea>
8796
<!--<textarea id="css" name="css" class="overflow:hidden height:0px"></textarea>-->
8897
<!--<textarea id="js" name="js" class="overflow:hidden height:0px"></textarea>-->
8998
<!--<div id="html" name="html" class="codemirror overflow:hidden height:0px active"></div>-->

‎src/admin/files/form.html‎

Lines changed: 17 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -63,7 +63,9 @@
6363
</nav>
6464

6565
<main class="padding:10px" main-content_id="content">
66-
<form pass_id="form-fields" collection="" document_id=""> <input type="hidden" name="module_id" value="" pass_id="module_id">
66+
<form pass_id="form-fields" collection="files" document_id="">
67+
<input type="hidden" name="module_id" value="" pass_id="module_id">
68+
<input type="text" name="name" class="floating-label" placeholder="File Name">
6769
<cocreate-select name="domains" class="floating-label" placeholder="domains" multiple> <input class="template-search" placeholder="Search" template_id="domains">
6870
<cc-options fetch-collection="organizations" fetch-document_id="5ff747727005da1c272740ab" fetch-name="domains" template_id="domains" class="overflow:auto">
6971
<cc-option class="template display:flex" template_id="domains" value="{{domains[]}}">
@@ -72,6 +74,9 @@ <h4>{{domains[]}}</h4>
7274
</cc-options>
7375
</cocreate-select>
7476
<input type="text" name="path" class="floating-label" placeholder="path">
77+
<input type="text" name="directory" class="floating-label" placeholder="directory">
78+
<textarea name="src" class="floating-label" placeholder="src"></textarea>
79+
<input type="text" name="content-type" class="floating-label" placeholder="content-type">
7580
<cocreate-select class="sortable floating-label" name="tags" multiple placeholder="Tags">
7681
<input placeholder="Search" template_id="tags">
7782
<div template_id="datatable" filter-name="type" filter-value="type"></div>
@@ -84,7 +89,6 @@ <h4 collection="{{collection}}" document_id="{{data._id}}" name="name">tags Name
8489
<!--<input type="text" name="collection" class="floating-label" placeholder="collection"> -->
8590
<!--<input type="text" name="module_id" class="floating-label" placeholder="document_id">-->
8691
<!--<input type="text" name="name" class="floating-label" placeholder="name">-->
87-
<input type="text" name="name" class="floating-label" placeholder="File Name">
8892
<cocreate-select class="sortable floating-label" name="module_id" placeholder="Module">
8993
<input placeholder="Search" template_id="module_id">
9094
<cc-options fetch-collection="modules" order-by="name" template_id="module_id" class="overflow:auto">
@@ -96,6 +100,17 @@ <h4 collection="{{collection}}" document_id="{{data._id}}" name="name">Name</h4>
96100
</cc-option>
97101
</cc-options>
98102
</cocreate-select>
103+
<cocreate-select class="sortable floating-label" name="website_id" placeholder="Website">
104+
<input placeholder="Search" template_id="website_id">
105+
<cc-options fetch-collection="module_activities" filter-name="module_id" filter-value="5ff747727005da1c27274185" order-by="name" template_id="module_id" class="overflow:auto">
106+
<cc-option class="template" template_id="website_id" value="{{data._id}}">
107+
<div class="display:flex padding:5px">
108+
<span class="width:25px" collection="{{collection}}" document_id="{{data._id}}" name="icon"></span>
109+
<h4 collection="{{collection}}" document_id="{{data._id}}" name="name">Name</h4>
110+
</div>
111+
</cc-option>
112+
</cc-options>
113+
</cocreate-select>
99114
<button actions="saveDocument" class="position:fixed bottom:15px right:15px background:dodgerblue grow-hover border-radius:50% padding:15px">
100115
<i class="far fa-save"></i>
101116
</button>

0 commit comments

Comments
 (0)