Add Co-Op Submission Page

Author: mbillow

conditional/__init__.py

@@ -50,6 +50,7 @@ def start_of_year():
 from conditional.blueprints.member_management import member_management_bp
 from conditional.blueprints.slideshow import slideshow_bp
 from conditional.blueprints.cache_management import cache_bp
+from conditional.blueprints.co_op import co_op_bp
 
 app.register_blueprint(dashboard_bp)
 app.register_blueprint(attendance_bp)
@@ -62,6 +63,7 @@ def start_of_year():
 app.register_blueprint(member_management_bp)
 app.register_blueprint(slideshow_bp)
 app.register_blueprint(cache_bp)
+app.register_blueprint(co_op_bp)
 
 from conditional.util.ldap import ldap_get_member
 

conditional/blueprints/co_op.py

@@ -0,0 +1,53 @@
+import uuid
+import structlog
+
+from flask import Blueprint, request, jsonify
+
+from conditional.util.flask import render_template
+
+from conditional.models.models import CurrentCoops
+
+from conditional import db, start_of_year
+
+co_op_bp = Blueprint('co_op_bp', __name__)
+
+logger = structlog.get_logger()
+
+@co_op_bp.route('/co_op/')
+def display_conditionals():
+    log = logger.new(user_name=request.headers.get("x-webauth-user"),
+                     request_id=str(uuid.uuid4()))
+    log.info('frontend', action='display conditional listing page')
+
+    # get user data
+    user_name = request.headers.get('x-webauth-user')
+    co_op = CurrentCoops.query.filter(CurrentCoops.uid == user_name, CurrentCoops.date_created > start_of_year()).first()
+
+    return render_template(request,
+                           'co_op.html',
+                           username=user_name,
+                           year=start_of_year().year,
+                           on_coop=co_op)
+
+
+@co_op_bp.route('/co_op/submit', methods=['POST'])
+def submit_major_project():
+    log = logger.new(user_name=request.headers.get("x-webauth-user"),
+                     request_id=str(uuid.uuid4()))
+
+    user_name = request.headers.get('x-webauth-user')
+
+    post_data = request.get_json()
+    semester = post_data['semester']
+
+    log.info('api', action='Submit %s Co-Op' % semester)
+    
+    if CurrentCoops.query.filter(CurrentCoops.uid == user_name, CurrentCoops.date_created > start_of_year()).first():
+        return "User has already submitted this form!", 403
+    
+    co_op = CurrentCoops(uid=user_name, semester=semester)
+    db.session.add(co_op)
+    db.session.flush()
+    db.session.commit()
+    
+    return jsonify({"success": True}), 200

conditional/templates/co_op.html

@@ -0,0 +1,50 @@
+{% extends "nav.html" %}
+{% block title %}
+Co-Op Submission
+{% endblock %}
+{% block body %}
+<div class="container main">
+    <h3 class="page-title">Co-Op Submission</h3>
+    <div class="row">
+        <div class="col-xs-12 col-sm-12 col-md-12">
+            <div class="panel panel-default">
+                <div class="panel-body" style="padding-top:25px">
+                    {% if not on_coop %}
+                    <p>Please select one of the following options below if you are going to be on co-op during either semester this year. In the case you are going to be on co-op for both semesters, please contact the Evaluations Director and have them remove you from Active status.</p>
+                    <p>By selecting an option and submitting this form you are forfeiting your right to vote in house matters during the selected period. You are not required to attend house meetings but are still eligable for directorship meeting attendance.</p>
+                    <form data-module="coopSubmitForm">
+                        <div class="co-op-group">
+                            <div class="col-xs-12 col-sm-6">
+                                <div class="radio">
+                                    <label>
+                                        <input type="radio" name="semester" id="fall" value="Fall">
+                                        <div class="co-op-option">
+                                        <h4 class="list-group-item-heading">Fall Semester</h4>
+                                        <p class='co-op-description'>August - December {{year}}</p>
+                                        </div>
+                                    </label>
+                                </div>
+                            </div>
+                            <div class="col-xs-12 col-sm-6">
+                                <div class="radio">
+                                    <label>
+                                        <input type="radio" name="semester" id="spring" value="Spring">
+                                        <div class="co-op-option">
+                                        <h4 class="list-group-item-heading">Spring Semester</h4>
+                                        <p class='co-op-description'>January - May {{year + 1}}</p>
+                                        </div>
+                                    </label>
+                                </div>
+                            </div>
+                        </div>
+                        <input type="submit" role="button" class="btn btn-raised btn-primary" style="width:100%;" value="Submit Form"/>
+                    </form>
+                    {% else %}
+                    <p class="align-center">Thanks for submitting this form. Good luck on your {{on_coop.semester}} co-op!</p>
+                    {% endif %}
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+{% endblock %}

conditional/templates/nav.html

@@ -25,6 +25,7 @@
                     <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><span class="glyphicon glyphicon-list-alt"></span> Forms <span class="caret"></span></a>
                     <ul class="dropdown-menu">
                         <li><a href="/major_project"><span class="glyphicon glyphicon-star"></span> Major Project</a></li>
+                        <li><a href="/co_op"><span class="glyphicon glyphicon-briefcase"></span> Co-Op Submission</a></li>
                         {% if is_intromember %}
                         <li><a href="/intro_evals_form"><span class="glyphicon glyphicon-blackboard"></span> Introductory Evaluations</a></li>
                         {% endif %}
@@ -40,7 +41,7 @@
                     {% endif %}
                     <span class="caret"></span></a>
                     <ul class="dropdown-menu">
-                        <li><a href="/attendance_cm"><span class="glyphicon glyphicon-briefcase"></span> Directorship Meeting </a></li>
+                        <li><a href="/attendance_cm"><span class="glyphicon glyphicon-user"></span> Directorship Meeting </a></li>
                         <li><a href="/attendance_ts"><span class="glyphicon glyphicon-blackboard"></span> Technical Seminar</a></li>
                         {% if is_eboard %}
                         <li><a href="/attendance/history"><span class="glyphicon glyphicon-calendar"></span> Attendance History</a></li>

frontend/javascript/modules/coopSubmitForm.js

@@ -0,0 +1,28 @@
+import FetchUtil from "../utils/fetchUtil";
+
+export default class coopSubmitForm {
+  constructor(form) {
+    this.form = form;
+    this.endpoint = '/co_op/submit';
+    this.render();
+  }
+
+  render() {
+    this.form.querySelector('input[type=submit]')
+      .addEventListener('click', e => this._submitForm(e));
+  }
+
+  _submitForm(e) {
+    e.preventDefault();
+
+    let payload = {
+      semester: this.form.querySelector('input[name=semester]:checked').value
+    };
+
+    FetchUtil.postWithWarning(this.endpoint, payload, {
+      warningText: "You will not be able to edit your " +
+        "submission once it is submitted!",
+      successText: "Your co-op has been submitted."
+    });
+  }
+}

frontend/stylesheets/app.scss

@@ -27,4 +27,5 @@
 @import 'pages/hm-attendance';
 @import 'pages/attendance-hist';
 @import 'pages/errors';
+@import 'pages/co-op';
 @import 'components/reveal';

frontend/stylesheets/pages/_co-op.scss

@@ -0,0 +1,16 @@
+.co-op-description {
+  margin-bottom: 25px;
+}
+
+.co-op-group {
+  margin-top: 25px;
+}
+
+.co-op-option {
+  padding-left: 10px;
+}
+
+.radio-inline input[type='radio'], .radio input[type='radio'], input[type='radio'] {
+  position: fixed;
+  margin-top: 20px;
+}