config.html 6.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103
  1. <form id="config-form" class="edit-form form-horizontal" role="form" data-toggle="validator" method="POST" action="">
  2. {if $addon.tips}
  3. <div class="alert {$addon.tips.extend|default='alert-info-light'}" style="margin-bottom:10px;">
  4. <b>{$addon.tips.title}</b><br>
  5. {$addon.tips.value}
  6. </div>
  7. {/if}
  8. <table class="table table-striped">
  9. <thead>
  10. <tr>
  11. <th width="15%">{:__('Title')}</th>
  12. <th width="85%">{:__('Value')}</th>
  13. </tr>
  14. </thead>
  15. <tbody>
  16. {foreach $addon.config as $item}
  17. <tr>
  18. <td>{$item.title}</td>
  19. <td>
  20. <div class="row">
  21. <div class="col-sm-8 col-xs-12">
  22. {switch $item.type}
  23. {case string}
  24. <input {$item.extend} type="text" name="row[{$item.name}]" value="{$item.value}" class="form-control" data-rule="{$item.rule}" data-tip="{$item.tip}"/>
  25. {/case}
  26. {case text}
  27. <textarea {$item.extend} name="row[{$item.name}]" class="form-control" data-rule="{$item.rule}" rows="5" data-tip="{$item.tip}">{$item.value}</textarea>
  28. {/case}
  29. {case array}
  30. <dl class="fieldlist" data-name="row[{$item.name}]">
  31. <dd>
  32. <ins>{:__('Array key')}</ins>
  33. <ins>{:__('Array value')}</ins>
  34. </dd>
  35. <dd><a href="javascript:;" class="btn btn-sm btn-success btn-append"><i class="fa fa-plus"></i> {:__('Append')}</a></dd>
  36. <textarea name="row[{$item.name}]" cols="30" rows="5" class="hide">{$item.value|json_encode}</textarea>
  37. </dl>
  38. {/case}
  39. {case datetime}
  40. <input {$item.extend} type="text" name="row[{$item.name}]" value="{$item.value}" class="form-control datetimepicker" data-tip="{$item.tip}" data-rule="{$item.rule}"/>
  41. {/case}
  42. {case number}
  43. <input {$item.extend} type="number" name="row[{$item.name}]" value="{$item.value}" class="form-control" data-tip="{$item.tip}" data-rule="{$item.rule}"/>
  44. {/case}
  45. {case checkbox}
  46. {foreach name="item.content" item="vo"}
  47. <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>
  48. {/foreach}
  49. {/case}
  50. {case radio}
  51. {foreach name="item.content" item="vo"}
  52. <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>
  53. {/foreach}
  54. {/case}
  55. {case value="select" break="0"}{/case}
  56. {case value="selects"}
  57. <select {$item.extend} name="row[{$item.name}]{$item.type=='selects'?'[]':''}" class="form-control selectpicker" data-tip="{$item.tip}" {$item.type=='selects'?'multiple':''}>
  58. {foreach name="item.content" item="vo"}
  59. <option value="{$key}" {in name="key" value="$item.value" }selected{
  60. /in}>{$vo}</option>
  61. {/foreach}
  62. </select>
  63. {/case}
  64. {case value="image" break="0"}{/case}
  65. {case value="images"}
  66. <div class="form-inline">
  67. <input id="c-{$item.name}" class="form-control" size="37" name="row[{$item.name}]" type="text" value="{$item.value}" data-tip="{$item.tip}">
  68. <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>
  69. <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>
  70. <ul class="row list-inline plupload-preview" id="p-{$item.name}"></ul>
  71. </div>
  72. {/case}
  73. {case value="file" break="0"}{/case}
  74. {case value="files"}
  75. <div class="form-inline">
  76. <input id="c-{$item.name}" class="form-control" size="37" name="row[{$item.name}]" type="text" value="{$item.value}" data-tip="{$item.tip}">
  77. <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>
  78. <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>
  79. </div>
  80. {/case}
  81. {case bool}
  82. <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>
  83. <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>
  84. {/case}
  85. {default /}{$item.value}
  86. {/switch}
  87. </div>
  88. <div class="col-sm-4"></div>
  89. </div>
  90. </td>
  91. </tr>
  92. {/foreach}
  93. </tbody>
  94. </table>
  95. <div class="form-group layer-footer">
  96. <label class="control-label col-xs-12 col-sm-2"></label>
  97. <div class="col-xs-12 col-sm-8">
  98. <button type="submit" class="btn btn-success btn-embossed disabled">{:__('OK')}</button>
  99. <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
  100. </div>
  101. </div>
  102. </form>