ui/lib/shared/addon/components/new-catalog/template.hbs

{{#if showHeader}}
  <section class="header clearfix">
    {{#if editing}}
      <h1>{{t 'newCatalog.upgrade'}} <span style="font-weight: normal">{{namespaceResource.name}}</span></h1>
    {{else}}
      <h1>{{#link-to parentRoute}}{{t 'newCatalog.catalog'}}{{/link-to}}</h1>
    {{/if}}
  </section>
{{/if}}

<section class="{{sectionClass}} row">
  <div class="col span-3">
    {{#if templateResource.links.icon}}
      <img src={{templateResource.links.icon}} alt={{templateResource.name}} class="mr-20" style="height:75px;max-width: 100%;">
    {{/if}}

    <div>
      <small><strong>{{t 'newCatalog.catalog'}}</strong> <span class="text-capitalize">{{templateResource.catalogId}}</span></small>
    </div>
    <div>
      <small><strong>{{t 'newCatalog.category'}}</strong> {{join-array templateResource.categoryArray}}</small>
    </div>
    {{#if (eq templateResource.certifiedType 'rancher')}}
      <small><strong>{{t 'newCatalog.support'}} </strong>{{t 'newCatalog.official'}}</small>
    {{else}}
      <small><strong>{{t 'newCatalog.support'}} </strong>{{t 'newCatalog.maintainedBy'}}</small>
    {{/if}}
    {{#if templateResource.maintainer}}
      <div>
        <small><strong>{{t 'newCatalog.maintainer'}}</strong> {{templateResource.maintainer}}</small>
      </div>
    {{/if}}
    {{#if templateResource.license}}
      <div>
        <small><strong>{{t 'newCatalog.license'}}</strong> {{templateResource.license}}</small>
      </div>
    {{/if}}
    {{#if templateResource.links.project}}
      <small class="force-wrap"><strong>{{t 'newCatalog.url'}}</strong> <a href="{{templateResource.cleanProjectUrl}}" target="_blank">{{templateResource.cleanProjectUrl}}</a></small>
    {{/if}}
  </div>
  {{#if readmeContent}}
    <div class="col span-9" style="overflow-y: auto; max-height: 500px;">
      {{common-mark markdown=readmeContent}}
    </div>
  {{else}}
    <h2 class="mb-10">
      {{t (if editing titleUpgrade titleAdd) name=templateResource.name}}
    </h2>
    <p>{{templateResource.description}}</p>
  {{/if}}
</section>

<section class="{{sectionClass}}">
  <h4>{{t 'newCatalog.templateVersion'}}</h4>
  <div class="row">
    <div class="col span-6">
      {{new-select
        classNames="form-control"
        content=sortedVersions
        prompt="newCatalog.version.prompt"
        localizedPrompt=true
        optionLabelPath="version"
        optionValuePath="link"
        value=selectedTemplateUrl
        disabled=getTemplate.isRunning
      }}
      <p class="text-info">{{t (if editing selectVersionUpgrade selectVersionAdd)}}</p>
    </div>
  </div>
</section>

{{#if (and showName selectedTemplateModel)}}
  <section class="{{sectionClass}}">
    <h4>{{t 'newCatalog.newNamespace'}}</h4>

    {{form-name-description
      model=namespaceResource
      nameRequired=true
    }}

  </section>
{{/if}}

<section class="{{sectionClass}}">
  {{#if getTemplate.isRunning}}
    <div class="text-center">
      <i class="icon icon-spinner icon-spin" style="font-size:36px;"></i>
    </div>
  {{/if}}

  {{#if selectedTemplateModel}}
    {{input-answers
        selectedTemplate=selectedTemplateModel
    }}

  {{/if}}
</section>

{{#if (and selectedTemplateModel (not getTemplate.isRunning))}}
  {{#if showPreview}}
    <section>
      <div class="over-hr"><span {{action "togglePreview"}}>{{t 'newCatalog.preview'}} <i class="icon {{if previewOpen 'icon-chevron-up' 'icon-chevron-down'}}"></i></span></div>

      {{#if previewOpen}}
        <div class="tabs">
        <ul class="tab-header" role="tablist">
          {{#each selectedTemplateModel.filesAsArray as |file|}}
            <li role="tab" class="{{if (eq previewTab file.name) 'active'}}" {{action "selectPreviewTab" file.name}}><a href="#">{{file.name}} {{copy-to-clipboard clipboardText=file.body size="small"}}</a></li>
          {{/each}}
          <li role="tab" class="{{if (eq previewTab 'answers') 'active'}}" {{action "selectPreviewTab" "answers"}}><a href="#">{{t 'newCatalog.txt'}} {{copy-to-clipboard clipboardText=answersString size="small"}}</a></li>
        </ul>

        <div class="tab-content" role="tabpanel">
          {{#each selectedTemplateModel.filesAsArray as |file|}}
            {{code-block code=file.body language="yaml" hide=(not-eq previewTab file.name)}}
          {{/each}}
          {{code-block code=answersString language="yaml" hide=(not-eq  previewTab 'answers')}}
        </div>
        </div>
      {{/if}}
    </section>
  {{/if}}

  {{#if errors.length}}
    <section>
      <div class="row">
        <div class="col span-12">
          {{top-errors errors=errors}}
        </div>
      </div>
    </section>
  {{/if}}

  <div class="footer-actions">
    {{save-cancel createLabel=(if editing saveUpgrade saveNew) save="save" cancel="cancel"}}
  </div>
{{else}}
  <div class="footer-actions">
    <button {{action "cancel"}} class="btn bg-transparent">{{t 'saveCancel.cancel'}}</button>
  </div>
{{/if}}