teraWeb/frontend/web/templates/partials/block_port-selector.html

{{define "block_port-selector"}}
<section class="panel port-selector-panel">
  <div class="panel-header">
    <h2>{{.Title}}</h2>
  </div>
  <div class="port-link-grid">
    {{range .PortLinks}}
      <div class="port-link-card {{if .Up}}up{{else}}down{{end}} {{if .Blink}}blink{{end}}" data-port-card="{{.Number}}">
        <button type="button" class="port-link port-link-view" data-port-view="{{.Number}}" aria-label="Port {{.Number}} 개별 보기" title="Port {{.Number}} 개별 보기">
          <div class="port-link-number">{{.Number}}</div>
          <div class="port-link-state">{{if .Up}}UP{{else}}Unknown{{end}}</div>
          <div class="port-link-caption">개별 보기</div>
        </button>
        <label class="port-link-apply" title="Port {{.Number}} 변경 대상 선택">
          <input type="checkbox" data-port-shortcut="{{.Number}}" aria-label="Port {{.Number}} 변경 대상 선택">
          <span>변경 대상</span>
        </label>
      </div>
    {{end}}
  </div>
</section>
{{end}}