Skip to content

Commit beafef6

Browse files
jean1187jean1187
committed
last changes
1 parent 7c0ed1d commit beafef6

File tree

2 files changed

+77
-70
lines changed

2 files changed

+77
-70
lines changed

‎dashboard.html‎

Lines changed: 65 additions & 63 deletions
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@
99
<title>Dashboards | CoCreate</title>
1010

1111
<!-- CoCreateCSS -->
12-
<link rel="stylesheet" href="https://cdn.cocreate.app/CoCreate.min.css" type="text/css" />
12+
<link rel="stylesheet" href="https://server.cocreate.app/css/CoCreate.min.css" type="text/css" />
1313

1414
<!-- Font Awesome -->
1515
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css" crossorigin="anonymous" />
@@ -72,21 +72,21 @@
7272
</div>
7373

7474
<div data-main_content_id="content">
75-
<div id="saveFetch1" class="saveFetch main-height" name='cards1' data-collection="module_activity" data-module_activity_id="5e07c2a43145e2497e494bf0" data-module_id="newclone" data-pass_id="me1234" >
75+
<!--<div class="domEditor main-height" name='cards1' data-collection="test" data-document_id="5f075add24d24a175fca5490" data-pass_id="me1234" >-->
76+
<div class="domEditor main-height" name='cards1' data-collection="test" data-pass_id="me1234" >
7677

77-
<div class="Sortable isotope-grid resize-grid" data-group_name="dashboard"
78+
<div class="isotope-grid resize-grid" data-group_name="dashboard" data-droppable="true" class="dnd"
7879
isotope-itemselector="grid-item"
7980
isotope-layoutMode="masonry"
8081
isotope-columnWidth="1"
8182
resizable="true"
8283
resize-itemselector="grid-item"
8384
resize-snapWidth="10"
8485
resize-snapHeight="10"
85-
resize-edges="0 1 1 0"
86-
draggable="true">
86+
resize-edges="0 1 1 0">
8787

8888
<!--<div class="display:flex">-->
89-
<div class="card display:flex padding:20px align-items:center margin:10px">
89+
<div class="card display:inline-flex padding:20px align-items:center margin:1% grid-item width:23% width:47%@xs width:47%@sm width:23%@md" data-draggable="true" data-element_id="id1">
9090
<div class="padding-right:20px">
9191
<h2>Visits</h2>
9292
<p>Total visits today</p>
@@ -97,67 +97,67 @@ <h2>$4000</h2>
9797
</div>
9898
<a href="#">Detail</a>
9999
</div>
100-
<div class="">
101-
<div class="progressbar-circle text-align-center width-120px" progressbar-color="#22CCE2" percent-value="85" percent-note="New Visits"></div>
100+
<div class="flex-grow:1">
101+
<div class="progressbar-circle text-align:center width:100%" progressbar-color="#22CCE2" percent-value="85" percent-note="New Visits"></div>
102102
</div>
103103
</div>
104104

