lsky-pro/application/index/view/admin/system/index.html

{extend name="common:base" /}

{block name="title"}{:lang('System management')} - {$config.site_name}{/block}

{block name="main"}
<div class="mdui-container">
  <main>
    <div class="system-container">
      <div class="mdui-typo">
        <blockquote class="mdui-m-l-0">
          <p>
            {:lang('System management tips')}
          </p>
        </blockquote>
      </div>
      <div class="mdui-tab mdui-tab-scrollable" mdui-tab>
        <a href="#tab-basics" class="mdui-ripple">{:lang('Basic configuration')}</a>
        <a href="#tab-upload" class="mdui-ripple">{:lang('Upload configuration')}</a>
        <a href="#tab-user" class="mdui-ripple">{:lang('User configuration')}</a>
        <a href="#tab-mail" class="mdui-ripple">{:lang('Mail configuration')}</a>
        <a href="#tab-other" class="mdui-ripple">{:lang('Other configuration')}</a>
        <a href="#tab-audit" class="mdui-ripple">{:lang('Picture identification yellow')}</a>
      </div>
      <div class="tabs mdui-col-sm-8 mdui-col-md-8">
        {foreach $configs as $key => $value}
        <div id="tab-{$key}" class="mdui-p-a-2" style="display: none;">
          <form action="{:url('admin/system/index')}" method="post">
            {foreach $value as $val}
            <div class="mdui-textfield">
              <label class="mdui-textfield-label">{:lang($val.title)}{$val.tip ? '(' . lang($val.tip) . ')' : ''}</label>
              {switch $val.type}
              {case text}
              <input class="mdui-textfield-input" type="{$val.input_type}" name="{$val.name}" value="{$val.value}" autocomplete="off" placeholder="{:lang($val.title)}"/>
              {/case}
              {case textarea}
              <textarea class="mdui-textfield-input" rows="6" name="{$val.name}" autocomplete="off" placeholder="{:lang($val.title)}">{$val.value}</textarea>
              {/case}
              {case bool}
              <label class="mdui-switch">
                <input type="{$val.input_type}" data-name="{$val.name}" value="1" {if 1 eq $val.value}checked{/if}/>
                <i class="mdui-switch-icon"></i>
              </label>
              {/case}
              {case select}
              <select name="{$val.name}" class="mdui-select" mdui-select>
                {foreach $val.extend as $k => $v}
                <option value="{$k}" {if $k eq $val.value}selected{/if}>{:lang($v)}</option>
                {/foreach}
              </select>
              {/case}
              {/switch}
            </div>
            {/foreach}
            <button type="submit" class="mdui-btn mdui-btn-raised mdui-ripple mdui-color-theme-accent">{:lang('Save')}</button>
            <button type="reset" class="mdui-btn mdui-btn-raised mdui-ripple">{:lang('Reset')}</button>
            {if 'mail' eq $key}
            <!-- 测试邮件发送 -->
            <button type="button" id="test-send-mail" class="mdui-btn mdui-btn-raised mdui-ripple mdui-color-cyan-600 mdui-text-color-white">{:lang('Test mail sending')}</button>
            {/if}
          </form>
        </div>
        {/foreach}
      </div>
    </div>
  </main>
  <div class="mdui-dialog" id="path-var">
    <div class="mdui-dialog-content mdui-p-a-0">
      <div class="mdui-table-fluid">
        <table class="mdui-table mdui-table-hoverable">
          <thead>
          <tr>
            <th>{:lang('Variable name')}</th>
            <th>{:lang('Example')}</th>
            <th>{:lang('Explain')}</th>
          </tr>
          </thead>
          <tbody>
          {foreach $naming.path as $value}
          <tr>
            <td>{$value.name}</td>
            <td>{:lang($value.example)}</td>
            <td>{:lang($value.explain)}</td>
          </tr>
          {/foreach}
          </tbody>
        </table>
      </div>
    </div>
  </div>
  <div class="mdui-dialog" id="file-var">
    <div class="mdui-dialog-content mdui-p-a-0">
      <div class="mdui-table-fluid">
        <table class="mdui-table mdui-table-hoverable">
          <thead>
          <tr>
            <th>{:lang('Variable name')}</th>
            <th>{:lang('Example')}</th>
            <th>{:lang('Explain')}</th>
          </tr>
          </thead>
          <tbody>
          {foreach $naming.file as $value}
          <tr>
            <td>{$value.name}</td>
            <td>{:lang($value.example)}</td>
            <td>{:lang($value.explain)}</td>
          </tr>
          {/foreach}
          </tbody>
        </table>
      </div>
    </div>
  </div>
</div>
{/block}
{block name="js"}
<script>
  $(function () {

    $('form').submit(function (e) {
      e.preventDefault();
      var data = $(this).serialize();
      $(this).find("input[type='checkbox']").each(function (key, value) {
        data += ("&" + $(value).data('name') + "=") + (value.checked ? value.value : 0);
      });
      app.request(this.action, data)
    });

    $('#test-send-mail').click(function () {
      mdui.prompt(lang('Please input mailbox'),
        function (value) {
          app.request("{:url('admin/system/testMail')}", {email: value});
        },
        function (value) {

        },
        {
          confirmText: lang('Confirm'),
          cancelText: lang('Cancel')
        }
      );
    });
  });
</script>
{/block}