teraWeb/frontend/web/templates/partials/block_tool.html

{{define "block_tool"}}
<section class="panel">
  <div class="panel-header">
    <h2>{{.Title}}</h2>
  </div>
  {{if .Tool.Tabs}}
    <div class="subtabs embedded">
      {{range .Tool.Tabs}}
        <a class="subtab {{if .Active}}active{{end}}" href="{{.Path}}">{{.Label}}</a>
      {{end}}
    </div>
  {{end}}
  <form class="mock-form" action="{{.Tool.Action}}" method="post" data-api-form>
    <input type="hidden" name="action" value="{{.Tool.Action}}">
    <div class="form-grid">
      {{range .Tool.Fields}}
        <div class="form-row form-type-{{.Type}} {{if .Fixed}}form-fixed{{end}}">
          <label>{{.Label}}{{if .Required}} <span class="required">*</span>{{end}}{{if .Fixed}} <span class="fixed-value-badge">고정값</span>{{end}}</label>
          {{if eq .Type "textarea"}}
            <textarea name="{{.Name}}" rows="{{.Rows}}" {{if .Disabled}}disabled{{end}} {{if .Required}}required{{end}}>{{.Value}}</textarea>
          {{else if eq .Type "select"}}
            <select name="{{.Name}}" {{if .Disabled}}disabled{{end}} {{if .Required}}required{{end}}>
              {{range .Options}}
                <option value="{{.Value}}" {{if .Selected}}selected{{end}}>{{.Label}}</option>
              {{end}}
            </select>
          {{else if eq .Type "number"}}
            <input type="number" name="{{.Name}}" value="{{.Value}}" {{if .Min}}min="{{.Min}}"{{end}} {{if .Max}}max="{{.Max}}"{{end}} step="1" {{if .Disabled}}disabled{{end}} {{if .Required}}required{{end}}>
          {{else}}
            <input type="text" name="{{.Name}}" value="{{.Value}}" placeholder="{{.Placeholder}}" {{if .Disabled}}disabled{{end}} {{if .Required}}required{{end}}>
          {{end}}
          {{if .Hint}}<div class="field-hint">{{.Hint}}</div>{{end}}
        </div>
      {{end}}
    </div>
    {{if .Tool.Result}}
      <div class="diagnostic-console" role="region" aria-label="네트워크 진단 결과" data-i18n-ui>
        <div class="diagnostic-console-titlebar">
          <span>C:\&gt;</span>
          <strong>TERA Network Diagnostics</strong>
          <span>CMD</span>
        </div>
        <pre class="result-box" role="log" aria-live="polite">C:\&gt; {{.Tool.Result}}</pre>
      </div>
    {{end}}
    <div class="panel-actions">
      <button type="submit" class="btn primary" data-ui-action="run-tool">{{.Tool.PrimaryLabel}}</button>
    </div>
  </form>
</section>
{{end}}