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

{{page-title "Secure Variables"}}
<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="*")}}
        <LinkTo
          @route="variables.new"
          class="button is-primary"
          data-test-create-var
        >
          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"
          data-test-disabled-create-var
        >
          Create Secure Variable
        </button>
      {{/if}}

      </div>
    </div>
  </div>
  {{#if this.hasVariables}}
    <VariablePaths
      @branch={{this.root}}
    />
  {{else}}
    <div class="empty-message">
      <h3 data-test-empty-variables-list-headline class="empty-message-headline">
        No Secure Variables
      </h3>
      <p class="empty-message-body">
        Get started by <LinkTo @route="variables.new">creating a new secure variable</LinkTo>
      </p>
    </div>
  {{/if}}
</section>