Voir le code source des messages

Geoffrey PREUD'HOMME
1 parent 33dce699
Showing 8 changed files with 59 additions and 12 deletions Show diff stats
app/routes/ApiRtes.js
public/css/style.css
public/js/controllers/ForumConvCtrl.js
public/js/directives/MessEditDrct.js
public/views/forumConv.html
public/views/index.html
public/views/messEdit.html
public/views/messViewsource.html
@@ -91,12 +91,13 @@ sessionData = function (session, cb) {
             // Permissions
             session.canAddMembre = session.bureau;
             session.canDelMembre = session.bureau;
+            session.canAddDoss = session.bureau;
+            session.canDelDoss = session.bureau;
             session.canAddConv = true;
             session.canDelConv = session.bureau;
             session.canAddMess = true;
+            session.canEditMess = false;
             session.canDelMess = session.bureau;
-            session.canAddDoss = session.bureau;
-            session.canDelDoss = session.bureau;
             cb(session);
         });
     });
@@ -36,6 +36,16 @@ body {
     animation: zoomOut 0.5s;
 }
  
+[mess-edit] .ng-enter {
+    -webkit-animation: flipInY 0.5s;
+    animation: flipInY 0.5s;
+}
+
+[mess-edit] .ng-leave {
+    -webkit-animation: flipOutY 0.5s;
+    animation: flipOutY 0.5s;
+}
+
 body > .container {
     position: relative;
 }
-angular.module('ForumConvCtrl', ['SessionsServ', 'ApiServ', 'ngSanitize', 'btford.markdown'])
+angular.module('ForumConvCtrl', ['SessionsServ', 'ApiServ', 'MessEditDrct'])
     .controller('ForumConvCtrl', function ($scope, $routeParams, SessionServ, ApiServ) {
         $scope.messs = [];
         $scope.conv = {};
@@ -20,8 +20,10 @@ angular.module(&#39;ForumConvCtrl&#39;, [&#39;SessionsServ&#39;, &#39;ApiServ&#39;, &#39;ngSanitize&#39;, &#39;btfor
         });
  
         $scope.addMess = function () {
-            data = $scope.formData;
-            data.conv = $scope.conv._id;
+            data = {
+                content: $scope.mess.content,
+                conv: $scope.conv._id
+            };
             ApiServ("envoi du message", 'post', 'messs', data, function (err, mess) {
                 if (!err) {
                     $scope.formData = {};
@@ -37,4 +39,15 @@ angular.module(&#39;ForumConvCtrl&#39;, [&#39;SessionsServ&#39;, &#39;ApiServ&#39;, &#39;ngSanitize&#39;, &#39;btfor
             });
         };
  
+        $scope.editButton = function (index) {
+            mess = $scope.messs[index];
+            if (mess.editMode) {
+                mess.viewSource = false;
+                console.log('Submit edition');
+            } else {
+                mess.viewSource = true;
+            }
+            mess.editMode = !mess.editMode;
+        };
+
     });
@@ -0,0 +1,11 @@
+angular.module('MessEditDrct', ['ngSanitize', 'btford.markdown'])
+    .directive('messEdit', function () {
+        return {
+            templateUrl: 'views/messEdit.html'
+        };
+    })
+    .directive('messViewsource', function () {
+        return {
+            templateUrl: 'views/messViewsource.html'
+        };
+    });
@@ -24,24 +24,28 @@
                     <br/> {{ mess.auteur.role }}
                     <br/> {{ doss.date }}
                 </td>
-                <td btf-markdown="mess.content">
-                </td>
+                <!-- <td btf-markdown="mess.content"></td> -->
+                <td mess-edit></td>
                 <td>
+                    <mess-viewsource></mess-viewsource>
+                    <button type="button" class="btn btn-primary" ng-show="session.canEditMess" ng-click="editButton($index)">
+                        <span class="glyphicon glyphicon-edit" aria-hidden="true" ng-hide="mess.editMode"></span>
+                        <span class="glyphicon glyphicon-ok" aria-hidden="true" ng-show="mess.editMode"></span>
+                    </button>
                     <button type="button" class="btn btn-danger" ng-show="session.canDelMess" ng-click="delMess($index)">
                         <span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
                     </button>
                 </td>
             </tr>
             <tr ng-show="session.canAddMess">
-                <form>
+                <form ng-init="mess = {content: '', editMode: true, viewSource: true}">
                     <td>
                         <label for="nvMessTitre">Nouveau message</label>
                     </td>
-                    <td class="form-group">
-                        <textarea class="form-control" id="nvMessTitre" rows="7" placeholder="Contenu du message" ng-model="formData.content"></textarea>
-                    </td>
+                    <td mess-edit></td>
                     <td>
-                        <button type="submit" class="btn btn-primary" ng-class="{disabled: !formData.content}" ng-click="addMess()">
+                        <mess-viewsource></mess-viewsource>
+                        <button type="submit" class="btn btn-primary" ng-class="{disabled: !mess.content}" ng-click="addMess()">
                             <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
                         </button>
                     </td>
@@ -27,6 +27,7 @@
     <script src="js/services/ApiServ.js"></script>
     <script src="js/services/EncryptServ.js"></script>
     <script src="js/services/SessionServ.js"></script>
+    <script src="js/directives/MessEditDrct.js"></script>
     <script src="js/controllers/SessionCtrl.js"></script>
     <script src="js/controllers/ConnectCtrl.js"></script>
     <script src="js/controllers/MembreCtrl.js"></script>
@@ -0,0 +1,3 @@
+<div btf-markdown="mess.content" ng-show="!mess.viewSource"></div>
+<code ng-show="mess.viewSource && !mess.editMode">{{ mess.content }}</code>
+<textarea class="form-control" id="nvMessTitre" rows="7" placeholder="Contenu du message" ng-model="mess.content" ng-show="mess.viewSource && mess.editMode"></textarea>
 \ No newline at end of file
@@ -0,0 +1,4 @@
+<button type="button" class="btn btn-default" ng-click="mess.viewSource = !mess.viewSource">
+    <span class="glyphicon glyphicon-console" aria-hidden="true" ng-hide="mess.viewSource"></span>
+    <span class="glyphicon glyphicon-file" aria-hidden="true" ng-show="mess.viewSource"></span>
+</button>
 \ No newline at end of file