4a1fae7 by Anon Ray at 2013-05-09 | 1 | <!DOCTYPE html> |
2 | <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--> |
|
3 | <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--> |
|
4 | <!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]--> |
|
5 | <!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]--> |
|
6 | <head> |
|
7 | <meta charset="utf-8"> |
|
8 | <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
|
63c7919 by Anon Ray at 2013-05-30 | 9 | <title> Editing.. | {{title}} </title> |
4a1fae7 by Anon Ray at 2013-05-09 | 10 | <meta name="description" content=""> |
11 | <meta name="viewport" content="width=device-width"> |
|
12 | ||
13 | <!-- Place favicon.ico in the root directory --> |
|
14 | ||
15 | <link rel="stylesheet" href="/static/css/normalize.css"> |
|
16 | <link rel="stylesheet" href="/static/css/bootstrap.css"> |
|
d296833 by Anon Ray at 2013-05-20 | 17 | <link rel="stylesheet" href="/static/css/editor.css"> |
4a1fae7 by Anon Ray at 2013-05-09 | 18 | <script src="/static/js/lib/modernizr-2.6.1.min.js"></script> |
19 | </head> |
|
20 | <body> |
|
21 | <!--[if lt IE 7]> |
|
22 | <p class="chromeframe">You are using an outdated browser. <a href="http://browsehappy.com/">Upgrade your browser today</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to better experience this site.</p> |
|
23 | <![endif]--> |
|
24 | ||
25 | <div class="container" id="container"> |
|
aeb1feb by Anon Ray at 2013-08-23 | 26 | <div id="header"><div id="notifications"></div></div> |
d296833 by Anon Ray at 2013-05-20 | 27 | <div id="content-container"></div> |
28 | <div id="footer"> |
|
4a1fae7 by Anon Ray at 2013-05-09 | 29 | </div> |
30 | </div> |
|
2998a3d by Arvind at 2013-07-22 | 31 | |
4a1fae7 by Anon Ray at 2013-05-09 | 32 | <script> |
33 | // initialize editor |
|
34 | window.M = window.M || {}; |
|
35 | M.site_content = {{ content|tojson|safe }}; |
|
36 | window.onload = function() { |
|
37 | M.editor.init(); |
|
38 | }; |
|
39 | </script> |
|
40 | <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> |
|
41 | <script>window.jQuery || document.write('<script src="/static/js/lib/jquery-1.8.0.min.js"><\/script>')</script> |
|
42 | <script src="/static/js/lib/underscore.js"></script> |
|
43 | <script src="/static/js/lib/backbone-1.0.0.js"></script> |
|
44 | <script src="/static/js/lib/bootstrap.js"></script> |
|
45 | <script src="/static/js/lib/tinymce/tinymce.min.js"></script> |
|
46 | <script src="/static/js/lib/tinymce/jquery.tinymce.min.js"></script> |
|
47 | <script src="/static/js/plugins.js"></script> |
|
48 | <script src="/static/js/mouchak.js"></script> |
|
49 | <script src="/static/js/models.js"></script> |
|
50 | <script src="/static/js/editor.js"></script> |
|
51 | ||
52 | <!-- Underscore templates --> |
|
d296833 by Anon Ray at 2013-05-20 | 53 | <script type="text/template" id="menu-config-template"> |
63c7919 by Anon Ray at 2013-05-30 | 54 | <div class="page"> |
55 | <div class="menu-config"> |
|
56 | <h4> Menu Config </h4> |
|
66e3c71 by Anon Ray at 2013-08-30 | 57 | |
58 | <div class="control-group" id="menu-order-wrap"> |
|
59 | <div class="input-prepend"> |
|
60 | <span class="add-on"> <strong> Menu Order</strong></span> |
|
61 | <input id="menu-order" type="text" class="span4" |
|
62 | placeholder="list,page,names,for,menu,order" value="<%= menu_order %>"> |
|
63 | </div> |
|
64 | </div> |
|
65 | ||
3fd837c by Anon Ray at 2013-08-23 | 66 | <div class="control-group"> |
67 | <input id="custom-menu" type="checkbox"> |
|
68 | <span class=""><strong> Custom Menu </strong></span> |
|
69 | </div> |
|
66e3c71 by Anon Ray at 2013-08-30 | 70 | |
3fd837c by Anon Ray at 2013-08-23 | 71 | <div class="menu-options" style="display: none;"> |
72 | <div class="control-group"> |
|
73 | <div class="input-prepend"> |
|
74 | <span class="add-on"> <strong> Position </strong></span> |
|
75 | <input id="pos" type="text" placeholder="[left, top]" |
|
76 | value="<%= pos %>"> |
|
18b2795 by Anon Ray at 2013-07-11 | 77 | </div> |
63c7919 by Anon Ray at 2013-05-30 | 78 | </div> |
3fd837c by Anon Ray at 2013-08-23 | 79 | <label><strong> HTML for menu: </strong></label> |
80 | <textarea cols="25" rows="8" id="menu"><%= menu %></textarea> |
|
81 | </div> |
|
66e3c71 by Anon Ray at 2013-08-30 | 82 | |
63c7919 by Anon Ray at 2013-05-30 | 83 | </div> |
3fd837c by Anon Ray at 2013-08-23 | 84 | <button id="updateMenu" class="btn btn-primary pull-right"> Update </button> |
85 | <div class="clearfix"></div> |
|
d296833 by Anon Ray at 2013-05-20 | 86 | </div> |
87 | </script> |
|
88 | ||
4a1fae7 by Anon Ray at 2013-05-09 | 89 | <script type="text/template" id="page-list-template"> |
90 | <div id="pagelistview"> |
|
91 | <h4> List of Pages </h4> |
|
92 | <div id="pagelist"></div> |
|
63c7919 by Anon Ray at 2013-05-30 | 93 | <button class="btn btn-primary" id="addPage">Add Page</button> |
94 | <hr> |
|
95 | <p> <a href="javascript:void(0);" id="menu-config"> Site Menu </a> </p> |
|
96 | <p><a href="/"> Go to site </a></p> |
|
4a1fae7 by Anon Ray at 2013-05-09 | 97 | </div> |
98 | </script> |
|
63c7919 by Anon Ray at 2013-05-30 | 99 | |
4a1fae7 by Anon Ray at 2013-05-09 | 100 | <script type="text/template" id="page-list-item-template"> |
101 | <div class="pagename"> |
|
63c7919 by Anon Ray at 2013-05-30 | 102 | <a class="disp" id="<%= id %>" href="javascript:void(0);"><%= name %></a> |
4a1fae7 by Anon Ray at 2013-05-09 | 103 | <span class="pull-right"> |
63c7919 by Anon Ray at 2013-05-30 | 104 | <a href="javascript:void(0);" class="remove" for="<%= id %>"> |
4a1fae7 by Anon Ray at 2013-05-09 | 105 | <i class="icon-trash"></i> |
106 | </a> |
|
107 | </span> |
|
63c7919 by Anon Ray at 2013-05-30 | 108 | <span class="clearfix"></span> |
4a1fae7 by Anon Ray at 2013-05-09 | 109 | </div> |
110 | </script> |
|
111 | ||
112 | <script type="text/template" id="page-template"> |
|
113 | <div class="page"> |
|
114 | <h4> Page Properties </h4> |
|
115 | <form class="form-horizontal"> |
|
116 | <div class="control-group"> |
|
117 | <div class="input-prepend"> |
|
118 | <span class="add-on"> <strong> Name </strong></span> |
|
119 | <input id="name" type="text" placeholder="name of the page" value="<%= name %>"> |
|
120 | </div> |
|
121 | </div> |
|
122 | <div class="control-group"> |
|
123 | <div class="input-prepend"> |
|
124 | <span class="add-on"> <strong>Title</strong> </span> |
|
125 | <input id="title" type="text" placeholder="title of the page" |
|
126 | value="<%= title %>"> |
|
127 | </div> |
|
128 | </div> |
|
129 | <div class="control-group"> |
|
130 | <div class="input-prepend"> |
|
131 | <span class="add-on"> <strong>Children</strong> </span> |
|
132 | <input id="children" type="text" placeholder="csv of child pages" |
|
133 | value="<%= children %>"> |
|
2998a3d by Arvind at 2013-07-22 | 134 | </div> |
4a1fae7 by Anon Ray at 2013-05-09 | 135 | </div> |
63c7919 by Anon Ray at 2013-05-30 | 136 | <div class="control-group"> |
137 | <div class="input-prepend"> |
|
138 | <span class="add-on"><strong> Show Navigation </strong></span> |
|
139 | <input id="showNav" type="checkbox" <%=checked%>> |
|
140 | </div> |
|
141 | </div> |
|
4a1fae7 by Anon Ray at 2013-05-09 | 142 | <label><strong> Content </strong></label> |
143 | <div id="content" class="content well"> |
|
144 | <%= content %> |
|
145 | <p></p> |
|
146 | <button class="addContent btn btn-mini btn-primary">Add Content</button> |
|
147 | </div> |
|
148 | <button id="updatePage" type="submit" class="btn btn-primary pull-right"> Update </button> |
|
63c7919 by Anon Ray at 2013-05-30 | 149 | <div class="clearfix"></div> |
4a1fae7 by Anon Ray at 2013-05-09 | 150 | </form> |
151 | </div> |
|
152 | </script> |
|
153 | ||
154 | <script type="text/template" id="content-list-template"> |
|
155 | <div class="content-item-wrapper"> |
|
2998a3d by Arvind at 2013-07-22 | 156 | <span class="content-item" id="content-<%= no %>"> |
157 | <span class="label label-info"> <%= type %> </span> |
|
158 | <span class=""> |
|
4a1fae7 by Anon Ray at 2013-05-09 | 159 | [ <small> <%= title %> <%= more %> </small> ] |
160 | </span> |
|
161 | </span> |
|
162 | <span class="pull-right"> |
|
63c7919 by Anon Ray at 2013-05-30 | 163 | <a href="javascript:void(0);" class="remove" for="<%=no%>"><i class="icon-trash"></i></a> |
4a1fae7 by Anon Ray at 2013-05-09 | 164 | </span> |
63c7919 by Anon Ray at 2013-05-30 | 165 | <span class="clearfix"></span> |
4a1fae7 by Anon Ray at 2013-05-09 | 166 | </div> |
167 | </script> |
|
168 | ||
169 | <script type="text/template" id="content-template"> |
|
170 | <div class="contentview"> |
|
171 | <div class=""> |
|
172 | <label><b>Type</b></label> |
|
173 | <select> |
|
3fd837c by Anon Ray at 2013-08-23 | 174 | <% _.each(M.contentTypes, function(type) { %> |
4a1fae7 by Anon Ray at 2013-05-09 | 175 | <option><%= type %></option> |
176 | <% }); %> |
|
177 | </select> |
|
178 | <div class="control-group"> |
|
179 | <div class="input-prepend"> |
|
180 | <span class="add-on"> <b>Title</b> </span> |
|
181 | <input type="text" placeholder="title of the content" value="<%= |
|
182 | title %>" m-data-target="title"> |
|
2998a3d by Arvind at 2013-07-22 | 183 | </div> |
4a1fae7 by Anon Ray at 2013-05-09 | 184 | </div> |
185 | <div class="control-group"> |
|
186 | <div class="input-prepend"> |
|
187 | <span class="add-on"> <strong>Tags</strong> </span> |
|
188 | <input type="text" placeholder="csv of tags for this content" |
|
189 | value="<%= tags %>" m-data-target="tags"> |
|
2998a3d by Arvind at 2013-07-22 | 190 | </div> |
4a1fae7 by Anon Ray at 2013-05-09 | 191 | </div> |
192 | </div> |
|
193 | <div id="specific-content"></div> |
|
194 | <button class="btn btn-info" id="done">Done</button> |
|
195 | <button class="btn btn-primary" id="updateContent">Update</button> |
|
196 | </div> |
|
197 | </script> |
|
198 | ||
199 | <script type="text/template" id="media-template"> |
|
200 | <div class="data"> |
|
201 | <div class="control-group"> |
|
202 | <div class="input-prepend"> |
|
203 | <span class="add-on"><strong>path to file</strong></span> |
|
204 | <input type="text" placeholder="src" value="<%= src %>" |
|
205 | m-data-target="src"> |
|
206 | </div> |
|
207 | </div> |
|
208 | <div class="preview"></div> |
|
209 | </div> |
|
210 | </script> |
|
211 | ||
212 | <script type="text/template" id="text-template"> |
|
213 | <div class="data"> |
|
214 | <label><b> Content </b></label> |
|
215 | <p> |
|
216 | <span class="label label-important">Tip</span> |
|
217 | <span><small> You can unleash your HTML power here </small></span> |
|
218 | </p> |
|
219 | <textarea id="edit" m-data-target="data"> |
|
220 | <%= data %> |
|
221 | </textarea> |
|
222 | </div> |
|
223 | </script> |
|
aeb1feb by Anon Ray at 2013-08-23 | 224 | |
225 | <!-- notification templates --> |
|
226 | <script type="text/template" id="success-notif"> |
|
227 | <div class="alert alert-success"> |
|
228 | <button type="button" class="close" data-dismiss="alert">×</button> |
|
229 | <h4> <%= title %> </h4> |
|
230 | <%= msg %> |
|
231 | </div> |
|
232 | </script> |
|
233 | ||
234 | <script type="text/template" id="fail-notif"> |
|
235 | <div class="alert alert-error"> |
|
236 | <button type="button" class="close" data-dismiss="alert">×</button> |
|
237 | <h4> <%= title %> </h4> |
|
238 | <%= msg %> |
|
239 | </div> |
|
240 | </script> |
|
241 | ||
4a1fae7 by Anon Ray at 2013-05-09 | 242 | </body> |
243 | </html> |