allow string based values for comboboxarray

[roojs1] / Roo / form / Signature.js

diff --git a/Roo/form/Signature.js b/Roo/form/Signature.js
index 2befee4..579d0ea 100644 (file)
--- a/Roo/form/Signature.js
+++ b/Roo/form/Signature.js
@@ -100,6 +100,7 @@ Roo.extend(Roo.form.Signature, Roo.form.Field,  {
         this.svgEl = this.signPanel.createChild({
               xmlns : 'http://www.w3.org/2000/svg',
               tag : 'svg',
+              id : this.svgID + "-svg",
               width: this.width,
               height: this.height,
               viewBox: '0 0 '+this.width+' '+this.height,
@@ -113,6 +114,7 @@ Roo.extend(Roo.form.Signature, Roo.form.Field,  {
                 },
                 {
                     tag: "line",
+                    id: this.svgID + "-svg-l",
                     x1: "0", // start
                     y1: (this.height*0.8), // start set the line in 80% of height
                     x2: this.width, // end
@@ -158,7 +160,7 @@ Roo.extend(Roo.form.Signature, Roo.form.Field,  {
         pt.x = e.clientX; 
         pt.y = e.clientY;
         if (this.isTouchEvent(e)) {
-            pt.x =  e.targetTouches[0].clientX 
+            pt.x =  e.targetTouches[0].clientX;
             pt.y = e.targetTouches[0].clientY;
         }
         var a = this.svgEl.dom.getScreenCTM();
@@ -242,7 +244,7 @@ Roo.extend(Roo.form.Signature, Roo.form.Field,  {
             {
                 cls : '  x-signature-btn x-signature-'+id,
                 scope: editor, // was editor...
-                handler: this.setConfirmed,
+                handler: this.confirmHandler,
                 clickEvent:'mousedown',
                 text: this.labels.confirm
             }
@@ -256,9 +258,9 @@ Roo.extend(Roo.form.Signature, Roo.form.Field,  {
      * @return {String} Image Data URI
      */
     getImageDataURI : function(){
-        var svg = this.svgEl.dom.outerHTML;
+        var svg = this.svgEl.dom.parentNode.innerHTML;
         var src = 'data:image/svg+xml;base64,'+window.btoa(svg);
-        return src;
+        return src; 
     },
     /**
      * 
@@ -306,37 +308,21 @@ Roo.extend(Roo.form.Signature, Roo.form.Field,  {
     },
     //private
     setConfirmed : function(){
-        if(!this.getSignature()){
-            return;
-        }
-        this.signPanel.select('#'+ this.svgID + '-svg-r', true).first().attr('fill', '#cfc');
-        this.setValue(this.getSignature());
-        this.isConfirmed = true;
+        
         
         
 //        Roo.log(Roo.get(this.signPanel.dom.contentWindow.r).attr('fill', '#cfc'));
     },
     // private
     confirmHandler : function(){
-        Roo.log('in confirm clicked');
-        if(!this.getConfirmed()){
-            return false; // stops
+        if(!this.getSignature()){
+            return;
         }
-        Roo.log('in confirm clicked');
-//        
-//        var valid = true;
-//        this.items.each(function(f){
-//            if(!f.isValid(true)){
-//                valid = false;
-//                return false;
-//            }
-//        });
-//        for(var i = 0, len = this.buttons.length; i < len; i++){
-//            var btn = this.buttons[i];
-//            if(btn.formBind === true && btn.disabled === valid){
-//                btn.setDisabled(!valid);
-//            }
-//        }
+        
+        this.signPanel.select('#'+ this.svgID + '-svg-r', true).first().attr('fill', '#cfc');
+        this.setValue(this.getSignature());
+        this.isConfirmed = true;
+        
         this.fireEvent('confirm', this);
     },
     // private