add modal fucnc

static/css/index.css

@@ -78,10 +78,13 @@ nav{
 
 }
 
-.table{
+table{
     word-break: break-all;
+    border-collapse: separate!important; 
+}
+td{
+    padding: 0;
 }
-
 .aud{
     width: 110px;
 }

static/js/allmatc.js

@@ -1,43 +1,156 @@
 
-$(document).ready(function() {
+function getAllData(){
+  let tableBody = document.getElementById('alldatatable').getElementsByTagName("tbody")[0];
+  i = 0;
+  $.getJSON("/getall", function(data) {
+    $.each(data, function(index, item) {
+      let newRow = tableBody.insertRow(tableBody.rows.length);
+      let cell1 = newRow.insertCell(0);
+      let cell2 = newRow.insertCell(1);
+      let cell3 = newRow.insertCell(2);
+      let cell4 = newRow.insertCell(3);
+      let cell5 = newRow.insertCell(4);
+      let cell6 = newRow.insertCell(5);
+      let cell7 = newRow.insertCell(6);
+      let cell8 = newRow.insertCell(7);
 
-    let tableBody = document.getElementById('alldatatable').getElementsByTagName("tbody")[0];
-    tableBody.innerHTML = '';
-    i = 0;
+      i++;
 
-    $.getJSON("/getall", function(data) {
-      $.each(data, function(index, item) {
-        let newRow = tableBody.insertRow(tableBody.rows.length);
-        let cell1 = newRow.insertCell(0);
-        let cell2 = newRow.insertCell(1);
-        let cell3 = newRow.insertCell(2);
-        let cell4 = newRow.insertCell(3);
-        let cell5 = newRow.insertCell(4);
-        let cell6 = newRow.insertCell(5);
-        let cell7 = newRow.insertCell(6);
-        i++;
+      cell1.innerText = i; 
+      cell2.innerText = item.numberved;
+      cell3.innerText = item.invNumber;
+      cell4.innerText = item.nazvanie;
+      cell5.innerText = item.kolichestvo;
+      cell6.innerText = item.balancenumber;
+      cell7.innerText=  item.aud; 
+      cell8.innerText = item.raspologenie;
 
-        cell1.innerText = i; 
-        cell2.innerText = item.invNumber;
-        cell4.innerText = item.nazvanie;
-        cell3.innerText = item.kolichestvo;
-        cell5.innerText = item.numberved;
-        cell6.innerText = item.raspologenie;
-        cell7.innerText = item.aud;
+      
+      $(newRow).data('itemData', i);
+
+
+      $(newRow).on("click", function() {
         
-        $(newRow).data('itemData', i);
+        let vednumbertxt = newRow.cells[1].innerText;
+        let invnomertxt = newRow.cells[2].innerText;
+        let nazvanietxt = newRow.cells[3].innerText;
+        let kolvotxt = newRow.cells[4].innerText;
+        let schettxt = newRow.cells[5].innerText;
+        let raspologtxt = newRow.cells[7].innerText;
 
 
-        $(newRow).on("click", function() {
-            let ind = newRow.cells[0].innerText;
-            let invNumber = newRow.cells[1].innerText;
+        $('#getmodal').modal('show');
+          
+        
+        let vedomost = document.getElementById('modal_vednumber')
+        let invnom = document.getElementById('modal_invnom')
+        let matcen = document.getElementById('modal_matcenn')
+        let kolvo =  document.getElementById('modal_kolvo')
+        let balancenumber =  document.getElementById('modal_balance')
+        let rasp = document.getElementById('modal_rapolog')
 
-            $('#getmodal').modal('show') 
-        });
+        invnom.innerText = invnomertxt
+        matcen.innerText = nazvanietxt.substring(0,15)
+
+        if (vednumbertxt.length>0){
+          vedomost.value = vednumbertxt;
+        }
+        
+        if (kolvotxt.length>0){
+          kolvo.value = kolvotxt;
+        }
+        
+        if (schettxt.length>0){
+          balancenumber.value = kolvotxt;
+        }
+        
+        if (raspologtxt.length>0){
+          rasp.value = raspologtxt;
+        }
 
       });
+
     });
+  });
+
+}
+
+$( document ).ready(function() {
+
+  getAllData();
 
   });
   
  
+  $('#modalclose').click(function(){
+
+ 
+    let vednumber = document.getElementById('modal_vednumber')
+    let kolvo = document.getElementById('modal_kolvo')
+    let balancenumber = document.getElementById('modal_balance')
+    let matcen = document.getElementById('modal_matcenn')
+    let rasp = document.getElementById('modal_rapolog')
+  
+
+
+    vednumber = '';
+    kolvo = '';
+    balancenumber = '';
+    matcen = '';
+    rasp = '';
+    $('#getmodal').modal('hide')
+
+   
+
+} )
+
+$('#modalsavetodb').click(function(){
+
+    let invnom = document.getElementById('modal_invnom')
+    let vednumber = document.getElementById('modal_vednumber')
+    let kolvo = document.getElementById('modal_kolvo')
+    let balancenumber = document.getElementById('modal_balance')
+    let matcen = document.getElementById('modal_matcenn')
+    let rasp = document.getElementById('modal_rapolog')
+  
+
+
+
+  let changeddata = new Array()
+
+  changeddata[0] = invnom.text;
+  changeddata[1] = vednumber.value;
+  changeddata[2] = kolvo.value;
+  changeddata[3] = balancenumber.value;
+  changeddata[4] = rasp.value;
+ 
+
+  let sendData = changeddata.join(',')
+  console.log(sendData)
+
+  $.ajax({
+
+      url: "/addraspved",
+      type: "POST",
+      contentType: "application/json;charset=utf-8",
+      dataType: "json",
+      data: sendData,
+
+      success: function(){
+      
+      invnom = '';
+      vednumber = '';
+      kolvo = '';
+      balancenumber = '';
+      matcen = '';
+      rasp = '';
+          changeddata = []
+        
+          $('#getmodal').modal('hide')
+          
+          getAllData();
+      }
+  })
+
+  
+})