config.html 7.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102
  1. <form id="config-form" class="edit-form form-horizontal" role="form" data-toggle="validator" method="POST" action="">
  2. <table class="table table-striped">
  3. <thead>
  4. <tr>
  5. <th width="15%">{:__('Title')}</th>
  6. <th width="85%">{:__('Value')}</th>
  7. </tr>
  8. </thead>
  9. <tbody>
  10. {foreach $addon.config as $item}
  11. <tr>
  12. <td>{$item.title}</td>
  13. <td>
  14. <div class="row">
  15. <div class="col-sm-8 col-xs-12">
  16. {switch $item.type}
  17. {case string}
  18. <input type="text" name="row[{$item.name}]" value="{$item.value}" class="form-control" data-rule="{$item.rule}" data-tip="{$item.tip}" {$item.extend} />
  19. {/case}
  20. {case text}
  21. <textarea name="row[{$item.name}]" class="form-control" data-rule="{$item.rule}" rows="5" data-tip="{$item.tip}" {$item.extend}>{$item.value}</textarea>
  22. {/case}
  23. {case array}
  24. <dl class="fieldlist" rel="{$item.value|count}" data-name="row[{$item.name}]">
  25. <dd>
  26. <ins>{:__('Array key')}</ins>
  27. <ins>{:__('Array value')}</ins>
  28. </dd>
  29. {foreach $item.value as $key => $vo}
  30. <dd class="form-inline">
  31. <input type="text" name="row[{$item.name}][field][{$key}]" class="form-control" value="{$key}" size="10" />
  32. <input type="text" name="row[{$item.name}][value][{$key}]" class="form-control" value="{$vo}" size="30" />
  33. <span class="btn btn-sm btn-danger btn-remove"><i class="fa fa-times"></i></span>
  34. <span class="btn btn-sm btn-primary btn-dragsort"><i class="fa fa-arrows"></i></span>
  35. </dd>
  36. {/foreach}
  37. <dd><a href="javascript:;" class="append btn btn-sm btn-success"><i class="fa fa-plus"></i> {:__('Append')}</a></dd>
  38. </dl>
  39. {/case}
  40. {case datetime}
  41. <input type="text" name="row[{$item.name}]" value="{$item.value}" class="form-control datetimepicker" data-tip="{$item.tip}" data-rule="{$item.rule}" {$item.extend} />
  42. {/case}
  43. {case number}
  44. <input type="number" name="row[{$item.name}]" value="{$item.value}" class="form-control" data-tip="{$item.tip}" data-rule="{$item.rule}" {$item.extend} />
  45. {/case}
  46. {case checkbox}
  47. {foreach name="item.content" item="vo"}
  48. <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>
  49. {/foreach}
  50. {/case}
  51. {case radio}
  52. {foreach name="item.content" item="vo"}
  53. <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>
  54. {/foreach}
  55. {/case}
  56. {case value="select" break="0"}{/case}
  57. {case value="selects"}
  58. <select name="row[{$item.name}]{$item.type=='selects'?'[]':''}" class="form-control selectpicker" data-tip="{$item.tip}" {$item.type=='selects'?'multiple':''}>
  59. {foreach name="item.content" item="vo"}
  60. <option value="{$key}" {in name="key" value="$item.value"}selected{/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. {/switch}
  86. </div>
  87. <div class="col-sm-4"></div>
  88. </div>
  89. </td>
  90. </tr>
  91. {/foreach}
  92. </tbody>
  93. </table>
  94. <div class="form-group layer-footer">
  95. <label class="control-label col-xs-12 col-sm-2"></label>
  96. <div class="col-xs-12 col-sm-8">
  97. <button type="submit" class="btn btn-success btn-embossed disabled">{:__('OK')}</button>
  98. <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
  99. </div>
  100. </div>
  101. </form>