Work on Become Active functionality

Author: RamZallan

conditional/blueprints/dashboard.py

@@ -5,6 +5,7 @@
 from conditional.util.ldap import ldap_is_onfloor
 from conditional.util.ldap import ldap_is_active
 from conditional.util.ldap import ldap_is_intromember
+from conditional.util.ldap import ldap_is_current_student
 from conditional.util.ldap import ldap_get_member
 from conditional.util.ldap import ldap_get_active_members
 
@@ -44,6 +45,8 @@ def display_dashboard():
     data['active'] = ldap_is_active(member)
     data['onfloor'] = ldap_is_onfloor(member)
     data['voting'] = bool(member.uid in can_vote)
+    data['student'] = ldap_is_current_student(member)
+
 
     data['voting_count'] = {"Voting Members": len(can_vote),
                             "Active Members": len(ldap_get_active_members())}

conditional/blueprints/member_management.py

@@ -28,6 +28,7 @@
 from conditional.util.ldap import ldap_is_financial_director
 from conditional.util.ldap import ldap_is_active
 from conditional.util.ldap import ldap_is_onfloor
+from conditional.util.ldap import ldap_is_current_student
 from conditional.util.ldap import ldap_set_roomnumber
 from conditional.util.ldap import ldap_set_active
 from conditional.util.ldap import ldap_set_inactive
@@ -491,6 +492,25 @@ def member_management_upgrade_user():
     return jsonify({"success": True}), 200
 
 
+@member_management_bp.route('/manage/make_user_active', methods=['POST'])
+def member_management_make_user_active():
+    log = logger.new(request=request)
+
+    post_data = request.get_json()
+
+    uid = post_data['uid']
+    account = ldap_get_member(uid)
+
+    if not ldap_is_current_student(account) or ldap_is_active(account):
+        return jsonify({"success": False}), 403
+
+    ldap_set_active(account)
+    log.info("Make user {} active".format(uid))
+
+    clear_members_cache()
+    return jsonify({"success": True}), 200
+
+
 @member_management_bp.route('/manage/intro_project', methods=['GET'])
 def introductory_project():
     log = logger.new(request=request)

conditional/templates/dashboard.html

@@ -251,7 +251,16 @@ <h3 class="panel-title">Major Projects</h3>
             </div>
             {% endif %}
 
+            {% if student and not active %}
+                <div class="alert alert-info"><span class="glyphicon glyphicon-exclamation-sign white" style="padding-right:5px"></span>
+                    Hey there! You're eligible to become an active member, click the button below if you'd like to pay dues and become active!
+                    <br />
+                    <a href="#" id="becomeActive" data-module="becomeActive" data-uid="{{username}}" class="btn btn-default">Become Active</a>
+                </div>
+            {% endif %}
+
         </div>
+
         <div class="col-lg-6 col-md-6">
             {% if housing %}
             <div class="panel panel-default">

frontend/javascript/modules/becomeActive.js

@@ -0,0 +1,31 @@
+import FetchUtil from "../utils/fetchUtil";
+
+export default class becomeActive {
+  constructor(link) {
+    this.link = link;
+    this.uid = this.link.dataset.uid;
+    this.endpoint = '/manage/make_user_active';
+    this.render();
+  }
+
+  render() {
+    this.link.addEventListener('click', e => this._delete(e));
+  }
+
+  _delete(e) {
+    e.preventDefault();
+
+    let payload = {
+      uid: this.uid
+    };
+
+    FetchUtil.postWithWarning(this.endpoint, payload, {
+      warningText: "Becoming an active member means that you will be charged" +
+                    " dues, which are $80 per semester.",
+      successText: "You are now an active member."
+    }, () => {
+      document.getElementById('becomeActive').remove();
+    });
+  }
+}
+

frontend/stylesheets/pages/_dashboard.scss

@@ -41,3 +41,10 @@
     margin: 5px 0;
   }
 }
+
+.alert-info {
+  .btn {
+    margin-top: 10px;
+  }
+}
+