|
|
@@ -29,6 +29,11 @@
|
|
|
<!-- Template Main CSS File -->
|
|
|
<link href="assets/css/style.css" rel="stylesheet">
|
|
|
|
|
|
+ <!-- Ark Cards -->
|
|
|
+ <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
|
|
|
+ <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
|
|
|
+ <script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>
|
|
|
+
|
|
|
<!-- =======================================================
|
|
|
* Template Name: NiceAdmin - v2.2.0
|
|
|
* Template URL: https://bootstrapmade.com/nice-admin-bootstrap-admin-html-template/
|
|
|
@@ -508,7 +513,7 @@
|
|
|
<main id="main" class="main">
|
|
|
|
|
|
<div class="pagetitle">
|
|
|
- <h1>Data Tables</h1>
|
|
|
+ <h1>會員帳號管理</h1>
|
|
|
<nav>
|
|
|
<ol class="breadcrumb">
|
|
|
<li class="breadcrumb-item"><a href="index.html">Home</a></li>
|
|
|
@@ -524,22 +529,21 @@
|
|
|
|
|
|
<div class="card">
|
|
|
<div class="card-body">
|
|
|
- <h5 class="card-title">Datatables</h5>
|
|
|
- <p>Add lightweight datatables to your project with using the <a href="https://github.com/fiduswriter/Simple-DataTables" target="_blank">Simple DataTables</a> library. Just add <code>.datatable</code> class name to any table you wish to conver to a datatable</p>
|
|
|
+ <h5 class="card-title">會員帳號</h5>
|
|
|
+ <!-- <p>Add lightweight datatables to your project with using the <a href="https://github.com/fiduswriter/Simple-DataTables" target="_blank">Simple DataTables</a> library. Just add <code>.datatable</code> class name to any table you wish to conver to a datatable</p> -->
|
|
|
|
|
|
<!-- Table with stripped rows -->
|
|
|
- <table class="table datatable">
|
|
|
+ <table class="table small datatable">
|
|
|
<thead>
|
|
|
<tr>
|
|
|
<th scope="col">#</th>
|
|
|
- <th scope="col">Name</th>
|
|
|
- <th scope="col">Position</th>
|
|
|
- <th scope="col">Age</th>
|
|
|
- <th scope="col">Start Date</th>
|
|
|
+ <th scope="col">userid</th>
|
|
|
+ <th scope="col">account</th>
|
|
|
+ <th scope="col">email</th>
|
|
|
</tr>
|
|
|
</thead>
|
|
|
- <tbody>
|
|
|
- <tr>
|
|
|
+ <tbody class="userdata">
|
|
|
+ <!-- <tr>
|
|
|
<th scope="row">1</th>
|
|
|
<td>Brandon Jacob</td>
|
|
|
<td>Designer</td>
|
|
|
@@ -573,7 +577,7 @@
|
|
|
<td>Dynamic Division Officer</td>
|
|
|
<td>47</td>
|
|
|
<td>2011-04-19</td>
|
|
|
- </tr>
|
|
|
+ </tr> -->
|
|
|
</tbody>
|
|
|
</table>
|
|
|
<!-- End Table with stripped rows -->
|
|
|
@@ -616,6 +620,49 @@
|
|
|
<!-- Template Main JS File -->
|
|
|
<script src="assets/js/main.js"></script>
|
|
|
|
|
|
+<script>
|
|
|
+$(document).ready(function($) {
|
|
|
+ var str = '{ \
|
|
|
+ "hashed_password": "", \
|
|
|
+ "useraddress": "0x7a08c2f5587c1f848f13caa03035216c30034f13", \
|
|
|
+ "is_active": false, \
|
|
|
+ "created_at": "0000-00-00 00:00:00", \
|
|
|
+ "email": "", \
|
|
|
+ "id": 11,\
|
|
|
+ "userid": "U171a225ef8a06a3491f1d94310b7b265", \
|
|
|
+ "account": "", \
|
|
|
+ "is_superuser": false, \
|
|
|
+ "updated_at": "0000-00-00 00:00:00" \
|
|
|
+ }, \
|
|
|
+ { \
|
|
|
+ "hashed_password": "", \
|
|
|
+ "useraddress": "0xd1acf1eb9c956d1e90b650dd56bed57a5df2fcae", \
|
|
|
+ "is_active": false, \
|
|
|
+ "created_at": "0000-00-00 00:00:00", \
|
|
|
+ "email": "", \
|
|
|
+ "id": 12, \
|
|
|
+ "userid": "U1bd102319717680d145d74fe74af38f4", \
|
|
|
+ "account": "", \
|
|
|
+ "is_superuser": false, \
|
|
|
+ "updated_at": "0000-00-00 00:00:00" \
|
|
|
+ }';
|
|
|
+
|
|
|
+ var data = $.parseJSON('[' + str + ']');
|
|
|
+
|
|
|
+ var temp = "";
|
|
|
+
|
|
|
+ for (let i=0; i < data.length; i++) {
|
|
|
+ temp += '<tr> \
|
|
|
+ <th scope="row">' + data[i].id + '</th> \
|
|
|
+ <td>' + data[i].userid + '</td> \
|
|
|
+ <td>' + data[i].account + '</td> \
|
|
|
+ <td>' + data[i].email + '</td> \
|
|
|
+ </tr>';
|
|
|
+ }
|
|
|
+
|
|
|
+ $(".userdata").html(temp);
|
|
|
+});
|
|
|
+</script>
|
|
|
</body>
|
|
|
|
|
|
</html>
|
mike