Additional button UI and testing data

Author: devinmatte

.gitignore

@@ -122,4 +122,5 @@ packet/static/mstile-310x150.png
 packet/static/mstile-310x310.png
 packet/static/mstile-70x70.png
 packet/static/safari-pinned-tab.svg
-packet/static/site.webmanifest
+packet/static/site.webmanifest
+faviconData.json

frontend/scss/components/buttons.scss

@@ -0,0 +1,4 @@
+.sign-packet {
+  float: right;
+  text-align: right;
+}

frontend/scss/packet.scss

@@ -3,4 +3,5 @@ $csh-pink: #b0197e;
 @import "partials/base";
 
 @import "components/switches";
-@import "components/datatables";
+@import "components/datatables";
+@import "components/buttons";

packet/routes.py

@@ -20,6 +20,11 @@ def index(info=None):
             "name": "Testiboi",
             "signatures": 12,
             "uid": 111
+        },
+        {
+            "name": "Ram Zallllllan",
+            "signatures": 69,
+            "uid": 420
         }
     ]
     return render_template("active_packets.html", info=info, freshmen=freshmen)

packet/templates/active_packets.html

@@ -28,10 +28,7 @@ <h3 class="page-title">Active Packets</h3>
                                         {% for m in freshmen %}
                                             <tr>
                                                 <td>
-                                                    <img class="eval-user-img" alt="{{ m['uid'] }}"
-                                                         src="https://profiles.csh.rit.edu/image/{{ m['uid'] }}"
-                                                         width="30"
-                                                         height="30"/> {{ m['name'] }}
+                                                    {{ m['name'] }}
                                                 </td>
                                                 <td>
                                                     <span class="glyphicon glyphicon-ok-sign green eval-info-status"></span>
@@ -41,8 +38,12 @@ <h3 class="page-title">Active Packets</h3>
                                                     <span class="glyphicon glyphicon-ok-sign green eval-info-status"></span>
                                                     {{ m['total_percent'] }}
                                                 </td>
-                                                <td>
-                                                    Sign Packet Button
+                                                <td class="sign-packet" align="right">
+                                                    {# if not signed #}
+                                                    <button class="btn btn-primary">Sign</button>
+                                                    {# else if signed #}
+                                                    <button class="btn btn-primary" disabled="disabled"><i class="fa fa-check"></i>&nbsp;Signed</button>
+                                                    {# endif #}
                                                 </td>
                                             </tr>
                                         {% endfor %}