mirror of
https://github.com/status-im/consul.git
synced 2025-02-19 17:14:37 +00:00
06b6aff8d0
Migrate roughly half of the base components into base Adds a target for easily formatting CSS Further CSS amends/migration (#5921) 1. tooltips within tables where a slightly bit troublesome due to a mix of `inline-flex`, `overflow` and the need for truncation. This refineds tooltips a slight bit more to work 'everywhere'. 2. We also move tooltip to use the correct color and min-width from structure, but we overwrite the min-width here until we get confirmation on widths/alignment of text within a tooltip. 3. Tiny fixes for breadcrumbs and toggle-buttons in tabular listings 4. Now we inline-flex our table cells, it means it is impossible to truncate text without wrapping it in another element. This wraps all Description like text in `<p>` tags. Generally the first column of text is already wrapped in an `<a>` tag. Other items such as consul tags and policy names etc get 'cutoff' rather than truncated. 5. We are now using all the icons from `@hashicorp/structure-icons`
84 lines
3.7 KiB
Handlebars
84 lines
3.7 KiB
Handlebars
{{#app-view class=(concat 'policy ' (if (not isAuthorized) 'edit' 'list')) loading=isLoading authorized=isAuthorized enabled=isEnabled}}
|
|
{{#block-slot 'notification' as |status type|}}
|
|
{{partial 'dc/acls/policies/notifications'}}
|
|
{{/block-slot}}
|
|
{{#block-slot 'header'}}
|
|
<h1>
|
|
Access Controls
|
|
</h1>
|
|
{{#if isAuthorized }}
|
|
{{partial 'dc/acls/nav'}}
|
|
{{/if}}
|
|
{{/block-slot}}
|
|
{{#block-slot 'disabled'}}
|
|
{{partial 'dc/acls/disabled'}}
|
|
{{/block-slot}}
|
|
{{#block-slot 'authorization'}}
|
|
{{partial 'dc/acls/authorization'}}
|
|
{{/block-slot}}
|
|
{{#block-slot 'actions'}}
|
|
<a data-test-create href="{{href-to 'dc.acls.policies.create'}}" class="type-create">Create</a>
|
|
{{/block-slot}}
|
|
{{#block-slot 'content'}}
|
|
{{#if (gt items.length 0) }}
|
|
<form class="filter-bar">
|
|
{{freetext-filter searchable=searchable value=s placeholder="Search"}}
|
|
</form>
|
|
{{/if}}
|
|
{{#changeable-set dispatcher=searchable}}
|
|
{{#block-slot 'set' as |filtered|}}
|
|
{{#tabular-collection
|
|
items=(sort-by 'CreateIndex:desc' 'Name:asc' filtered) as |item index|
|
|
}}
|
|
{{#block-slot 'header'}}
|
|
<th>Name</th>
|
|
<th>Datacenters</th>
|
|
<th>Description</th>
|
|
{{/block-slot}}
|
|
{{#block-slot 'row' }}
|
|
<td data-test-policy="{{item.Name}}">
|
|
<a href={{href-to 'dc.acls.policies.edit' item.ID}} class={{if (eq (policy/typeof item) 'policy-management') 'is-management'}}>{{item.Name}}</a>
|
|
</td>
|
|
<td>
|
|
{{join ', ' (policy/datacenters item)}}
|
|
</td>
|
|
<td data-test-description>
|
|
<p>{{item.Description}}</p>
|
|
</td>
|
|
{{/block-slot}}
|
|
{{#block-slot 'actions' as |index change checked|}}
|
|
{{#confirmation-dialog confirming=false index=index message="Are you sure you want to delete this Policy?"}}
|
|
{{#block-slot 'action' as |confirm|}}
|
|
{{#action-group index=index onchange=(action change) checked=(if (eq checked index) 'checked')}}
|
|
<ul>
|
|
{{#if (eq (policy/typeof item) 'policy-management')}}
|
|
<li>
|
|
<a data-test-edit href={{href-to 'dc.acls.policies.edit' item.ID}}>View</a>
|
|
</li>
|
|
{{else}}
|
|
|
|
<li>
|
|
<a data-test-edit href={{href-to 'dc.acls.policies.edit' item.ID}}>Edit</a>
|
|
</li>
|
|
<li>
|
|
<button type="button" class="type-delete" data-test-delete {{action confirm 'delete' item}}>Delete</button>
|
|
</li>
|
|
{{/if}}
|
|
</ul>
|
|
{{/action-group}}
|
|
{{/block-slot}}
|
|
{{#block-slot 'dialog' as |execute cancel message name|}}
|
|
{{delete-confirmation message=message execute=execute cancel=cancel}}
|
|
{{/block-slot}}
|
|
{{/confirmation-dialog}}
|
|
{{/block-slot}}
|
|
{{/tabular-collection}}
|
|
{{/block-slot}}
|
|
{{#block-slot 'empty'}}
|
|
<p>
|
|
There are no Policies.
|
|
</p>
|
|
{{/block-slot}}
|
|
{{/changeable-set}}
|
|
{{/block-slot}}
|
|
{{/app-view}} |