ui/app/components/container/form-volume-row/template.hbs

<div class="box mb-20">
  {{#if (eq model.mode "customLogPath")}}
    <div class="row">
      <div class="col span-10">
        {{t 'formVolumeRow.customLogPath.helpText'}}
      </div>
      {{#if editing}}
        <div class="col span-2 text-right mt-0">
          <button class="btn bg-link icon-btn" {{action "remove"}}>
            <span class="darken"><i class="icon icon-minus text-small"/></span>
            <span>{{t "formVolumeRow.remove"}}</span>
          </button>
        </div>
      {{/if}}
    </div>
  {{else}}
    <div class="row">
      <div class="col span-6">
        <label class="acc-label">{{t 'formVolumeRow.name.label'}}</label>
        {{#input-or-display editable=editing value=model.volume.name}}
          {{input type="text" value=model.volume.name placeholder=(t 'formVolumeRow.name.placeholder')}}
        {{/input-or-display}}
      </div>
      <div class="col span-4">
        <label class="acc-label">{{t 'formVolumeRow.mode.label'}}</label>
        <div class="form-control-static">
          {{t (concat 'formVolumeRow.mode.' model.mode)}}
          {{#if editing}}
            {{#if (eq model.mode "newPvc")}}
              <button class="btn bg-transparent" {{action 'defineNewPvc'}}>
                <i class="icon icon-edit"/>
                {{t 'generic.edit'}}
              </button>
            {{else if (or (eq model.mode "existingVolume") (eq model.mode "newVolume"))}}
              <button class="btn bg-transparent" {{action 'defineNewVolume'}}>
                <i class="icon icon-edit"/>
                {{t 'generic.edit'}}
              </button>
            {{/if}}
          {{/if}}
        </div>
      </div>
      {{#if editing}}
        <div class="col span-2 text-right mt-0">
          <button class="btn bg-link icon-btn" {{action "remove"}}>
            <span class="darken"><i class="icon icon-minus text-small"/></span>
            <span>{{t "formVolumeRow.remove"}}</span>
          </button>
        </div>
      {{/if}}
    </div>
  {{/if}}

  {{#if (eq model.mode "existingPvc")}}
    <div class="row">
      <div class="col span-6">
        <label class="acc-label">{{t "formVolumeRow.mode.existingPvc"}} {{field-required}}</label>
        {{#if editing}}
          {{new-select
            value=model.volume.persistentVolumeClaim.persistentVolumeClaimId
            content=pvcChoices
            prompt=(t 'formVolumeRow.prompt')
            localizedLabel=false
          }}
        {{else}}
          <div>
            {{model.volume.persistentVolumeClaim.persistentVolumeClaimId}}
          </div>
        {{/if}}
      </div>
    </div>
  {{else if (eq model.mode "bindMount")}}
    {{volume-source/source-host-path
      volume=model.volume
      editing=editing
    }}
  {{else if (eq model.mode "customLogPath")}}
    {{volume-source/source-custom-log-path
        remove="remove"
        model=model
        volume=model.volume
        mounts=model.mounts
        editing=editing
    }}
  {{else if (eq model.mode "secret")}}
    {{volume-source/source-secret
      namespace=namespace
      volume=model.volume
      editing=editing
    }}
  {{else if (eq model.mode "certificate")}}
    {{volume-source/source-certificate
      namespace=namespace
      volume=model.volume
      editing=editing
    }}
  {{else if (eq model.mode "configmap")}}
    {{volume-source/source-config-map
      namespace=namespace
      volume=model.volume
      editing=editing
    }}
  {{/if}}
  {{#if (eq model.mode "customLogPath")}}
  {{else}}
    <hr class="mt-20">
    <div class="row">
      <div class="col span-12">
        {{#if model.mounts.length}}
          <table class="table fixed no-lines">
            <thead>
              <tr>
                <th>{{t "formVolumeRow.mounts.mountPoint"}}{{#if editing}}{{field-required}}{{/if}}</th>
                <th width="20">&nbsp;</th>
                <th>{{t "formVolumeRow.mounts.subPath"}}</th>
                <th width="20">&nbsp;</th>
                <th width="100" class="text-center">{{t "formVolumeRow.mounts.readOnly"}}</th>
                <th width="40">&nbsp;</th>
              </tr>
            </thead>
            <tbody>
              {{#each model.mounts as |mnt|}}
                <tr>
                  <td>
                    {{#if editing}}
                      {{input value=mnt.mountPath}}
                    {{else}}
                      {{mnt.mountPath}}
                    {{/if}}
                  </td>
                  <td></td>
                  <td>
                    {{#if editing}}
                      {{input value=mnt.subPath}}
                    {{else}}
                      {{mnt.subPath}}
                    {{/if}}
                  </td>
                  <td></td>
                  <td class="text-center">
                    {{#if editing}}
                      {{input type="checkbox" classNames="form-control" checked=mnt.readOnly}}
                    {{else}}
                      {{mnt.readOnly}}
                    {{/if}}
                  </td>
                  <td>
                    {{#if editing}}
                      <button class="btn bg-primary btn-sm" {{action "removeMount" mnt}}>
                        <i class="icon icon-minus"/>
                        <span class="sr-only">{{t 'generic.remove'}}</span>
                      </button>
                    {{/if}}
                  </td>
                </tr>
              {{/each}}
            </tbody>
        </table>
        {{else}}
          {{t "formVolumeRow.mounts.helper"}}
        {{/if}}
        {{#if editing}}
          <div class="mt-20">
            <button class="btn bg-link icon-btn" {{action "addMount"}}>
              <span class="darken"><i class="icon icon-plus text-small"/></span>
              <span>{{t "formVolumeRow.addMount"}}</span>
            </button>
          </div>
        {{/if}}
      </div>
    </div>
  {{/if}}
</div>