cybergroupdevs · balani98 · Feb 11, 2020 · Feb 11, 2020 · Feb 11, 2020 · Feb 11, 2020
diff --git a/Deepanshu_Balani/.gitignore b/Deepanshu_Balani/.gitignore
@@ -0,0 +1,4 @@
+sql/**
+project2tictactoe/**
+project1profile/**
+dropdownmenu/**
diff --git a/Deepanshu_Balani/dropdownmenu.html b/Deepanshu_Balani/dropdownmenu.html
diff --git a/Deepanshu_Balani/nodeproject/assets/TABLE.js b/Deepanshu_Balani/nodeproject/assets/TABLE.js
@@ -0,0 +1,116 @@
+//var formdata=[{}];\
+  function generatehttpget(){
+    //instaate an xhr object
+    setTimeout(display,4000);
+    const xhr = new XMLHttpRequest();
+    // open the object
+    xhr.open('GET','https://localhost:5000/employees',true);
+    // want to show progress
+  xhr.setRequestHeader("Content-type", "application/json");
+  xhr.responseType='json';
+
+  xhr.onprogress =  function() {
+    console.log("on progress");
+  };
+
+  xhr.onload = async function() {
+    if (this.status == 200) {
+         formdata =  await xhr.response;
+
+         console.log(formdata);
+
+
+
+    } else {
+      console.log("some error occured");
+    }
+  }
+ xhr.send();
+
+
+}
+
+
+
+
+function generateTableHead(table,data){
+    let thead=table.createTHead();
+    let row=thead.insertRow();
+    for(let key of data){
+        let th=document.createElement("th");
+        if(key!="password"){
+        let text=document.createTextNode(key);
+        th.appendChild(text);
+        row.appendChild(th);
+        }
+    }
+
+    var btn=document.createElement("div");
+   btn.innerHTML="operations";
+    row.appendChild(btn);
+
+  }
+
+
+
+
+
+function generateTable(table,formdata){
+
+
+     for(let element of formdata){  
+      let row=table.insertRow();    
+    for(let key in element){
+                  if(key!="password"){
+               let cell=row.insertCell();
+               let text=document.createTextNode(element[key]);
+               cell.appendChild(text);
+               if(key=="role"&&element[key]=="Admin"){
+                let cell=row.insertCell();
+                 var btn=document.createElement("button");
+                 btn.innerHTML="Update";
+
+                 cell.appendChild(btn);
+                  cell=row.insertCell();
+                 var btn=document.createElement("button");
+                 btn.innerHTML="delete";
+                 cell.appendChild(btn);
+
+               }
+               else if(key=="role"&&element[key]=="project manager"){
+                let cell=row.insertCell();
+                 var btn=document.createElement("button");
+                 btn.innerHTML="Update";
+
+                 cell.appendChild(btn);
+
+
+               }
+               else if(key="role"&&element[key]=="Employee"){
+                let cell=row.insertCell();
+                var space=document.createElement("div");
+                space.innerHTML="    ";
+
+                cell.appendChild(space);
+               }
+
+          }
+
+      }
+    }
+}
+var formdata=[{}];
+
+
+
+
+//console.log(typeof(formdata));
+function display(){
+console.log(formdata);
+ var table =document.querySelector("table");
+ var data=Object.keys(formdata[0]);
+ generateTableHead(table,data);
+ generateTable(table,formdata); 
+}
+generatehttpget(formdata);
+
diff --git a/Deepanshu_Balani/nodeproject/assets/desktop.ini b/Deepanshu_Balani/nodeproject/assets/desktop.ini
@@ -0,0 +1,2 @@
+[LocalizedFileNames]
+signup.css=@signup,0
diff --git a/Deepanshu_Balani/nodeproject/assets/login.jfif b/Deepanshu_Balani/nodeproject/assets/login.jfif
diff --git a/Deepanshu_Balani/nodeproject/assets/loginui.html b/Deepanshu_Balani/nodeproject/assets/loginui.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
+    <title>data from backend</title>
+    <style>
+      <!--id for table-->
+      #tab {
+        border: black;
+        font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
+        border-collapse:collapse;
+        width:100%;
+      }
+      <!--td and th tag properties-->
+      td,th{
+
+        text-align:left;
+        padding:1%;
+         width:fit-content;
+         margin:1%;
+         align-items: center;
+      }
+      tr:nth-child(even){
+          background-color:bisque;
+      }
+      h1{
+        font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
+        text-align:center;
+        color:blue;
+      }
+      #btn{
+        background-color: brown;
+
+      }
+    </style>
+  </head>
+  <body>
+    <h1>data of employees</h1>
+         <table id="tab">
+
+         </table>
+       <script type="text/javascript" src="TABLE.js"></script>
+     </body>
+</html>
diff --git a/Deepanshu_Balani/nodeproject/assets/register page.html b/Deepanshu_Balani/nodeproject/assets/register page.html
@@ -0,0 +1,76 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>sign up page</title>
+
+
+       <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
+       <link rel="stylesheet" type="text/CSS" href="register.css" />
+       <style>
+
+           .bl{
+               display:none;
+
+           }
+
+        #id1,#id2,#id3,#id4,#id5{
+            border-color:white;
+        }
+       #id6,i#id7{
+              border-color:white;
+       }
+
+       button:hover{
+        background-color:green ;
+
+     }
+     #btn{
+       color:blue;
+     }
+
+   </style>    
+
+    </head>
+<body class="bg">
+         <h1>Registration form for employees</h1>
+
+                         <div class="  inner">
+                                 <div class="contain">  
+                                   Name<input type="text"Name="Name"value="Name"id="id1">
+                                 </div>
+                                 <div class="contain">Gender
+                                     <select id="id2" >
+                                       <option name="Gender" value="male">male</option>
+                                       <option name="Gender" value="female">female</option>
+
+                                     </select>
+                                </div>
+                                  <div class="contain">
+                                    Age<input type="number" name="Age"id="id3">
+                                  </div>
+                                <div class="contain">
+                                  Email<input type="Email"id="id4">
+                                </div>
+                                <div class="contain">
+                                 password<input type="Password"id="id5">
+                                </div>
+                                  <div class="contain"> Role
+                                <select id="id6">
+                                        <option name="role" value="project manager" >Project manager</option>
+                                        <option name="Role" value="Employee">Employee</option>
+                              </select>
+                         </div>
+
+                 <div id="btn">
+                <button onclick="register()">Register Here</button>
+                 </div>
+
+    <script  src="script.js"></script>  
+
+
+</body>
+
+
+
+
+</html>
diff --git a/Deepanshu_Balani/nodeproject/assets/register.css b/Deepanshu_Balani/nodeproject/assets/register.css
@@ -0,0 +1,68 @@
+*{
+    margin:0;
+    padding:0;
+}
+.bg{
+    width:100%;
+    height:100vh;
+    background-repeat:no-repeat;
+   background-image:linear-gradient(27deg,blue 50%,darkblue 50% );
+   align-items:center;
+   text-align:center;
+
+}
+h1{
+    color:white;
+    text-align: center;
+
+
+}
+.inner{
+    background-color: white;
+    padding:1px;
+    position:absolute;
+
+    border-radius:10%;
+    border:solid black;
+    width:30%;
+    top:1%;
+
+    margin:8rem 25rem;/*TB LR*/
+       display:flex;
+    flex-direction:column;
+     box-shadow:0 1px 6px bisque;
+ }
+ .contain{
+
+     font-size: medium;
+     font-weight: bolder;
+     align-self: left;
+
+ }
+ input{
+
+    border-radius: 12%;
+    margin:1rem 2rem ;/*TB LR*/
+
+    /*width:49%;*/
+    align-self:center;
+
+}
+
+  button{
+    background-color: #4CAF50;
+    color: white;
+    padding: 14px 20px;
+    margin: 8px 0;
+    border: none;
+    cursor: pointer;
+     font-weight: bolder;
+     font-size:larger;
+
+
+  }
+  .img{
+    width:8em;
+    height:9em;
+
+  }