diff options
Diffstat (limited to 'js/panels/Materials')
4 files changed, 269 insertions, 55 deletions
diff --git a/js/panels/Materials/materials-data.json b/js/panels/Materials/materials-data.json index f06ab6c8..a5d8997b 100644 --- a/js/panels/Materials/materials-data.json +++ b/js/panels/Materials/materials-data.json | |||
@@ -5,37 +5,100 @@ | |||
5 | "label": "Ninja Materials", | 5 | "label": "Ninja Materials", |
6 | "children": [ | 6 | "children": [ |
7 | { | 7 | { |
8 | "label": "Uber", | 8 | "label": "Bump Metal", |
9 | "id" : "UberMaterial" | 9 | "id" : "Bump Metal" |
10 | }, | 10 | }, |
11 | { | 11 | { |
12 | "label": "Bump Metal", | 12 | "label": "Deform", |
13 | "id" : "BumpMetalMaterial" | 13 | "id" : "Deform" |
14 | }, | ||
15 | { | ||
16 | "label": "Flag", | ||
17 | "id" : "Flag" | ||
18 | }, | ||
19 | { | ||
20 | "label": "Fly", | ||
21 | "id" : "Fly" | ||
22 | }, | ||
23 | { | ||
24 | "label": "Julia", | ||
25 | "id" : "Julia" | ||
26 | }, | ||
27 | { | ||
28 | "label": "Keleidoscope", | ||
29 | "id" : "Keleidoscope" | ||
14 | }, | 30 | }, |
15 | { | 31 | { |
16 | "label": "Linear Gradient", | 32 | "label": "Linear Gradient", |
17 | "id" : "LinearGradientMaterial" | 33 | "id" : "Linear Gradient" |
34 | }, | ||
35 | { | ||
36 | "label": "Mandel", | ||
37 | "id" : "Mandel" | ||
38 | }, | ||
39 | { | ||
40 | "label": "Paris", | ||
41 | "id" : "Paris" | ||
42 | }, | ||
43 | { | ||
44 | "label": "Plasma", | ||
45 | "id" : "Plasma" | ||
46 | }, | ||
47 | { | ||
48 | "label": "Pulse", | ||
49 | "id" : "Pulse" | ||
50 | }, | ||
51 | { | ||
52 | "label": "Radial Blur", | ||
53 | "id" : "Radial Blur" | ||
18 | }, | 54 | }, |
19 | { | 55 | { |
20 | "label": "Radial Gradient", | 56 | "label": "Radial Gradient", |
21 | "id" : "RadialGradientMaterial" | 57 | "id" : "Radial Gradient" |
22 | }, | 58 | }, |
23 | { | 59 | { |
24 | "label": "Flat", | 60 | "label": "Raiders", |
25 | "id" : "FlatMaterial" | 61 | "id" : "Raiders" |
26 | } | 62 | }, |
27 | ] | 63 | { |
28 | }, | 64 | "label": "Relief Tunnel", |
29 | { | 65 | "id" : "Relief Tunnel" |
30 | "label": "Custom Materials", | 66 | }, |
31 | "children": [ | 67 | { |
68 | "label": "Square Tunnel", | ||
69 | "id" : "Square Tunnel" | ||
70 | }, | ||
71 | { | ||
72 | "label": "Star", | ||
73 | "id" : "Star" | ||
74 | }, | ||
75 | { | ||
76 | "label": "Taper", | ||
77 | "id" : "Taper" | ||
78 | }, | ||
79 | { | ||
80 | "label": "Tunnel", | ||
81 | "id" : "Tunnel" | ||
82 | }, | ||
83 | { | ||
84 | "label": "Twist", | ||
85 | "id" : "Twist" | ||
86 | }, | ||
87 | { | ||
88 | "label": "Twist Vertex", | ||
89 | "id" : "Twist Vertex" | ||
90 | }, | ||
91 | { | ||
92 | "label": "Uber", | ||
93 | "id" : "Uber" | ||
94 | }, | ||
32 | { | 95 | { |
33 | "label": "Checker Board", | 96 | "label": "Water", |
34 | "id" : "CheckerBoard" | 97 | "id" : "Water" |
35 | }, | 98 | }, |
36 | { | 99 | { |
37 | "label": "Shiny Metal", | 100 | "label": "Z-Invert", |
38 | "id" : "ShinyMetal" | 101 | "id" : "Z-Invert" |
39 | } | 102 | } |
40 | ] | 103 | ] |
41 | } | 104 | } |
diff --git a/js/panels/Materials/materials-library-panel.reel/materials-library-panel.html b/js/panels/Materials/materials-library-panel.reel/materials-library-panel.html index b5d7a869..6fa54495 100755 --- a/js/panels/Materials/materials-library-panel.reel/materials-library-panel.html +++ b/js/panels/Materials/materials-library-panel.reel/materials-library-panel.html | |||
@@ -13,7 +13,8 @@ | |||
13 | "addButton": { | 13 | "addButton": { |
14 | "prototype": "montage/ui/button.reel", | 14 | "prototype": "montage/ui/button.reel", |
15 | "properties": { | 15 | "properties": { |
16 | "element": {"#": "ml_add_btn"} | 16 | "element": {"#": "ml_add_btn"}, |
17 | "enabled": false | ||
17 | }, | 18 | }, |
18 | "listeners": [ | 19 | "listeners": [ |
19 | { | 20 | { |
@@ -25,8 +26,9 @@ | |||
25 | "copyButton": { | 26 | "copyButton": { |
26 | "prototype": "montage/ui/button.reel", | 27 | "prototype": "montage/ui/button.reel", |
27 | "properties": { | 28 | "properties": { |
28 | "element": {"#": "ml_copy_btn"} | 29 | "element": {"#": "ml_copy_btn"}, |
29 | }, | 30 | "enabled": false |
31 | }, | ||
30 | "listeners": [ | 32 | "listeners": [ |
31 | { | 33 | { |
32 | "type": "action", | 34 | "type": "action", |
@@ -37,8 +39,9 @@ | |||
37 | "deleteButton": { | 39 | "deleteButton": { |
38 | "prototype": "montage/ui/button.reel", | 40 | "prototype": "montage/ui/button.reel", |
39 | "properties": { | 41 | "properties": { |
40 | "element": {"#": "ml_delete_btn"} | 42 | "element": {"#": "ml_delete_btn"}, |
41 | }, | 43 | "enabled": false |
44 | }, | ||
42 | "listeners": [ | 45 | "listeners": [ |
43 | { | 46 | { |
44 | "type": "action", | 47 | "type": "action", |
diff --git a/js/panels/Materials/materials-library-panel.reel/materials-library-panel.js b/js/panels/Materials/materials-library-panel.reel/materials-library-panel.js index 2176c6d5..cf0d4e93 100755 --- a/js/panels/Materials/materials-library-panel.reel/materials-library-panel.js +++ b/js/panels/Materials/materials-library-panel.reel/materials-library-panel.js | |||
@@ -51,14 +51,15 @@ exports.MaterialsLibraryPanel = Montage.create(Component, { | |||
51 | 51 | ||
52 | handleNodeActivation: { | 52 | handleNodeActivation: { |
53 | value:function(obj) { | 53 | value:function(obj) { |
54 | this._showMaterialPopup(obj.id); | 54 | this._showMaterialPopup({ materialId: obj.id }); |
55 | } | 55 | } |
56 | }, | 56 | }, |
57 | 57 | ||
58 | handleShowMaterialPopup: { | 58 | handleShowMaterialPopup: { |
59 | enumerable: false, | 59 | enumerable: false, |
60 | value: function (event) { | 60 | value: function (event) { |
61 | this._showMaterialPopup(event.detail.materialId); | 61 | //this._showMaterialPopup(event.detail.materialId); |
62 | this._showMaterialPopup(event.detail); | ||
62 | } | 63 | } |
63 | }, | 64 | }, |
64 | 65 | ||
@@ -68,14 +69,15 @@ exports.MaterialsLibraryPanel = Montage.create(Component, { | |||
68 | }, | 69 | }, |
69 | 70 | ||
70 | _materialInfo: { | 71 | _materialInfo: { |
71 | enumerable:true | 72 | enumerable:true, |
73 | serializable: true | ||
72 | }, | 74 | }, |
73 | 75 | ||
74 | _showMaterialPopup: { | 76 | _showMaterialPopup: { |
75 | enumerable: false, | 77 | enumerable: false, |
76 | value: function (materialID) { | 78 | value: function (materialObj) { |
77 | 79 | ||
78 | if(!this._materialPopup) | 80 | if(!this._materialPopup) |
79 | { | 81 | { |
80 |