forked from evoluteur/evolutility-ui-jquery
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathtest.html
More file actions
executable file
·96 lines (77 loc) · 3.27 KB
/
Copy pathtest.html
File metadata and controls
executable file
·96 lines (77 loc) · 3.27 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
<html xmlns="http://www.w3.org/1999/xhtml" >
<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">
<meta name="keywords" content="open source metadata UI SPA Backbone View Model Bootstrap" />
<meta name="description" content="Evolutility :: Demo Single Page App" /></head>
<link href="../dist/css/vendors.min.css" rel="stylesheet" />
<link href="../dist/css/demo.css" rel="stylesheet" />
<link href="../dist/css/evolutility.css" rel="stylesheet" />
<style>
@media only screen and (max-width: 900px) {
.evo-header{
min-width: 700px;
}
}
</style>
<script src="../dist/vendors.min.js" type="text/javascript"></script>
<script src="demo.js" type="text/javascript"></script>
<script src="../js/ui-models/apps/contacts.js" type="text/javascript"></script>
<script src="../js/ui-models/apps/todo.js" type="text/javascript"></script>
<script src="../js/ui-models/apps/winecellar.js" type="text/javascript"></script>
<script src="../js/ui-models/apps/test.js" type="text/javascript"></script>
<script src="../dist/evolutility.js" type="text/javascript"></script>
<title id="headTitle">Evolutility Demo</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="index.html" class="sel">demo</a></li>
<li><a href="../doc/index.html">doc</a></li>
<li class="spaced"><a href="https://github.com/evoluteur/evolutility" target="_new">GitHub</a></li>
</ul>
<ul class="evo-head-links2">
<li><a href="#test" data-id="test">TEST</a></li>
<li><a href="#todo" data-id="todo">todo</a></li>
<li><a href="#contact" data-id="contact">addressbook</a></li>
<li><a href="#winecellar" data-id="winecellar">wine cellar</a></li>
</ul>
<div class="clearfix"></div>
</div>
<div class="evo-title2">
<h1 id="title">Demo</h1>
</div>
<div class="evo-content2">
<div id="evol" class="">
<ul class="">
<li><a href="#test/list" data-id="test"><img src="pix/color_wheel.png" class="evo-icon-16">Test object</a></li>
<li><a href="#todo/list" data-id="todo"><img src="pix/todo.gif" class="evo-icon-16">To Do</a></li>
<li><a href="#contact/list" data-id="contact"><img src="pix/contact.gif" class="evo-icon-16">AddressBook</a></li>
<li><a href="#winecellar/list" data-id="wine"><img src="pix/wine.gif" class="evo-icon-16">Wine cellar</a></li>
</ul>
</div>
<div class="clearfix"></div>
</div>
<script>
$(document).ready(function(){
// - create sample data if none is there
createSampleDataIfEmpty('todo');
createSampleDataIfEmpty('contact');
createSampleDataIfEmpty('winecellar');
// - run shell which set demo
new Evol.Shell({
el:$('#evol'),
uiModelsObj: {
test: uiModels.test,
todo: uiModels.todo,
contact: uiModels.contact,
winecellar: uiModels.winecellar
}
}).render();
});
</script>
<div class="footer">© 2015 Olivier Giulieri</div>
</body>
</html>