{% extends 'app_doc/manage_base.html' %}
{% load staticfiles %}
{% block title %}文集设置{% endblock %}
{% block content %}
    <link href="{% static 'tagsInput/tagsinput.css' %}" rel="stylesheet" type="text/css"/>
    <div class="layui-row" style="margin-bottom: 10px;padding-left:15px;">
        <span class="layui-breadcrumb" lay-separator=">">
          <a href="{% url 'manage_project' %}">文集管理</a>
          <a><cite>文集设置</cite></a>
        </span>
    </div>
    <div class="layui-card-header" style="margin-bottom: 10px;">

      <div class="layui-row">
          <span style="font-size:18px;">文集：{{pro.name}}
          </span>
      </div>
  </div>
    <!-- 文集基本信息 -->
    <div class="layui-row" style="margin-top: 10px;">
        <div class="layui-collapse">
            <div class="layui-colla-item">
              <h2 class="layui-colla-title">基本信息</h2>
              <div class="layui-colla-content layui-show">
                <div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">文集名称</label>
                        <div class="layui-input-block">
                            <input class="layui-input" type="text" id="pname" style="margin-bottom:10px;" placeholder="输入文集名" required  lay-verify="required" value="{{pro.name}}">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">文集简介</label>
                        <div class="layui-input-block">
                            <textarea name="desc" id="desc" placeholder="输入文集简介" class="layui-textarea">{{pro.intro}}</textarea>
                        </div>
                    </div>
                    <div class="layui-form-item" style="margin-top: 10px;">
                        <div class="layui-input-block">
                            <button class="layui-btn layui-btn-primary layui-btn-sm"><i class="layui-icon layui-icon-edit"></i>修改</button>
                        </div>
                         
                    </div>
                </div>
              </div>
            </div>
          </div>
    </div>
    <!-- 文集权限配置 -->
    <div class="layui-row" style="margin-top: 10px;">
        <div class="layui-collapse">
            <div class="layui-colla-item">
              <h2 class="layui-colla-title">权限控制</h2>
              <div class="layui-colla-content layui-show">
                <form action="{% url 'modify_pro_role' pro.id %}" method="post" class="layui-form">
                    {% csrf_token %}
                    <div class="layui-form-item">
                        <label class="layui-form-label">浏览权限</label>
                        <div class="layui-input-block">
                            <input type="radio" name="role" value="0" title="公开" {% if pro.role == 0 %} checked {%endif%} lay-filter="role">
                            <input type="radio" name="role" value="1" title="私密" {% if pro.role == 1 %} checked {%endif%} lay-filter="role">
                            <input type="radio" name="role" value="2" title="指定用户可见" {% if pro.role == 2 %} checked {%endif%} lay-filter="role">
                            <input type="radio" name="role" value="3" title="访问码可见" {% if pro.role == 3 %} checked {%endif%} lay-filter="role">
                        </div>
                    </div>
        
                    <div class="layui-form-item" style="{% if pro.role == 3 %}{% else %}display:none;{% endif %}" id="role-pwd">
                        <label class="layui-form-label">访问码</label>
                        <div class="layui-input-inline">
                          <input type="text" name="viewcode"  placeholder="请输入访问码" autocomplete="off" class="layui-input" value="{% if pro.role_value != None %}{{pro.role_value}}{% endif %}">
                        </div>
                        <div class="layui-form-mid layui-word-aux">不少于4位数</div>
                    </div>
        
                    <div class="layui-form-item" style="{% if pro.role == 2 %}{% else %}display:none;{% endif %}" id="role-user">
                        <label class="layui-form-label">允许用户</label>
                        <div class="layui-input-block">
                            <div class="tagsinput-primary form-group">
                                <input name="tagsinput" id="tagsinputval" class="tagsinput" data-role="tagsinput" value="{% if pro.role_value != None %}{{pro.role_value}}{% endif %}" placeholder="请输入用户名，回车输入多个用户">
                            </div>
                        </div>
                    </div>
        
                    <div class="layui-form-item">
                        <div class="layui-input-block">
                          <button class="layui-btn layui-btn-primary layui-btn-sm" lay-submit lay-filter="formDemo">保存权限</button>
                        </div>
                    </div>
                </form>
              </div>
            </div>
          </div>
    </div>
    <!-- 文集下载和导出配置 -->
    <div class="layui-row" style="margin-top: 10px;">
        <div class="layui-collapse">
            <div class="layui-colla-item">
              <h2 class="layui-colla-title">下载和导出</h2>
              <div class="layui-colla-content layui-show">
                <form action="{% url 'modify_pro_download' pro.id %}" method="post" class="layui-form">
                    {% csrf_token %}
                    {% load project_filter %}
                    <div class="layui-form-item">
                        <blockquote class="layui-elem-quote">注意：开启某类型文件下载后，请先点击“生成或更新XXX文件”，文集文档中如果包含公式、流程图、时序图、脑图等内容，将会延长生成时间，请耐心等待</blockquote>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">EPUB下载</label>
                        <div class="layui-input-block">
                            <input type="checkbox" name="download_epub"
                               {% if pro.id|report_status_epub == 1 %} checked {%endif%}
                               lay-skin="switch" lay-text="允许|禁止">
                               <!-- 判断后台是否开启导出，如果开启，则显示 -->
                               {% if enable_project_report %}
                                    <a href="javascript:void(0);" onclick="reportFile('{{pro.id}}','epub')" style=""><i class="layui-icon layui-icon-refresh"></i><u>生成或更新EPUB文件</u></a>
                                    {% if project_files %}
                                        {% for file in project_files %}
                                            {% if file.file_type == 'epub' %}
                                                | <a href="{{file.file_path}}" target="_blank"><i class="layui-icon layui-icon-download-circle"></i><u>下载文集EPUB文件</u></a>
                                            {% else %}
                                                
                                            {% endif %}
                                        {% endfor %}
                                    {% else %}
                                    | <span style="color: #ff213b;">未生成文集导出文件</span>
                                    {% endif %}
                                {% endif %}
                        </div>
                    </div>
        
                    <div class="layui-form-item">
                        <label class="layui-form-label">PDF下载</label>
                        <div class="layui-input-block">
                            <input type="checkbox" name="download_pdf"
                               {% if pro.id|report_status_pdf == 1 %} checked {%endif%}
                               lay-skin="switch" lay-text="允许|禁止">
                               <!-- 判断后台是否开启导出，如果开启，则显示 -->
                               {% if enable_project_report %}
                                    <a href="javascript:void(0);" onclick="reportFile('{{pro.id}}','pdf')" style=""><i class="layui-icon layui-icon-refresh"></i><u>生成或更新PDF文件</u></a>
                                    {% if project_files %}
                                        {% for file in project_files %}
                                            {% if file.file_type == 'pdf' %}
                                                | <a href="{{file.file_path}}" target="_blank"><i class="layui-icon layui-icon-download-circle"></i><u>下载文集PDF文件</u></a>
                                            {% else %}
                                                
                                            {% endif %}
                                        {% endfor %}
                                    {% else %}
                                    | <span style="color: #ff213b;">未生成文集导出文件</span>
                                    {% endif %}
                                {% endif %}
                        </div>
                    </div>
                    
                    <div class="layui-form-item">
                        <div class="layui-input-block">
                          <button class="layui-btn layui-btn-primary layui-btn-sm" lay-submit lay-filter="formDemo">保存文集导出配置</button>
                          <button class="layui-btn layui-btn-primary layui-btn-sm">导出Markdown</button>
                        </div>
                    </div>
                    
                </form>
              </div>
            </div>
          </div>
    </div>
    <!-- 删除文集 -->
    <div class="layui-row" style="margin-top: 10px;">
        <div class="layui-collapse">
            <div class="layui-colla-item">
              <h2 class="layui-colla-title">删除文集</h2>
              <div class="layui-colla-content layui-show">
                <div>
                    <div class="layui-form-item" style="margin-top: 10px;">
                        <button class="layui-btn layui-btn-warm layui-btn-sm"><i class="layui-icon layui-icon-delete"></i>删除文集</button>
                  </div>
                </div>
              </div>
            </div>
          </div>
    </div>
{% endblock %}
{% block custom_script %}
<script src="{% static '/tagsInput/tagsinput.js' %}" type="text/javascript" charset="utf-8"></script>
<script>
    $.ajaxSetup({
            data: {csrfmiddlewaretoken: '{{ csrf_token }}' },
        });
    var form = layui.form;
    //监听单选事件
    form.on('radio(role)', function(data){
      console.log(data.elem); //得到radio原始DOM对象
      console.log(data.value); //被点击的radio的value值
      if(data.value in [0,1]){
            $("#role-pwd").css("display","none");
            $("#role-user").css("display","none");
      }else if(data.value == 2){
            $("#role-user").css("display","block");
            $("#role-pwd").css("display","none");
      }else if(data.value == 3){
            $("#role-user").css("display","none");
            $("#role-pwd").css("display","block");
      }
    });
</script>
{% endblock %}