From 6803551efad3896dd79d4728ab1e8688f4af7662 Mon Sep 17 00:00:00 2001
From: jdeveloper <jdeveloper.inxenio@gmail.com>
Date: Tue, 19 Nov 2013 11:10:34 +0100
Subject: [PATCH] Added color picker plugin

---
 client/assets/css/custom.css          |   1 +
 client/assets/img/color_picker.png    | Bin 0 -> 892 bytes
 client/assets/plugins/bold.html       |  41 +++++++++++++
 client/assets/plugins/font_color.html |  85 ++++++++++++++++++++++++++
 4 files changed, 127 insertions(+)
 create mode 100644 client/assets/css/custom.css
 create mode 100644 client/assets/img/color_picker.png
 create mode 100644 client/assets/plugins/bold.html
 create mode 100644 client/assets/plugins/font_color.html

diff --git a/client/assets/css/custom.css b/client/assets/css/custom.css
new file mode 100644
index 0000000..fa09e0a
--- /dev/null
+++ b/client/assets/css/custom.css
@@ -0,0 +1 @@
+#kiwi .controlbox .input_tools .active { margin:0 1em; display:inline; background-color: #DEDEDE}
\ No newline at end of file
diff --git a/client/assets/img/color_picker.png b/client/assets/img/color_picker.png
new file mode 100644
index 0000000000000000000000000000000000000000..809fb00e5aa1f28726db3e2a5adf8f536bfbcbf1
GIT binary patch
literal 892
zcmV-?1B3jDP)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV00004XF*Lt006JZ
zHwB960000PbVXQnQ*UN;cVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBU#4oO5oR5;63
zlTBzGWdMesZ|0lXoz3j*Z~k@@6D#&FGzp}jV66&`P^p;WMF?J{2T#2z_8@rhB8Z6I
zM9_<RC|IzH|3#z)X(>n`HO=N{yXhvI{h!_0ot^nS)JXfldwbvK_6nsG2Z&Wi&v@PQ
zheULFT39nvnw}fe2u3u2dsOe=oVI#j9M1QC<RQd?z*u?akl~j;I2p+;J(rkgHvSkn
z(;=Y=qJuhyw~66>>zmd3XI9C7d+1ER`oBP|zA^0tJC|RwkIug^e1f<Y;Bl8EF5|!i
zHlrLvxGnm{pOJ;{uj(tUW&NV6Nl|#$w6yexXJd2oi=#)lZQdeEjmNQw;t(UmqKh0{
zN3<<O<VBRO&i36amn^s_5hLg3BC%JV&(3hm+{PhCh72|#4i*j}HZGzafxR+%^De>A
zX~N2H7aFgMFJ&|`u{>vFkyaX=K50U-_$2WeLXrR?y%y9osP$m;9(wLDa(L0IUjO<v
zY0CU;J~qnV2x8>100%{ufD~Y>02&pjbm4v#?whc82VKwMSB#SqZE`$mB-jcCHlU+0
z5!eC}fZ@6i#^osNm{8QAUxQqp!Je3uR3kxXnuJ~O)qerH3OWj$UL38Ff>!fEx(x_D
ze9vUyrvmBUlf}BOj>p;pw*yU}8i3vdQv(|vr;&lW3vL^{HjGO;yJh@AvLL%V=8X-d
zj-N^keq9GM0OdgtfE|S-5NpMdyD8XjL8D3d)Ci3ms|*JAHOZR#{F@d3_1R~2nP^IO
zx1jHVVL;UcM?t(JNH>#EYr=^m)YgmC{@kfR@+(bUGOoFIyidRT#pP%sAgjUt2GomC
z-GbUC?3chRN8#8QO)J9o??pQO=z9z5hjj@+!++<eE8U5~KfUv3781-aMrf{ss(`OS
zI00TRpjGIyb#;Tr&E`ib>`xv!lb9;ml&Wvph&Nw86?bNyh%=cqNQD8i+$LPB!e5mg
zGpxOzX7}R-bs>C2a6nYto*kyOG|b@Xj8Ib}DhS31*TztPJc)IANu4e{-2WFIIaS?u
SuzCdm0000<MNUMnLSTYRe4Eh#

literal 0
HcmV?d00001

diff --git a/client/assets/plugins/bold.html b/client/assets/plugins/bold.html
new file mode 100644
index 0000000..7b97e2e
--- /dev/null
+++ b/client/assets/plugins/bold.html
@@ -0,0 +1,41 @@
+<script type="text/javascript">
+    (function () {
+        var network = kiwi.components.Network();
+        var control = kiwi.components.ControlInput();
+        var $area = $("#kiwi .controlbox textarea");
+ 
+        var $icon = $('<strong style="cursor:pointer; cursor: hand">B</strong>');
+        var bold = false;
+ 
+        $.fn.toggleClick=function(){
+            console.log('toggle click');
+            var functions=arguments, iteration=0
+            return this.click(function(){
+                functions[iteration].apply(this,arguments)
+                iteration= (iteration+1) %functions.length
+            })
+        }
+ 
+        $icon.toggleClick(function(){
+            console.log('bold');
+            $area.css('font-weight', 'bold');
+            $icon.parent().addClass('active');
+            bold = true;
+        },function(){
+            console.log('unbold');
+            $area.css('font-weight', '');
+            $icon.parent().removeClass('active');
+            bold = false;
+        });
+
+        $area.keydown(function(e){
+            var code = e.keyCode || e.which;
+
+            if(code == 13 && bold){
+                $area.val('\x02'+$area.val());
+            }
+        });
+ 
+        control.addPluginIcon($icon);
+    })();
+</script>
\ No newline at end of file
diff --git a/client/assets/plugins/font_color.html b/client/assets/plugins/font_color.html
new file mode 100644
index 0000000..3aae5c2
--- /dev/null
+++ b/client/assets/plugins/font_color.html
@@ -0,0 +1,85 @@
+<style>
+    #color-picker li {
+        list-style: none;
+        float: left;
+        width: 20px;
+    }
+
+    #color-picker ul {
+        width: 80px;
+        position: absolute;
+    }
+</style>
+
+<div id="color-picker" class="tool">
+    <img src="../kiwi/assets/img/color_picker.png">
+    <ul>
+        <li data-color="0" style="background-color: #FFFFFF">&nbsp;</li>
+        <li data-color="1" style="background-color: #000000">&nbsp;</li>
+        <li data-color="2" style="background-color: #000080">&nbsp;</li>
+        <li data-color="3" style="background-color: #008000">&nbsp;</li>
+        <li data-color="4" style="background-color: #FF0000">&nbsp;</li>
+        <li data-color="5" style="background-color: #800040">&nbsp;</li>
+        <li data-color="6" style="background-color: #800080">&nbsp;</li>
+        <li data-color="7" style="background-color: #FF8040">&nbsp;</li>
+        <li data-color="8" style="background-color: #FFFF00">&nbsp;</li>
+        <li data-color="9" style="background-color: #80FF00">&nbsp;</li>
+        <li data-color="10" style="background-color: #008080">&nbsp;</li>
+        <li data-color="11" style="background-color: #00FFFF">&nbsp;</li>
+        <li data-color="12" style="background-color: #0000FF">&nbsp;</li>
+        <li data-color="13" style="background-color: #FF55FF">&nbsp;</li>
+        <li data-color="14" style="background-color: #808080">&nbsp;</li>
+        <li data-color="16" style="background-color: #C0C0C0">&nbsp;</li>
+
+    </ul>
+</div>
+
+<script type="text/javascript">
+    
+    (function () {
+        var network = kiwi.components.Network();
+        var control = kiwi.components.ControlInput();
+        var selected_color = null;
+        var $area = $("#kiwi .controlbox textarea");
+
+        var $icon = $('#color-picker');
+        var $colors = $icon.find('ul');
+
+        var setColorsPosition = function() {
+            $colors.css('top', (-($icon.position().top + $icon.height() + 80))+'px');
+        };
+
+        $colors.hide();
+
+        $icon.click(function(e){
+            e.stopPropagation();
+
+            $colors.show();
+        });
+
+        //we need to hide the color box every time we click outside of the color list
+        $(document).click(function() {
+            $colors.hide();
+        });
+
+        $colors.find('li').click(function(e){
+            e.stopPropagation();
+
+            $this = $(this);
+            $area.css('color', $this.css('background-color'));
+            selected_color = $this.data('color');
+            $this.parent().hide();
+        });
+
+        $area.keydown(function(e){
+            var code = e.keyCode || e.which;
+
+            if(code == 13 && selected_color){
+                $area.val('\x03'+selected_color+$area.val());
+            }
+        });
+
+        control.addPluginIcon($icon);
+        setColorsPosition();
+    })();
+</script>
\ No newline at end of file
-- 
2.25.1