weseek__growi/lib/views/admin/markdown.html

{% extends '../layout/admin.html' %}

{% block html_title %}Markdown設定 · {{ path }}{% endblock %}

{% block content_head %}
<div class="header-wrap">
  <header id="page-header">
    <h1 class="title" id="">Markdown設定</h1>
  </header>
</div>
{% endblock %}

{% block content_main %}
<div class="content-main">
  <div class="row">
    <div class="col-md-3">
      {% include './widget/menu.html' with {current: 'markdown'} %}
    </div>
    <div class="col-md-9">

      {% set smessage = req.flash('successMessage') %}
      {% if smessage.length %}
      <div class="alert alert-success">
        {% for e in smessage %}
          {{ e }}<br>
        {% endfor %}
      </div>
      {% endif %}

      {% set emessage = req.flash('errorMessage') %}
      {% if emessage.length %}
      <div class="alert alert-danger">
        {% for e in emessage %}
        {{ e }}<br>
        {% endfor %}
      </div>
      {% endif %}

      <form action="/admin/markdown/lineBreaksSetting" method="post" class="form-horizontal" id="markdownSettingForm" role="form">
      <fieldset>
        <legend>Markdown設定</legend>
        <p class="well">Markdownレンダリングの設定を変更できます。</p>

        <div class="form-group">
          <label for="markdownSetting[markdown:isEnabledLinebreaks]" class="col-xs-4 control-label">
            Line Break を有効にする
          </label>
          <div class="col-xs-5">
            <div class="btn-group btn-toggle" data-toggle="buttons">
              <label class="btn {% if markdownSetting['markdown:isEnabledLinebreaks'] %}btn-primary active{% else %}btn-default{% endif %}">
                <input name="markdownSetting[markdown:isEnabledLinebreaks]" value="true" type="radio"
                    {% if true === markdownSetting['markdown:isEnabledLinebreaks'] %}checked{% endif %}> 有効
              </label>
              <label class="btn {% if !markdownSetting['markdown:isEnabledLinebreaks'] %}btn-primary active{% else %}btn-default{% endif %}">
                <input name="markdownSetting[markdown:isEnabledLinebreaks]" value="false" type="radio"
                    {% if !markdownSetting['markdown:isEnabledLinebreaks'] %}checked{% endif %}> 無効
              </label>
            </div>
            <p class="help-block">ページテキスト中の改行を、HTML内で&lt;br&gt;として扱います</p>
          </div>
        </div>

        <div class="form-group">
          <label for="markdownSetting[markdown:isEnabledLinebreaksInComments]" class="col-xs-4 control-label">
            (TBD)<br>コメント欄で Line Break を有効にする
          </label>
          <div class="col-xs-5">
            <div class="btn-group btn-toggle" data-toggle="buttons">
              <label class="btn {% if markdownSetting['markdown:isEnabledLinebreaksInComments'] %}btn-primary active{% else %}btn-default{% endif %}">
                <input name="markdownSetting[markdown:isEnabledLinebreaksInComments]" value="true" type="radio"
                    {% if true === markdownSetting['markdown:isEnabledLinebreaksInComments'] %}checked{% endif %}> 有効
              </label>
              <label class="btn {% if !markdownSetting['markdown:isEnabledLinebreaksInComments'] %}btn-primary active{% else %}btn-default{% endif %}">
                <input name="markdownSetting[markdown:isEnabledLinebreaksInComments]" value="false" type="radio"
                    {% if !markdownSetting['markdown:isEnabledLinebreaksInComments'] %}checked{% endif %}> 無効
              </label>
            </div>
            <p class="help-block">コメント中の改行を、HTML内で&lt;br&gt;として扱います<br>(TBD: コメント欄の Markdown 化は未だ実装されていません)</p>
          </div>
        </div>

        <div class="form-group">
          <div class="col-xs-offset-4 col-xs-5">
            <input type="hidden" name="_csrf" value="{{ csrf() }}">
            <button type="submit" class="btn btn-primary">更新</button>
          </div>
        </div>
      </fieldset>
      </form>

    </div>
  </div>

  <script>
    // Bootstrap 3 Toggle Switch Snippet
    // http://www.bootply.com/92189
    $('.btn-toggle').click(function() {
      $(this).find('.btn').toggleClass('active');

      if ($(this).find('.btn-primary').length>0) {
        $(this).find('.btn').toggleClass('btn-primary');
      }
      if ($(this).find('.btn-danger').length>0) {
        $(this).find('.btn').toggleClass('btn-danger');
      }
      if ($(this).find('.btn-success').length>0) {
        $(this).find('.btn').toggleClass('btn-success');
      }
      if ($(this).find('.btn-info').length>0) {
        $(this).find('.btn').toggleClass('btn-info');
      }

      $(this).find('.btn').toggleClass('btn-default');
    });
  </script>

</div>
{% endblock content_main %}

{% block content_footer %}
{% endblock content_footer %}