Minor UI changes in upload panel of model app

apps/model/model.css

@@ -277,7 +277,19 @@ ul.disabled {
 #upload_panel .modalbox-content{
     width: 30%;
 }
-
+.form-style [type=url]:focus,
+.form-style input[type=text]:focus,
+.form-style input[type=number]:focus
+{
+    background-color: #ddd;
+    outline: none;
+    border:2px;
+    border-style: solid;
+}
+.form-style #modelupload,
+.form-style #weightsupload{
+    cursor: pointer;
+}
 body{
     color: black;
 }

apps/model/model.js

@@ -1,7 +1,7 @@
 const PDR = OpenSeadragon.pixelDensityRatio;
 const IDB_URL = 'indexeddb://';
 var csvContent;
-
+var x = 5;
 // INITIALIZE DB
 window.indexedDB = window.indexedDB || window.mozIndexedDB || window.webkitIndexedDB || window.msIndexedDB;
 // id(autoinc), name, location(name+id), classes
@@ -603,6 +603,14 @@ function runPredict(key) {
   }
 }
 
+//  Function to check if model name is repeated or not.
+function checkNameDuplicate(name) {
+  if (namearray.indexOf(name)!=-1) {
+    return 1;
+  }
+  return 0;
+}
+
 
 // TO-DO: Allow uploading and using tensorflow graph models. Can't save graph models. Need to use right away.
 function uploadModel() {
@@ -668,6 +676,7 @@ function uploadModel() {
         status.innerHTML = 'Model with the same name already exists. Please choose a new name';
         status.classList.remove('blink');
         console.log(e);
+        document.getElementById("name").style = "border:2px; border-style: solid; border-color: red;";
         return;
       }
 
@@ -683,8 +692,20 @@ function uploadModel() {
           'Please input values on which the model was trained.';
           console.log(e);
           status.classList.remove('blink');
+          document.getElementById("imageSize").style = "border:2px; border-style: solid; border-color: red;";
+          return;
+        }
+
+        try {
+          if (checkNameDuplicate(_name.value)) {
+            throw new Error('Model name repeated');
+          }
+        } catch (e) {
+          status.innerHTML = 'Model with the same name already exists. Please choose a new name';
+          status.classList.remove('blink');
           return;
         }
+        namearray.push(_name.value);
 
         await model.save(IDB_URL + name);