From a1768e50dacc9a6eb64d4be66ad6d146a8928391 Mon Sep 17 00:00:00 2001
From: Terrtia <or1994@hotmail.fr>
Date: Mon, 29 Nov 2021 11:08:14 +0100
Subject: [PATCH] chg: [ail sync ui] copy to clipboard ail_uuid, ail server key

---
 .../ail_2_ail/ail_2_ail_dashboard.html        | 26 ++++++++++++++-----
 .../templates/ail_2_ail/view_ail_server.html  |  8 ++++++
 2 files changed, 27 insertions(+), 7 deletions(-)

diff --git a/var/www/templates/ail_2_ail/ail_2_ail_dashboard.html b/var/www/templates/ail_2_ail/ail_2_ail_dashboard.html
index e57943f5..d407bc91 100644
--- a/var/www/templates/ail_2_ail/ail_2_ail_dashboard.html
+++ b/var/www/templates/ail_2_ail/ail_2_ail_dashboard.html
@@ -31,16 +31,23 @@
 			<div class="col-12 col-lg-10" id="core_content">
 
 				<div class="d-flex justify-content-center my-4">
-					<div class="card border-secondary" style="max-width: 40rem;">
-						<div class="card-header bg-inf">
-							<h5 class="card-title">AIL UUID:</h5>
-						</div>
-						<div class="card-body text-dark">
-							<div class="">
-								{{ ail_uuid }}
+					<div class="input-group mb-2 mr-sm-2" style="max-width: 30rem;">
+						<div class="input-group-prepend">
+							<div class="input-group-text bg-dark text-white">
+								<b>AIL UUID</b>
 							</div>
 						</div>
+						<div class="form-control">
+							{{ ail_uuid }}
+							<input id="ail_uuid" name="ail_uuid" type="text" value="{{ ail_uuid }}" hidden>
+						</div>
+						<div class="input-group-append">
+							<button type="button" class="btn btn-secondary" onclick="copy_ail_uuid()">
+								<i class="fas fa-clipboard"></i>
+							</button>
+						</div>
 					</div>
+
 				</div>
 
 
@@ -97,6 +104,11 @@ $(document).ready(function(){
 
 });
 
+function copy_ail_uuid() {
+	ail_uuid = $('#ail_uuid').val();
+	navigator.clipboard.writeText(ail_uuid);
+}
+
 function toggle_sidebar(){
 	if($('#nav_menu').is(':visible')){
 		$('#nav_menu').hide();
diff --git a/var/www/templates/ail_2_ail/view_ail_server.html b/var/www/templates/ail_2_ail/view_ail_server.html
index f1ea410b..d4d75e67 100644
--- a/var/www/templates/ail_2_ail/view_ail_server.html
+++ b/var/www/templates/ail_2_ail/view_ail_server.html
@@ -74,6 +74,10 @@
 									<td class="text-right"><b>Api Key</b></td>
 									<td>
 										{{server_metadata['api_key']}}
+										<input id="api_key" name="api_key" type="text" value="{{ server_metadata['api_key'] }}" hidden>
+										<button type="button" class="btn btn-secondary px-2 py-0" onclick="copy_api_key()">
+											<i class="fas fa-clipboard"></i>
+										</button>
 									</td>
 								</tr>
 								<tr>
@@ -220,6 +224,10 @@ $(document).ready(function(){
 
 });
 
+function copy_api_key() {
+	api_key = $('#api_key').val();
+	navigator.clipboard.writeText(api_key);
+}
 
 function toggle_sidebar(){
 	if($('#nav_menu').is(':visible')){