diff options
| author | Mario <mario@mariovavti.com> | 2022-01-13 13:07:59 +0000 |
|---|---|---|
| committer | Mario <mario@mariovavti.com> | 2022-01-13 13:07:59 +0000 |
| commit | f4bc6ee61556a1693b2863829ec9a01c42f13f67 (patch) | |
| tree | 2855af85d199a94c06f5bf4a127121729b6e7c5c | |
| parent | f8b8d8c5400983125c94fda47b99933a37f8961c (diff) | |
| download | volse-hubzilla-f4bc6ee61556a1693b2863829ec9a01c42f13f67.tar.gz volse-hubzilla-f4bc6ee61556a1693b2863829ec9a01c42f13f67.tar.bz2 volse-hubzilla-f4bc6ee61556a1693b2863829ec9a01c42f13f67.zip | |
ux improvements
| -rw-r--r-- | view/tpl/connection_template.tpl | 8 | ||||
| -rw-r--r-- | view/tpl/contact_edit_modal.tpl | 6 |
2 files changed, 11 insertions, 3 deletions
diff --git a/view/tpl/connection_template.tpl b/view/tpl/connection_template.tpl index 090899cd6..a7f0f8759 100644 --- a/view/tpl/connection_template.tpl +++ b/view/tpl/connection_template.tpl @@ -8,8 +8,11 @@ {{/if}} <span id="contact-role-{{$contact.id}}" class="badge rounded-pill bg-warning text-dark me-1" title="{{$role_label}}">{{$contact.role}}</span> <button type="button" class="btn btn-outline-secondary btn-sm contact-edit" title="{{$contact.edit_hover}}" data-id="{{$contact.id}}"> - <i class="fa fa-pencil"></i> {{$contact.edit}} + <i id="edit-icon-{{$contact.id}}" class="fa fa-fw fa-pencil"></i> + <div id="edit-rotator-{{$contact.id}}" class="spinner-wrapper" style="vertical-align: text-bottom; margin-right: 2px"><div class="spinner s"></div></div> + {{$contact.edit}} </button> + </div> <h3>{{if $contact.public_forum}}<i class="fa fa-comments-o" title="{{$group_label}}"></i> {{/if}}<a href="{{$contact.url}}" title="{{$contact.img_hover}}" >{{$contact.name}}</a>{{if $contact.phone}} <a class="btn btn-outline-secondary btn-sm" href="tel:{{$contact.phone}}" title="{{$contact.call}}"><i class="fa fa-phone connphone"></i></a>{{/if}}</h3> </div> @@ -41,6 +44,9 @@ <span class="contact-info-label">{{$contact.network_label}}:</span> {{$contact.network}} - <a href="{{$contact.recentlink}}" rel="nofollow noopener">{{$contact.recent_label}}</a> </div> {{/if}} + {{if $contact.connect}} + <a href="{{$contact.follow}}" class="btn btn-success btn-sm" title="{{$contact.connect_hover}}"><i class="fa fa-plus"></i> {{$contact.connect}}</a> + {{/if}} </div> </div> diff --git a/view/tpl/contact_edit_modal.tpl b/view/tpl/contact_edit_modal.tpl index be290c403..a046456d9 100644 --- a/view/tpl/contact_edit_modal.tpl +++ b/view/tpl/contact_edit_modal.tpl @@ -104,6 +104,8 @@ function init_contact_edit(poi) { if (!poi) return + $('#edit-rotator-' + poi).addClass('d-inline-block'); + $('#edit-icon-' + poi).hide(); $.get('contactedit/' + poi, function(data) { if (!data.success) { $.jGrowl(data.message, {sticky: false, theme: 'notice', life: 10000}); @@ -115,10 +117,10 @@ } function activate(data) { - $('#edit-modal-title').css('filter', 'blur(0px)'); - $('#edit-modal-body').css('filter', 'blur(0px)'); $('#contact-save').removeClass('disabled'); $('#contact-tools').removeClass('disabled'); + $('#edit-rotator-' + poi).removeClass('d-inline-block'); + $('#edit-icon-' + poi).show(); if (data.title) { $('#edit-modal-title').html(data.title); |