From fceea366ac1cd863085641483d74b63c39c95a4e Mon Sep 17 00:00:00 2001
From: mikolaj widla <mikolaj.widla@gmail.com>
Date: Tue, 28 Feb 2023 08:34:47 +0100
Subject: [PATCH] Configure edition fields of UUID

---
 .../repository/MockedResponseRepository.java  |  2 +-
 .../main/resources/static/css/r11flexbox.css  |  4 ++++
 .../src/main/resources/static/html/mock.html  |  8 +++----
 .../main/resources/static/js/datatransfer.js  | 21 +++++++++++++++++++
 4 files changed, 30 insertions(+), 5 deletions(-)

diff --git a/Backend/mocked-services/src/main/java/com/r11/tools/repository/MockedResponseRepository.java b/Backend/mocked-services/src/main/java/com/r11/tools/repository/MockedResponseRepository.java
index 21d06a5..29d7477 100644
--- a/Backend/mocked-services/src/main/java/com/r11/tools/repository/MockedResponseRepository.java
+++ b/Backend/mocked-services/src/main/java/com/r11/tools/repository/MockedResponseRepository.java
@@ -17,7 +17,7 @@ public interface MockedResponseRepository extends CrudRepository<MockedMessage,
     /**
      * Finds all messages by their uuid
      * @param clientUUID the key-uuid of given set of messages
-     * @return list of {@link com.r11.tools.model.MockedMessage}
+     * @return Optional of list of {@link com.r11.tools.model.MockedMessage}
      */
     List<MockedMessage> findAllByClientUUID(UUID clientUUID);
 }
diff --git a/Backend/mocked-services/src/main/resources/static/css/r11flexbox.css b/Backend/mocked-services/src/main/resources/static/css/r11flexbox.css
index ad8eada..3eaf2fb 100644
--- a/Backend/mocked-services/src/main/resources/static/css/r11flexbox.css
+++ b/Backend/mocked-services/src/main/resources/static/css/r11flexbox.css
@@ -17,6 +17,10 @@
     border: 0;
 }
 
+#uuid-flex-container .uuid-inputField-icon:hover{
+    color: #2A93B0;
+}
+
 .uuid-inputField-icon-span {
     font-size: x-large;
 }
\ No newline at end of file
diff --git a/Backend/mocked-services/src/main/resources/static/html/mock.html b/Backend/mocked-services/src/main/resources/static/html/mock.html
index 59267fa..4e15ac5 100644
--- a/Backend/mocked-services/src/main/resources/static/html/mock.html
+++ b/Backend/mocked-services/src/main/resources/static/html/mock.html
@@ -20,13 +20,13 @@
                 <div>
                     <label for="uuid-input" class="block-display">UUID</label>
                     <div id="uuid-flex-container">
-                        <input id="uuid-input" disabled class="bordered-field flex-item with-padding diabled-background" value="UUID" style="margin-bottom:2%; width: 60%;"/>
-                        <button class="uuid-inputField-icon modification-button flex-item btn-copy action-button"> 
+                        <input id="uuid-input" disabled onfocusout="changeUUID(this);" class="bordered-field flex-item with-padding diabled-background" value="UUID" style="margin-bottom:2%; width: 60%;"/>
+                        <button onclick="copyUUIDToClipboard();" class="uuid-inputField-icon modification-button flex-item btn-copy action-button"> 
                             <span class="material-icons uuid-inputField-icon-span ">content_copy</span> 
                         </button>
                     </div>
-                    <label for="editable">Editable</label>
-                    <input type="checkbox" name="editable" id="editable" value="false"/>
+                        <label for="editable">Editable</label>
+                        <input type="checkbox" onchange="changeEditionOfUUID(this)" name="editable" id="editable" value="false"/>
                 </div>
                 <div>
                     <!-- h2 -->
diff --git a/Backend/mocked-services/src/main/resources/static/js/datatransfer.js b/Backend/mocked-services/src/main/resources/static/js/datatransfer.js
index 1dc5fd3..df3df98 100644
--- a/Backend/mocked-services/src/main/resources/static/js/datatransfer.js
+++ b/Backend/mocked-services/src/main/resources/static/js/datatransfer.js
@@ -233,6 +233,27 @@ function fillStaticFields(uuid, id, mediaType, body, httpStatus){
 
 }
 
+function changeEditionOfUUID(element){
+
+    var inputFieldId= "#uuid-input"
+    if(element.checked){
+        $(inputFieldId).removeAttr('disabled');
+    } else{
+        $(inputFieldId).attr('disabled', true);
+    }
+}
+
+function copyUUIDToClipboard(){
+    navigator.clipboard.writeText( document.getElementById('uuid-input').value );
+}
+
+function changeUUID(element){
+    clientUUID = element.value ;
+    checkUuid();
+    setCookie();
+}
+
+
 function createLink(uuid, id){
     var link =  host + '/api/mock/r/'+uuid+'/'+id;
     return link;