{% extends '../common/layout.html' %} {% block head %}
<link rel="stylesheet" href="/static/doc/css/agg/doc.css" type="text/css"> 
{% endblock %} 

{% block content %}
<div class="left-bar">
<div class="left-bar-container">
  <h2 class="agg-title clearfix">
  	<span class="pull-left">{{ aggInfo.title }}</span>
  	<a href="/agg/edit?id={{ aggInfo.id }}" class="pull-right"><i class="fa fa-pencil"></i></a>
  </h2>
  <ul class="agg-list">
    {% for list in aggInfo.lists %}
    <li class="agg-item">
    	<h3 class="agg-item-title">{{ list.title }}</h3>
    	<ul class="agg-item-list">
    		{% for doc in list.doclist %}
    		<li class="agg-item-sub {% if siteInfo.url == doc.doc %}actived{% endif %}">
    			<a href="{{ doc.doc }}">{{ doc.title }}</a>
    		</li>
    		{% endfor %}
    	</ul>
    </li>
    {% endfor %}
  </ul>
</div>
</div>
<div class="right-bar">
<div class="right-bar-container">
	<div class="doc-form {% if docInfo.htmlContent %}hidden{% endif %}" id="docForm">
    <form class="form-horizontal" id="form">
      <div class="form-group">
        <div class="col-sm-9">
          <input type="text" class="form-control" title="title" name="title" placeholder="文档标题" value="{{docInfo.title}}">
        </div>
        <div class="col-sm-3">
          <input type="text" class="form-control" id="id" name="id" placeholder="英文/数字/下划线/中划线" {% if docInfo.id || doc %}readonly="true"{% endif %} value="{{doc}}">
        </div>
      </div>
      <div class="form-group">
        <div class="col-sm-12">
          <textarea id="editor" style="display: none;">{{docInfo.content}}</textarea>
        </div>
      </div>
      <div class="form-group">
        <div class="col-sm-12">
          <button type="submit" class="btn btn-primary">提交文档</button>
          <button type="button" class="btn btn-default" id="formCancel">取消</button>
        </div>
      </div>
   </form> 
  </div>
  {% if docInfo.htmlContent %}
    <div class="doc-content" id="docContent">{% autoescape false %}{{ docInfo.htmlContent }}{% endautoescape %}</div>
    <div class="doc-opera" id="docOpera">
      <ul>
        <li class="doc-opera-edit"><a id="docOperaEdit" title="编辑文档"><i class="fa fa-edit"></i></input></a></li>
      </ul>
    </div>
  {% endif %}
</div>
</div>
{% endblock %} 

{% block foot %}
<script type="text/javascript">
  window.CONSTANT = window.CONSTANT || {};
  window.CONSTANT.data = {
    is_new : ({{isNew||'true'}} ? 1 : 0),
    agg : '{{ aggInfo.id }}',
    doc : '{{ doc }}'
  }
</script>
<script src="/static/doc/js/agg/doc.js" type="text/javascript"></script>
{% endblock %}