1
0
Fork 0
mirror of https://github.com/documize/community.git synced 2025-08-02 03:55:24 +02:00

Replace Bootstrap tooltips/popovers/dropdowns

With Ember Attacher component.

This commit removes redundant BS code.

Co-Authored-By: McMatts <matt@documize.com>
This commit is contained in:
sauls8t 2018-12-06 14:10:00 +00:00
parent f05a6fc999
commit 75a19a80f9
44 changed files with 160 additions and 353 deletions

View file

@ -22,18 +22,21 @@
</div>
{{#if document.selected}}
<div class="actions">
<div class="move-documents-button button-icon-green button-icon-small align-middle" {{action 'onExport'}} data-toggle="tooltip" data-placement="top" title="Export as HTML">
<div class="move-documents-button button-icon-green button-icon-small align-middle" {{action 'onExport'}}>
<i class="material-icons">import_export</i>
{{#attach-tooltip showDelay=1000}}Export as HTML{{/attach-tooltip}}
</div>
<div class="button-icon-gap" />
{{#if permissions.documentMove}}
<div class="move-documents-button button-icon-green button-icon-small align-middle" {{action 'onShowMoveDocuments'}} data-toggle="tooltip" data-placement="top" title="Move">
<div class="move-documents-button button-icon-green button-icon-small align-middle" {{action 'onShowMoveDocuments'}}>
<i class="material-icons">compare_arrows</i>
{{#attach-tooltip showDelay=1000}}Move{{/attach-tooltip}}
</div>
<div class="button-icon-gap" />
{{/if}}
{{#if permissions.documentDelete}}
<div class="delete-documents-button button-icon-red button-icon-small align-middle" {{action 'onShowDeleteDocuments'}} data-toggle="tooltip" data-placement="top" title="Delete">
<div class="delete-documents-button button-icon-red button-icon-small align-middle" {{action 'onShowDeleteDocuments'}}>
{{#attach-tooltip showDelay=1000}}Delete{{/attach-tooltip}}
<i class="material-icons">delete</i>
</div>
{{/if}}

View file

@ -30,15 +30,18 @@
<button type="button" class="btn btn-outline-secondary" {{action 'onEditCancel' cat.id}}>Cancel</button>
<button type="button" class="btn btn-success" {{action 'onSave' cat.id}}>Save</button>
{{else}}
<div id="category-access-button-{{cat.id}}" class="button-icon-gray align-middle" data-toggle="tooltip" data-placement="top" title="Category access" {{action 'onShowAccessPicker' cat.id}}>
<div id="category-access-button-{{cat.id}}" class="button-icon-gray align-middle" {{action 'onShowAccessPicker' cat.id}}>
{{#attach-tooltip showDelay=1000}}Category view permission{{/attach-tooltip}}
<i class="material-icons">security</i>
</div>
<div class="button-icon-gap" />
<div class="button-icon-gray align-middle" data-toggle="tooltip" data-placement="top" title="Rename" {{action 'onEdit' cat.id}} >
<div class="button-icon-gray align-middle" {{action 'onEdit' cat.id}} >
{{#attach-tooltip showDelay=1000}}Rename{{/attach-tooltip}}
<i class="material-icons">edit</i>
</div>
<div class="button-icon-gap" />
<div id="{{concat 'delete-category-' cat.id}}" class="button-icon-danger align-middle" data-toggle="tooltip" data-placement="top" title="Delete" {{action 'onShowDelete' cat.id}}>
<div id="{{concat 'delete-category-' cat.id}}" class="button-icon-danger align-middle" {{action 'onShowDelete' cat.id}}>
{{#attach-tooltip showDelay=1000}}Delete{{/attach-tooltip}}
<i class="material-icons">delete</i>
</div>
{{/if}}

View file

@ -38,15 +38,13 @@
{{#each spacePermissions as |permission|}}
<tr>
<td class="no-wrap no-width">
<i class="material-icons align-top text-secondary cursor-pointer" data-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">
more_vert
</i>
<div class="dropdown-menu dropdown-menu-left" aria-labelledby="permission-dropdown-{{permission.whoId}}">
<a class="dropdown-item" href="#" {{action 'onBulkPermission' permission true}}>Grant all</a>
<a class="dropdown-item" href="#" {{action 'onBulkPermission' permission false}}>Revoke all</a>
</div>
<i class="material-icons align-top text-secondary cursor-pointer">more_vert</i>
{{#attach-popover class="ember-attacher-popper" hideOn='clickout' showOn='click' isShown=false}}
<div class="menu">
<a class="item" href="#" {{action 'onBulkPermission' permission true}}>Grant all</a>
<a class="item" href="#" {{action 'onBulkPermission' permission false}}>Revoke all</a>
</div>
{{/attach-popover}}
{{#if (eq permission.who "role")}}
<span class="button-icon-blue button-icon-small align-middle">
<i class="material-icons">people</i>