From 657418411f270c8309ca846ae6e6018c883f2dfd Mon Sep 17 00:00:00 2001
From: Gonzalo Bellver <belbo@kilgore.local>
Date: Tue, 11 Oct 2011 11:20:12 -0300
Subject: [PATCH] Table data now taken from a JSON source

---
 .../src/main/webapp/html/css/styles.less      |  18 +++--
 .../src/main/webapp/html/css/table.less       |   2 -
 .../src/main/webapp/html/images/favicon.ico   | Bin 894 -> 0 bytes
 .../src/main/webapp/html/json_source.txt      |  15 ++++
 .../src/main/webapp/html/workspace.html       |  74 ++++++++++++------
 5 files changed, 76 insertions(+), 33 deletions(-)
 delete mode 100644 wise-webapp/src/main/webapp/html/images/favicon.ico
 create mode 100644 wise-webapp/src/main/webapp/html/json_source.txt

diff --git a/wise-webapp/src/main/webapp/html/css/styles.less b/wise-webapp/src/main/webapp/html/css/styles.less
index 6f8cdff7..1c388466 100644
--- a/wise-webapp/src/main/webapp/html/css/styles.less
+++ b/wise-webapp/src/main/webapp/html/css/styles.less
@@ -32,7 +32,7 @@ body {
     margin: 0 auto;
     width: @body-width;
     position: relative;
-    padding: 10px;
+    padding: @base-padding;
 }
 
 .rounded-corners (@radius: 5px) {
@@ -51,10 +51,8 @@ body {
     width: @tags-width;
     padding: @tags-padding;
     float: left;
-    border: @tags-border-size solid @base-color * 3;
+    border: @tags-border-size solid @base-color * 5;
     border-right: none;
-    position: relative;
-    top: 52px;
 
     h2 {
         font-size: @base-font-size * 1.5;
@@ -79,12 +77,16 @@ body {
 #map-table {
     width: @table-width;
     display: inline-block;
+    border: @base-border-size solid @base-color * 5;
 }
 
 /* ----------------------------- Toolbar -------------------------------- */
 
 #toolbar {
-    width: 100%;
-    height: 20px;
-    border: @tags-border-size solid @base-color * 3;
-}
\ No newline at end of file
+    border: @tags-border-size solid @base-color * 11;
+    padding: @base-padding;
+    margin-bottom: @base-margin * 2;
+}
+
+
+/* ----------------------------- Buttons -------------------------------- */
\ No newline at end of file
diff --git a/wise-webapp/src/main/webapp/html/css/table.less b/wise-webapp/src/main/webapp/html/css/table.less
index 193157a4..13152820 100644
--- a/wise-webapp/src/main/webapp/html/css/table.less
+++ b/wise-webapp/src/main/webapp/html/css/table.less
@@ -34,8 +34,6 @@
 }
 
 .dataTables_filter {
-	width: 50%;
-	float: right;
 	text-align: right;
     margin-bottom: 10px;
 }
