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">&times;</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">&times;</button>
237
        <h4> <%= title %> </h4>
238
        <%= msg %>
239
      </div>
240
    </script>
241
4a1fae7 by Anon Ray at 2013-05-09 242
  </body>
243
</html>