aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rwxr-xr-xcss/ninja.css30
-rw-r--r--images/tools/Tool-FillColor.pngbin1111 -> 1400 bytes
-rw-r--r--[-rwxr-xr-x]images/tools/inkbottle_cursor.png (renamed from images/tools/inkbottle_down.png)bin3352 -> 3352 bytes
-rwxr-xr-ximages/tools/pencil_down.pngbin3103 -> 0 bytes
-rwxr-xr-ximages/tools/pencil_up.pngbin3101 -> 0 bytes
-rwxr-xr-xjs/components/layout/tools-list.reel/tools-list.html10
-rwxr-xr-xjs/components/layout/tools-list.reel/tools-list.js4
-rwxr-xr-xjs/components/layout/tools-properties.reel/tools-properties.html16
-rwxr-xr-xjs/components/tools-properties/brush-properties.reel/brush-properties.css22
-rwxr-xr-xjs/components/tools-properties/brush-properties.reel/brush-properties.html27
-rwxr-xr-xjs/components/tools-properties/brush-properties.reel/brush-properties.js49
-rwxr-xr-xjs/components/tools-properties/fill-properties.reel/fill-properties.css7
-rwxr-xr-xjs/components/tools-properties/fill-properties.reel/fill-properties.html5
-rwxr-xr-xjs/components/tools-properties/line-properties.reel/line-properties.js8
-rwxr-xr-xjs/components/tools-properties/oval-properties.reel/oval-properties.js8
-rwxr-xr-xjs/components/tools-properties/pen-properties.reel/pen-properties.css22
-rwxr-xr-xjs/components/tools-properties/pen-properties.reel/pen-properties.html11
-rwxr-xr-xjs/components/tools-properties/pen-properties.reel/pen-properties.js83
-rwxr-xr-xjs/components/tools-properties/pencil-properties.reel/pencil-properties.css6
-rwxr-xr-xjs/components/tools-properties/pencil-properties.reel/pencil-properties.html31
-rwxr-xr-xjs/components/tools-properties/pencil-properties.reel/pencil-properties.js25
-rwxr-xr-xjs/components/tools-properties/rect-properties.reel/rect-properties.js10
-rwxr-xr-xjs/components/tools-properties/selection-properties.reel/selection-properties.css8
-rwxr-xr-xjs/components/tools-properties/selection-properties.reel/selection-properties.html10
-rwxr-xr-xjs/components/tools-properties/shape-properties.reel/shape-properties.css25
-rwxr-xr-xjs/components/tools-properties/shape-properties.reel/shape-properties.html16
-rwxr-xr-xjs/components/tools-properties/shape-properties.reel/shape-properties.js125
-rwxr-xr-xjs/components/tools-properties/tag-properties.reel/tag-properties.css16
-rwxr-xr-xjs/components/tools-properties/tag-properties.reel/tag-properties.html18
-rwxr-xr-xjs/components/tools-properties/tag-properties.reel/tag-properties.js47
-rwxr-xr-xjs/components/tools-properties/text-properties.reel/text-properties.html3
-rwxr-xr-xjs/components/tools-properties/text-properties.reel/text-properties.js1
-rwxr-xr-xjs/components/ui/color-chip.reel/color-chip.css10
-rwxr-xr-xjs/controllers/color-controller.js16
-rwxr-xr-xjs/data/tools-data.js24
-rwxr-xr-xjs/mediators/keyboard-mediator.js7
-rwxr-xr-xjs/panels/color/colorpanelbase.reel/colorpanelbase.js2836
-rw-r--r--js/tools/BrushTool.js2
-rwxr-xr-xjs/tools/LineTool.js6
-rwxr-xr-xjs/tools/OvalTool.js4
-rwxr-xr-xjs/tools/PenTool.js4
-rwxr-xr-xjs/tools/PencilTool.js32
-rwxr-xr-xjs/tools/RectTool.js4
-rwxr-xr-xscss/imports/scss/_Tools.scss11
-rwxr-xr-xscss/imports/scss/_toolbar.scss53
45 files changed, 1896 insertions, 1756 deletions
diff --git a/css/ninja.css b/css/ninja.css
index 6a804e99..b619eee1 100755
--- a/css/ninja.css
+++ b/css/ninja.css
@@ -681,7 +681,9 @@ nav.menuBar ul li:hover ul, nav.menuBar ul ul li:hover ul, nav.menuBar ul ul ul
681 681
682.subToolHolderPanel .toolbutton:hover, .subToolHolderPanel .toolbutton.active { -webkit-transform: scale(0.75); } 682.subToolHolderPanel .toolbutton:hover, .subToolHolderPanel .toolbutton.active { -webkit-transform: scale(0.75); }
683 683
684.subOption { float: left; margin-top: 5px; margin-left: 10px; margin-right: 10px; } 684.subOption { float: left; margin-top: 0px; margin-left: 1px; margin-right: 0px; }
685
686.subOptionSpacer { margin-right: 16px; }
685 687
686.toolSeparator { height: 1px; width: 30px; } 688.toolSeparator { height: 1px; width: 30px; }
687 689
@@ -857,8 +859,6 @@ input[type="radio"]:disabled { opacity: .3; background: #282828; border-width: 1
857 859
858.FillTool { background-image: url("../images/tools/Tool-Fill.png"); } 860.FillTool { background-image: url("../images/tools/Tool-Fill.png"); }
859 861
860.EyedropperTool { background-image: url("../images/tools/Tool-EyeDropper.png"); }
861
862.EraserTool { background-image: url("../images/tools/Tool-Erase.png"); } 862.EraserTool { background-image: url("../images/tools/Tool-Erase.png"); }
863 863
864.RotateStageTool3D { background-image: url("../images/tools/Tool-3DRotateStage.png"); } 864.RotateStageTool3D { background-image: url("../images/tools/Tool-3DRotateStage.png"); }
@@ -871,28 +871,6 @@ input[type="radio"]:disabled { opacity: .3; background: #282828; border-width: 1
871 871
872.InkBottleTool { background-image: url("../images/tools/Tool-FillColor.png"); } 872.InkBottleTool { background-image: url("../images/tools/Tool-FillColor.png"); }
873 873
874.toolsList .colortoolbar { padding-left: 1px; padding-top: 4px; }
875
876.toolsList .colortoolbar button { width: 27px; height: 27px; background: black; border: 1px solid #000; padding: 0; margin: 0px; }
877
878.toolsList .colortoolbar div { width: 27px; height: 27px; margin: 0; margin-top: 3px; }
879
880.toolsList .colortoolbar div.cpe_colortoolbar_container { margin: 0; }
881
882/*.InkBottleToolPressed {*/
883/*background-image: url("../images/tools/inkbottle_down.png");*/
884/*background-repeat: no-repeat;*/
885/*height: 23px;*/
886/*width: 26px;*/
887/*opacity: 1;*/
888/*}*/
889/*.InkBottleToolUnpressed {*/
890/*background-image: url("../images/tools/inkbottle_down.png");*/
891/*background-repeat: no-repeat;*/
892/*height: 23px;*/
893/*width: 26px;*/
894/*opacity: 0.7;*/
895/*}*/
896.topAlignUp { background-image: url("../images/SpriteSheets/NinjaSpriteSheet2_5.png"); background-position: -240px -54px; background-repeat: no-repeat; height: 23px; width: 26px; } 874.topAlignUp { background-image: url("../images/SpriteSheets/NinjaSpriteSheet2_5.png"); background-position: -240px -54px; background-repeat: no-repeat; height: 23px; width: 26px; }
897 875
898.rightAlignUp { background-image: url("../images/SpriteSheets/NinjaSpriteSheet2_5.png"); background-position: -270px -54px; background-repeat: no-repeat; height: 23px; width: 26px; } 876.rightAlignUp { background-image: url("../images/SpriteSheets/NinjaSpriteSheet2_5.png"); background-position: -270px -54px; background-repeat: no-repeat; height: 23px; width: 26px; }
@@ -919,8 +897,6 @@ input[type="radio"]:disabled { opacity: .3; background: #282828; border-width: 1
919 897
920.bucketToolUp { background-image: url("../images/SpriteSheets/NinjaSpriteSheet2_5.png"); background-position: -330px 0px; background-repeat: no-repeat; height: 23px; width: 26px; } 898.bucketToolUp { background-image: url("../images/SpriteSheets/NinjaSpriteSheet2_5.png"); background-position: -330px 0px; background-repeat: no-repeat; height: 23px; width: 26px; }
921 899
922.pencilToolUp { background-image: url("../images/SpriteSheets/NinjaSpriteSheet2_5.png"); background-position: -270px -27px; background-repeat: no-repeat; height: 23px; width: 26px; }
923
924.blueDiv { background: blue; opacity: 0.2; } 900.blueDiv { background: blue; opacity: 0.2; }
925 901
926::-webkit-scrollbar { width: 11px; height: 11px; } 902::-webkit-scrollbar { width: 11px; height: 11px; }
diff --git a/images/tools/Tool-FillColor.png b/images/tools/Tool-FillColor.png
index f0580ef9..87c2ce7c 100644
--- a/images/tools/Tool-FillColor.png
+++ b/images/tools/Tool-FillColor.png
Binary files differ
diff --git a/images/tools/inkbottle_down.png b/images/tools/inkbottle_cursor.png
index f07d0d25..f07d0d25 100755..100644
--- a/images/tools/inkbottle_down.png
+++ b/images/tools/inkbottle_cursor.png
Binary files differ
diff --git a/images/tools/pencil_down.png b/images/tools/pencil_down.png
deleted file mode 100755
index 55b22eb2..00000000
--- a/images/tools/pencil_down.png
+++ /dev/null
Binary files differ
diff --git a/images/tools/pencil_up.png b/images/tools/pencil_up.png
deleted file mode 100755
index f7b44c7c..00000000
--- a/images/tools/pencil_up.png
+++ /dev/null
Binary files differ
diff --git a/js/components/layout/tools-list.reel/tools-list.html b/js/components/layout/tools-list.reel/tools-list.html
index 9aa05e5d..0c51aa9a 100755
--- a/js/components/layout/tools-list.reel/tools-list.html
+++ b/js/components/layout/tools-list.reel/tools-list.html
@@ -85,9 +85,6 @@
85 "LineTool1": { 85 "LineTool1": {
86 "prototype": "js/tools/LineTool" 86 "prototype": "js/tools/LineTool"
87 }, 87 },
88 "PencilTool1": {
89 "prototype": "js/tools/PencilTool"
90 },
91 "BrushTool1": { 88 "BrushTool1": {
92 "prototype": "js/tools/BrushTool" 89 "prototype": "js/tools/BrushTool"
93 }, 90 },
@@ -97,9 +94,6 @@
97 "InkBottleTool1": { 94 "InkBottleTool1": {
98 "prototype": "js/tools/InkBottleTool" 95 "prototype": "js/tools/InkBottleTool"
99 }, 96 },
100 "EyedropperTool1": {
101 "prototype": "js/tools/EyedropperTool"
102 },
103 "EraserTool1": { 97 "EraserTool1": {
104 "prototype": "js/tools/EraserTool" 98 "prototype": "js/tools/EraserTool"
105 }, 99 },
@@ -142,11 +136,9 @@
142 "OvalTool": {"@": "OvalTool1"}, 136 "OvalTool": {"@": "OvalTool1"},
143 "RectTool": {"@": "RectTool1"}, 137 "RectTool": {"@": "RectTool1"},
144 "LineTool": {"@": "LineTool1"}, 138 "LineTool": {"@": "LineTool1"},
145 "PencilTool": {"@": "PencilTool1"},
146 "BrushTool": {"@": "BrushTool1"}, 139 "BrushTool": {"@": "BrushTool1"},
147 "FillTool": {"@": "FillTool1"}, 140 "FillTool": {"@": "FillTool1"},
148 "InkBottleTool": {"@": "InkBottleTool1"}, 141 "InkBottleTool": {"@": "InkBottleTool1"},
149 "EyedropperTool": {"@": "EyedropperTool1"},
150 "EraserTool": {"@": "EraserTool1"}, 142 "EraserTool": {"@": "EraserTool1"},
151 "RotateStageTool3D": {"@": "RotateStageTool3D1"}, 143 "RotateStageTool3D": {"@": "RotateStageTool3D1"},
152 "PanTool": {"@": "PanTool1"}, 144 "PanTool": {"@": "PanTool1"},
@@ -169,8 +161,6 @@
169 <hr /> 161 <hr />
170 </div> 162 </div>
171 </div> 163 </div>
172 <!-- TODO: Remove and add as a component -->
173 <div id="colortoolbar"></div>
174 <div data-montage-id="disabledCondition" class="panelDisabled"></div> 164 <div data-montage-id="disabledCondition" class="panelDisabled"></div>
175 </div> 165 </div>
176 166
diff --git a/js/components/layout/tools-list.reel/tools-list.js b/js/components/layout/tools-list.reel/tools-list.js
index d68e8a56..ed4ee45f 100755
--- a/js/components/layout/tools-list.reel/tools-list.js
+++ b/js/components/layout/tools-list.reel/tools-list.js
@@ -20,11 +20,9 @@ exports.ToolsList = Montage.create(Component, {
20 OvalTool: { value: null }, 20 OvalTool: { value: null },
21 RectTool: { value: null }, 21 RectTool: { value: null },
22 LineTool: { value: null }, 22 LineTool: { value: null },
23 PencilTool: { value: null },
24 BrushTool: { value: null }, 23 BrushTool: { value: null },
25 FillTool: { value: null }, 24 FillTool: { value: null },
26 InkBottleTool: { value: null },