105-
<!-- <div class="card display:flex padding:20px align-items:center margin:10px">-->
106-
<!-- <div class="padding-right:20px">-->
107-
<!-- <h2>Orders</h2>-->
108-
<!-- <p>Total visits today</p>-->
109-
<!-- <div class="display:flex align-items:center">-->
110-
<!-- <h2>$1000</h2>-->
111-
<!-- <i class="fas fa-chart-line color-deep-pink padding:0px_15px"></i>-->
112-
<!-- <span class="cocreate-badge badge-danger round font-size:12px">8%</span>-->
113-
<!-- </div>-->
114-
<!-- <a href="#">Detail</a>-->
115-
<!-- </div>-->
116-
<!-- <div class="">-->
117-
<!-- <div class="progressbar-circle text-align-center width-120px" progressbar-color="#FDBF5E" percent-value="75" percent-note="New Orders"></div>-->
118-
<!-- </div>-->
119-
<!-- </div>-->
120-
121-
<!-- <div class="card display:flex padding:20px align-items:center margin:10px">-->
122-
<!-- <div class="padding-right:20px">-->
123-
<!-- <h2>Sales</h2>-->
124-
<!-- <p>Total visits today</p>-->
125-
<!-- <div class="display:flex align-items:center">-->
126-
<!-- <h2>$500</h2>-->
127-
<!-- <i class="fas fa-chart-line color-deep-pink padding:0px_15px"></i>-->
128-
<!-- <span class="cocreate-badge badge-success round font-size:12px">7%</span>-->
129-
<!-- </div>-->
130-
<!-- <a href="#">Detail</a>-->
131-
<!-- </div>-->
132-
<!-- <div class="">-->
133-
<!-- <div class="progressbar-circle text-align-center width-120px" progressbar-color="#FF3D57" percent-value="80" percent-note="New Sales"></div>-->
134-
<!-- </div>-->
135-
<!-- </div>-->
136-
<!--</div> -->
137-
<!-- sortable card -->
138-
<div id="card" class="card margin:5px border-radius-2px flex-grow-1 template grid-item" style="width:calc( 20% - 10px )">
139-
<div class="margin:15px font-size:18px color-dark-gray">
140-
<span class="display:inline-block">
141-
<input data-collection="module_activity" data-pass_id="form-fields" data-module_activity_id="" name="clone-name" id="stage-name" class="input_field" placeholder="card">
142-
</span>
143-
<span class="float:right display:inline-block"><a data-clone_id="card" class="deleteBtn reset-layout"><i class="fas fa-times"></i></a></span>
105+
<div class="card display:inline-flex padding:20px align-items:center margin:1% grid-item width:23% width:47%@xs width:47%@sm width:23%@md" data-draggable="true" data-element_id="id2">
106+
<div class="padding-right:20px">
107+
<h2>Orders</h2>
108+
<p>Total visits today</p>
109+
<div class="display:flex align-items:center">
110+
<h2>$1000</h2>
111+
<i class="fas fa-chart-line color-deep-pink padding:0px_15px"></i>
112+
<span class="cocreate-badge badge-danger round font-size:12px">8%</span>
113+
</div>
114+
<a href="#">Detail</a>
144115
</div>
145-
<div class="border:bottom border-color-extra-medium-gray">
146-
<div class="display:flex align-items:center margin:0px_15px">
147-
<form data-collection="module_activity" class="Sortable" data-group_name="task-items" id="testForm">
148-
<!-- sortable task item -->
149-
<div id="task-item" class="display:flex flex-wrap-nowrap align-items:center margin:0px_15px padding:10px_0px template">
150-
<h3>Something...</h3>
151-
152-
<a data-clone_id="task-item" class="margin-left:15px font-size:20px deleteBtn" ><i class="far fa-trash-alt"></i></a>
153-
</div>
154-
</form>
116+
<div class="flex-grow:1">
117+
<div class="progressbar-circle text-align:center width:100%" progressbar-color="#FDBF5E" percent-value="75" percent-note="New Orders"></div>
118+
</div>
119+
</div>
120+
121+
<div class="card display:inline-flex padding:20px align-items:center margin:1% grid-item width:23% width:47%@xs width:47%@sm width:23%@md" data-draggable="true" data-element_id="id3">
122+
<div class="padding-right:20px">
123+
<h2>Sales</h2>
124+
<p>Total visits today</p>
125+
<div class="display:flex align-items:center">
126+
<h2>$500</h2>
127+
<i class="fas fa-chart-line color-deep-pink padding:0px_15px"></i>
128+
<span class="cocreate-badge badge-success round font-size:12px">7%</span>
155129
</div>
130+
<a href="#">Detail</a>
156131
</div>
157-
<div class="margin:0px_15px margin:15px_0px">
158-
<a data-clone_id="task-item" class="cloneBtn noDrag reset-layout" style="display: block" ><i class="fas fa-plus"></i> Something...</a>
132+
<div class="flex-grow:1">
133+
<div class="progressbar-circle text-align:center width:100%" progressbar-color="#FF3D57" percent-value="80" percent-note="New Sales"></div>
159134
</div>
160135
</div>
136+
</div>
137+
<!-- sortable card -->
138+
<!--<div id="card" class="card margin:5px border-radius-2px flex-grow-1 template grid-item" style="width:calc( 20% - 10px )">-->
139+
<!-- <div class="margin:15px font-size:18px color-dark-gray">-->
140+
<!-- <span class="display:inline-block">-->
141+
<!-- <input data-collection="module_activity" data-pass_id="form-fields" data-module_activity_id="" name="clone-name" id="stage-name" class="input_field" placeholder="card">-->
142+
<!-- </span>-->
143+
<!-- <span class="float:right display:inline-block"><a data-clone_id="card" class="deleteBtn reset-layout"><i class="fas fa-times"></i></a></span>-->
144+
<!-- </div>-->
145+
<!-- <div class="border:bottom border-color-extra-medium-gray">-->
146+
<!-- <div class="display:flex align-items:center margin:0px_15px">-->
147+
<!-- <form data-collection="module_activity" class="Sortable" data-group_name="task-items" id="testForm">-->
148+
<!-- sortable task item -->
149+
<!-- <div id="task-item" class="display:flex flex-wrap-nowrap align-items:center margin:0px_15px padding:10px_0px template">-->
150+
<!-- <h3>Something...</h3>-->
151+
152+
<!-- <a data-clone_id="task-item" class="margin-left:15px font-size:20px deleteBtn" ><i class="far fa-trash-alt"></i></a>-->
153+
<!-- </div>-->
154+
<!-- </form>-->
155+
<!-- </div>-->
156+
<!-- </div>-->
157+
<!-- <div class="margin:0px_15px margin:15px_0px">-->
158+
<!-- <a data-clone_id="task-item" class="cloneBtn noDrag reset-layout" style="display: block" ><i class="fas fa-plus"></i> Something...</a> -->
159+
<!-- </div>-->
160+
<!--</div>-->
161161
</div><!-- Sortable card -->
162162

