Hiding talks now possible

Author: lannonbr

index.js

@@ -28,12 +28,21 @@ app.get('/', (req, res) => {
 	res.render('index');
 });
 
+app.get('/all', (req, res) => {
+	res.render('all');
+});
+
+
 // api to get talks from the db
 app.get('/api/talks', talksCtrl.getTalks);
 
 // api to push talks into the db
 app.post('/api/postTalk', talksCtrl.createTalk);
 
+// api to hide & unhide talks on the site
+app.post('/api/hideTalk', talksCtrl.updateTalk);
+app.post('/api/unhideTalk', talksCtrl.updateTalk);
+
 // start the server
 app.listen(3000, () => {
   console.log('Server listening on port 3000, press ctrl-C to quit...');

public/css/app.css

@@ -23,9 +23,14 @@ td.hides button {
   display: inline;
   float: left;
   background: 0;
-  border: 0;
-  outline: 0;
+  /*border: 0;
+  outline: 0;*/
   color: white;
+
+  &:hover {
+    background: white;
+    color: #78909c;
+  }
 }
 
 h3 {

public/js/app.js

@@ -17,6 +17,28 @@ function postTalk($scope, $http) {
   });
 }
 
+function hideTalk($scope, $http) {
+  var data = {
+    talkId: $scope.id,
+    hiddenStatus: true
+  };
+
+  $http.post("/api/hideTalk", data).then(response => {
+    $scope.talks = response.data;
+  });
+}
+
+function unhideTalk($scope, $http) {
+  var data = {
+    talkId: $scope.id,
+    hiddenStatus: false
+  };
+
+  $http.post("/api/unhideTalk", data).then(response => {
+    $scope.talks = response.data;
+  });
+}
+
 // The main controller for the page
 app.controller('talksController', ($scope, $http) => {
   getTalks($scope, $http); // Always load in talks at startup
@@ -28,12 +50,14 @@ app.controller('talksController', ($scope, $http) => {
   };
 
   // Hide a certain talk
-  $scope.hide = () => {
-
+  $scope.hide = (id) => {
+    $scope.id = id;
+    hideTalk($scope, $http);
   };
 
   // unhide a certain talk
-  $scope.unhide = () => {
-
+  $scope.unhide = (id) => {
+    $scope.id = id;
+    unhideTalk($scope, $http);
   };
 });

talks-ctrl.js

@@ -22,10 +22,25 @@ module.exports.createTalk = function(req, res) {
   });
 };
 
+module.exports.updateTalk = function(req, res) {
+  console.log("UPDURTINGS");
+  var sequelize = connectToServer();
+  var talksModel = sequelize.import(__dirname + "/talks-model.js");
+
+  return talksModel.sync().then(() => {
+    return talksModel.update(
+      { hidden: req.body.hiddenStatus },
+      { where: { id: req.body.talkId }}
+    );
+  }).then(() => {
+    loadTalks(talksModel, res);
+  });
+};
+
 // Send a SELECT query to the database and return the response as JSON
 function loadTalks(model, res) {
   return model.findAll({
-    attributes: ['id', 'name', 'type', 'desc']
+    attributes: ['id', 'name', 'type', 'desc', 'hidden']
   }).then(result => {
     return res.json(result);
   });

talks-model.js

@@ -5,6 +5,10 @@ module.exports = function(sequelize, DataTypes) {
     id: { type: DataTypes.INTEGER, primaryKey: true, autoIncrement: true },
     name: { type: DataTypes.STRING },
     type: { type: DataTypes.STRING },
-    desc: { type: DataTypes.STRING }
+    desc: { type: DataTypes.STRING },
+    hidden: { type: DataTypes.BOOLEAN, defaultValue: false }
+  }, {
+    timestamps: false,
+    tableName: 'talks'
   });
 };

views/all.jade

@@ -0,0 +1,52 @@
+html(ng-app='talksApp')
+  head
+    title Talks
+    meta(charset='utf-8')
+    
+    link(rel='stylesheet' href='css/app.css')
+  body
+    #nav
+      ul
+        li: a(href="http://cosi.clarkson.edu/") CSLabs Homepage
+        li: a(href="http://dubsdot.cosi.clarkson.edu/") Dubsdot
+        li: a(href="http://docs.cosi.clarkson.edu/") Docs
+        li: a(href="http://print.cosi.clarkson.edu/") Print
+        li: a(href="http://mirror.clarkson.edu/") Mirror
+        li: a(href="http://fsuvius.cosi.clarkson.edu/") Fsuvius
+        li: a(href="http://talks.cosi.clarkson.edu/") Talks
+        li: a(href="http://cosi-lab.github.io/meeting-minutes/") Meeting Minutes
+        li: a(href="http://cosi-lab.github.io/project-updates/") Project Updates
+        li: a(href="http://moodle.cosi.clarkson.edu/") COSI Moodle
+        li: a(href="http://management.cosi.clarkson.edu/") Management
+    
+    h1 Talks
+    h3 Upcoming Events For The Clarkson Open Source Institute Meetings
+    h3 Next Meeting: Mar. 23
+    
+    table(ng-controller="talksController" id="talks-table")
+      tr(class="event" ng-repeat="talk in talks | orderBy: ['type']")
+        td.name {{ talk.name }}
+        td.type {{ talk.type }}
+        td.desc {{ talk.desc }}
+        td.hides
+          button(ng-click="hide(this.talk.id)") X
+          button(ng-click="unhide(this.talk.id)") ↶
+      tr
+        th Talk Presenter
+        th Type
+        th Description
+      tr
+        form
+          th: input(id="in_name" size=30 name="name" ng-model="newTalk.name" type="text" placeholder="Name")
+          th: select(name="type" ng-model="newTalk.type")
+            option(value="form topic") Forum Topic
+            option(value="lightning talk") Lightning Talk
+            option(value="project  update") Project Update
+            option(value="announcement") Announcement
+            option(value="after meeting slot") After-Meeting Slot
+          th: input(id="in_desc" size=50 name="desc" type="text" ng-model="newTalk.desc" placeholder="Description")
+          th: button(ng-click="createTalk()") Create
+          
+    script(src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.js")
+    script(src='js/app.js')
+    p(style="text-align:center") V2.0 - Not powered by Fsuvius

views/index.jade

@@ -24,13 +24,13 @@ html(ng-app='talksApp')
     h3 Next Meeting: Mar. 23
 
     table(ng-controller="talksController" id="talks-table")
-      tr(class="event" ng-repeat="talk in talks | orderBy: ['type']")
+      tr(class="event" ng-repeat="talk in talks | filter: {'hidden': false} | orderBy: ['type']")
         td.name {{ talk.name }}
         td.type {{ talk.type }}
         td.desc {{ talk.desc }}
         td.hides
-          button(ng-click="hide()") X
-          button(ng-click="unhide()") ↶
+          button(ng-click="hide(this.talk.id)") X
+          button(ng-click="unhide(this.talk.id)") ↶
       tr
         th Talk Presenter
         th Type