Changeset 29811 for other-projects/nz-flag-design/trunk/main-form/svg-edit-local/extensions/ext-advanced.js

Timestamp:

2015-03-27T10:24:28+13:00 (9 years ago)

Author:

davidb

Message:

Additional coding so the colour palette choices now feed through to the svg-editor

File:

• other-projects/nz-flag-design/trunk/main-form/svg-edit-local/extensions/ext-advanced.js (modified) (1 diff)

other-projects/nz-flag-design/trunk/main-form/svg-edit-local/extensions/ext-advanced.js

@@ -101 +101 @@
     }
 }
+
+
+
+
+function setSVGEditorColourPalette(flagCanvasSettings) {
+    
+    var num_active_colours = flagCanvasSettings.colourPots.length;
+    console.log("*** num active colours = " + num_active_colours);
+
+    $('.palette_item').each( function (index) {
+    // Skip the first palette_item, so transparent fill is still an option
+    if (index==0) { return true; } // jquery equivalent of continue
+
+    var colour_index = index-1;
+
+    if (colour_index<num_active_colours) {
+        $(this).show();
+        $(this).css("background-color",flagCanvasSettings.colourPots[colour_index]);
+        $(this).attr("data-rgb",flagCanvasSettings.colourPots[colour_index]);
+
+        if (index==1) {
+        $(this).trigger("mousedown");
+        }
+    }
+    else {
+        $(this).hide();
+    }
+    });
+
+
+
+    //$('#palette').empty();
+    $('#palette').width(150);
+    
+    return;
+
+    var str = '<div class="palette_item" data-rgb="none"></div>';
+    $.each(flagCanvasSettings.colourPots, function(i, item) {
+    str += '<div class="palette_item" style="background-color: ' + item + ';" data-rgb="' + item + '"></div>';
+    });
+    $('#palette').append(str);
+
+
+            // Prevent selection of elements when shift-clicking
+            $('#palette').mouseover(function() {
+                var inp = $('<input type="hidden">');
+                $(this).append(inp);
+                inp.focus().remove();
+            });
+
+            $('.palette_item').mousedown(function(evt) {
+                // shift key or right click for stroke
+                var picker = evt.shiftKey || evt.button === 2 ? 'stroke' : 'fill';
+                var color = $(this).data('rgb');
+                var paint;
+
+                // Webkit-based browsers returned 'initial' here for no stroke
+                if (color === 'none' || color === 'transparent' || color === 'initial') {
+                    color = 'none';
+                    paint = new $.jGraduate.Paint();
+                } else {
+                    paint = new $.jGraduate.Paint({alpha: 100, solidColor: color.substr(1)});
+                }
+
+                //paintBox[picker].setPaint(paint);
+                svgCanvas.setColor(picker, color);
+
+                if (color !== 'none' && svgCanvas.getPaintOpacity(picker) !== 1) {
+                    svgCanvas.setPaintOpacity(picker, 1.0);
+                }
+                //updateToolButtonState();
+            }).bind('contextmenu', function(e) {e.preventDefault();});
+
+
+}