ayanova/src/components/sign.vue

@@ -22,7 +22,46 @@ import vueSignature from "vue-signature";
 /////////////////////////////////////////////////////////////////////////////////////////////////////////////
 /*  XXXeslint-disable    */
 ////////////////////////////////////////////////////////////////////////////////////////////////////////////
+/*
+todo: 
+- border around it and background color to indicate where to sign (very light gray maybe)
+- catpure as SVG image url, send to server that way but at server convert to a svg file and store in db instead of the base64 for performance reasons, see here:
+    https://github.com/szimek/signature_pad#handling-data-uri-encoded-images-on-the-server-side
 
+- when viewing signature show as svg image instead
+- Make control have a view mode and a capture mode?
+    although if it's an image can just show it wherever necessary
+
+- Must work with reports to print on wo
+
+- Signature is two stage popup dialog hiding actual work order from customer view
+    Accessed from the work order menu "Signature" option, used to both view and to capture signature in separate form
+    
+    Stage 1 - pre-signature when selected shows a summary of workorder stuff like a report without any actual dollar amounts perhaps (or maybe that's an option)
+    and two signature viewing images with buttons one for customer and one for tech
+    under each image of signature is a text input field for name of signer
+    also must capture the date and time it was signed !!!! (need to add to model and display with signature)
+    This form is configurable as to what shows here by default
+        Always shows: 
+            disclaimer / info text configurable in global admin
+            two static images showing tech and customer signatures previously captured and timestamp under each and with button to sign, text field to enter name of signer
+            click on button opens signing for that party
+
+        Optionally shows: maybe they can pick from 3 options or something
+            1) Nothing, just the work order number a text disclaimer or something and the signature buttons
+            2) A list of all customer concerned items from wo without any pricing, just a summary like a printed report listing all items (just the facts)
+            3) same list but with pricing and a total at bottom (not sure about this one but I guess so)
+
+    Stage 2 - SIG CAPTURE is when they click on teh sign button then a very large signature area opens up (but large within limits so it's not impossible to sign on a giant tablet for example)
+        on a phone it should be almost the entire screen, on a tablet a quarter or half screen maybe, on anything bigger maxed out at some practial level (test on full monitor)
+        has a clear button to erase it all and sign again or leave empty, clear removes timestamp as well
+
+    
+
+- Need to handle old existing signatures, ideally would be cool if could output the same svg so convert them to svg somehow from v7 data points (datapoint xy to svg lines?? look at old sig control to see)
+
+
+*/
 export default {
   components: {
     vueSignature