forked from evoluteur/evolutility-ui-jquery
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
executable file
·140 lines (114 loc) · 5.79 KB
/
Copy pathindex.html
File metadata and controls
executable file
·140 lines (114 loc) · 5.79 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1">
<link href="../dist/css/dependencies.min.css" rel="stylesheet" />
<link href="../dist/css/demo.css" rel="stylesheet" />
<link href="../dist/css/evolutility.css" rel="stylesheet" />
<link rel="icon" type="image/png" href="../favicon.png">
<title>Documentation :: Evolutility</title>
</head>
<body>
<div class="evo-header">
<div class="evo-logo"><a href="../index.html"><span>evol</span>utility<span>.js</span></a></div>
<ul class="evo-head-links">
<li><a href="../demo/index.html">demos</a></li>
<li><a href="../doc/index.html" class="sel">doc</a></li>
<li class="evo-link2">
<ul class="evo-head-links2">
<li><a href="views.html">views</a></li>
<li><a href="ui-model.html">ui-model</a></li>
<li><a href="controller.html">controller</a></li>
</ul>
</li>
<li class="spaced"><a href="https://github.com/evoluteur/evolutility" target="_new">GitHub</a></li>
</ul>
<div class="clearfix"></div>
</div>
<div class="evo-title2">
<h1>Evolutility Documentation</h1>
</div>
<div class="evo-content2 page-docidx">
<section>
<h2>Metadata-driven Web UI for CRUD and more.</h2>
<p>Evolutility provides a set of UI-models driven views which adapt to different data structures.
For each entity, a single UI-model defines the UI for all views.
</section>
<section>
<h3><a href="views.html">Views</a></h3>
<div class="biglinks">
<div>A set of generic Backbone.js views to browse, edit, filter, export and chart Backbone.js models and collections of different data structures.
</div>
<div class="evo-links-views links-bih">
<div>Views for <strong>one</strong> model:
<br>
<a href="views.html#one-browse"><i class="glyphicon glyphicon-eye-open"></i>Browse</a>
<a href="views.html#one-edit"><i class="glyphicon glyphicon-edit"></i>Edit</a>
<a href="views.html#one-mini"><i class="glyphicon glyphicon-th-large"></i>Mini</a>
<a href="views.html#one-json"><i class="glyphicon glyphicon-barcode"></i>JSON</a>
</div>
<div>Views for a collection of <strong>many</strong> models:
<br>
<a href="views.html#many-list"><i class="glyphicon glyphicon-th-list"></i>List</a>
<a href="views.html#many-cards"><i class="glyphicon glyphicon-th-large"></i>Cards</a>
<a href="views.html#many-bubbles"><i class="glyphicon glyphicon-adjust"></i>Bubbles</a>
<a href="views.html#many-charts"><i class="glyphicon glyphicon-stats"></i>Charts</a>
</div>
<div>Views for <strong>actions</strong> on a collection or a model:
<br>
<a href="views.html#action-filter"><i class="glyphicon glyphicon-filter"></i>Filter</a>
<a href="views.html#action-export"><i class="glyphicon glyphicon-cloud-download"></i>Export</a>
<a href="views.html#action-import"><i class="glyphicon glyphicon-cloud-upload"></i>Import</a>
</div>
</div>
</section>
<section>
<h3><a href="ui-model.html">UI-Models</a></h3>
<div>
A declarative language to configure the views and map fields on screen to attributes in your Backbone.js models.
<div class="links-bh mt10">
<a href="ui-model.html#object">object</a> -
<a href="ui-model.html#field">field</a> -
<a href="ui-model.html#panel">panel</a> -
<a href="ui-model.html#panel-list">panel-list</a> -
<a href="ui-model.html#tab">tab</a>
</div>
</div>
</section>
<section>
<h3><a href="controller.html">Controller</a></h3>
<div>
A controller and a toolbar to manage the views and make them act together as a Single Page App.
<div class="links-bh mt10">
<a href="controller.html#app">App</a> -
<a href="controller.html#toolbar">Toolbar</a>
</div>
</div>
</section>
<section>
<h3>Code</h3>
<p>Evolutility is using Javascript, HTML5, CSS3,
with these open source libraries:
<a href="http://backbonejs.org" target="bb">Backbone.js</a>,
<a href="http://underscorejs.org/" target="u">Underscore.js</a>,
<a href="http://jquery.com" target="jq">jQuery</a>,
<a href="http://d3js.org" target="d3">D3.js</a>,
<a href="http://getbootstrap.com/" target="b">Bootstrap</a>,
and a few UI widgets: <a href="http://ivaynberg.github.io/select2/" target="s2">Select2</a>,
<a href="http://eternicode.github.io/bootstrap-datepicker/" target="bdp">bootstrap-datepicker</a>,
<a href="https://github.com/CodeSeven/toastr" target="toast">toastr</a>.
</p>
<p>The code is available at <a href="https://github.com/evoluteur/evolutility" target="download">GitHub</a> under the <a href="http://www.gnu.org/licenses/agpl-3.0.html" target="agpl">AGPL V3</a> license.</p>
</section>
<section>
<h3 class="mt20">The meaning of Evolutility</h3>
<p>In biology, Evolutility means "The faculty possessed by all substances capable of self-nourishment of manifesting the nutritive acts by changes of form, of volume, or of structure."</p>
<p>This open source project is a UI which changes form, volume and structure. It's DNA is metadata.</p>
</section>
</div>
<p><br/>evolutility.js at <a href="https://github.com/evoluteur/evolutility" target="download">GitHub</a></p>
<div class="footer">© 2015 Olivier Giulieri</div>
</body>
</html>