text: /* 
   * Author   : Ismo, github@ismo1106
   */
  
  var wrapper = document.getElementById("signature-pad"),
          clearButton = wrapper.querySelector("[data-action=clear]"),
          saveButton = wrapper.querySelector("[data-action=save]"),
          canvas = wrapper.querySelector("canvas"),
          signaturePad;
  
  // Adjust canvas coordinate space taking into account pixel ratio,
  // to make it look crisp on mobile devices.
  // This also causes canvas to be cleared.
  function resizeCanvas() {
      // When zoomed out to less than 100%, for some very strange reason,
      // some browsers report devicePixelRatio as less than 1
      // and only part of the canvas is cleared then.
      var ratio = Math.max(window.devicePixelRatio || 1, 1);
      canvas.width = canvas.offsetWidth * ratio;
      canvas.height = canvas.offsetHeight * ratio;
      canvas.getContext("2d").scale(ratio, ratio);
  }
  
  window.onresize = resizeCanvas;
  resizeCanvas();
  
  signaturePad = new SignaturePad(canvas);
  
  clearButton.addEventListener("click", function (event) {
      signaturePad.clear();
  });
  
  saveButton.addEventListener("click", function (event) {
      if (signaturePad.isEmpty()) {
          swal("Error", "Please provide signature first.", "error");
      } else {
          var canvasData = signaturePad.toDataURL("image/png");
          $.post(urlSign, {
              txtImg : canvasData,
              txtFileName : $('#txtFileName').val()
          }, function(data, statuss){
              swal({
                  title: "Well done!",
                  text: "Signature has been saved.",
                  type: "success",
                  confirmButtonClass: 'btn-success',
                  confirmButtonText: "Okay",
                  closeOnConfirm: false
              }, function () {
                  window.close();
              });
              console.log('successful');
          });
      }
  });
  