163163
<button data-clone_id="card" class="position:fixed bottom:15px right:15px bg:blue grow-hover round cloneBtn" id="addcardBtn"><i class="fas fa-plus"></i></button>
@@ -175,16 +175,18 @@ <h3>Something...</h3>
175175

176176
<!-- CoCreateJS -->
177177
<script src="https://server.cocreate.app/js/CoCreate.min.js"></script>
178+
179+
<!-- CoCreate Progressbar -->
180+
<script src="https://server.cocreate.app/CoCreate-plugins/CoCreate-progressbar/src/CoCreate-progressbar.js"></script>
178181

179182

180183
<!-- CoCreate Isotope -->
181-
<script src="https://server.cocreate.app/CoCreate-components/CoCreate-isotope/src/CoCreate-isotope.js"></script>
184+
<script src="https://server.cocreate.app/CoCreate-plugins/CoCreate-isotope/src/CoCreate-isotope.js"></script>
182185

183186
<!-- CoCreate Interact -->
184-
<script src="https://server.cocreate.app/CoCreate-components/CoCreate-interact/src/CoCreate-interact.js"></script>
187+
<!--<script src="https://server.cocreate.app/CoCreate-plugins/CoCreate-interact/src/CoCreate-interact.js"></script>-->
185188

186-
<!-- CoCreate Progressbar -->
187-
<script src="https://server.cocreate.app/CoCreate-components/CoCreate-progressbar/src/CoCreate-progressbar.js"></script>
189+
<script defer src=" https://server.cocreate.app/CoCreate-components/CoCreate-dnd/dist/CoCreate-dnd.js"></script>
188190

189191
</body>
190192
</html>

