<!DOCTYPE html>
<html>
<head>
  <meta charset="<?php echo $cfg_soft_lang; ?>">
  <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
  <title>新增自由列表</title>
  <link rel="stylesheet" href="../static/web/css/bootstrap.min.css">
  <link rel="stylesheet" href="../static/web/font/css/font-awesome.min.css">
  <link rel="stylesheet" href="../static/web/css/admin.css">
  <script language="javascript" src="../static/web/js/jquery.min.js"></script>
  <script src="../static/web/js/bootstrap.bundle.min.js"></script>
  <script src="js/main.js" language="javascript"></script>
  <link rel="stylesheet" href="css/codemirror.css">
  <script type="text/javascript" src="js/codemirror.js"></script>
  <script type="text/javascript" src="js/mode/xml/xml.js"></script>
  <script type="text/javascript" src="js/mode/javascript/javascript.js"></script>
  <script type="text/javascript" src="js/mode/css/css.js"></script>
  <script type="text/javascript" src="js/mode/htmlmixed/htmlmixed.js"></script>
</head>
<body>
  <center>
    <div style="display:none" id="list1">
      <li class="media border-bottom-dashed mt-2 py-2">
          <div class="media-body row">
              <div class="col-12 title">
                  <a href="[field:arcurl/]">
                      <h4 class="mt-0 mb-3">[field:title/]</h4>
                  </a>
              </div>
          </div>
      </li>
    </div>
    <div style="display:none" id="list2">
      <li class="media border-bottom-dashed mt-2 py-2">
          <div class="media-body row">
              <div class="col-12 title">
                [[field:typelink/]]
                <a href="[field:arcurl/]">
                  <h4 class="mt-0 mb-3">[field:title/]</h4>
                </a>
              </div>
          </div>
      </li>
    </div>
    <div style="display:none" id="list3">
      <table width='98%' cellspacing='2' cellpadding='0'>
        <tr>
          <td align='center'>[field:imglink/]</td>
        </tr>
        <tr>
          <td align='center'>[field:textlink/]</td>
        </tr>
      </table>
    </div>
    <div style="display:none" id="list4">
      <li class="media border-bottom-dashed mt-2 py-2">
          <div class="media-body row">
              <div class="col-12 title">
                  <a href="[field:arcurl/]">
                      <h4 class="mt-0 mb-3">[field:title/]</h4>
                  </a>
              </div>
              <div class="col-12 description py-2">
                  <a href="[field:arcurl/]">[field:description/]</a>
              </div>
              <div class="col-12 addinfo">日期：[field:pubdate function="MyDate('Y-m-d', @me)"/] 点击：[field:click/] 好评：[field:scores/]</div>
          </div>
      </li>
    </div>
    <table width="98%" cellpadding="1" cellspacing="1" align="center" class="table-borderless mt-3" style="border:1px solid #dee2e6;border-bottom:none">
      <tr>
        <td align="left" background="../static/web/img/tbg.gif" class="py-3" style="padding-left:10px"><a href="freelist_main.php">自由列表管理</a> &gt; 增加一个列表</td>
        <td align="right" background="../static/web/img/tbg.gif"></td>
      </tr>
    </table>
    <table width="98%" cellpadding="1" cellspacing="1" align="center" class="table maintable">
      <form action="freelist_add.php" method="post" name="form1" onSubmit="return CheckSubmit();">
        <input type="hidden" name="dopost" value="save">
        <tr>
          <td style="padding:0">
            <table width="100%" align="center" cellpadding="0" cellspacing="1" class="table-borderless">
              <tr>
                <td style="padding:0">
                  <table width="100%" cellspacing="1" cellpadding="0">
                    <tr>
                      <td height="26" colspan="2" align="left"><i class="fa fa-question-circle" title="帮助"></i> 自由列表标记的说明：自由列表标记（freelist）的功能基本等同于arclist标记，区别是freelist标记支持分页，这让生成Google Map、生成按自定义排序规则的文章列表（如按标题拼音部首排序等）等轻松的实现统一化管理，并且自由列是独立编译的，不与其它模板混在一起，这样不会影响系统生成HTML或访问速度</td>
                    </tr>
                    <tr>
                      <td width="260" height="26" align="left">自由列表标题：</td>
                      <td align="left"><input name="title" type="text" id="title" style="width:260px"></td>
                    </tr>
                    <tr>
                      <td height="26" align="left">列表HTML存放目录：</td>
                      <td align="left"><input name="listdir" type="text" id="listdir" value="{cmspath}/a/freelist/" style="width:260px">
                        {listdir}变量的值</td>
                    </tr>
                    <tr>
                      <td height="26" align="left">目录默认页名称：</td>
                      <td align="left">
                        <input name="defaultpage" type="text" id="defaultpage" value="index.html" style="width:260px">
                        <label><input name="nodefault" type="checkbox" id="nodefault" value="1">
                        不使用目录默认主页</label>
                      </td>
                    </tr>
                    <tr>
                      <td height="26" align="left">命名规则：</td>
                      <td align="left"><input name="namerule" type="text" id="namerule" value="{listdir}/index_{listid}_{page}.html" style="width:260px"></td>
                    </tr>
                    <tr>
                      <td height="26" align="left">列表模板：</td>
                      <td align="left">
                        <input name="templet" type="text" id="templet" value="{style}/list_free.htm" style="width:260px">
                        <button type="button" name="set4" onClick="SelectTemplets('form1.templet');" class="btn btn-success btn-sm">浏览</button>
                      </td>
                    </tr>
                    <tr>
                      <td height="26" align="left">最大列出页数：</td>
                      <td align="left"><input name="maxpage" type="text" id="maxpage" value="100" style="width:60px"></td>
                    </tr>
                    <tr>
                      <td height="26" align="left"></td>
                      <td align="left">以下选项用于模板里的 &lt;meta name=&quot;keywords|description&quot; content=&quot;&quot;&gt; 描述</td>
                    </tr>
                    <tr>
                      <td height="26" align="left">关键词：</td>
                      <td align="left"><input name="keywords" type="text" id="keywords" style="width:260px"></td>
                    </tr>
                    <tr>
                      <td height="26" align="left">列表描述：</td>
                      <td align="left"><textarea name="description" id="description" style="width:360px;height:50px"></textarea></td>
                    </tr>
                  </table>
                </td>
              </tr>
              <tr>
                <td height="26" align="left" style="background:#F8FCF1;"><img src="../static/web/img/file_tt.gif">列表样式：（这里是定义自由列表模板里的{dede:freelist/}标记的样式和属性）</td>
              </tr>
              <tr>
                <td align="left">
                  <table width="99%" cellspacing="0" cellpadding="0">
                    <tr>
                      <td width="25%" height="126">
                        <label><img src="../static/web/img/g_t2.jpg" width="130" height="100">
                        <input name="liststyle" type="radio" onClick="ChangeListStyle()" value="1"></label>
                      </td>
                      <td width="25%">
                        <label><img src="../static/web/img/g_t1.jpg">
                        <input type="radio" onClick="ChangeListStyle()" name="liststyle" value="2"></label>
                      </td>
                      <td width="25%">
                        <label><img src="../static/web/img/g_t3.jpg">
                        <input type="radio" onClick="ChangeListStyle()" name="liststyle" value="3"></label>
                      </td>
                      <td>
                        <label><img src="../static/web/img/g_t4.jpg"> <input name="liststyle" type="radio" onClick="ChangeListStyle()" value="4" checked></label>
                      </td>
                    </tr>
                  </table>
                </td>
              </tr>
              <tr>
                <td height="26" align="left">限定栏目：
                  <?php
                 echo "<select name='typeid' style='width:160px'>";
                 echo "<option value='0'>不限栏目</option>";
                $dsql->SetQuery("Select ID,typename, channeltype From #@__arctype");
                $dsql->Execute();
                while($lrow = $dsql->GetObject()){
               	$disable = '';
               	if($lrow->channeltype < -1)
               	{
               		$disable = 'disabled';
               	}
		 echo "<option value='{$lrow->ID}' $disable>{$lrow->typename}</option>";
                }
		echo "</select>";
		?> </td>
              </tr>
              <tr>
                <td height="26" align="left">限定频道：
                  <?php
       echo "<select name='channel' style='width:160px'>";
       echo "<option value='0' selected>不限</option>";
       $dsql->SetQuery("Select ID,typename From #@__channeltype where ID>0");
	   $dsql->Execute();
	   while($row = $dsql->GetObject())
	   {
	      echo "<option value='{$row->ID}'>{$row->typename}</option>";
	   }
       echo "</select>";
		?>
                  　(如果限定了频道内容模型，则允许使用附加表指定的列表字段作为底层变量)</td>
              </tr>
              <tr>
                <td height="26" align="left">附加属性：
                  <?php
       echo "<select name='att' style='width:160px'>";
       echo "<option value='0' selected>不限</option>";
       $dsql->SetQuery("Select * From #@__arcatt");
	   $dsql->Execute();
	   while($row = $dsql->GetObject())
	   {
	      echo "<option value='{$row->att}'>{$row->attname}</option>";
	   }
       echo "</select>";
		?>
                  文档发布时间：<input name="subday" type="text" id="subday2" value="0" style="width:60px"> 天以内（0表示不限）
                </td>
              </tr>
              <tr>
                <td height="26" align="left">每页记录数：
                  <input name="pagesize" type="text" id="pagesize" value="30" style="width:60px">
                  显示列数：
                  <input name="col" type="text" id="col3" value="1" style="width:60px">
                  标题长度：
                  <input name="titlelen" type="text" id="titlelen" value="60" style="width:60px"（1字节 = 0.5个中文字）
                </td>
              </tr>
              <tr>
                <td height="26" align="left"> 高级筛选：
                  <label><input name="types[]" type="checkbox" id="type1" value="image">
                  带缩略图</label>
                  <label><input name="types[]" type="checkbox" id="type2" value="commend">
                  推荐</label>
                  <label><input name="types[]" type="checkbox" id="type3" value="spec">
                  专题</label>　关键词：
                  <input name="keywordarc" type="text" id="keywordarc">（&quot;,&quot;逗号分开）
                </td>
              </tr>
              <tr>
                <td height="26" align="left">排列顺序：
                  <select name="orderby" id="orderby" style="width:160px">
                    <option value="sortrank">置顶权限值</option>
                    <option value="pubdate" selected>发布时间</option>
                    <option value="senddate">录入时间</option>
                    <option value="click">点击量</option>
                    <option value="id">文档ＩＤ</option>
                    <option value="lastpost">最后评论时间</option>
                    <option value="postnum">评论总数</option>
                  </select>
                  <label><input name="order" type="radio" value="desc" checked>
                  由高到低</label>
                  <label><input type="radio" name="order" value="asc">
                  由低到高</label>
                </td>
              </tr>
              <tr>
                <td height="26" align="left">循环内的单行记录样式(InnerText)：[<a href='javascript:ShowHide("innervar");'><i class="fa fa-question-circle" title="帮助"></i> 底层变量field参考</a>]</td>
              </tr>
              <tr>
                <td height="99" align="left"><textarea name="innertext" cols="80" rows="6" id="myinnertext" style="width:80%;height:120px"></textarea>
                  <script language="javascript">document.form1.innertext.value = document.getElementById("list4").innerHTML.toLowerCase();</script>
                </td>
              </tr>
              <tr>
                <td height="80" align="left" id="innervar" style="display:none">
                  <span><i class="fa fa-question-circle" title="帮助"></i> 支持字段(底层变量[field:varname/])：id,title,color,typeid,ismake,description,pubdate,senddate,arcrank,click,litpic,typedir,typename,arcurl,typeurl,<br>stime(pubdate 的&quot;0000-00-00&quot;格式),textlink,typelink,imglink,image普通字段直接用[field:字段名/]表示<br>·Pubdate发布时间的调用参数 [field:pubdate function=MyDate('Y-m-d H:i:s',@me)/]</span>
                </td>
              </tr>
              <tr>
                <td align="center" class="py-3">
                  <button name="Submit2" type="submit" id="Submit2" class="btn btn-success btn-sm">保存</button>
                </td>
              </tr>
            </table>
          </td>
        </tr>
      </form>
    </table>
  </center>
  <script type="text/javascript">
    var editor = CodeMirror.fromTextArea(document.getElementById('myinnertext'), {
      lineNumbers: true,
      lineWrapping: true,
      mode: 'text/html'
    });
    function ChangeListStyle() {
      var itxt = document.getElementById("myinnertext");
      var myems = document.getElementsByName("liststyle");
      if (myems[0].checked) editor.setValue(document.getElementById("list1").innerHTML);
      else if (myems[1].checked) editor.setValue(document.getElementById("list2").innerHTML);
      else if (myems[2].checked) editor.setValue(document.getElementById("list3").innerHTML);
      else if (myems[3].checked) editor.setValue(document.getElementById("list4").innerHTML);
      editor.setValue(editor.getValue().replace("<BR>", "<br>"));
      editor.setValue(editor.getValue().toLowerCase());
    }
    function ShowHide(objname) {
      var obj = document.getElementById(objname);
      if (obj.style.display == "block" || obj.style.display == "")
        obj.style.display = "none";
      else
        obj.style.display = "block";
    }
    function SelectTemplets(fname) {
      var pos = GetWinPos(800,600);
      window.open("./dialog/select_templets.php?&activepath=<?php echo urlencode($cfg_templets_dir)?>&f=" + fname, "poptempWin", "scrollbars=yes,resizable=yes,statebar=no,width=800,height=600,left=" + pos.left + ", top=" + pos.top);
    }
    function CheckSubmit() {
      if (document.form1.title.value == "") {
        ShowMsg("自由列表标题标题不能为空");
        document.form1.title.focus();
        return false;
      }
      return true;
    }
  </script>
</body>
</html>