From 98acd3acd9faeb8d9d78736601394ec0a82b6391 Mon Sep 17 00:00:00 2001
From: Dang Bui <bdangvn@gmail.com>
Date: Sat, 12 Nov 2016 18:33:54 +0700
Subject: [PATCH] Change text

---
 app/scripts/controllers/tshirtdesign.js | 10 ++++++++++
 app/views/design_part/text.html         |  9 +++++++++
 app/views/tshirt-design.html            |  6 +++++-
 3 files changed, 24 insertions(+), 1 deletion(-)
 create mode 100644 app/views/design_part/text.html

diff --git a/app/scripts/controllers/tshirtdesign.js b/app/scripts/controllers/tshirtdesign.js
index 0f21e38..760efa4 100644
--- a/app/scripts/controllers/tshirtdesign.js
+++ b/app/scripts/controllers/tshirtdesign.js
@@ -85,5 +85,15 @@ define(['app'], function (app) {
 		];
 
 
+		//Design text
+		$scope.inputText = function(e) {
+			var text = e;
+			var iText = new fabric.IText(text);
+			canvas.add(iText);
+			canvas.renderAll();
+			canvas.setActiveObject(iText);
+		}
+
+
 	});
 });
diff --git a/app/views/design_part/text.html b/app/views/design_part/text.html
new file mode 100644
index 0000000..70e3e1d
--- /dev/null
+++ b/app/views/design_part/text.html
@@ -0,0 +1,9 @@
+<li>
+    <div class="title">
+        <i class="fa fa-chevron-circle-right" aria-hidden="true"></i>
+        Text
+    </div>
+    <div class="content clearfix">
+        <input type="text" class="form-control" ng-keyup="inputText(design_text)" ng-model="design_text">
+    </div>
+</li>
diff --git a/app/views/tshirt-design.html b/app/views/tshirt-design.html
index fd16717..ffd0e4c 100644
--- a/app/views/tshirt-design.html
+++ b/app/views/tshirt-design.html
@@ -10,7 +10,7 @@
             <div class="modal-body">
                 <header class="clearfix">
                     <ul class="nav pull-left">
-                        <li ng-class="{'active': isShowLeftPanel=='default'}" ng-click="showIllustration('default')">
+                        <li ng-class="{'active': isShowLeftPanel=='text'}" ng-click="showIllustration('text')">
                             <i class="fa fa-jpy" aria-hidden="true"></i> 文字
                         </li>
                         <li ng-class="{'active': isShowLeftPanel=='illustration'}" ng-click="showIllustration('illustration')">
@@ -140,6 +140,10 @@
                                 </div>
                             </li>
                         </ul>
+
+                        <!-- Text design-->
+                        <ul id="choice-text" ng-show="isShowLeftPanel=='text'" ng-include="'views/design_part/text.html'">
+                        </ul>
                     </div>
                     <div class="design-content col-xs-8">
                         <div class="content" ng-style="{'background-color' : tShirtColorCode}">
-- 
1.8.5.3