From f4bc6ee61556a1693b2863829ec9a01c42f13f67 Mon Sep 17 00:00:00 2001
From: Mario <mario@mariovavti.com>
Date: Thu, 13 Jan 2022 13:07:59 +0000
Subject: ux improvements

---
 view/tpl/connection_template.tpl | 8 +++++++-
 view/tpl/contact_edit_modal.tpl  | 6 ++++--
 2 files changed, 11 insertions(+), 3 deletions(-)

(limited to 'view')

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>&nbsp;{{/if}}<a href="{{$contact.url}}" title="{{$contact.img_hover}}" >{{$contact.name}}</a>{{if $contact.phone}}&nbsp;<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);
-- 
cgit v1.2.3