Merge pull request #1 from openwebwork/master

Include peter's changes to classlist3

Author: mgage

htdocs/css/userlist.css

@@ -4,4 +4,18 @@
 #users_table { border-collapse: collapse; border: 1px solid #CCB; width: 800px; }
 #users_table td, table.testgrid th { padding: 5px; border: 1px solid #E0E0E0; }
 #users_table th { background: #E5E5E5; text-align: left; font-size: 90%; }
-#users_table td {font-size: 90%;}
+#users_table td {font-size: 90%;}
+
+label {font-weight: bold; display: inline; margin-right: 20px;}
+#mainActionMenu {width: 200px;}
+#testButton {margin-left: 25px; margin-right: 25px;}
+#selectalldiv {display: inline; margin-left: 25px; margin-right: 25px;}
+#filterdiv {display: inline;}
+
+#man_student_table {border: 1px solid black; border-collapse: collapse; width: 95%; }
+#man_student_table th{ border: 1px solid black; background: lightgray; }
+            
+#man_student_table td { border: 1px solid black; height: 2.5ex;}
+#man_student_table input {width: 10ex;}
+
+div.dialog {display: none;}

htdocs/html-templates/classlist3.html

@@ -0,0 +1,88 @@
+<div id="mainDiv"></div>
+
+
+<script type="text/template" id="mainClasslist">
+
+
+<div class="helpBox">
+    <p>The Student Management page allows you to edit student information as well as perform actions
+(delete, email, act as user) on individuals or a group of students. To edit a student's information, click on the appropriate property
+to change and retype or select the correct information.  To perform an action on an individual student, select the action
+from the <em>Take Action</em> column. To pefrom an action on a group of students, select those students using the checkboxes on the first
+column, then select the action from the button above (or below) the table.  Toggling the checkbox called <em>Select All</em> will select/deselect
+all rows in the table.   </p>
+</div>
+    
+<div>
+    <h2>Not all Actions are available currently</h2>
+    
+    
+    <p>Currently only the Delete and Add Users are available.</p></div>
+
+
+<div id="aboveTable">
+    <span id="selectalldiv"><label for="selectAll">Select All:</label><input type='checkbox' id='selectAllCB' /></span>
+    <select name="actionPopup"  class="actionMenu" id="mainActionMenu">
+<option selected="selected" value="takeAction">Take Action on Selected Students</option>
+<option value="menuEmail">Email Selected Students</option>
+<option value="menuChangePassword">Change the Password of Selected Student</option>
+<option value="menuDelete">Delete Selected Students</option>
+</select> 
+    <div id="filterdiv"><label for='filter'>Filter :</label><input type='text' id='filter'/></div>
+<input type="button"  value="Add Students" id="addStudentButton" />
+
+
+
+</div>
+<div id="users_table"></div>
+
+
+<div id="addStudDialog" class="dialog">
+    <p>Welcome to the Add Student Step-By-Step Wizard. Please select below if you wish to add students from a file or by typing them
+    in by hand.</p>
+</div>
+
+</script>
+
+<script type="text/template" id="add_student_file_dialog_content">
+
+    <div style="float: right; width: 400px;">
+    <span>Select file:<input type="file" id="files" name="files" /></span><br>
+    <button id="importStudFromFileButton" style="display: none">Import Students</button>
+    </div>
+    
+    <p>To import students from a file, there are a few simple steps:
+        <ol>
+            <li id="step1">Select the file by clicking the "Select File" button above right (or drag a file onto the box).  Note: currently only CSV files are supported
+            (click here for help on this).</li>
+            
+        
+        <li id="step2" style="display: none">Once the file is loaded, there are two things that must be done:
+        <ol><li>Select the proper column header for each column. If you want to ignore a column, leave the column header blank.</li>
+        <li>Select the rows that you want to import into WeBWorK.  You may click the top checkbox to select/deselect all rows.
+            
+        </li>
+        <li>Click the <em>Import Students</em> button.  This will add the selected students to this class.</li>
+        </ol></li>
+        
+        </ol></p>
+        
+        
+        <div id="studentTable"></div></p>
+</script>
+
+<script type="text/template" id="add_student_man_dialog_content">
+        <p>Add students below in the designated boxes.  If you leave the password field blank then the student will be given their user id
+            as the initial password. </p>
+            <div id='man_student_list'><%= content %></div>
+            <div id="manDialogTableFooter">
+            <button id="import_stud_button">Import Students</button>
+            <button id="add_more_button">Add Another Blank Line</button>
+            </div>
+</script>
+<script type="text/template" id="manStudentTableTmpl">
+    <table id='man_student_table'><tbody><tr><td>Delete</td>
+    <td>Login Name</td><td>First Name</td><td>Last Name</td><td>Email</td><td>Student Id</td><td>Status</td>
+    <td>Section</td><td>Recitation</td>
+    <td>Comment</td><td>Permission Level</td><td>Password</td></tr></tbody></table>
+</script>