produkt form basics
authorKilian Saffran <ksaffran@dks.lu>
Sun, 19 May 2019 10:53:21 +0000 (12:53 +0200)
committerKilian Saffran <ksaffran@dks.lu>
Sun, 19 May 2019 10:53:21 +0000 (12:53 +0200)
modules/products/form_product.html [new file with mode: 0644]
modules/products/form_product.js [new file with mode: 0644]
modules/products/index.js
server/invoicejournalserver.pl [changed mode: 0644->0755]

diff --git a/modules/products/form_product.html b/modules/products/form_product.html
new file mode 100644 (file)
index 0000000..92acad8
--- /dev/null
@@ -0,0 +1,120 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta content="width=device-width, initial-scale=1.0" name="viewport">
+  <link href="../../node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
+  <!-- <link href="../../node_modules/bootstrap-table/dist/bootstrap-table.min.css" rel="stylesheet"> -->
+  <!-- <link href="../../node_modules/bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css" rel="stylesheet"> -->
+  <link href="../../node_modules/@fortawesome/fontawesome-free/css/fontawesome.min.css" rel="stylesheet">
+  <link href="../../css/invoicejournal.epic.css" rel="stylesheet">
+  <link href="../../css/app.css" rel="stylesheet">
+  <title>Konto</title>
+</head>
+<body>
+  <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
+    <button class="btn btn-primary" onclick="parent.browserapp.loadmodule('accounts');"><i class="fas fa-chevron-left"></i><br>Back</button> 
+    <a class="navbar-brand" href="#">Produkt</a>
+    <div class="ml-auto">
+      <div aria-label="Basic example" class="btn-group" role="group">
+        
+        
+      </div>
+    </div>
+  </nav>
+  <div class="cotainer-fluid" style="margin-top: 52px;">
+     <!-- <ul class="nav nav-tabs" id="pagetab" role="tablist">
+      <li class="nav-item"><a aria-controls="invoice" aria-selected="true" class="nav-link active" data-toggle="tab" href="#product" id="product-tab" role="tab">Produkt</a></li>
+      <li class="nav-item"><a aria-controls="files" aria-selected="false" class="nav-link" data-toggle="tab" href="#files" id="files-tab" role="tab">Buchungen</a></li>
+      
+      
+    </ul> -->
+    <!-- <div class="tab-content" id="tabpagecontent"> -->
+ <!-- <div aria-labelledby="product-tab" class="tab-pane fade show active" id="product" role="tabpanel"> -->
+        <div class="row">
+            <div class="col-md-4">
+                <div class="form-group row">
+                    <label for="ident" class="col-sm-2 col-form-label" >Ident</label>
+                    <div class="col-sm-10">
+                      <input class="form-control" id="ident" name="ident" type="text">
+                    </div>
+                  </div>
+            </div>
+          <div class="col-md-8">
+              <div class="form-group row">
+                  <label for="name" class="col-sm-2 col-form-label" >Name</label>
+                  <div class="col-sm-10">
+                    <input class="form-control" id="name" name="name" type="text">
+                  </div>
+                </div>
+          </div>
+          <div class="col-md-3">
+              <div class="form-group row">
+                  <label for="type" class="col-sm-2 col-form-label">Typ</label>
+                  <div class="col-sm-10"> 
+                    <select class="form-control" id="type" name="type"></select>
+                  </div>  
+                </div>
+          </div>
+          <div class="col-md-3">
+              <div class="form-group row">
+                  <label for="unit"  class="col-sm-2 col-form-label">Einheit</label> 
+                  <div class="col-sm-10">
+                    <select class="form-control" id="unit" name="unit"></select>
+                  </div>
+                </div>
+          </div>
+          <div class="col-md-3">
+              <div class="form-group row">
+                  <label for="unitamount" class="col-sm-2 col-form-label" >Betrag</label> 
+                  <div class="col-sm-10 input-group">
+                    <input type="text" class="form-control" id="unitamount" name="unitamount" value="" />
+                    <div class="input-group-append">
+                        <span class="input-group-text">&euro;</span>
+                      </div>
+                  </div>
+                </div>
+          </div>
+          <div class="col-md-3">
+              <div class="form-group row">
+                  <label for="vatpercent"  class="col-sm-2 col-form-label">Mwst.</label> 
+                  <div class="col-sm-10">
+                    <select class="form-control" id="vatpercent" name="vatpercent"></select>
+                  </div>
+                </div>
+          </div>
+        </div>
+            <div class="row">
+          <div class="col-md-12">
+            <div class="form-group">
+              <label for="preface">Beschreibung (Rechnung)</label>
+              <textarea class="form-control richtextedit" style="height: 200px;" id="preface" name="preface"></textarea>
+            </div>
+          </div>
+        </div>
+        <div class="row">
+          <div class="col-md-12">
+            <div class="form-group">
+              <label for="footnote">Beschreibung (Angebot)</label>
+              <textarea class="form-control richtextedit" style="height: 200px;" id="footnote" name="footnote"></textarea>
+            </div>
+          </div>
+        </div>
+           
+          
+        
+  </div>
+  <script> if (typeof module === 'object') {window.module = module; module = undefined;}</script> 
+  <script src="../../node_modules/jquery/dist/jquery.min.js"></script> 
+  <script src="../../node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script> 
+  <!-- <script src="../../node_modules/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js"></script>   -->
+  <script src="../../node_modules/@fortawesome/fontawesome-free/js/all.min.js"></script> 
+  <script src="../../node_modules/tinymce/tinymce.min.js"></script> 
+  <script src="../../js/moduleglobal.js"></script> 
+  <script src="../../js/database.js"></script> 
+  <!-- <script src="lib/invoice.js"></script>  -->
+  <script src="form_product.js"></script> 
+  <script>if (window.module) module = window.module;</script>
+</body>
+</html>
diff --git a/modules/products/form_product.js b/modules/products/form_product.js
new file mode 100644 (file)
index 0000000..577d3c7
--- /dev/null
@@ -0,0 +1,21 @@
+function initpage(){
+
+  tinymce.init({
+      selector: 'textarea.richtextedit',
+      branding: false,
+      menubar:false,
+      statusbar: false,
+      plugins: 'searchreplace autolink directionality visualblocks visualchars advlist lists textpattern',
+      toolbar: 'bold italic underline strikethrough forecolor backcolor | link | alignleft aligncenter alignright alignjustify  | numlist bullist outdent indent  | removeformat',
+      image_advtab: true,
+    language: 'de',
+  });
+  
+  if (mpref.cfg.id){
+     // getinvoicedata(mpref.cfg.id);
+     // loadinvoicepositions(mpref.cfg.id);
+  } else {
+      //load default new invoice data
+  }
+  console.log("product ID:",mpref.cfg.id);
+}
\ No newline at end of file
index 923c73d..07d5a3c 100644 (file)
@@ -101,9 +101,9 @@ function product_new(){
 }
 
 function product_edit(){
-  //var inv_id= getTableSelectionID();
+  var inv_id= selection[0];
   if (inv_id){
-    parent.browserapp.loadmodulepage('bookings','form_booking',{"id":inv_id});
+    parent.browserapp.loadmodulepage('products','form_product',{"id":inv_id});
   }
   
 }
old mode 100644 (file)
new mode 100755 (executable)