backup

Rev1/node/public/css/invoice.css

@@ -0,0 +1,41 @@
+/* style.css */
+body {
+  background-color: rgb(144, 208, 211);
+}
+* {
+  box-sizing: border-box;
+}
+.container {
+  max-width: 500px;
+  margin: 60px auto;
+}
+.container h1 {
+  text-align: center;
+  color: white;
+}
+.form-windowed {
+  background-color: white;
+  padding: 30px;
+}
+form .input-group {
+  margin-bottom: 15px;
+}
+form label {
+  display: block;
+  margin-bottom: 10px;
+}
+form input {
+  padding: 12px 20px;
+  width: 100%;
+  border: 1px solid #ccc;
+}
+.submit-btn {
+  width: 100%;
+  border: none;
+  background: rgb(37, 83, 3);
+  font-size: 18px;
+  color: white;
+  border-radius: 3px;
+  padding: 20px;
+  text-align: center;
+}

Rev1/node/views/invoice_sign.pug

@@ -1,13 +1,68 @@
 extends layout.pug
+block head 
+    //- link(href='css/invoice.css' rel='stylesheet')
 block content
-    h1 invoice signer
+
-    form(method='post', enctype='multipart/form-data')
+    //- form(action='/upload_files', enctype='multipart/form-data',class='form-windowed')
-        label(for="file", class="btn") Select File
+    //-     .input-group
-        input(type='file', name='uploadFile')
+    //-         label(for="name") Your name 
-        input(type='submit', name='uploadFile', value='Upload')
+    //-         input(name="name", id='name', placeHolder="Enter your name")
-    div 
+    //-     .input-group
+    //-         label(for="file", class="btn") Select File
+    //-         input(type='file', name='uploadFile')
+    //-         input(type='submit', name='uploadFile', value='Upload')
+    //- .text-center
+    //- .text-center.mb-4.w-75.container
+    //-     form(action='/upload_files', enctype='multipart/form-data',class='form-windowed')
+    //-         .m-3
+    //-             label.form-label.file-upload-wrapper(for='formFile') Default file input example
+    //-             input#formFile.form-control(type='file')
+    //-         .m-3
+    //-             label.form-label(for='formFileMultiple') Multiple files input example
+    //-             input#formFileMultiple.form-control(type='file' multiple='')
+    //-         .m-3
+    //-             label(for="exampleInputEmail1") Email Address 
+    //-             input.form-control(type="email")
+    //-         .m-3
+    //-             button.btn.btn-primary(type="submit") Confirm
+    //-     .bg-light.container
+    //-         h3 Last Files
+    //-         ul.list-group
+    //-             each file in lastFiles
+    //-                 form(method='get',action='/invoice_sign/download')
+    //-                         input.list-group-item.list-group-item-action(type='submit', name='downloadFile', value=file.name)
+    
+    .container
+        .row
+            .col-sm-8
+                h3 Invoice Signer
+                form(action='/upload_files', enctype='multipart/form-data',class='form-windowed')
+                    .m-3
+                        label.form-label.file-upload-wrapper(for='formFile') Choose a file to embed an image
+                        input#formFile.form-control(type='file',accept=".pdf,.zip",required='')
+                    .m-3
+                        label.form-label(for='formFileMultiple') Add images if you don't want to use default sign and stamp
+                        input#formFileMultiple.form-control(type='file' multiple='',accept=".jpg,.png")
+                    .m-3
+                        .container
+                            .row
+                                .col
+                                    label(for="xpos") X Position
+                                    input.form-control(type="number",required='',value="50")
+                                .col
+                                    label(for="ypos") Y Position
+                                    input.form-control(type="number",required='',value="50")
+                                .col
+                                    label(for="scalefactor") Scale Factor
+                                    input.form-control(type="number",required='',value="1.0")
+                    .m-3.text-start
+                        button.btn.btn-primary(type="submit") Confirm
+            .col-sm-4
+                .bg-light.container
                     h3 Last Files
-    ul
+                    ul.list-group
                         each file in lastFiles
                             form(method='get',action='/invoice_sign/download')
-                input(type='submit', name='downloadFile', value=file.name)
+                                    input.list-group-item.list-group-item-action(type='submit', name='downloadFile', value=file.name)
+
+

Rev1/node/views/layout.pug

@@ -1,15 +1,24 @@
 html
   head
     title Anka-Anvil - #{title}
+    block head
+    block globalcss 
+      link(href='css/bootstrap.css' rel='stylesheet')
+      link(href='css/bootstrap.min.css' rel='stylesheet')
+      link(href='css/bootstrap.rtl.css' rel='stylesheet')
+      link(href='css/bootstrap.rtl.min.css' rel='stylesheet')
     block scripts
-      script(src='/jquery.js')
+      script(src='js/jquery.js')
   body
-    ul 
+    .d-flex.h-100
+      .cover-container.d-flex.w-100.h-100.p-3.mx-auto.flex-column
+        .header.mb-auto
+          .nav(class="nav nav-masthead justify-content-center float-md-end")
             each route in routes
-        li 
+              a(class="nav-link",href=route.link)= route.name
-            a(href=route.link)= route.name
 
         block content
         block foot
+          .mt-auto
             #footer
           //- p some footer content