Add new year flow

Author: mbillow

conditional/blueprints/member_management.py

@@ -549,7 +549,7 @@ def introductory_project_submit():
 def get_member(uid):
     log = logger.new(user_name=request.headers.get("x-webauth-user"),
                      request_id=str(uuid.uuid4()))
-    log.info('api', action='submit introductory project results')
+    log.info('api', action="get %s's information" & uid)
 
     username = request.headers.get('x-webauth-user')
     account = ldap_get_member(username)
@@ -585,3 +585,19 @@ def clear_active_members():
         log.info('api', action='remove %s from active status' % account.uid)
         ldap_remove_member_from_group(account, 'active')
     return jsonify({"success": True}), 200
+
+@member_management_bp.route('/manage/new', methods=['GET'])
+def new_year():
+    log = logger.new(user_name=request.headers.get("x-webauth-user"),
+                     request_id=str(uuid.uuid4()))
+    log.info('api', action='show new year page')
+
+    username = request.headers.get('x-webauth-user')
+    account = ldap_get_member(username)
+
+    if not ldap_is_eval_director(account):
+        return "must be eval director", 403
+
+    return render_template(request,
+                           'new_year.html',
+                           username=username)

conditional/templates/member_management.html

@@ -27,13 +27,16 @@ <h3 class="panel-title">Administration</h3>
                     <div class="stat-title">Intro Accounts</div>
                 </div>
                 {% if is_eval_director %}
-                <div class="col-xs-12 col-sm-4 align-center">
+                <div class="col-xs-6 col-sm-2 align-center">
                     <div class="material-switch">
                         <div class="switch-label">Site Lockdown</div>
                         <input type="checkbox" id="siteLockdownSwitch" name="siteLockdownSwitch" data-module="siteSettings" data-setting="siteLockdown"{% if site_lockdown %} checked{% endif %}>
                         <label for="siteLockdownSwitch" class="label-primary"></label>
                     </div>
                 </div>
+                <div class="col-xs-6 col-sm-2 align-center">
+                    <a href="/manage/new" class="btn btn-danger btn-sm btn-new-year"><span class="glyphicon glyphicon-repeat"></span> New Year</a>
+                </div>
                 {% endif %}
             </div>
         </div>

conditional/templates/new_year.html

@@ -0,0 +1,33 @@
+{% extends "nav.html" %}
+{% block title %}
+New Year Guide
+{% endblock %}
+{% block body %}
+<div class="container main">
+    <div id="new-welcome">
+        <h3 class="page-title">Welcome!</h3>
+        <p>Is it that time of year already? Before we get started, please <strong>be careful and ready everything before continuing</strong>. Some actions taken on the next few steps can be detrimental if followed in the middle of the year. Once you are ready to proceed, click 'Begin' below.</p>
+        <a href="#" data-module="newYear" data-step="welcome" class="btn btn-primary btn-new-next center-block"><span class="glyphicon glyphicon-chevron-down"></span> Begin</a>
+    </div>
+    <div id="new-clear" style="display: none;">
+        <h3 class="page-title">Clear Active Members and Floor Roster</h3>
+        <p>This is the scary part. In order to get everything ready for next year, we need to clear everyone from Active status and then clear the housing board. Once we get a fresh start, we will forward you onto the housing page to fill out the new housing board.</p>
+        <a href="#" data-module="newYear" data-step="clear" class="btn btn-primary btn-new-next center-block"><span class="glyphicon glyphicon-erase"></span> Clear Active Group and Housing Board</a>
+    </div>
+    <div id="new-housing" style="display: none;">
+        <h3 class="page-title">That was easy!</h3>
+        <p>The next and final step is to go through and populate the housing board, the button below will even take you there. Just a note: adding people will automatically mark them as active, since they will be charged dues.</p>
+        <a href="/housing" class="btn btn-primary btn-new-next center-block"><span class="glyphicon glyphicon-ok"></span> Onward and Upward!</a>
+    </div>
+</div>
+
+<div class="modal fade" id="loadingModal" tabindex="-1" role="dialog" aria-hidden="true">
+    <div class="vertical-alignment-helper">
+        <div class="modal-dialog vertical-align-center">
+            <div class="modal-content">
+                SPIN...
+            </div>
+        </div>
+    </div>
+</div>
+{% endblock %}

frontend/javascript/modules/newYear.js

@@ -0,0 +1,39 @@
+import FetchUtil from '../utils/fetchUtil';
+
+export default class NewYear {
+  constructor(link) {
+    this.link = link;
+    this.step = this.link.dataset.step;
+
+    this.endpoints = {
+      housing: '/housing',
+      active: '/manage/active'
+    };
+
+    this.render();
+  }
+  render() {
+    this.link.addEventListener('click', e => {
+      e.preventDefault();
+
+      if (this.step === "welcome") {
+        $('#new-welcome').fadeOut(function() {
+          $("#new-clear").fadeIn();
+        });
+      } else if (this.step === "clear") {
+        FetchUtil.fetchWithWarning(this.endpoints.active, {
+          method: 'DELETE',
+          warningText: "This will clear active members and room assignments!",
+          successText: "Data successfully cleared."}, () => {
+            fetch(this.endpoints.housing, {
+              method: 'DELETE'
+            })
+            .then($('#new-clear').fadeOut(function() {
+              $("#new-housing").fadeIn();
+            })
+            );
+          });
+      }
+    });
+  }
+}

frontend/stylesheets/pages/_management.scss

@@ -1,9 +1,17 @@
 .switch-label {
-  display: inline-block;
-  padding: 40px 10px;
+  display: block;
+  padding: 17px 10px 10px;
   text-align: center;
 }
 
+.btn-new-year {
+  margin-top: 30px;
+}
+
+.btn-new-next {
+  margin: 30px 0;
+}
+
 .upload-title {
   padding-top: 20px;
   height: 55px;

frontend/stylesheets/partials/_global.scss

@@ -88,3 +88,7 @@ tr {
   float: none;
   vertical-align: middle;
 }
+
+.hidden {
+  display: none;
+}