API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Dec 29th, 2016
143
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.75 KB | None | 0 0
raw download clone embed print report
  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>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!