Skip to content

Commit cdc55ab

Browse files
author
Olivier Giulieri
committed
Added table of contention top.
1 parent fddc6c8 commit cdc55ab

4 files changed

Lines changed: 70 additions & 5 deletions

File tree

‎dist/css/demo.css‎

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -215,6 +215,22 @@ code {
215215
background-color: #f7f7f7;
216216
border-radius: 3px;
217217
}
218+
.list-views {
219+
position: absolute;
220+
top: 10px;
221+
right: 10px;
222+
}
223+
.list-views > div {
224+
color: white;
225+
padding: 0 4px;
226+
}
227+
.list-views > div a {
228+
color: white;
229+
padding: 0 4px;
230+
}
231+
.list-views i {
232+
margin-right: 4px;
233+
}
218234
body {
219235
font-size: 15px !important;
220236
font-weight: 300;

‎doc/ui-model.html‎

Lines changed: 16 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -28,6 +28,17 @@
2828

2929
<div class="evo-title2">
3030
<h1>UI Model</h1>
31+
<div class="list-views">
32+
<div>
33+
<a href="#object">object</a>
34+
<a href="#field">field</a>
35+
</div>
36+
<div>
37+
<a href="#panel">panel</a>
38+
<a href="#panel-list">panel-list</a>
39+
<a href="#tab">tab</a>
40+
</div>
41+
</div>
3142
</div>
3243

3344

@@ -36,7 +47,7 @@ <h1>UI Model</h1>
3647
<p>With Evolutility views are fully defined by UI models (rather than hand coded templates and custom Javascript code).</p>
3748

3849
<p>For each Backbone model and collection, a single UI model defines all information necessary to render all views associated to that entity.
39-
The UI model maps attributes in the Backbone model to <a href="#fields">fields</a> on the screen. It also groups fields into <a href="#panels">panels</a> and panels into <a href="#tabs">tabs</a>.
50+
The UI model maps attributes in the Backbone model to <a href="#field">fields</a> on the screen. It also groups fields into <a href="#panel">panels</a> and panels into <a href="#tab">tabs</a>.
4051
Nested collections can also be included as <a href="#panel-list">panel-list</a> to provide master-details capability.
4152
</p>
4253

@@ -47,7 +58,7 @@ <h1>UI Model</h1>
4758
<span class="evol-asterix">*</span>: partially or not implemented yet.
4859

4960

50-
<a name="objects" class="evo-anchor">&nbsp;</a>
61+
<a name="object" class="evo-anchor">&nbsp;</a>
5162
<section>
5263
<h1>object</h1>
5364

@@ -112,7 +123,7 @@ <h1>object</h1>
112123

113124
</section>
114125

115-
<a name="fields" class="evo-anchor">&nbsp;</a>
126+
<a name="field" class="evo-anchor">&nbsp;</a>
116127
<section>
117128
<h1>field</h1>
118129
<p>Attributes in your Backbone model are mapped to fields in the UI.</p>
@@ -354,7 +365,7 @@ <h1>field</h1>
354365
</tbody></table>
355366
</section>
356367

357-
<a name="panels" class="evo-anchor">&nbsp;</a>
368+
<a name="panel" class="evo-anchor">&nbsp;</a>
358369
<section>
359370
<h1>panel</h1>
360371

@@ -483,7 +494,7 @@ <h1>panel-list</h1>
483494
</tbody></table>
484495
</section>
485496

486-
<a name="tabs" class="evo-anchor">&nbsp;</a>
497+
<a name="tab" class="evo-anchor">&nbsp;</a>
487498
<section>
488499
<h1>tab</h1>
489500
<p>The <code>tab</code> element can be used to group panels and panel-lists.</p>

‎doc/views.html‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -28,6 +28,27 @@
2828

2929
<div class="evo-title2">
3030
<h1>Views</h1>
31+
32+
<div class="list-views">
33+
<div>
34+
<a href="#one-view"><i class="glyphicon glyphicon-file"></i>View</a>
35+
<a href="#one-edit"><i class="glyphicon glyphicon-th"></i>Edit</a>
36+
<a href="#one-mini"><i class="glyphicon glyphicon-th-large"></i>Mini</a>
37+
<a href="#one-json"><i class="glyphicon glyphicon-barcode"></i>JSON</a>
38+
</div>
39+
40+
<div>
41+
<a href="#many-list"><i class="glyphicon glyphicon-th-list"></i>List</a>
42+
<a href="#many-badges"><i class="glyphicon glyphicon-th-large"></i>Badges</a>
43+
<a href="#many-charts"><i class="glyphicon glyphicon-stats"></i>Charts</a>
44+
</div>
45+
46+
<div>
47+
<a href="#action-filter"><i class="glyphicon glyphicon-filter"></i>Filter</a>
48+
<a href="#action-export"><i class="glyphicon glyphicon-cloud-download"></i>Export</a>
49+
</div>
50+
51+
</div>
3152
</div>
3253

3354
<div class="evo-content3">

‎less/doc.less‎

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -62,3 +62,20 @@ code{
6262
background-color: #f7f7f7;
6363
border-radius: 3px;
6464
}
65+
66+
.list-views{
67+
position:absolute;
68+
top: 10px;
69+
right:10px;
70+
>div{
71+
color: white;
72+
padding: 0 4px;
73+
a{
74+
color: white;
75+
padding: 0 4px;
76+
}
77+
}
78+
i{
79+
margin-right:4px;
80+
}
81+
}

0 commit comments

Comments
 (0)