1 files changed, 98 insertions, 26 deletions

diff --git a/js/panels/Materials/materials-popup.reel/materials-popup.js b/js/panels/Materials/materials-popup.reel/materials-popup.js
index 0a32447e..75843b66 100755
--- a/js/panels/Materials/materials-popup.reel/materials-popup.js
+++ b/js/panels/Materials/materials-popup.reel/materials-popup.js
@@ -33,6 +33,9 @@ exports.MaterialsPopup = Montage.create(Component, {
         value: ""
     },
 
+        _useSelection: {  value: false,  enumerable: true },
+        _whichMaterial: { value: "fill", enumerable: true },
+
         captureAction: {
                 value:function(event) {
                         switch(event._currentTarget.label)
@@ -103,8 +106,9 @@ exports.MaterialsPopup = Montage.create(Component, {
 
     _handlePropertyChange:
     {
-        value: function(event)
+        value: function(theEvent)
         {
+                        var event = theEvent._event;
             if(typeof event.propertyValue === "object")
             {
                 console.log(event.propertyLabel + " changed to ");
@@ -148,6 +152,25 @@ exports.MaterialsPopup = Montage.create(Component, {
                                         var value = this.decodeValue( this._propTypes[index],  propValue );
                                         this._material.setProperty( this._propNames[index],  value );
                                 }
+
+                                if (this._useSelection)
+                                {
+                                        console.log( "apply to selection" );
+
+                                        var selection = this.application.ninja.selectedElements;
+                                        if (selection && (selection.length > 0))
+                                        {
+                                                var canvas = selection[0];
+                                                var obj;
+                                                if (canvas.elementModel && canvas.elementModel.shapeModel)  obj = canvas.elementModel.shapeModel.GLGeomObj;
+                                                if (obj)
+                                                {
+                                                        var world = obj.getWorld();
+                                                        if (world)
+                                                                world.restartRenderLoop();
+                                                }
+                                        }
+                                }
                         }
                 }
         },
@@ -173,14 +196,20 @@ exports.MaterialsPopup = Montage.create(Component, {
                                         rtnValue = value;
                                         break;
 
+                                case "angle":
+                                        rtnValue = value*3.14159/180.0;
+                                        break;
+
                                 case "file":
                                         if (value && (value.length > 0))
                                         {
                                                 var index = value.lastIndexOf( "/" );
                                                 if (index < 0)  index = value.lastIndexOf( "\\" );
                                                 if (index >= 0)
+                                                {
                                                         value = value.substr( index+1 );
-                                                value = "assets\\images\\" + value;
+                                                        value = "assets/images/" + value;
+                                                }
                                                 rtnValue = value.slice(0);
                                         }
                                         break;
@@ -227,32 +256,71 @@ exports.MaterialsPopup = Montage.create(Component, {
         loadMaterials:
         {
                 enumerable: true,
-                value: function(materialID)
+                value: function(materialID,  useSelection,  whichMaterial)
                 {
-            //TODO - Hack to force repetition to draw. Setting .length = 0 did not work.
-            this.materialsData = [];
-
-            this._materialName = materialID;
-            if(
-                                        (materialID ===  "UberMaterial")                                ||
-                                        (materialID ===  "FlatMaterial")                                ||
-                                        (materialID ===  "BumpMetalMaterial")                   ||
-                                        (materialID ===  "LinearGradientMaterial")              ||
-                                        (materialID ===  "RadialGradientMaterial")
-                                )
+                        //TODO - Hack to force repetition to draw. Setting .length = 0 did not work.
+                        this.materialsData = [];
+
+                        var material;
+                        this._materialName = materialID;
+                        if (useSelection)
                         {
-                                var material = MaterialsModel.getMaterial( materialID );
-                                if (material)
+                                this._useSelection = true;
+                                var selection = this.application.ninja.selectedElements;
+                                if (selection && (selection.length > 0))
                                 {
-                                        this._material = material;
-                    this.materialsData = this.getMaterialData( material );
+                                        var canvas = selection[0];
+                                        var obj;
+                                        this._whichMaterial = whichMaterial;
+                                        if (canvas.elementModel && canvas.elementModel.shapeModel)  obj = canvas.elementModel.shapeModel.GLGeomObj;
+                                        if (obj)
+                                                material = (whichMaterial === 'stroke') ? obj.getStrokeMaterial() : obj.getFillMaterial();
                                 }
-            }
-            else
-            {
-                this.materialsData = this[materialID];
-            }
-            this.needsDraw = true;
+                        }
+                        else
+                        {
+                                this._useSelection = false;
+
+                                if(
+                                                (materialID ===  "BumpMetalMaterial")           ||
+                                                (materialID ===  "DeformMaterial")                      ||
+                                                (materialID ===  "FlatMaterial")                        ||
+                                                (materialID ===  "FlagMaterial")                        ||
+                                                (materialID ===  "FlyMaterial")                         ||
+                                                (materialID ===  "JuliaMaterial")                       ||
+                                                (materialID ===  "KeleidoscopeMaterial")        ||
+                                                (materialID ===  "LinearGradientMaterial")      ||
+                                                (materialID ===  "MandelMaterial")                      ||
+                                                (materialID ===  "PlasmaMaterial")                      ||
+                                                (materialID ===  "PulseMaterial")                       ||
+                                                (materialID ===  "RadialBlurMaterial")          ||
+                                                (materialID ===  "RadialGradientMaterial")      ||
+                                                (materialID ===  "ReliefTunnelMaterial")        ||
+                                                (materialID ===  "SquareTunnelMaterial")        ||
+                                                (materialID ===  "StarMaterial")                        ||
+                                                (materialID ===  "TaperMaterial")                       ||
+                                                (materialID ===  "TunnelMaterial")                      ||
+                                                (materialID ===  "TwistMaterial")                       ||
+                                                (materialID ===  "TwistVertMaterial")           ||
+                                                (materialID ===  "UberMaterial")                        ||
+                                                (materialID ===  "WaterMaterial")                       ||
+                                                (materialID ===  "ZInvertMaterial")
+                                        )
+                                {
+                                        material = MaterialsModel.getMaterial( materialID );
+                                }
+                        }
+                                
+                        if (material)
+                        {
+                                this._material = material;
+                                this.materialsData = this.getMaterialData( material );
+                        }
+                        else
+                        {
+                                this.materialsData = this[materialID];
+                        }
+                        this.needsDraw = true;
                 }
         },
 
@@ -291,6 +359,10 @@ exports.MaterialsPopup = Montage.create(Component, {
                                                 obj = this.createFloatData( propLabels[i], propValues[i] );
                                                 break;
 
+                                        case "angle":
+                                                obj = this.createFloatData( propLabels[i], propValues[i]*180.0/3.14159 );
+                                                break;
+
                                         case "file":
                                                 obj = this.createFileData( propLabels[i], propValues[i] );
                                                 break;
@@ -319,7 +391,7 @@ exports.MaterialsPopup = Montage.create(Component, {
         {
                 value:  function( label,  color )