diff --git a/wise-webapp/src/main/webapp/html/images/favicon.ico b/wise-webapp/src/main/webapp/html/images/favicon.ico
deleted file mode 100644
index 6eeaa2a0d393190ce748107222d9a026f992e4a7..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 894
zcmZQzU<5(|0R|u`!H~hsz#zuJz@P!dKp_SNAO?xUfG{@$0|>*we<X0{?!DZ?LR&jK
zJ4*`(D+_yj`}mZUV<%4{DS<No{rlI{+GcBJTomZJrYz@lN9~2?%3V3hT|wRfwpN+B
zxv$^6LDrRDRAizmzo(`AZg1n=>Y}F;x;`B~@Mg`jC-vo5%k$%{OoKy1zkdA+(K2o3
zEDKGQQ~gcX+N!Tt<ln6-e!X((x9eB`|NHmj>Ej1|9e2tL(rheJva*5dKY#gZsIRxM
zB;!h7<JJ1on-%#_W>5Wi?9l5?>z>S-`t`=OAFp5C?(007k>qM(bnVuyja#;c*qL9N
z(Q%=@`f7d2?T&^wySIHjy#MKh?rZrO7i!Bt-@f(!@WDrwB`uD&)%Eqcd3o(gVV7ri
zp6ji@(BF7(+uE0x&)(R!?s#YIg_7JW1=-KHZv1@s(DS<L4gNk(j*fnQelrS_FV5;Z
zF}eA|vYC(19e;50(BU}~*0+>xD9<^am-%+f#!uU}z9=j>5*%b{WE2`20#tutPWS1#
zz4s39d~xOMwaqJzOl{rMU%#oo=xj&xyY1WF&71o?Hs-LOkA<OOT|+}_QrMM+6RvMw
z{^IiKhevmxo!@_KTI>D^4SRbV?yXz(e#efNwKXpT1J^s+yE;1`KXoe5&f?1A$<NLo
z|MBttt(|L+O=>tYso}un=1c3AzCL>B&D=RpqN3i1hL&lnclP!D`u*G0#bsJv!oAH)
z-rc|T`^Wdkrw?7(xb)_p%`Y#WdAn`Pvz+W#0Rbo6-Ha3zp1gPgjDkZ)k6Gz!@9D0(
zG^hL4?)Be4zWep#`{$>RUhUoaq@wgyfd9*oU{6tz+SXQhl3284sj;T&{L=I*bGxt4
z@4vfX%A<*$FN^a&MMa!<bG7B?%PuH@D~2#OZ`<zU;hyB_*c#=(G&yozSimf6i&AxU
ucVnZ@2@}v1L%4tb{$0CaV_ZU_m8GSrv9VuZ;G~(e-hB9gtQeLL$fW`Ph4SP8

diff --git a/wise-webapp/src/main/webapp/html/json_source.txt b/wise-webapp/src/main/webapp/html/json_source.txt
new file mode 100644
index 00000000..0ae9bd1c
--- /dev/null
+++ b/wise-webapp/src/main/webapp/html/json_source.txt
@@ -0,0 +1,15 @@
+{ "aaData": [
+    ["1", "Fonctionnel plateforme", "moi", "14/06/2011", "moi"],
+    ["2", "Comportement topic", "moi, Olivier, Nicolas", "14/06/2011", "Olivier"],
+    ["3", "TM Blog", "moi", "14/06/2011", "moi"],
+    ["4", "Bloom", "moi", "13/06/2011", "moi"],
+    ["5", "Morning Mr. Magpie", "moi, Martin", "10/06/2011", "Martin"],
+    ["6", "Little By Little", "moi, Sophie", "1/06/2011", "Sophie"],
+    ["7", "Feral", "moi", "14/05/2011", "moi"],
+    ["8", "Lotus Flower", "moi, Sophie, Olivier", "13/05/2011", "Olivier"],
+    ["9", "Codex", "moi", "30/04/2011", "moi"],
+    ["10", "Give Up The Ghost", "moi, Olivier", "30/04/2011", "moi"],
+    ["11", "Separator", "moi, Olivier, Nicolas, Sophie", "02/04/2011", "Olivier"],
+    ["12", "Supercollider", "moi, Olivier", "02/04/2011", "Olivier"],
+    ["13", "The Butcher", "moi", "01/04/2011", "moi"]
+]}
\ No newline at end of file
diff --git a/wise-webapp/src/main/webapp/html/workspace.html b/wise-webapp/src/main/webapp/html/workspace.html
index 3d36045b..77a99818 100644
--- a/wise-webapp/src/main/webapp/html/workspace.html
+++ b/wise-webapp/src/main/webapp/html/workspace.html
@@ -17,39 +17,50 @@
     <link href="css/ui-lightness/jquery-ui-1.8.16.custom.css" rel="stylesheet">
     <script type="text/javascript" language="javascript" src="js/jquery.dataTables.js"></script>
     <script type="text/javascript" charset="utf-8">
-        /* Data set - can contain whatever information you want */
-        var mapSet = [
-            ['Fonctionnel plateforme', 'moi', '14/06/2011 moi', '>'],
-            ['Comportement topic', 'moi, Olivier, Nicolas', '14/06/2011 Olivier', '>'],
-            ['TM Blog', 'moi', '14/06/2011 moi', '>'],
-            ['Bloom', 'moi', '13/06/2011 moi', '>'],
-            ['Morning Mr. Magpie', 'moi, Martin', '10/06/2011 Martin', '>'],
-            ['Little By Little', 'moi, Sophie', '1/06/2011 Sophie', '>'],
-            ['Feral', 'moi', '14/05/2011 moi', '>'],
-            ['Lotus Flower', 'moi, Sophie, Olivier', '13/05/2011 Olivier', '>'],
-            ['Codex', 'moi', '30/04/2011 moi', '>'],
-            ['Give Up The Ghost', 'moi, Olivier', '30/04/2011 moi', '>'],
-            ['Separator', 'moi, Olivier, Nicolas, Sophie', '02/04/2011 Olivier', '>'],
-            ['Supercollider', 'moi, Olivier', '02/04/2011 Olivier', '>'],
-            ['The Butcher', 'moi', '01/04/2011 moi', '>']
-        ];
-
         $(function() {
             $('#map-table').html( '<table cellpadding="0" cellspacing="0" border="0" class="display" id="maps"></table>' );
             $('#maps').dataTable( {
-                "aaData": mapSet,
+                "bProcessing" : true,
+                "sAjaxSource" : "json_source.txt",
                 "aoColumns": [
+                    {
+                        "sTitle" : '<input type="checkbox"/>',
+                        "sClass" : "center",
+                        "sWidth" : "15px",
+                        "bSortable" : false,
+                        "fnRender" : function(obj) {
+                            return obj.aData[0];
+                        }
+                    },
                     { "sTitle": "Titre" },
                     { "sTitle": "Utillisateurs" },
-                    { "sTitle": "Derniere modification" },
-                    { "sTitle": "Details", "sClass": "center" }
+                    {
+                        "sTitle": "Derniere modification",
+                        "fnRender" : function(obj) {
+                            return obj.aData[3] + " " + obj.aData[4];
+                        }
+                    },
+                    {
+                        "sTitle": "Details",
+                        "sClass": "center",
+                        "sWidth" : "15px",
+                        "bSortable" : false,
+                        "fnRender" : function(obj) {
+                            return ">";
+                        }
+                    }
+
                 ],
                 "bAutoWidth" : false,
                 "bLengthChange": false,
-                "bInfo": false
-
+                "bInfo": false,
+                "bPaginate": false
             });
+
+            $('#maps_filter').appendTo("#toolbar");
         });
+
+
     </script>
 
     <!--Tags-->
@@ -77,11 +88,28 @@
             });
         });
     </script>
+
+    <!--Toolbar-->
+    <script type="text/javascript" charset="utf-8">
+        $(function() {
+            $("#show-tags").click(function() {
+
+            })
+        });
+    </script>
 </head>
 
 <body>
 <div id="wrapper">
-    <!--<div id="toolbar" class="toolbar"></div>-->
+    <div id="toolbar" class="toolbar">
+
+    </div>
+
+    <div id="map-table-actions">
+        <button>Organiser</button>
+        <button>Partager</button>
+        <button>Supprimer</button>
+    </div>
 
     <div>
         <div id="tags">