From 25f31ee2a67bf170078c248b7645854b7c387da6 Mon Sep 17 00:00:00 2001
From: Melody <Melody@Nupi-Talamoo.local>
Date: Tue, 2 Jun 2015 22:50:28 -0700
Subject: [PATCH] Add more to settings

---
 scripts/SettingsController.js |  60 +++++++++++++--------
 templates/settings.html       | 122 ++++++++++++++++++++++++++++--------------
 2 files changed, 119 insertions(+), 63 deletions(-)

diff --git a/scripts/SettingsController.js b/scripts/SettingsController.js
index bc406f7..926c780 100644
--- a/scripts/SettingsController.js
+++ b/scripts/SettingsController.js
@@ -1,34 +1,50 @@
 angular.module('flashy.SettingsController', ['ui.router']).
 
-    controller('SettingsController', function($scope, $http) {
+    controller('SettingsController', function($rootScope, $resource, $scope, $state, $http, UserService) {
         $scope.error = false;
-	$scope.success = false;
-	$scope.mismatch = false;
-	$scope.unacceptable = false; 
+        $scope.success = false;
+        $scope.mismatch = false;
+        $scope.unacceptable = false; 
 
-        $scope.changePassword = function(oldPassword, newPassword, confirmedNewPassword) {
-            console.log('in change password');
+              $scope.changePassword = function(oldPassword, newPassword, confirmedNewPassword) {
+                  console.log('in change password');
+              
+             $http.patch('/api/me/', {
+                    'old_password': oldPassword, 
+              'new_password': newPassword
+          }).
+          success(function(data) {
         
-	     $http.patch('/api/me/', {
-	            'old_password': oldPassword, 
-		    'new_password': newPassword
-		}).
-		success(function(data) {
-	
-	         console.log('password successfully changes');
-	
-	    }).
-	    error(function(data) {
-	        console.log('not changed');
-	    });
+                 console.log('password successfully changes');
+        
+            }).
+            error(function(data) {
+                console.log('not changed');
+            });
 
-          
-	};
+                
+        };
+
+        $rootScope.SectionResource = $resource('/api/sections/:sectionId/');
+        $rootScope.currentSection = {};
+        $rootScope.UserService = UserService;
+
+        $scope.dropClass = function(section) {
+            $http.post('/api/sections/' + section.id + '/drop/').
+                success(function(data) {
+                    console.log(section.short_name + ' dropped');
+
+                    Materialize.toast('Dropped', 3000, 'rounded');
+                }).
+                error(function(err) {
+                    console.log('no drop for you');
+                });
+        };
         
 	
 	
-	console.log('checking to see if chrome');
-        if (!chrome) {
+        console.log('checking to see if chrome');
+        if (true/*!chrome*/) {
             return;
         }
         console.log('chrome');
diff --git a/templates/settings.html b/templates/settings.html
index dd8644b..cc4d0f2 100644
--- a/templates/settings.html
+++ b/templates/settings.html
@@ -1,55 +1,95 @@
-<div class="card" id="resetPasswordForm">
+<div class="row">
+   <div class="col s6 offset-s3">
+      <div class="card-panel" id="dropClassForm">
+        <h2>Notification Settings</h2>
+        <!--
+        class="js-checkbox" name="notifbox" value="toggle notifs"> -->
+        <form action="#">
+          <input type="checkbox" id = "notifbox" class="js-checkbox" />
+          <label for="notifbox">Enable notifications</label>
+        </form>
+      </div>
+   </div>
+</div>
 
-  <!--
-  class="js-checkbox" name="notifbox" value="toggle notifs"> -->
-  <form action="#">
-    <input type="checkbox" id = "notifbox" class="js-checkbox" />
-    <label for="notifbox">Check this to enable notifications</label>
-  </form>
+<div class="row">
+  <div class="col s6 offset-s3">
+    <div class="card-panel" id="resetPasswordForm">
 
-  <h2>Change Password</h2>
+      <h2>Change Password</h2>
 
-  <div class="row">
-    <form class="col s12" name="ChangePasswordForm">
+      <form name="ChangePasswordForm">
 
-      <div class="row">
-        <div class="input-field col s12">
-          <input id="password" required type="password" name="oldpw" ng-model="oldPassword" class="validate">
-          <label for="password">Old Password</label>
+        <div class="row">
+          <div class="input-field col s12">
+            <input id="password" required type="password" name="oldpw" ng-model="oldPassword" class="validate">
+            <label for="password">Old Password</label>
+          </div>
         </div>
-      </div>
 
-      <div role="alert">
-        <span class="error" ng-show="ChangePasswordForm.oldpw.$error.required">
-         Required!</span>
-      </div>
+        <div role="alert">
+          <span class="error" ng-show="ChangePasswordForm.oldpw.$error.required">
+           Required!</span>
+        </div>
 
 
-      <div class="row">
-        <div class="input-field col s12">
-          <input id="password" required ng-minlength=8 type="password" name="newpw" ng-model="newPassword" class="validate">
-          <label for="password">New Password</label>
+        <div class="row">
+          <div class="input-field col s12">
+            <input id="password" required ng-minlength=8 type="password" name="newpw" ng-model="newPassword" class="validate">
+            <label for="password">New Password</label>
+          </div>
+        </div>
+        
+        <div role="alert">
+          <span class="error" ng-show="ChangePasswordForm.newpw.$error.minlength">
+           New password must be at least 8 characters. </span>
         </div>
-      </div>
-      
-      <div role="alert">
-        <span class="error" ng-show="ChangePasswordForm.newpw.$error.minlength">
-         New password must be at least 8 characters. </span>
-      </div>
 
-      <div class="row">
-        <div class="input-field col s12">
-          <input id="password" required ng-minlength=8 compare-to="newpw" type="password" name="confirmpw" ng-model="confirmedNewPassword" class="validate">
-          <label for="password">Confirm New Password</label>
+        <div class="row">
+          <div class="input-field col s12">
+            <input id="password" required ng-minlength=8 compare-to="newpw" type="password" name="confirmpw" ng-model="confirmedNewPassword" class="validate">
+            <label for="password">Confirm New Password</label>
+          </div>
+        </div>
+        
+        <div role="alert">
+          <span class="error" ng-show="ChangePasswordForm.confirm.$error.minlength">
+           Must be the same as the new password. </span>
         </div>
-      </div>
-      
-      <div role="alert">
-        <span class="error" ng-show="ChangePasswordForm.confirm.$error.minlength">
-         Must be the same as the new password. </span>
-      </div>
 
 
-    </form>
-    <a class="waves-effect waves-light btn" id="resetPWButton"
+      </form>
+      <a class="waves-effect waves-light btn" id="resetPWButton"
        ng-click="changePassword(oldPassword, newPassword, confirmedNewPassword)">Change Password</a>
+    </div>
+  </div>
+</div>
+
+<div class="row">
+   <div class="col s6 offset-s3">
+      <div class="card-panel" id="dropClassForm">
+
+        <h2>Enrolled Classes</h2>
+        <div class="row" style="padding: 0px 25px">
+          <table class="hoverable responsive-table">
+              <thead>
+                <tr>
+                    <th data-field="id">Class</th>
+                    <th data-field="drop">Drop?</th>
+                </tr>
+              </thead>
+
+              <tbody>
+                <tr  ng-repeat="section in UserService.getUserData().sections">
+                  <td>
+                    <span>{{section.short_name}}</span>
+                    <p>{{section.long_name}}</p>
+                  </td>
+                  <td><a href="" ng-click="dropClass(section)"><i class="mdi-content-clear small"></i></a></td>
+                </tr>
+              </tbody>
+          </table>
+        </div>
+      </div>
+    </div>
+</div>
-- 
1.9.1