Docker/documize
Docker/documize
1
0
Fork 0
mirror of https://github.com/documize/community.git synced 2025-08-04 21:15:24 +02:00
Code Releases Activity

Replace Bootstrap tooltips/popovers/dropdowns

Browse source 
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
Download patch file Download diff file Expand all files Collapse all files

6
gui/app/templates/components/customize/space-admin.hbs
View file

@ -17,12 +17,14 @@
{{#link-to 'folder' space.id space.slug class="alt"}}{{space.name}}{{/link-to}}
</div>
<div class="col-12 col-sm-4 text-right">
<div id="space-ownership-button-{{space.id}}" class="button-icon-gray align-middle" data-toggle="tooltip" data-placement="top" title="Add myself as space owner" {{action "onOwner" space.id}}>
<div id="space-ownership-button-{{space.id}}" class="button-icon-gray align-middle" {{action "onOwner" space.id}}>
<i class="material-icons" data-toggle="modal">person_add</i>
{{#attach-tooltip showDelay=1000}}Add myself as space owner{{/attach-tooltip}}
</div>
<div class="button-icon-gap" />
<div id="space-delete-button-{{space.id}}" class="button-icon-danger align-middle" data-toggle="tooltip" data-placement="top" title="Delete space and all content" {{action "onShow" space.id}}>
<div id="space-delete-button-{{space.id}}" class="button-icon-danger align-middle" {{action "onShow" space.id}}>
<i class="material-icons" data-toggle="modal" data-target="#space-delete-modal" data-backdrop="static">delete</i>
{{#attach-tooltip showDelay=1000}}Delete space and all content{{/attach-tooltip}}
</div>
</div>
</div>

10
gui/app/templates/components/customize/user-groups.hbs
View file

@ -31,6 +31,7 @@
</div>
</div>
<p>Put these as cards with nice action CTAs</p>
<div class="groups-list">
{{#each groups as |group|}}
<div class="row group">
@ -49,12 +50,14 @@
<button class="btn btn-danger" {{action 'onShowRemoveMemberModal' group.id}}>Remove Member</button>
{{/if}}
<div class="button-icon-gap" />
<div class="button-icon-gray align-middle" data-toggle="tooltip" data-placement="top" title="Rename" {{action 'onShowEditModal' group.id}}>
<div class="button-icon-gray align-middle" {{action 'onShowEditModal' group.id}}>
<i class="material-icons">edit</i>
{{#attach-tooltip showDelay=1000}}Edit group{{/attach-tooltip}}
</div>
<div class="button-icon-gap" />
<div class="button-icon-danger align-middle" data-toggle="tooltip" data-placement="top" title="Delete" {{action 'onShowDeleteModal' group.id}}>
<div class="button-icon-danger align-middle" {{action 'onShowDeleteModal' group.id}}>
<i class="material-icons">delete</i>
{{#attach-tooltip showDelay=1000}}Delete group{{/attach-tooltip}}
</div>
</div>
</div>
@ -149,7 +152,8 @@
</div>
<div class="view-customize">
<div class="text-center">
<div class="btn-group btn-group-toggle" data-toggle="tooltip" data-placement="top" title="Show how many users">
<div class="btn-group btn-group-toggle">
{{#attach-tooltip showDelay=1000}}Number of users to display{{/attach-tooltip}}>
<label class="btn btn-outline-secondary {{if (eq userLimit 1) 'active'}}">
<input type="radio" name="options" autocomplete="off" {{action 'onLimit' 1}}>1
</label>

5
gui/app/templates/components/customize/user-list.hbs
View file

@ -41,7 +41,8 @@
</div>
<div class="max-results py-3">
<div class="btn-group btn-group-toggle" data-toggle="tooltip" data-placement="top" title="Show how many users">
<div class="btn-group btn-group-toggle">
{{#attach-tooltip showDelay=1000}}Number of users to display{{/attach-tooltip}}
<label class="btn btn-outline-secondary {{if (eq userLimit 1) 'active'}}">
<input type="radio" name="options" autocomplete="off" {{action 'onLimit' 1}}>1
</label>
@ -157,11 +158,13 @@
<td class="no-width text-center">
<div class="user-button-{{user.id}} button-icon-gray button-icon-small" title="Edit" {{action "onShowEdit" user.id}}>
<i class="material-icons">mode_edit</i>
{{#attach-tooltip showDelay=1000}}Edit user{{/attach-tooltip}}
</div>
{{#unless user.me}}
<div class="button-icon-gap" />
<div class="delete-button-{{user.id}} button-icon-red button-icon-small" title="Delete" {{action "onShowDelete" user.id}}>
<i class="material-icons">delete</i>
{{#attach-tooltip showDelay=1000}}Delete user{{/attach-tooltip}}
</div>
{{/unless}}
</td>

3
gui/app/templates/components/document/add-section.hbs
View file

@ -38,7 +38,8 @@
{{#if hasBlocks}}
<ul class="block-list">
{{#each blocks as |block|}}
<li class="item" title="{{block.firstname}} {{block.lastname}}, {{time-ago block.created}}, used: {{ block.used }}" data-toggle="tooltip" data-placement="top">
<li class="item">
{{#attach-tooltip showDelay=1000}}Published by {{block.firstname}} {{block.lastname}}, {{time-ago block.created}} &mdash; used {{ block.used }} times{{/attach-tooltip}}
<div class="details" {{action 'onInsertBlock' block}}>
<div class="title text-truncate">{{block.title}}</div>
<div class="desc text-truncate">{{block.excerpt}}</div>

6
gui/app/templates/components/document/document-meta.hbs
View file

@ -22,15 +22,17 @@
<div class="d-sm-inline-block margin-left-20" />
{{#each selectedCategories as |cat|}}
<div class="document-category {{if isSpaceAdmin 'cursor-pointer'}}" data-toggle="tooltip" data-placement="top" title="Category" {{action 'onEditCategory'}}>
<div class="document-category {{if isSpaceAdmin 'cursor-pointer'}}" {{action 'onEditCategory'}}>
{{cat.category}}
{{#attach-tooltip showDelay=1000}}Category{{/attach-tooltip}}
</div>
{{/each}}
<div class="d-block d-sm-none margin-top-20" />
{{#each tagz as |t index|}}
<div class="document-tag {{if isSpaceAdmin 'cursor-pointer'}}" data-toggle="tooltip" data-placement="top" title="Tag" {{action 'onEditCategory'}}>
<div class="document-tag {{if isSpaceAdmin 'cursor-pointer'}}" {{action 'onEditCategory'}}>
{{#attach-tooltip showDelay=1000}}Tag{{/attach-tooltip}}
{{concat '#' t}}
</div>
{{/each}}

8
gui/app/templates/components/document/document-toc.hbs
View file

@ -1,7 +1,7 @@
<div id="sidebar" class="sidebar-white document-sidebar">
<div class="sidebar-view-switcher d-flex align-items-center justify-content-center">
<i class="material-icons" title="Table of contents" data-toggle="tooltip" data-placement="top">reorder</i>
<i class="material-icons">reorder</i>
</div>
<div id="doc-toc" class="document-toc">
@ -34,11 +34,13 @@
title={{item.page.title}}>
<span class="numbering">{{item.page.numbering}}</span>
{{#if (or item.userHasChangePending userHasNewPagePending)}}
<span class="color-red-600" title="Pending approval" data-toggle="tooltip" data-placement="top">[*]&nbsp;</span>
<span class="color-red-600" >[*]&nbsp;</span>
{{#attach-tooltip showDelay=1000}}Pending changes{{/attach-tooltip}}
{{/if}}
{{#if (or permissions.documentApprove roles.documentApprove)}}
{{#if item.changeAwaitingReview}}
<span class="color-green-700" title="Awaiting approval" data-toggle="tooltip" data-placement="top">[*]&nbsp;</span>
<span class="color-green-700">[*]&nbsp;</span>
{{#attach-tooltip showDelay=1000}}Awaiting approval{{/attach-tooltip}}
{{/if}}
{{/if}}
{{item.page.title}}

68
gui/app/templates/components/document/page-heading.hbs
View file

@ -19,40 +19,42 @@
{{/if}}
{{#if hasMenuPermissions}}
<div class="button-icon-gap" />
<div id="page-menu-button-{{page.id}}" class="button-icon-gray align-middle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<div id="page-menu-button-{{page.id}}" class="button-icon-gray align-middle">
<i class="material-icons">more_vert</i>
</div>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="page-menu-button-{{page.id}}">
{{#if canEdit}}
<a class="dropdown-item" href="#" id={{concat 'edit-page-button-' page.id}} {{action 'onEdit'}}>Edit</a>
{{/if}}
{{#if permissions.documentCopy}}
<a class="dropdown-item" href="#" id={{concat 'copy-page-button-' page.id}} data-toggle="modal" data-target={{concat '#copy-page-modal-' page.id}} data-backdrop="static">Copy</a>
{{/if}}
{{#if canMove}}
<a class="dropdown-item" href="#" id={{concat 'move-page-button-' page.id}} data-toggle="modal" data-target={{concat '#move-page-modal-' page.id}} data-backdrop="static">Move</a>
{{/if}}
{{#if permissions.documentTemplate}}
<a class="dropdown-item" href="#" id={{concat 'publish-page-button-' page.id}} data-toggle="modal" data-target={{concat '#publish-page-modal-' page.id}} data-backdrop="static">Publish</a>
{{/if}}
{{#if canDelete}}
<a class="dropdown-item text-danger" href="#" id={{concat 'delete-page-button-' page.id}} data-toggle="modal" data-target={{concat '#delete-page-modal-' page.id}} data-backdrop="static">Delete</a>
{{/if}}
{{#if (and canEdit state.actionablePage)}}
<div class="dropdown-divider"></div>
{{#unless state.indentDisabled}}
<a class="dropdown-item" href="#" id={{concat 'toc-indent-button-' page.id}} {{action 'pageIndent'}}>Indent</a>
{{/unless}}
{{#unless state.outdentDisabled}}
<a class="dropdown-item" href="#" id={{concat 'toc-outdent-button-' page.id}} {{action 'pageOutdent'}}>Outdent</a>
{{/unless}}
{{#unless state.upDisabled}}
<a class="dropdown-item" href="#" id={{concat 'toc-up-button-' page.id}} {{action 'pageUp'}}>Move up</a>
{{/unless}}
{{#unless state.downDisabled}}
<a class="dropdown-item" href="#" id={{concat 'toc-down-button-' page.id}} {{action 'pageDown'}}>Move down</a>
{{/unless}}
{{/if}}
{{#attach-popover class="ember-attacher-popper" hideOn='clickout' showOn='click' isShown=false}}
<div class="menu">
{{#if canEdit}}
<a class="item" href="#" id={{concat 'edit-page-button-' page.id}} {{action 'onEdit'}}>Edit</a>
{{/if}}
{{#if permissions.documentCopy}}
<a class="item" href="#" id={{concat 'copy-page-button-' page.id}} data-toggle="modal" data-target={{concat '#copy-page-modal-' page.id}} data-backdrop="static">Copy</a>
{{/if}}
{{#if canMove}}
<a class="item" href="#" id={{concat 'move-page-button-' page.id}} data-toggle="modal" data-target={{concat '#move-page-modal-' page.id}} data-backdrop="static">Move</a>
{{/if}}
{{#if permissions.documentTemplate}}
<a class="item" href="#" id={{concat 'publish-page-button-' page.id}} data-toggle="modal" data-target={{concat '#publish-page-modal-' page.id}} data-backdrop="static">Publish</a>
{{/if}}
{{#if canDelete}}
<a class="item red" href="#" id={{concat 'delete-page-button-' page.id}} data-toggle="modal" data-target={{concat '#delete-page-modal-' page.id}} data-backdrop="static">Delete</a>
{{/if}}
{{#if (and canEdit state.actionablePage)}}
<div class="divider"></div>
{{#unless state.indentDisabled}}
<a class="item" href="#" id={{concat 'toc-indent-button-' page.id}} {{action 'pageIndent'}}>Indent</a>
{{/unless}}
{{#unless state.outdentDisabled}}
<a class="item" href="#" id={{concat 'toc-outdent-button-' page.id}} {{action 'pageOutdent'}}>Outdent</a>
{{/unless}}
{{#unless state.upDisabled}}
<a class="item" href="#" id={{concat 'toc-up-button-' page.id}} {{action 'pageUp'}}>Move up</a>
{{/unless}}
{{#unless state.downDisabled}}
<a class="item" href="#" id={{concat 'toc-down-button-' page.id}} {{action 'pageDown'}}>Move down</a>
{{/unless}}
{{/if}}
</div>
{{/attach-popover}}
</div>
{{/if}}
</div>

9
gui/app/templates/components/folder/documents-list.hbs
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}}

9
gui/app/templates/components/folder/settings-category.hbs
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}}

16
gui/app/templates/components/folder/settings-permissions.hbs
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>

4
gui/app/templates/components/layout/top-bar.hbs
View file

@ -57,9 +57,7 @@
<div class="buttons d-flex flex-wrap align-items-center">
{{#unless appMeta.valid}}
<div class="btn-group">
<div class="button-icon-gold animated infinite wobble slow delay-2s"
data-toggle="tooltip" data-placement="bottom" title="Please select product plan"
{{action 'onBilling'}}>
<div class="button-icon-gold animated infinite wobble slow delay-2s" {{action 'onBilling'}}>
<i class="material-icons">report</i>
</div>
</div>

5
gui/app/templates/components/section/base-editor-inline.hbs
View file

@ -21,7 +21,10 @@
{{/if}}
{{#if contentLinkerButton}}
<div class="btn btn-primary" id="section-editor-link-button-{{pageId}}" data-toggle="tooltip" data-placement="top" title="Insert link" {{action 'onShowLinkModal'}}>Link</div>
<div class="btn btn-primary" id="section-editor-link-button-{{pageId}}" {{action 'onShowLinkModal'}}>
Link
{{#attach-tooltip showDelay=1000}}Insert Link{{/attach-tooltip}}
</div>
{{/if}}
{{#if previewButton}}

3
gui/app/templates/components/section/gemini/type-editor.hbs
View file

@ -26,7 +26,8 @@
<label>Select Gemini workspace</label>
<ul class="section-gemini-workspaces">
{{#each workspaces as |card|}}
<li class="section-gemini-workspace" title="{{card.Title}}" data-toggle="tooltip" data-placement="top" id="gemini-workspace-{{card.Id}}">
<li class="section-gemini-workspace" id="gemini-workspace-{{card.Id}}">
{{#attach-tooltip showDelay=1000}}{{card.Title}}{{/attach-tooltip}}
<div class="section-gemini-card" style="background-color:{{card.Color}};" {{action 'onWorkspaceChange' card.Id}}>{{card.Key}}</div>
{{#if card.selected}}
<div class="section-gemini-selected-card">&#10003;</div>

21
gui/app/templates/components/toolbar/for-document.hbs
View file

@ -2,43 +2,50 @@
{{#if session.authenticated}}
{{#if permissions.documentEdit}}
{{#link-to 'document.settings' space.id space.slug document.id document.slug class="button-icon-gray align-middle"}}
<i class="material-icons" data-toggle="tooltip" data-placement="top" title="Meta, Lifecycle, Change Control">settings</i>
<i class="material-icons">settings</i>
{{#attach-tooltip showDelay=1000}}Settings &mdash; meta, lifecycle, workflow{{/attach-tooltip}}
{{/link-to}}
<div class="button-icon-gap" />
{{/if}}
{{#if permissions.documentAdd}}
<div id="document-template-button" class="button-icon-gray align-middle" data-toggle="tooltip" data-placement="top" title="Save as template">
<div id="document-template-button" class="button-icon-gray align-middle">
<i class="material-icons" data-toggle="modal" data-target="#document-template-modal" data-backdrop="static">content_copy</i>
{{#attach-tooltip showDelay=1000}}Save as template{{/attach-tooltip}}
</div>
<div class="button-icon-gap" />
{{/if}}
{{/if}}
<div id="document-print-button" class="button-icon-gray align-middle" data-toggle="tooltip" data-placement="top" title="Print" {{action 'onPrintDocument'}}>
<div id="document-print-button" class="button-icon-gray align-middle" {{action 'onPrintDocument'}}>
<i class="material-icons">print</i>
{{#attach-tooltip showDelay=1000}}Print{{/attach-tooltip}}
</div>
<div class="button-icon-gap" />
<div id="space-export-button" class="button-icon-danger align-middle" data-toggle="tooltip" data-placement="top" title="Export as HTML" {{action 'onExport'}}>
<div id="space-export-button" class="button-icon-danger 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 pinState.isPinned}}
<div id="document-pin-button" class="button-icon-gold align-middle" data-toggle="tooltip" data-placement="top" title="Remove favorite" {{action 'onUnpin'}}>
<div id="document-pin-button" class="button-icon-gold align-middle" {{action 'onUnpin'}}>
<i class="material-icons">star</i>
{{#attach-tooltip showDelay=1000}}Remove bookmark{{/attach-tooltip}}
</div>
<div class="button-icon-gap" />
{{else if session.authenticated}}
<div id="document-pin-button" class="button-icon-gray align-middle" data-toggle="tooltip" data-placement="top" title="Save favorite" {{action 'onPin'}}>
<div id="document-pin-button" class="button-icon-gray align-middle" {{action 'onPin'}}>
<i class="material-icons">star</i>
{{#attach-tooltip showDelay=1000}}Add bookmark{{/attach-tooltip}}
</div>
<div class="button-icon-gap" />
{{/if}}
{{#if permissions.documentDelete}}
<div id="document-delete-button" class="button-icon-danger align-middle" data-toggle="tooltip" data-placement="top" title="Delete document">
<div id="document-delete-button" class="button-icon-danger align-middle">
<i class="material-icons" data-toggle="modal" data-target="#document-delete-modal" data-backdrop="static">delete</i>
{{#attach-tooltip showDelay=1000}}Delete{{/attach-tooltip}}
</div>
{{/if}}
</div>

32
gui/app/templates/components/toolbar/for-space.hbs
View file

@ -3,14 +3,18 @@
<div class="col-6">
{{#if permissions.documentAdd}}
<div class="btn-group" role="group">
<button id="btnGroupDocument" type="button" class="btn btn-success font-weight-bold dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">+ CONTENT</button>
<div class="dropdown-menu" aria-labelledby="btnGroupDocument">
<a class="dropdown-item" href="#" {{action 'onShowEmptyDocModal'}}>Blank canvas</a>
{{#if hasTemplates}}
<a class="dropdown-item" href="#" {{action 'onShowTemplateDocModal'}}>From template</a>
{{/if}}
<a class="dropdown-item" href="#" {{action 'onShowImportDocModal'}}>Import files</a>
</div>
<button id="btnGroupDocument" type="button" class="btn btn-success font-weight-bold dropdown-toggle">
+ CONTENT
{{#attach-popover class="ember-attacher-popper" hideOn='clickout' showOn='click' isShown=false}}
<div class="menu">
<a class="item" href="#" {{action 'onShowEmptyDocModal'}}>Blank canvas</a>
{{#if hasTemplates}}
<a class="item" href="#" {{action 'onShowTemplateDocModal'}}>From template</a>
{{/if}}
<a class="item" href="#" {{action 'onShowImportDocModal'}}>Import files</a>
</div>
{{/attach-popover}}
</button>
</div>
<div id="empty-doc-modal" class="modal" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
@ -95,27 +99,31 @@
<div class="col-6 text-right">
{{#if hasDocuments}}
<div id="space-export-button" class="button-icon-danger align-middle" data-toggle="tooltip" data-placement="top" title="Export as HTML" {{action 'onShowExport'}}>
<div id="space-export-button" class="button-icon-danger align-middle" {{action 'onShowExport'}}>
<i class="material-icons">import_export</i>
{{#attach-tooltip showDelay=1000}}Export as HTML{{/attach-tooltip}}
</div>
{{/if}}
{{#if pinState.isPinned}}
<div class="button-icon-gap" />
<div id="space-pin-button" class="button-icon-gold align-middle" data-toggle="tooltip" data-placement="top" title="Remove favorite" {{action 'onUnpin'}}>
<div id="space-pin-button" class="button-icon-gold align-middle" {{action 'onUnpin'}}>
<i class="material-icons">star</i>
{{#attach-tooltip showDelay=1000}}Remove bookmark{{/attach-tooltip}}
</div>
{{else if session.authenticated}}
<div class="button-icon-gap" />
<div id="space-pin-button" class="button-icon-gray align-middle" data-toggle="tooltip" data-placement="top" title="Save favorite" {{action 'onPin'}}>
<div id="space-pin-button" class="button-icon-gray align-middle" {{action 'onPin'}}>
<i class="material-icons">star</i>
{{#attach-tooltip showDelay=1000}}Bookmark{{/attach-tooltip}}
</div>
{{/if}}
{{#if (or permissions.spaceOwner permissions.spaceManage)}}
<div class="button-icon-gap" />
{{#link-to 'folder.settings' space.id space.slug class="button-icon-gray align-middle"}}
<i class="material-icons" data-toggle="tooltip" data-placement="top" title="Settings, users, permissions, templates">settings</i>
<i class="material-icons">settings</i>
{{#attach-tooltip showDelay=1000}}Settings, permissions, templates{{/attach-tooltip}}
{{/link-to}}
{{/if}}
</div>

3
gui/app/templates/components/ui/ui-avatar.hbs
View file

@ -1,3 +1,4 @@
<div class="avatar" id="avatar-{{refId}}" title="{{firstname}} {{lastname}}" data-toggle="tooltip" data-placement="top">
<div class="avatar" id="avatar-{{refId}}">
{{user-initials firstname lastname}}
{{#attach-tooltip showDelay=1000}}{{firstname}}{{lastname}}{{/attach-tooltip}}
</div>