ui: Auth Methods List view

ui/packages/consul-ui/app/adapters/auth-method.js

@@ -0,0 +1,28 @@
+import Adapter from './application';
+
+export default class AuthMethodAdapter extends Adapter {
+  requestForQuery(request, { dc, ns, index, id }) {
+    return request`
+      GET /v1/acl/auth-methods?${{ dc }}
+
+      ${{
+        ...this.formatNspace(ns),
+        index,
+      }}
+    `;
+  }
+
+  requestForQueryRecord(request, { dc, ns, index, id }) {
+    if (typeof id === 'undefined') {
+      throw new Error('You must specify an id');
+    }
+    return request`
+      GET /v1/acl/auth-method/${id}?${{ dc }}
+
+      ${{
+        ...this.formatNspace(ns),
+        index,
+      }}
+    `;
+  }
+}

ui/packages/consul-ui/app/components/consul/auth-method/index.scss

@@ -0,0 +1,9 @@
+.consul-auth-method-list ul {
+  .consul-auth-method-type {
+    @extend %pill-200, %frame-gray-600;
+  }
+  .locality::before {
+    @extend %with-public-default-mask, %as-pseudo;
+    margin-right: 4px;
+  }
+}

ui/packages/consul-ui/app/components/consul/auth-method/list/index.hbs

