Login UI Changes

WebGde/WebContent/WebGde-Widgets/LogInWidget/LogInClass.js

@@ -150,6 +150,7 @@ export class LogInClass {
             const json = JSON.parse(data);
             if ("error" in json) {
                 var errorMessage = await json.error_description.toString();
+                removePrompt();
                 this.createLoginPrompt(errorMessage, "error-message");
             } else if ("access_token" in json) {
                 document.getElementById("loginContainer").innerHTML = "Logged in";

WebGde/WebContent/WebGde-Widgets/LogInWidget/LoginStyle.css

@@ -90,7 +90,7 @@ body{
 .container.login-container{
     width: 80%;
     margin: auto;
-    height: 100%;
+    /* height: 100%; */
 }
 
 .login-container{
@@ -294,6 +294,10 @@ body{
     background-color: yellow;
 }
 
+.prompt-icon{
+    font-size: 50px !important;
+}
+
 .prompt-message{
     color: #636363;
 }
@@ -317,6 +321,7 @@ body{
 }
 
 .modal-body{
+    margin-top: 40px;
     display: flex;
     align-items: center;
     flex-wrap: wrap;

WebGde/WebContent/WebGde-Widgets/sample_schema/schema_sqa.json

 {
   "MEDICAL RECORD" : {
     "PATIENT INFORMATION" : {
+      "thumb_print" : {
+        "fieldLabel" : "Thumb Print",
+        "aka" : "field21",
+        "validation" : {
+          "collection" : "fingerprint",
+          "mandatory" : false
+        }
+      },
       "patient_image" : {
         "fieldLabel" : "Patient Image",
         "aka" : "field1",

WebGde/WebContent/style.css

@@ -960,101 +960,6 @@ span#filename {
     margin: 2px;
 }
 
-.icon {
-    padding: 10px;
-    color:#23569f;
-    min-width: 3vh;
-    text-align: center;
-}
-
-.icon-box {
-    color: #fff;
-    position: absolute;
-    margin: 0 auto;
-    left: 0;
-    right: 0;
-    top: -50px;
-    width: 95px;
-    height: 95px;
-    border-radius: 50%;
-    z-index: 9;
-    background: #fff;
-    padding: 3px;
-    text-align: center;
-    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
-}
-
-.icon-box.success {
-    background-color: #5BC8B2;
-}
-
-.icon-box.primary {
-    background-color: #1e80c1;
-}
-
-.icon-box.error {
-    background-color: #FF6961;
-}
-
-.icon-box.warning {
-    background-color: yellow;
-}
-
-.modal-container {
-    display: none;
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    z-index: 1;
-    background-color: rgba(0, 0, 0, 0.5);
-}
-
-.modal {
-    background-color: #fff;
-    position: absolute;
-    top: 15%;
-    left: 30%;
-    width: 40%;
-    height: fit-content;
-    max-height: 70%;
-    border-radius: 5px;
-    animation-name: modalTransition;
-    animation-duration: 0.4s;
-    box-shadow: 13px 13px 21px 4px rgba(32, 29, 29, 0.63);
-    -webkit-box-shadow: 13px 13px 21px 4px rgba(32, 29, 29, 0.63);
-    -moz-box-shadow: 13px 13px 21px 4px rgba(32, 29, 29, 0.63);
-}
-
-.modal-header {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    border-bottom: 1px solid #3C4048;
-    padding: 10px 20px;
-    background-color: #607EAA;
-}
-
-.modal-body {
-    display: flex;
-    align-items: center;
-    flex-wrap: wrap;
-    align-content: flex-start;
-    justify-content: space-between;
-    padding: 10px 10px;
-    overflow-y: auto;
-    height: fit-content;
-    max-height: 50vh;
-}
-
-.modal-footer {
-    padding: 10px 20px;
-    display: flex;
-    align-items: center;
-    flex-direction: row-reverse;
-}
-
 .button {
     border: 1px solid #000;
     color: #fff;