index.html 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207
  1. <div class="panel panel-default panel-intro">
  2. <div class="panel-heading">
  3. <div class="panel-lead"><em>系统配置</em>可以在此增改系统的变量和分组,也可以自定义分组和变量,如果需要删除请从数据库中删除</div>
  4. <ul class="nav nav-tabs">
  5. {foreach $siteList as $index=>$vo}
  6. <li class="{$vo.active?'active':''}"><a href="#{$vo.name}" data-toggle="tab">{$vo.title}</a></li>
  7. {/foreach}
  8. <li>
  9. <a href="#addcfg" data-toggle="tab"><i class="fa fa-plus"></i></a>
  10. </li>
  11. </ul>
  12. </div>
  13. <div class="panel-body">
  14. <div id="myTabContent" class="tab-content">
  15. {foreach $siteList as $index=>$vo}
  16. <div class="tab-pane fade {$vo.active ? 'active in' : ''}" id="{$vo.name}">
  17. <div class="widget-body no-padding">
  18. <form id="{$vo.name}-form" class="edit-form form-horizontal" role="form" data-toggle="validator" method="POST" action="{:url('general.config/edit')}">
  19. <table class="table table-striped">
  20. <thead>
  21. <tr>
  22. <th width="15%">{:__('Title')}</th>
  23. <th width="70%">{:__('Value')}</th>
  24. <th width="15%">{:__('Name')}</th>
  25. </tr>
  26. </thead>
  27. <tbody>
  28. {foreach $vo.list as $item}
  29. <tr>
  30. <td>{$item.title}</td>
  31. <td>
  32. <div class="row">
  33. <div class="col-sm-8 col-xs-12">
  34. {switch $item.type}
  35. {case string}
  36. <input type="text" name="row[{$item.name}]" value="{$item.value}" class="form-control" data-rule="{$item.rule}" data-tip="{$item.tip}" {$item.extend} />
  37. {/case}
  38. {case text}
  39. <textarea name="row[{$item.name}]" class="form-control" data-rule="{$item.rule}" rows="5" data-tip="{$item.tip}" {$item.extend}>{$item.value}</textarea>
  40. {/case}
  41. {case array}
  42. <dl class="fieldlist" rel="{$item.value|count}" data-name="row[{$item.name}]">
  43. <dd>
  44. <ins>{:__('Array key')}</ins>
  45. <ins>{:__('Array value')}</ins>
  46. </dd>
  47. {foreach $item.value as $key => $vo}
  48. <dd class="form-inline">
  49. <input type="text" name="row[{$item.name}][field][{$key}]" class="form-control" value="{$key}" size="10" />
  50. <input type="text" name="row[{$item.name}][value][{$key}]" class="form-control" value="{$vo}" size="40" />
  51. <span class="btn btn-sm btn-danger btn-remove"><i class="fa fa-times"></i></span>
  52. <span class="btn btn-sm btn-primary btn-dragsort"><i class="fa fa-arrows"></i></span>
  53. </dd>
  54. {/foreach}
  55. <dd><a href="javascript:;" class="append btn btn-sm btn-success"><i class="fa fa-plus"></i> {:__('Append')}</a></dd>
  56. </dl>
  57. {/case}
  58. {case datetime}
  59. <input type="text" name="row[{$item.name}]" value="{$item.value}" class="form-control datetimepicker" data-tip="{$item.tip}" data-rule="{$item.rule}" {$item.extend} />
  60. {/case}
  61. {case number}
  62. <input type="number" name="row[{$item.name}]" value="{$item.value}" class="form-control" data-tip="{$item.tip}" data-rule="{$item.rule}" {$item.extend} />
  63. {/case}
  64. {case checkbox}
  65. {foreach name="item.content" item="vo"}
  66. <label for="row[{$item.name}][]-{$key}"><input id="row[{$item.name}][]-{$key}" name="row[{$item.name}][]" type="checkbox" value="{$key}" data-tip="{$item.tip}" {in name="key" value="$item.value"}checked{/in} /> {$vo}</label>
  67. {/foreach}
  68. {/case}
  69. {case radio}
  70. {foreach name="item.content" item="vo"}
  71. <label for="row[{$item.name}]-{$key}"><input id="row[{$item.name}]-{$key}" name="row[{$item.name}]" type="radio" value="{$key}" data-tip="{$item.tip}" {in name="key" value="$item.value"}checked{/in} /> {$vo}</label>
  72. {/foreach}
  73. {/case}
  74. {case value="select" break="0"}{/case}
  75. {case value="selects"}
  76. <select name="row[{$item.name}]{$item.type=='selects'?'[]':''}" class="form-control selectpicker" data-tip="{$item.tip}" {$item.type=='selects'?'multiple':''}>
  77. {foreach name="item.content" item="vo"}
  78. <option value="{$key}" {in name="key" value="$item.value"}selected{/in}>{$vo}</option>
  79. {/foreach}
  80. </select>
  81. {/case}
  82. {case value="image" break="0"}{/case}
  83. {case value="images"}
  84. <div class="form-inline">
  85. <input id="c-{$item.name}" class="form-control" size="50" name="row[{$item.name}]" type="text" value="{$item.value}" data-tip="{$item.tip}">
  86. <span><button type="button" id="plupload-{$item.name}" class="btn btn-danger plupload" data-input-id="c-{$item.name}" data-mimetype="image/*" data-multiple="{$item.type=='image'?'false':'true'}" data-preview-id="p-{$item.name}"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
  87. <span><button type="button" id="fachoose-{$item.name}" class="btn btn-primary fachoose" data-input-id="c-{$item.name}" data-mimetype="image/*" data-multiple="{$item.type=='image'?'false':'true'}"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
  88. <ul class="row list-inline plupload-preview" id="p-{$item.name}"></ul>
  89. </div>
  90. {/case}
  91. {case value="file" break="0"}{/case}
  92. {case value="files"}
  93. <div class="form-inline">
  94. <input id="c-{$item.name}" class="form-control" size="50" name="row[{$item.name}]" type="text" value="{$item.value}" data-tip="{$item.tip}">
  95. <span><button type="button" id="plupload-{$item.name}" class="btn btn-danger plupload" data-input-id="c-{$item.name}" data-multiple="{$item.type=='file'?'false':'true'}"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
  96. <span><button type="button" id="fachoose-{$item.name}" class="btn btn-primary fachoose" data-input-id="c-{$item.name}" data-multiple="{$item.type=='file'?'false':'true'}"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
  97. </div>
  98. {/case}
  99. {case bool}
  100. <label for="row[{$item.name}]-yes"><input id="row[{$item.name}]-yes" name="row[{$item.name}]" type="radio" value="1" {$item.value?'checked':''} data-tip="{$item.tip}" /> {:__('Yes')}</label>
  101. <label for="row[{$item.name}]-no"><input id="row[{$item.name}]-no" name="row[{$item.name}]" type="radio" value="0" {$item.value?'':'checked'} data-tip="{$item.tip}" /> {:__('No')}</label>
  102. {/case}
  103. {/switch}
  104. </div>
  105. <div class="col-sm-4"></div>
  106. </div>
  107. </td>
  108. <td>{php}echo "{\$site.". $item['name'] . "}";{/php}</td>
  109. </tr>
  110. {/foreach}
  111. </tbody>
  112. <tfoot>
  113. <tr>
  114. <td></td>
  115. <td>
  116. <button type="submit" class="btn btn-success btn-embossed">{:__('OK')}</button>
  117. <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
  118. </td>
  119. <td></td>
  120. </tr>
  121. </tfoot>
  122. </table>
  123. </form>
  124. </div>
  125. </div>
  126. {/foreach}
  127. <div class="tab-pane fade" id="addcfg">
  128. <form id="add-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="{:url('general.config/add')}">
  129. <div class="form-group">
  130. <label for="type" class="control-label col-xs-12 col-sm-2">{:__('Type')}:</label>
  131. <div class="col-xs-12 col-sm-4">
  132. <select name="row[type]" class="form-control selectpicker">
  133. {foreach name="typeList" item="vo"}
  134. <option value="{$key}" {in name="key" value="string"}selected{/in}>{$vo}</option>
  135. {/foreach}
  136. </select>
  137. </div>
  138. </div>
  139. <div class="form-group">
  140. <label for="group" class="control-label col-xs-12 col-sm-2">{:__('Group')}:</label>
  141. <div class="col-xs-12 col-sm-4">
  142. <select name="row[group]" class="form-control selectpicker">
  143. {foreach name="groupList" item="vo"}
  144. <option value="{$key}" {in name="key" value="basic"}selected{/in}>{$vo}</option>
  145. {/foreach}
  146. </select>
  147. </div>
  148. </div>
  149. <div class="form-group">
  150. <label for="name" class="control-label col-xs-12 col-sm-2">{:__('Name')}:</label>
  151. <div class="col-xs-12 col-sm-4">
  152. <input type="text" class="form-control" id="name" name="row[name]" value="" data-rule="required; length(3~30); remote(general/config/check)" />
  153. </div>
  154. </div>
  155. <div class="form-group">
  156. <label for="title" class="control-label col-xs-12 col-sm-2">{:__('Title')}:</label>
  157. <div class="col-xs-12 col-sm-4">
  158. <input type="text" class="form-control" id="title" name="row[title]" value="" data-rule="required" />
  159. </div>
  160. </div>
  161. <div class="form-group">
  162. <label for="value" class="control-label col-xs-12 col-sm-2">{:__('Value')}:</label>
  163. <div class="col-xs-12 col-sm-4">
  164. <input type="text" class="form-control" id="value" name="row[value]" value="" data-rule="" />
  165. </div>
  166. </div>
  167. <div class="form-group hide" id="add-content-container">
  168. <label for="content" class="control-label col-xs-12 col-sm-2">{:__('Content')}:</label>
  169. <div class="col-xs-12 col-sm-4">
  170. <textarea name="row[content]" id="content" cols="30" rows="5" class="form-control" data-rule="required">key1|value1
  171. key2|value2</textarea>
  172. </div>
  173. </div>
  174. <div class="form-group">
  175. <label for="tip" class="control-label col-xs-12 col-sm-2">{:__('Tip')}:</label>
  176. <div class="col-xs-12 col-sm-4">
  177. <input type="text" class="form-control" id="tip" name="row[tip]" value="" data-rule="" />
  178. </div>
  179. </div>
  180. <div class="form-group">
  181. <label for="rule" class="control-label col-xs-12 col-sm-2">{:__('Rule')}:</label>
  182. <div class="col-xs-12 col-sm-4">
  183. <input type="text" class="form-control" id="rule" name="row[rule]" value="" />
  184. </div>
  185. </div>
  186. <div class="form-group">
  187. <label for="extend" class="control-label col-xs-12 col-sm-2">{:__('Extend')}:</label>
  188. <div class="col-xs-12 col-sm-4">
  189. <textarea name="row[extend]" id="extend" cols="30" rows="5" class="form-control" data-rule=""></textarea>
  190. </div>
  191. </div>
  192. <div class="form-group">
  193. <label class="control-label col-xs-12 col-sm-2"></label>
  194. <div class="col-xs-12 col-sm-4">
  195. <button type="submit" class="btn btn-success btn-embossed">{:__('OK')}</button>
  196. <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
  197. </div>
  198. </div>
  199. </form>
  200. </div>
  201. </div>
  202. </div>
  203. </div>