‎documentation/index.html‎

Lines changed: 12 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@
1717
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css" crossorigin="anonymous" />
1818

1919
<!-- Codemirror -->
20-
<link rel="stylesheet" href="https://server.cocreate.app/CoCreate-components/CoCreate-codemirror/src/CoCreate-codemirror.css" type="text/css" />
20+
<link rel="stylesheet" href="https://server.cocreate.app/CoCreate-plugins/CoCreate-codemirror/src/CoCreate-codemirror.css" type="text/css" />
2121
<link rel=stylesheet href="https://codemirror.net/lib/codemirror.css" async defer>
2222

2323
<!-- Highlight.js-->
@@ -45,7 +45,12 @@ <h2>CoCreate-boilerplate</h2>
4545
<div id="boilerplate-section" class="display:flex flex-wrap:wrap">
4646
<div class="flex-grow:1 min-width:300px width:50% padding:0px_10px margin:20px_0px">
4747

48-
<h2 class="border-bottom border-color:medium-gray padding:5px_0px">Reference</h2>
48+
<h2 class="border-bottom:1px_solid_lightgrey padding:5px_0px">Install</h2>
49+
<pre><code class="language-javascript">npm install cocreate-boilerplate</code></pre>
50+
<p class="padding:10px_0px">Or you can use cdn link:</p>
51+
<pre><code class="language-javascript">https://cdn.cocreate.app/CoCreate-boilerplate.min.js</code></pre>
52+
53+
<h2 class="border-bottom:1px_solid_lightgrey margin-top:80px padding:5px_0px">Usage</h2>
4954
<div class="">
5055
<p class="padding:10px_0px">This is boilerplate reference</p>
5156

@@ -57,22 +62,22 @@ <h2 class="border-bottom border-color:medium-gray padding:5px_0px">Reference</h2
5762
<p class="padding:10px_0px">This is boilerplate reference</p>
5863
<p class="padding:10px_0px">This is boilerplate reference</p>
5964
</div>
60-
<h2 class="border-bottom border-color:medium-gray padding:5px_0px">Attributes</h2>
65+
<h2 class="border-bottom:1px_solid_lightgrey padding:5px_0px">Attributes</h2>
6166
<ul class="list-style-type:none ">
62-
<li class="padding:15px_0px border-bottom border-color:medium-gray">
67+
<li class="padding:15px_0px border-bottom:1px_solid_lightgrey">
6368
<h4><span>data-boilerplate</span> <span class="cocreate-badge success">string</span> <span class="cocreate-badge warning">optional</span></h4>
6469
<p>boilerplate-attribute</p>
6570
</li>
66-
<li class="padding:15px_0px border-bottom border-color:medium-gray">
71+
<li class="padding:15px_0px border-bottom:1px_solid_lightgrey">
6772
<h4><span>data-boilerplate</span> <span class="cocreate-badge success">string</span> <span class="cocreate-badge warning">optional</span></h4>
6873
<p>boilerplate-attribute</p>
6974
</li>
7075
</ul>
7176
</div>
7277

73-
<div class="flex-grow:1 min-width:300px width:50% padding:0px_10px margin:20px_0px border-bottom border-color:medium-gray">
78+
<div class="flex-grow:1 min-width:300px width:50% padding:0px_10px margin:20px_0px border-bottom:1px_solid_lightgrey">
7479
<!-- SandBox -->
75-
<h2 class="border-bottom border-color:medium-gray padding:5px_0px">Demo</h2>
80+
<h2 class="border-bottom:1px_solid_lightgrey padding:5px_0px">Demo</h2>
7681
<div class="position:sticky top:0 padding:15px_0px height:100vh">
7782
<div class="container svColumn overflow:hidden card border-radius:2px width:auto height:100%" id="form-sandbox">
7883
<div class="font-size:20px position:absolute top:10px right:10px opacity:0.6 z-index:7">

0 commit comments

Comments
 (0)