fixed html elements properties

index.js

@@ -280,7 +280,7 @@ app.post("/new_obj", (req,res) => {
                 res.send({out:"bad",err:"name"});
             }
             else if (!include){
-                db.nr("objects","`name`,`img`,`height`,`width`,`description`",`'${inp["name"]}','${inp["img"]}','1','1','desc'`);
+                db.nr("objects","`name`,`img`,`height`,`width`,`description`",`'${inp["name"]}','${inp["img"]}','1','1','${inp["desc"]}'`);
                 res.send({out:"good"});
             }
         })

public/lib/fn.js

@@ -141,7 +141,7 @@ function get_sid(hostname){
 }
 
 function new_obj(name,img,height,width,description,callback){
-    $.post( "/new_obj", { name:name,img:img })
+    $.post( "/new_obj", { name:name,img:img,desc:description })
     .done(function( res ) {
         // if(res["out"] == "good"){
         //     console.log(res["body"]);

public/lib/inter.js

@@ -39,6 +39,7 @@ function create(clas,x,y,body,id){
             }
             // obj.innerHTML = body;
             // parent.append(obj);
+            obj.setAttribute("max-width","100px");
             root.append(obj);
             set_pos(obj,x,y);
             // let obj_doc = document.getElementById(obj);
@@ -53,7 +54,7 @@ function wall_size_change(type,value){
     if(type != null && type == "width") {
         if (value == null) scroll = document.getElementById("wall_width").value;
         else scroll = value;
-        document.getElementById("wall_width_value").innerHTML = scroll;
+        document.getElementById("wall_width_value").innerHTML = (Math.ceil((parseFloat(scroll)+0.1)*10)/ 10);
 
         // console.log(scroll);
         wall.style.width = `${scroll * 200}px`;
@@ -62,7 +63,7 @@ function wall_size_change(type,value){
     if(type != null && type == "height") {
         if (value == null) scroll = document.getElementById("wall_height").value;
         else scroll = value;        
-        document.getElementById("wall_height_value").innerHTML = scroll;
+        document.getElementById("wall_height_value").innerHTML = (Math.ceil((parseFloat(scroll)+0.1)*10)/ 10);
         
         // console.log(scroll);
         wall.style.height = `${scroll * 200}px`;

views/admin.ejs

@@ -13,7 +13,7 @@
         <h1>hello admin</h1>
         <div class="nobj">
             <div class="img_preview">
-                <input type="file" onchange="previewFile()" value="" maxlength="1"><br>
+                <input type="file" onchange="previewFile()"  accept="image/*" value="" maxlength="1"><br>
                 <img src="" height="100" alt="Image preview...">
             </div>
             <textarea name="" id="nobj_description" cols="30" rows="5" placeholder="object description"></textarea>
@@ -58,6 +58,7 @@
             let name = document.getElementById("nobj_name").value;
             let description = document.getElementById("nobj_description").value;
             var img = document.querySelector('img').src;
+            if (img != "http://n0rsrv2:3002/admin"){
                 new_obj(name,img,0,0,description,(res)=>{
                 if(res["out"] == "bad" && res["err"] == "name"){
                     document.getElementById("obj_resp").innerHTML = "object already exist";
@@ -67,6 +68,10 @@
                 }
             });
             }
+            else{
+                document.getElementById("obj_resp").innerHTML = "image not selected";
+            }
+        }
 
         // load_obj("asd",(data)=>{
         //     console.log(data);

views/main.ejs

@@ -52,13 +52,15 @@
 <script>
     function new_proj(){
         let name = ask();
+        if(name != null && name!= "" && name!=" " && typeof name != "undefined" && name!="undefined"){
             goto(`/proj/${name}`);
         }
+    }
     load_projs((projs)=>{
         projs.forEach(proj => {
             // console.log(proj);
             let div = document.getElementById("projs_div");
-            div.innerHTML += `<button id='proj_${proj["name"]}' class='proj' onclick="goto('/proj/${proj["name"]}')"><img height="200" width="300" src='${proj["img"]}' alt='${proj["name"]}'></img> <br>${proj["name"]}</button>`;
+            div.innerHTML += `<button id='proj_${proj["name"]}' class='proj' onclick="goto('/proj/${proj["name"]}')"><img height="200" width="290" src='${proj["img"]}' alt='${proj["name"]}'></img> <br>${proj["name"]}</button>`;
         });
     });
 </script>

views/project.ejs

@@ -18,10 +18,6 @@
         width: 80%;
         transition: background-color 0.3s;
     }
-    body {
-        height: 100%;
-        overflow-y: visible;
-    }
     .createzone {
         background-color: #bfe4ff;
         border: dashed 4px transparent;
@@ -82,6 +78,7 @@
         width: 80vw;
         margin: auto;
         padding-block: 20px;
+        padding-bottom: 0px;
     }
 
     .wall{
@@ -127,14 +124,14 @@
                 <label for="wall_height">height </label>
                 <div id="wall_height_value">0</div>
             </div>
-            <input type="range" step="0.1" min="0.9" max="4" id="wall_height" value="2" oninput="wall_size_change('height')"> 
+            <input type="range" step="0.1" min="0" max="4.9" id="wall_height" value="2" oninput="wall_size_change('height')"> 
         </div>
         <div>
             <div style="display: flex;width: 150px;justify-content: space-between;">
                 <label for="wall_width">width</label>
                 <div id="wall_width_value">0</div>
             </div>
-            <input type="range" step="0.1" min="1.9" max="7" id="wall_width" value="4" oninput="wall_size_change('width')"> 
+            <input type="range" step="0.1" min="0" max="6.9" id="wall_width" value="4" oninput="wall_size_change('width')"> 
         </div>
     </div>
     <div class="czones">