@@ -0,0 +1,31 @@
+<ListCollection
+  class="consul-auth-method-list"
+  @items={{@items}}
+as |item|>
+  <BlockSlot @name="header">
+  {{#if (not-eq item.DisplayName '')}}
+    <p data-test-auth-method>{{item.DisplayName}}</p>
+  {{else}}
+    <p data-test-auth-method>{{item.Name}}</p>
+  {{/if}}
+  </BlockSlot>
+  <BlockSlot @name="details">
+    <Consul::AuthMethod::Type @item={{item}} />
+  {{#if (not-eq item.DisplayName '')}}
+    <span data-test-display-name>{{item.Name}}</span>
+  {{/if}}
+  {{#if (eq item.TokenLocality 'global')}}
+    <span class="locality">creates global tokens</span>
+  {{/if}}
+  {{#if item.MaxTokenTTL}}
+    <dl class="ttl">
+      <dt>
+        <Tooltip>
+          Maximum Time to Live: the maximum life of any token created by this auth method
+        </Tooltip>
+      </dt>
+      <dd>{{item.MaxTokenTTL}}</dd>
+    </dl>
+  {{/if}}
+  </BlockSlot>
+</ListCollection>

ui/packages/consul-ui/app/components/consul/auth-method/list/pageobject.js

@@ -0,0 +1,7 @@
+export default (collection, text) => () => {
+  return collection('.consul-auth-method-list [data-test-list-row]', {
+    name: text('[data-test-auth-method]'),
+    displayName: text('[data-test-display-name]'),
+    type: text('[data-test-type]'),
+  });
+};

ui/packages/consul-ui/app/components/consul/auth-method/search-bar/index.hbs

@@ -0,0 +1,148 @@
+<SearchBar
+  class="consul-auth-method-search-bar"
+  ...attributes
+  @filter={{@filter}}
+>
+    <:status as |search|>
+
+{{#let
+
+  (t (concat "components.consul.auth-method.search-bar." search.status.key ".name")
+      default=(array
+        (concat "common.search." search.status.key)
+        (concat "common.consul." search.status.key)
+      )
+  )
+
+  (t (concat "components.consul.auth-method.search-bar." search.status.key ".options." search.status.value)
+      default=(array
+        (concat "common.search." search.status.value)
+        (concat "common.consul." search.status.value)
+        (concat "common.brand." search.status.value)
+      )
+  )
+
+as |key value|}}
+      <search.RemoveFilter
+        aria-label={{t "common.ui.remove" item=(concat key " " value)}}
+      >
+        <dl>
+          <dt>{{key}}</dt>
+          <dd>{{value}}</dd>
+        </dl>
+      </search.RemoveFilter>
+{{/let}}
+
+    </:status>
+    <:search as |search|>
+      <search.Search
+        @onsearch={{action @onsearch}}
+        @value={{@search}}
+        @placeholder={{t "common.search.search"}}
+      >
+        <search.Select
+          class="type-search-properties"
+          @position="right"
+          @onchange={{action @filter.searchproperty.change}}
+          @multiple={{true}}
+          @required={{true}}
+        as |components|>
+          <BlockSlot @name="selected">
+            <span>
+              {{t "common.search.searchproperty"}}
+            </span>
+          </BlockSlot>
+          <BlockSlot @name="options">
+    {{#let components.Optgroup components.Option as |Optgroup Option|}}
+            {{#each @filter.searchproperty.default as |prop|}}
+              <Option @value={{prop}} @selected={{contains prop @filter.searchproperty.value}}>
+                {{t (concat "common.consul." (lowercase prop))}}
+              </Option>
+            {{/each}}
+    {{/let}}
+          </BlockSlot>
+        </search.Select>
+      </search.Search>
+    </:search>
+    <:filter as |search|>
+      <search.Select
+        class="type-kind"
+        @position="left"
+        @onchange={{action @filter.kind.change}}
+        @multiple={{true}}
+      as |components|>
+        <BlockSlot @name="selected">
+          <span>
+            {{t "components.consul.auth-method.search-bar.kind.name"}}
+          </span>
+        </BlockSlot>
+        <BlockSlot @name="options">
+        {{#let components.Optgroup components.Option as |Optgroup Option|}}
+          <Option class="kubernetes" @value="kubernetes" @selected={{contains 'kubernetes' @filter.kind.value}}>Kubernetes</Option>
+          <Option class="jwt" @value="jwt" @selected={{contains 'jwt' @filter.kind.value}}>JWT</Option>
+        {{#if (env 'CONSUL_SSO_ENABLED')}}
+          <Option class="oidc" @value="oidc" @selected={{contains 'oidc' @filter.kind.value}}>OIDC</Option>
+        {{/if}}
+        {{/let}}
+        </BlockSlot>
+      </search.Select>
+      <search.Select
+        class="type-locality"
+        @position="left"
+        @onchange={{action @filter.source.change}}
+        @multiple={{true}}
+      as |components|>
+        <BlockSlot @name="selected">
+          <span>
+            {{t "components.consul.auth-method.search-bar.locality.name"}}
+          </span>
+        </BlockSlot>
+        <BlockSlot @name="options">
+      {{#let components.Optgroup components.Option as |Optgroup Option|}}
+        {{#each (array "local" "global") as |option|}}
+          <Option class="{{option}}" @value={{option}} @selected={{contains option @filter.types}}>
+            {{t (concat "components.consul.auth-method.search-bar.locality.options." option)}}
+          </Option>
+        {{/each}}
+      {{/let}}
+        </BlockSlot>
+      </search.Select>
+    </:filter>
+    <:sort as |search|>
+      <search.Select
+        class="type-sort"
+        data-test-sort-control
+        @position="right"
+        @onchange={{action @sort.change}}
+        @multiple={{false}}
+        @required={{true}}
+      as |components|>
+        <BlockSlot @name="selected">
+          <span>
+            {{#let (from-entries (array
+                  (array "MethodName:asc" (t "common.sort.alpha.asc"))
+                  (array "MethodName:desc" (t "common.sort.alpha.desc"))
+                  (array "MaxTokenTTL:desc" (t "common.sort.duration.asc"))
+                  (array "MaxTokenTTL:asc" (t "common.sort.duration.desc"))
+                ))
+              as |selectable|
+            }}
+              {{get selectable @sort.value}}
+            {{/let}}
+          </span>
+        </BlockSlot>
+        <BlockSlot @name="options">
+  {{#let components.Optgroup components.Option as |Optgroup Option|}}
+        <Optgroup @label={{t "common.ui.name"}}>
+          <Option @value="MethodName:asc" @selected={{eq "MethodName:asc" @sort.value}}>{{t "common.sort.alpha.asc"}}</Option>
+          <Option @value="MethodName:desc" @selected={{eq "MethodName:desc" @sort.value}}>{{t "common.sort.alpha.desc"}}</Option>
+        </Optgroup>
+        <Optgroup @label={{t "common.ui.maxttl"}}>
+          <Option @value="MaxTokenTTL:desc" @selected={{eq "MaxTokenTTL:desc" @sort.value}}>{{t "common.sort.duration.asc"}}</Option>
+          <Option @value="MaxTokenTTL:asc" @selected={{eq "MaxTokenTTL:asc" @sort.value}}>{{t "common.sort.duration.desc"}}</Option>
+        </Optgroup>
+  {{/let}}
+        </BlockSlot>
+      </search.Select>
+    </:sort>
+</SearchBar>

ui/packages/consul-ui/app/components/consul/auth-method/type/index.hbs

@@ -0,0 +1,3 @@
+<span class="consul-auth-method-type {{@item.Type}}" data-test-type={{@item.Type}}>
+  {{t (concat "common.brand." @item.Type)}}
+</span>

ui/packages/consul-ui/app/components/hashicorp-consul/index.hbs

@@ -126,6 +126,9 @@
           <li data-test-main-nav-roles class={{if (is-href 'dc.acls.roles' @dc.Name) 'is-active'}}>
               <a href={{href-to 'dc.acls.roles' @dc.Name}}>Roles</a>
           </li>
+          <li data-test-main-nav-auth-methods class={{if (is-href 'dc.acls.auth-methods' @dc.Name) 'is-active'}}>
+              <a href={{href-to 'dc.acls.auth-methods' @dc.Name}}>Auth Methods</a>
+          </li>
       </ul>
   {{/if}}
 

ui/packages/consul-ui/app/filter/predicates/auth-method.js

@@ -0,0 +1,11 @@
+export default {
+  kind: {
+    kubernetes: (item, value) => item.Type === value,
+    jwt: (item, value) => item.Type === value,
+    oidc: (item, value) => item.Type === value,
+  },
+  source: {
+    local: (item, value) => item.TokenLocality === value,
+    global: (item, value) => item.TokenLocality === value,
+  },
+};

ui/packages/consul-ui/app/instance-initializers/nspace.js

@@ -99,7 +99,10 @@ export function initialize(container) {
             register(container, index, indexed);
           }
         }
-        register(container, route, item);
+
+        if (typeof route !== 'undefined') {
+          register(container, route, item);
+        }
       });
   }
 }

ui/packages/consul-ui/app/models/auth-method.js

@@ -0,0 +1,24 @@
+import Model, { attr } from '@ember-data/model';
+import { or } from '@ember/object/computed';
+
+export const PRIMARY_KEY = 'uid';
+export const SLUG_KEY = 'Name';
+
+export default class AuthMethod extends Model {
+  @attr('string') uid;
+  @attr('string') Name;
+
+  @attr('string') Datacenter;
+  @attr('string') Namespace;
+  @attr('string', { defaultValue: () => '' }) Description;
+  @attr('string', { defaultValue: () => '' }) DisplayName;
+  @attr('string', { defaultValue: () => 'local' }) TokenLocality;
+  @attr('string') Type;
+  @or('DisplayName', 'Name') MethodName;
+  @attr() Config;
+  @attr('string') MaxTokenTTL;
+  @attr('number') CreateIndex;
+  @attr('number') ModifyIndex;
+  @attr() Datacenters; // string[]
+  @attr() meta; // {}
+}

ui/packages/consul-ui/app/router.js

@@ -149,6 +149,12 @@ export const routes = {
           _options: { path: '/create' },
         },
       },
+      'auth-methods': {
+        _options: { path: '/auth-methods' },
+        show: {
+          _options: { path: '/show' },
+        },
+      },
     },
   },
   // Shows a datacenter picker. If you only have one

ui/packages/consul-ui/app/routes/dc/acls/auth-methods/index.js

@@ -0,0 +1,38 @@
+import { inject as service } from '@ember/service';
+import Route from 'consul-ui/routing/route';
+import { hash } from 'rsvp';
+
+export default class IndexRoute extends Route {
+  @service('repository/auth-method') repo;
+
+  queryParams = {
+    sortBy: 'sort',
+    source: 'source',
+    kind: 'kind',
+    searchproperty: {
+      as: 'searchproperty',
+      empty: [['Name', 'DisplayName']],
+    },
+    search: {
+      as: 'filter',
+      replace: true,
+    },
+  };
+
+  model(params) {
+    return hash({
+      ...this.repo.status({
+        items: this.repo.findAllByDatacenter(
+          this.modelFor('dc').dc.Name,
+          this.modelFor('nspace').nspace.substr(1)
+        ),
+      }),
+      searchProperties: this.queryParams.searchproperty.empty[0],
+    });
+  }
+
+  setupController(controller, model) {
+    super.setupController(...arguments);
+    controller.setProperties(model);
+  }
+}

ui/packages/consul-ui/app/search/predicates/auth-method.js

@@ -0,0 +1,4 @@
+export default {
+  Name: item => item.Name,
+  DisplayName: item => item.DisplayName,
+};

ui/packages/consul-ui/app/serializers/auth-method.js

@@ -0,0 +1,7 @@
+import Serializer from './application';
+import { PRIMARY_KEY, SLUG_KEY } from 'consul-ui/models/auth-method';
+
+export default class AuthMethodSerializer extends Serializer {
+  primaryKey = PRIMARY_KEY;
+  slugKey = SLUG_KEY;
+}

ui/packages/consul-ui/app/services/filter.js

@@ -10,12 +10,14 @@ import kv from 'consul-ui/filter/predicates/kv';
 import intention from 'consul-ui/filter/predicates/intention';
 import token from 'consul-ui/filter/predicates/token';
 import policy from 'consul-ui/filter/predicates/policy';
+import authMethod from 'consul-ui/filter/predicates/auth-method';
 
 const predicates = {
   acl: andOr(acl),
   service: andOr(service),
   ['service-instance']: andOr(serviceInstance),
   ['health-check']: andOr(healthCheck),
+  ['auth-method']: andOr(authMethod),
   node: andOr(node),
   kv: andOr(kv),
   intention: andOr(intention),

ui/packages/consul-ui/app/services/repository/auth-method.js

@@ -0,0 +1,26 @@
+import RepositoryService from 'consul-ui/services/repository';
+import statusFactory from 'consul-ui/utils/acls-status';
+import isValidServerErrorFactory from 'consul-ui/utils/http/acl/is-valid-server-error';
+import { PRIMARY_KEY, SLUG_KEY } from 'consul-ui/models/auth-method';
+
+const isValidServerError = isValidServerErrorFactory();
+const status = statusFactory(isValidServerError, Promise);
+const MODEL_NAME = 'auth-method';
+
+export default class AuthMethodService extends RepositoryService {
+  getModelName() {
+    return MODEL_NAME;
+  }
+
+  getPrimaryKey() {
+    return PRIMARY_KEY;
+  }
+
+  getSlugKey() {
+    return SLUG_KEY;
+  }
+
+  status(obj) {
+    return status(obj);
+  }
+}