view 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 source

<article>
    <header>
        <h1>{{meta.title}} <span class="decorator">Editing</span></h1>
    </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>
            </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>
            </section>
        </form>
    <section>
</article>
<script type="text/javascript" src="/js/pagedown/Markdown.Converter.js"></script>
<script type="text/javascript" src="/js/pagedown/Markdown.Sanitizer.js"></script>
<script type="text/javascript" src="/js/pagedown/Markdown.Editor.js"></script>