Add JS for deleting major projects; fixed some strings and typos.

Author: stevenmirabito

conditional/blueprints/dashboard.py

@@ -96,7 +96,6 @@ def display_dashboard():
     user_name = request.headers.get('x-webauth-user')
 
     can_vote = get_voting_members()
-    logger.info('backend', action=can_vote)
     data = dict()
     data['username'] = user_name
     data['name'] = ldap_get_name(user_name)
@@ -142,6 +141,7 @@ def display_dashboard():
 
     data['major_projects'] = [
         {
+            'id': p.id,
             'name': p.name,
             'status': p.status,
             'description': p.description

conditional/templates/dashboard.html

@@ -201,24 +201,24 @@ <h3 class="panel-title">Conditionals</h3>
                 <div class="panel-heading">
                     <h3 class="panel-title">Major Projects</h3>
                 </div>
-                <table>
-                    {% for p in major_projects %}
-                    <tr>
+                <div class="panel-body">
+                {% for p in major_projects %}
+                    <div class="mp-container">
                         {% if p['status'] == "Passed" %}
-                        <span class="title"><span style="padding-left:15px; padding-top:15px;" class="glyphicon glyphicon-ok-sign green"></span> {{p['name']}}
-                    </span>
+                        <div class="title"><span class="glyphicon glyphicon-ok-sign green"></span> {{p['name']}}</div>
                         {% elif p['status'] == "Pending" %}
-                        <span class="title"><span style="padding-left:15px; padding-top:15px;" class="glyphicon glyphicon-hourglass yellow"></span> {{p['name']}}
-                        <button class="btn-xs btn-danger btn-mp"><span class="glyphicon glyphicon-trash"></span> Delete</button>
-                    </span>
+                        <div class="title">
+                            <span class="glyphicon glyphicon-hourglass yellow"></span> {{p['name']}}
+                            <button class="btn-xs btn-danger pull-right" data-module="majorProjectStatus" data-id="{{p['id']}}"><span class="glyphicon glyphicon-trash"></span> Delete</button>
+                        </div>
                         {% else %}
-                        <span class="title"><span style="padding-left:15px; padding-top:15px;" class="glyphicon glyphicon-minus-sign red"></span> {{p['name']}}
-                    </span>
+                        <div class="title"><span class="glyphicon glyphicon-minus-sign red"></span> {{p['name']}}</div>
                         {% endif %}
-                        <div class="panel-body" style="word-wrap:break-word">{{p['description']}}</div>
-                    </tr>
-                    {% endfor %}
-                </table>
+                        <div class="mp-description">{{p['description']}}</div>
+                    </div>
+                </tr>
+                {% endfor %}
+                </div>
             </div>
             {% endif %}
 

conditional/templates/major_project_submission.html

@@ -74,7 +74,7 @@ <h5 style="padding:15px 20px;float:right"><span class="glyphicon glyphicon-remov
                 <h5 style="padding:15px 20px;float:right"><span class="glyphicon glyphicon-hourglass yellow"></span></h5>
                 {% endif %}
                 {% if p.is_owner and p['status'] == 'Pending' %}
-                <button class="btn btn-danger btn-mp"><span class="glyphicon glyphicon-trash"></span> Delete</button>
+                <button class="btn btn-danger btn-mp" data-module="majorProjectStatus" data-id="{{p['id']}}"><span class="glyphicon glyphicon-trash"></span> Delete</button>
                 {% endif %}
             {% endif %}
             </div>

frontend/javascript/modules/attendanceForm.js

@@ -53,7 +53,7 @@ export default class AttendanceForm {
         });
 
         FetchUtil.postWithWarning(this.endpoint, payload, {
-          warningText: "You will not be able to edit this event once" +
+          warningText: "You will not be able to edit this event once " +
                         "attendance has been recorded.",
           successText: "Attendance has been submitted."
         });

frontend/javascript/modules/editUser.js

@@ -352,8 +352,8 @@ export default class EditUser {
 
     FetchUtil.fetchWithWarning(this.endpoints.userDetails + this.uid, {
       method: 'DELETE',
-      warningText: 'This account\'s data will be permanently deleted.',
-      successText: 'Freshman account has been deleted.'
+      warningText: "This account's data will be permanently deleted.",
+      successText: "Freshman account has been deleted."
     }, () => {
       $(modal).modal('hide');
       window.location.reload();
@@ -371,9 +371,9 @@ export default class EditUser {
     };
 
     FetchUtil.postWithWarning(this.endpoints.userUpgrade, payload, {
-      warningText: 'This will irreversibly migrate all of this ' +
-      'freshman\'s data to the specified member account.',
-      successText: 'Account has been upgraded.'
+      warningText: "This will irreversibly migrate all of this " +
+      "freshman's data to the specified member account.",
+      successText: "Account has been upgraded."
     }, () => {
       $(modal).modal('hide');
       window.location.reload();

frontend/javascript/modules/hmForm.js

@@ -58,7 +58,7 @@ export default class HouseMeetingForm {
         payload.members = upperclassmen;
 
         FetchUtil.postWithWarning(this.endpoint, payload, {
-          warningText: "You will not be able to unmark a member as present" +
+          warningText: "You will not be able to unmark a member as present " +
                         "once attendance has been recorded.",
           successText: "Attendance has been submitted."
         });

frontend/javascript/modules/majorProjectStatus.js

@@ -6,68 +6,95 @@ import FetchUtil from "../utils/fetchUtil";
 import sweetAlert from "../../../node_modules/bootstrap-sweetalert/dev/sweetalert.es6.js"; // eslint-disable-line max-len
 
 export default class MajorProjectStatus {
-  constructor(dropdown) {
-    this.dropdown = dropdown;
-    this.id = this.dropdown.dataset.id;
+  constructor(control) {
+    this.control = control;
+    this.id = this.control.dataset.id;
     this.endpoint = '/major_project/review';
+    this.deleteEndpoint = '/major_project/delete/';
     this.render();
   }
 
   render() {
-    const options = this.dropdown.querySelectorAll('[data-option]');
-    options.forEach(option => {
-      option.addEventListener('click', e => this._changeStatus(e));
-    });
+    if (this.control.tagName.toLowerCase() === "div") {
+      // Evals director dropdown
+      const options = this.control.querySelectorAll('[data-option]');
+      options.forEach(option => {
+        option.addEventListener('click', e => {
+          e.preventDefault();
+          this._changeStatus(e.target.dataset.option);
+        });
+      });
+    } else {
+      // Member self-delete button
+      this.control.addEventListener('click',
+          () => this._changeStatus('Delete'));
+    }
   }
 
-  _changeStatus(e) {
-    e.preventDefault();
-
-    let option = e.target.dataset.option;
-    let payload = {
-      id: this.id,
-      status: option
-    };
-
-    fetch(this.endpoint, {
-      method: 'POST',
-      headers: {
-        'Accept': 'application/json',
-        'Content-Type': 'application/json'
-      },
-      credentials: "same-origin",
-      body: JSON.stringify(payload)
-    })
-      .then(FetchUtil.checkStatus)
-      .then(FetchUtil.parseJSON)
-      .then(response => {
-        if (response.hasOwnProperty('success') && response.success === true) {
-          let toggle = this.dropdown.querySelector('.dropdown-toggle');
-          ["btn-success", "btn-danger", "btn-warning"].forEach(classToRemove =>
-            toggle.classList.remove(classToRemove));
-
-          const caret = document.createElement('span');
-          caret.classList.add('caret');
-          toggle.text = option + " ";
-          toggle.appendChild(caret);
-
-          if (option === "Passed") {
-            toggle.classList.add("btn-success");
-          } else if (option === "Failed") {
-            toggle.classList.add("btn-danger");
-          } else {
-            toggle.classList.add("btn-warning");
-          }
+  _changeStatus(option) {
+    if (option === "Delete") {
+      FetchUtil.fetchWithWarning(this.deleteEndpoint + this.id, {
+        method: 'DELETE',
+        warningText: 'This action cannot be undone.',
+        successText: 'Major project deleted.'
+      }, () => {
+        let dashboardContainer = this.control.closest(".mp-container");
+        if (dashboardContainer) {
+          // Dashboard button
+          $(dashboardContainer).hide();
         } else {
-          sweetAlert("Uh oh...", "We're having trouble updating this project " +
-            "right now. Please try again later.", "error");
-          throw new Exception(FetchException.REQUEST_FAILED, response);
+          // Major projects page button
+          $(this.control.closest(".panel")).fadeOut();
         }
-      })
-      .catch(error => {
-        sweetAlert("Uh oh...", "We're having trouble updating this project " +
-          "right now. Please try again later.", "error");
-        throw new Exception(FetchException.REQUEST_FAILED, error);
       });
+    } else {
+      let payload = {
+        id: this.id,
+        status: option
+      };
+
+      fetch(this.endpoint, {
+        method: 'POST',
+        headers: {
+          'Accept': 'application/json',
+          'Content-Type': 'application/json'
+        },
+        credentials: "same-origin",
+        body: JSON.stringify(payload)
+      })
+          .then(FetchUtil.checkStatus)
+          .then(FetchUtil.parseJSON)
+          .then(response => {
+            if (response.hasOwnProperty('success') &&
+                response.success === true) {
+              let toggle = this.control.querySelector('.dropdown-toggle');
+              ["btn-success", "btn-danger", "btn-warning"]
+                  .forEach(classToRemove =>
+                  toggle.classList.remove(classToRemove));
+
+              const caret = document.createElement('span');
+              caret.classList.add('caret');
+              toggle.text = option + " ";
+              toggle.appendChild(caret);
+
+              if (option === "Passed") {
+                toggle.classList.add("btn-success");
+              } else if (option === "Failed") {
+                toggle.classList.add("btn-danger");
+              } else {
+                toggle.classList.add("btn-warning");
+              }
+            } else {
+              sweetAlert("Uh oh...", "We're having trouble updating " +
+                  "this project right now. Please try again later.", "error");
+              throw new Exception(FetchException.REQUEST_FAILED, response);
+            }
+          })
+          .catch(error => {
+            sweetAlert("Uh oh...", "We're having trouble updating " +
+                "this project right now. Please try again later.", "error");
+            throw new Exception(FetchException.REQUEST_FAILED, error);
+          });
+    }
   }
 }

frontend/stylesheets/pages/_dashboard.scss

@@ -31,3 +31,13 @@
 .profile-container {
   padding: 0 0 0 15px;
 }
+
+.mp-description {
+  margin: 5px 0 15px;
+
+  word-wrap: break-word;
+
+  &:last-of-type {
+    margin: 5px 0;
+  }
+}

frontend/stylesheets/pages/_management.scss

@@ -124,9 +124,9 @@
 }
 
 .btn-mp {
-  margin-top: 20px;
-  margin-right:15px;
   float: right;
+  margin-top: 20px;
+  margin-right: 15px;
 }
 
 .stat-number {