Mercurial > wikked
diff static/tpl/edit-page.html @ 89:b03f083c3a29
Lots of HTML/JS/Less changes:
- more semantic and simple markup, no useless grid.
- simpler colour schemes (TODO: colours are ugly, tune them).
- better error handling in Backbone views.
- fixed some view bugs.
- changed new/modified page alert to a ribbon with tooltip.
author | Ludovic Chabant <ludovic@chabant.com> |
---|---|
date | Sat, 06 Apr 2013 18:07:31 -0700 |
parents | 8250c977bc50 |
children | 315c32a4ce58 |
line wrap: on
line diff
--- a/static/tpl/edit-page.html Fri Apr 05 08:08:12 2013 -0700 +++ b/static/tpl/edit-page.html Sat Apr 06 18:07:31 2013 -0700 @@ -1,40 +1,37 @@ -<article class="row"> - <div class="page span12"> +<article> + <header> <h1>{{meta.title}} <span class="decorator">Editing</span></h1> - <form id="page-edit" class="page-edit row"> - <div class="span12"> - <div id="wmd-button-bar"></div> - </div> - <div class="span12"> - <div class="wmd-input-wrapper"> - <textarea id="wmd-input" name="text" placeholder="Your page's contents go here...">{{content}}</textarea> - <div class="wmd-input-grip"></div> + </header> + <section> + <form id="page-edit"> + <section id="wmd-button-bar"> + </section> + <section id="wmd-input-wrapper"> + <textarea id="wmd-input" name="text" placeholder="Your page's contents go here...">{{content}}</textarea> + <div id="wmd-input-grip"></div> + </section> + <section id="wmd-preview-wrapper"> + <h3><a class="btn"><i class="icon-minus"></i></a> Preview</h3> + <div id="wmd-preview"></div> + </section> + <section> + <div class="controls commit-meta"> + <div class="control-group input-prepend"> + <label for="author" class="control-label add-on">Author: </label> + <input type="text" name="author" class="" placeholder="{{commit_meta.author}}"></input> + </div> + <div class="control-group input-prepend"> + <label for="message" class="control-label add-on">Change Description: </label> + <input type="text" name="message" class="input-xxlarge" placeholder="{{commit_meta.desc}}"></input> + </div> </div> - </div> - <div class="span12"> - <div class="wmd-preview-wrapper"> - <h3><a class="btn"><i class="icon-minus"></i></a> Preview</h3> - <div id="wmd-preview" class="wmd-preview"></div> - </div> - </div> - <div class="span12"> - <div class="controls commit-meta"> - <div class="control-group input-prepend"> - <label for="author" class="control-label add-on">Author: </label> - <input type="text" name="author" class="" placeholder="{{commit_meta.author}}"></input> - </div> - <div class="control-group input-prepend"> - <label for="message" class="control-label add-on">Change Description: </label> - <input type="text" name="message" class="input-xxlarge" placeholder="{{commit_meta.desc}}"></input> - </div> - </div> - </div> - <div class="span12"> + </section> + <section> <button type="submit" class="btn btn-primary"><i class="icon-ok icon-white"></i> Save</button> <a href="{{url_read}}" class="btn">Cancel</a> - </div> + </section> </form> - </div> + <section> </article> <script type="text/javascript" src="/js/pagedown/Markdown.Converter.js"></script> <script type="text/javascript" src="/js/pagedown/Markdown.Sanitizer.js"></script>