daily pastebin goal
66%
SHARE
TWEET

Untitled

a guest Dec 29th, 2016 114 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ManageAccount.aspx.cs" Inherits="TimeStudyAppV1.Admin.ManageAccount" %>
  2.  
  3. <!DOCTYPE html>
  4.  
  5. <html xmlns="http://www.w3.org/1999/xhtml">
  6. <head runat="server">
  7.     <title>Manage Account</title>
  8.     <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
  9.     <link rel="stylesheet" href="https://code.getmdl.io/1.2.1/material.indigo-pink.min.css" />
  10.     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous" />
  11.     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.3/angular.min.js"></script>
  12.     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
  13.     <script defer src="https://code.getmdl.io/1.2.1/material.min.js"></script>
  14.     <link href="../Content/TimeStudyAppDesign.css" rel="stylesheet" />
  15.     <style>
  16.        
  17.     </style>
  18.  
  19. </head>
  20.     <form id ="form1" runat="server">
  21. <body>
  22.     <!-- Always shows a header, even in smaller screens. -->
  23.     <div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
  24.         <header class="mdl-layout__header">
  25.             <div class="mdl-layout__header-row">
  26.                 <!-- Title -->
  27.                 <span class="mdl-layout-title">Manage Account</span>
  28.                 <!-- Add spacer, to align navigation to the right -->
  29.                 <div class="mdl-layout-spacer"></div>
  30.                 <!-- Navigation. We hide it in small screens. -->
  31.                 <nav class="mdl-navigation mdl-layout--large-screen-only">
  32.                     <a class="mdl-navigation__link" href="#">Manage Account</a> //Currently this page
  33.                     <a class="mdl-navigation__link" href="../ManageReport.aspx">Manage Report</a>
  34.                     <a class="mdl-navigation__link" href="../MyProfile.aspx">My Profile</a>
  35.                      <asp:Button ID="Button1" class="mdl-navigation__link ButtonAsLink" runat="server" Text="Sign Out" OnClick="btnSignOut_Click" />
  36.                 </nav>
  37.             </div>
  38.         </header>
  39.         <div class="mdl-layout__drawer mdl-layout--small-screen-only">
  40.             <span class="mdl-layout-title">Home</span>
  41.             <nav class="mdl-navigation">
  42.                 <a class="mdl-navigation__link" href="#">Manage Account</a>
  43.                 <a class="mdl-navigation__link" href="#">Manage Report</a>
  44.                 <a class="mdl-navigation__link" href="#">My Profile</a>
  45.                 <a class="mdl-navigation__link" href="#">Logout</a>
  46.             </nav>
  47.         </div>
  48.         <main class="mdl-layout__content">
  49.             <div class="page-content ">
  50.                 <!-- Your content goes here -->
  51.  
  52.                 <div class="mdl-layout mdl-js-layout mdl-layout--fixed-drawer">
  53.                     <div class="mdl-layout__drawer">
  54.                         <button class="mdl-button mdl-js-button mdl-button--raised">
  55.                             Add A User
  56.                         </button>
  57.                         <!--SearchIcon-->
  58.                         <div class="mdl-textfield mdl-js-textfield mdl-textfield--expandable">
  59.                             <label class="mdl-button mdl-js-button mdl-button--icon" for="sample6">
  60.                                 <i class="material-icons">search</i>
  61.                             </label>
  62.                             <div class="mdl-textfield">
  63.                                 <input class="mdl-textfield__input" type="text" id="SearchTextbox" />
  64.                                 <label class="mdl-textfield__label" for="sample-expandable">User:</label>
  65.                             </div>
  66.                         </div>
  67.                         <!-- End of Search -->
  68.                         <nav class="mdl-navigation">
  69.                             <table id="NavBar">
  70.                             </table>
  71.  
  72.                         </nav>
  73.  
  74.                     </div>
  75.                     <main id="contentBox" class="mdl-layout__content">
  76.                         <div class="page-content container col-md-offset-2">
  77.                             <!-- Your content goes here -->
  78.                             <h1>Manage Account</h1>
  79.                             <form id="userForm" action="#">
  80.                                 <p>Username:</p>
  81.                                 <div class="mdl-textfield mdl-js-textfield ">
  82.                                     <input class="mdl-textfield__input" type="text" id="usernameTextBox"/>
  83.                                     <label class="mdl-textfield__label " for="sample1"></label>
  84.                                 </div>
  85.                                 <p>Password</p>
  86.                                 <div class="mdl-textfield mdl-js-textfield ">
  87.                                     <input class="mdl-textfield__input" type="text" id="passwordTextBox"/>
  88.                                 </div>
  89.                                 <label class="mdl-checkbox " for="checkbox-2">
  90.                                      <input type="checkbox" name="isAdmin"  value="admin" id="adminCheckbox" />
  91.                                     <span class="mdl-checkbox__label">Make this user an admin</span>
  92.                                 </label>
  93.                                
  94.  
  95.                                 <div id="buttonContainer">
  96.                                     <button id="deleteBtn" class="mdl-button mdl-js-button marginSpacing mdl-button--raised mdl-button--accent mdl-js-ripple-effect col-md-1">
  97.                                         Delete
  98.                                     </button>
  99.                                     <button id="saveBtn" type="submit" class="mdl-button marginSpacing mdl-js-button mdl-button--raised mdl-button--colored mdl-js-ripple-effect col-md-1 col-md-offset-2 ">
  100.                                         Save
  101.                                     </button>
  102.  
  103.                                 </div>
  104.                             </form>
  105.  
  106.  
  107.  
  108.                         </div>
  109.                     </main>
  110.                 </div>
  111.  
  112.             </div>
  113.         </main>
  114.     </div>
  115.     </form>
  116.     <script>
  117.  
  118.  
  119.         var retrieveUserDataList;
  120.         var userDataForBinding;
  121.  
  122.        
  123.  
  124.         $(document).ready(function () {
  125.  
  126.             $.ajax({
  127.                 type: 'POST',
  128.                 url: '../api/v1/GetAllUserInfo',
  129.                 async: false
  130.             }).done(function (data, textStatus, jqXHR) {
  131.  
  132.                 userDataForBinding = data.userList;
  133.                 retrieveUserDataList = data.userList;
  134.                 console.log(data.success);
  135.                 console.log(retrieveUserDataList);
  136.                 bindTable();
  137.                
  138.  
  139.             });//end
  140.  
  141.  
  142.  
  143.  
  144.  
  145.      
  146.  
  147.         function bindTable()
  148.         {
  149.             var $tableElement = null;
  150.             $tableElement = $('#NavBar');
  151.             $("#NavBar tr").remove();
  152.            
  153.             var $cellElement = null;
  154.             var $rowElement = null;
  155.             var userName = '';
  156.             var password = '';
  157.             var userID = '';
  158.             var userRoleID = '';
  159.            
  160.  
  161.             for (index = 0; index < userDataForBinding.length; index++) {
  162.                 userName = userDataForBinding[index].Username;
  163.                 password = userDataForBinding[index].Password;
  164.                 userID = userDataForBinding[index].UserID;
  165.                 userRoleID = userDataForBinding[index].UserRoleID;
  166.                 $rowElement = $('<tr></tr>');//create row
  167.                 $cellElement = $('<td><button id="button' + index + '" class="mdl-button mdl-js-button" onclick=GetUserInfo("' + userName + '")>' + userName + '</button></td>');
  168.                 $rowElement.append($cellElement);
  169.                 $tableElement.append($rowElement);
  170.             }
  171.         }
  172.        
  173.      
  174.  
  175.           });//end of document.ready
  176.         function GetUserInfo(userName) {
  177.             console.log("insideGetUserInfo");
  178.  
  179.             for (i = 0; i < retrieveUserDataList.length; i++) {
  180.                 console.log(i);
  181.                 console.log(userName);
  182.                 if (userName == retrieveUserDataList[i].Username) {
  183.                     $("#usernameTextBox").val(retrieveUserDataList[i].Username);
  184.                     $("#passwordTextBox").val(retrieveUserDataList[i].Password);
  185.                     if (retrieveUserDataList[i].UserRoleID == 1) {
  186.  
  187.                         $("#adminCheckbox").prop("checked", true);
  188.                     } else {
  189.  
  190.                         $("#adminCheckbox").prop("checked", false);
  191.                     }
  192.  
  193.                 }
  194.             }
  195.         }
  196.  
  197.        
  198.         function test(name) {
  199.             alert("clicked"+name);
  200.         }
  201.  
  202.     </script>
  203. </body>
  204. </html>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top