templates/admin-planet-compose.html

   1 {% extends "admin-base.html" %}
   2
   3 {% block body %}
   4         <div class="page-header">
   5                 <h2>{{ _("Compose new entry") }}</h2>
   6         </div>
   7
   8         <form class="form-horizontal" action="" method="POST" name="entry">
   9                 {% raw xsrf_form_html() %}
  10
  11                 {% if entry.id %}
  12                         <input type="hidden" name="id" value="{{ entry.id }}">
  13                 {% end %}
  14
  15                 <div class="control-group">
  16                         <label class="control-label" for="inputTitle">{{ _("Title") }}</label>
  17                         <div class="controls">
  18                                 <input class="input-block-level" type="text" name="title" id="inputTitle"
  19                                         value="{{ entry.title }}" placeholder="{{ _("Title") }}">
  20                         </div>
  21                 </div>
  22
  23                 <div class="control-group">
  24                         <div class="controls">
  25                                 <textarea class="input-block-level" name="markdown" rows="12" id="inputMarkdown"
  26                                         placeholder="{{ _("Content") }}">{{ entry.markdown }}</textarea>
  27                         </div>
  28                 </div>
  29
  30                 <hr>
  31
  32                 <div class="control-group">
  33                         <label class="control-label" for="inputTags">{{ _("Tags") }}</label>
  34                         <div class="controls">
  35                                 <input class="input-block-level planet-search-autocomplete" type="text"
  36                                         name="tags" id="inputTags" value="{{ " ".join(entry.tags) }}"
  37                                         placeholder="{{ _("Tags") }}" autocomplete="off">
  38                         </div>
  39                 </div>
  40                 <div class="form-actions">
  41                         <button type="submit" class="btn btn-primary">{{ _("Save") }}</button>
  42                         <a class="btn" href="javascript:preview();">{{ _("Preview") }}</a>
  43                         <a class="btn" href="/planet">{{ _("Cancel") }}</a>
  44                 </div>
  45         </form>
  46
  47         <div id="preview"></div>
  48
  49         <script type="text/javascript">
  50                 preview = function() {
  51                         $.postJSON("/api/planet/render", { text : $("#inputMarkdown").val() },
  52                                 function(data) {
  53                                         $("#preview").html(data.html);
  54                                 }
  55                         );
  56                 }
  57         </script>
  58 {% end block %}