view wikked/static/tpl/edit-page.html @ 6:9a77a8fbbe40

Fixed layout for edit page.
author Ludovic Chabant <ludovic@chabant.com>
date Wed, 19 Dec 2012 20:29:36 -0800
parents 036f39c535d9
children 6ac0b74a57f7
line wrap: on
line source

<div class="wrapper">
    <nav class="container_12">
        <div>
            <a href="{{url_read}}">Read</a>
        </div>
    </nav>
    <article class="container_12">
        <div class="page grid_12">
            <h1 class="grid_12 alpha">{{meta.title}} <span class="decorator">Editing</span></h1>
            <form id="page-edit" class="page-edit grid_12 omega">
                <div class="grid_12 alpha">
                    <div id="wmd-button-bar"></div>
                </div>
                <div class="grid_12">
                    <textarea id="wmd-input" name="text">{{content}}</textarea>
                </div>
                <div class="grid_12">
                    <label for="author" class="grid_2 alpha">Author: </label>
                    <input class="grid_3 suffix_9 omega" type="text" name="author"></input>
                </div>
                <div class="grid_12">
                    <label for="message" class="grid_2 alpha">Message: </label>
                    <input class="grid_3 suffix_9 omega" type="text" name="message"></input>
                </div>
                <div class="grid_12">
                    <button type="submit">Save</button>
                    <a href="{{url_read}}">Cancel</a>
                </div>
                <div class="grid_12 omega">
                    <div id="wmd-preview" class="page-preview"></div>
                </div>
            </form>
        </div>
    </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>
    <script type="text/javascript">
        (function() {
                var formatter = _.extend(this.Wikked.PageFormatter, {});
                var converter = Markdown.getSanitizingConverter();
                converter.hooks.chain("preConversion", function(text) {
                    return formatter.formatText(text);
                });
                
                //var help = function () { alert("Do you need help?"); }
                //var options = {
                //    helpButton: { handler: help },
                //    strings: { quoteexample: "whatever you're quoting, put it right here" }
                //};
                var editor = new Markdown.Editor(converter); //TODO: pass options
                editor.run();
            })();
    </script>
</div>