open-nomad/ui/app/templates/variables/path.hbs

{{page-title "Secure Variables: " this.model.absolutePath}}
{{#each this.breadcrumbs as |crumb|}}
  <Breadcrumb @crumb={{crumb}} />
{{/each}}
  <section class="section">
    <div class="toolbar">
      <div class="toolbar-item is-right-aligned is-mobile-full-width">
        {{#if this.namespaceOptions}}
          <SingleSelectDropdown
            data-test-variable-namespace-filter
            @label="Namespace"
            @options={{this.namespaceOptions}}
            @selection={{this.namespaceSelection}}
            @onSelect={{this.setNamespace}}
          />
        {{/if}}
        <div class="button-bar">
        {{#if (can "write variable" path=this.model.absolutePath namespace=this.model.namespace)}}
          <LinkTo
            @route="variables.new"
            @query={{hash path=(concat this.model.absolutePath "/")}}
            class="button is-primary"
          >
            Create Secure Variable
          </LinkTo>
        {{else}}
          <button
            class="button is-primary is-disabled tooltip is-right-aligned"
            aria-label="You don’t have sufficient permissions"
            disabled
            type="button"
          >
            Create Secure Variable
          </button>
        {{/if}}

        </div>
      </div>
    </div>
{{#if this.model.treeAtPath}}
  <VariablePaths
    @branch={{this.model.treeAtPath}}
  />
{{else}}
  <div class="empty-message">
    <h3 data-test-empty-variables-list-headline class="empty-message-headline">
      Path /{{this.model.absolutePath}} contains no variables
    </h3>
    <p class="empty-message-body">
      To get started, <LinkTo @route="variables.new" @query={{hash path=(concat this.model.absolutePath "/")}}>create a new secure variable here</LinkTo>, or <LinkTo @route="variables">go back to the Secure Variables root directory</LinkTo>.
    </p>
  </div>
{{/if}}
  </section>