mirror of
https://github.com/supanadit/short-url.git
synced 2024-11-10 01:52:20 +00:00
Adding number at table
This commit is contained in:
parent
e4c5a12b23
commit
13aa6df6f5
@ -20,6 +20,7 @@
|
|||||||
<table class="table table-bordered">
|
<table class="table table-bordered">
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
|
<th style="width:10px;text-align: center;">No</th>
|
||||||
<th>Destination</th>
|
<th>Destination</th>
|
||||||
<th>Short URL</th>
|
<th>Short URL</th>
|
||||||
<th style="text-align:center;">Click</th>
|
<th style="text-align:center;">Click</th>
|
||||||
@ -55,6 +56,7 @@
|
|||||||
let page = 1;
|
let page = 1;
|
||||||
let canPageNext = false;
|
let canPageNext = false;
|
||||||
let canPagePrevious = false;
|
let canPagePrevious = false;
|
||||||
|
let perPage = 15;
|
||||||
|
|
||||||
$(document).ready(function () {
|
$(document).ready(function () {
|
||||||
clipboard.on('success', function (e) {
|
clipboard.on('success', function (e) {
|
||||||
@ -77,7 +79,7 @@
|
|||||||
async: true,
|
async: true,
|
||||||
beforeSend: function () {
|
beforeSend: function () {
|
||||||
$("#table-url-address-body").html("<tr>\n" +
|
$("#table-url-address-body").html("<tr>\n" +
|
||||||
" <td colspan=\"6\" style=\"text-align:center;color:#777;\">\n" +
|
" <td colspan=\"7\" style=\"text-align:center;color:#777;\">\n" +
|
||||||
" <i class=\"fa fa-spinner fa-spin\"></i>\n" +
|
" <i class=\"fa fa-spinner fa-spin\"></i>\n" +
|
||||||
" </td>\n" +
|
" </td>\n" +
|
||||||
" </tr>");
|
" </tr>");
|
||||||
@ -85,10 +87,10 @@
|
|||||||
success: function (result) {
|
success: function (result) {
|
||||||
rebuildPagination(result);
|
rebuildPagination(result);
|
||||||
if (result.data.length !== 0) {
|
if (result.data.length !== 0) {
|
||||||
$("#table-url-address-body").html(result.data.map(m => urlAddressRowComponent(m)));
|
$("#table-url-address-body").html(result.data.map((m, i) => urlAddressRowComponent(m, i)));
|
||||||
} else {
|
} else {
|
||||||
$("#table-url-address-body").html("<tr>\n" +
|
$("#table-url-address-body").html("<tr>\n" +
|
||||||
" <td colspan=\"6\" style=\"text-align:center;color:#777;\">\n" +
|
" <td colspan=\"7\" style=\"text-align:center;color:#777;\">\n" +
|
||||||
" <span>You don't have any shorten url address</span>\n" +
|
" <span>You don't have any shorten url address</span>\n" +
|
||||||
" </td>\n" +
|
" </td>\n" +
|
||||||
" </tr>");
|
" </tr>");
|
||||||
@ -119,7 +121,7 @@
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
const urlAddressRowComponent = function (urlAddressData) {
|
const urlAddressRowComponent = function (urlAddressData, i) {
|
||||||
let expiredStatus = "<label class=\"label label-info\">Never</label>";
|
let expiredStatus = "<label class=\"label label-info\">Never</label>";
|
||||||
if (urlAddressData.date_expired != null && urlAddressData.date_expired !== "") {
|
if (urlAddressData.date_expired != null && urlAddressData.date_expired !== "") {
|
||||||
expiredStatus = "<label class=\"label " + (urlAddressData.is_expired ? "label-danger" : "label-success") + "\">2020-02-20</label>";
|
expiredStatus = "<label class=\"label " + (urlAddressData.is_expired ? "label-danger" : "label-success") + "\">2020-02-20</label>";
|
||||||
@ -128,6 +130,7 @@
|
|||||||
const destination = urlAddressData.full_url_destination;
|
const destination = urlAddressData.full_url_destination;
|
||||||
const generatedURL = "{{$url}}/s/" + urlAddressData.path_generated;
|
const generatedURL = "{{$url}}/s/" + urlAddressData.path_generated;
|
||||||
const row = "<tr>\n" +
|
const row = "<tr>\n" +
|
||||||
|
" <td style=\"text-align:center;\">" + ((page !== 1 ? (page - 1) * perPage : 0) + (i + 1)) + "</td>\n" +
|
||||||
" <td><a href=\"" + destination + "\" target=\"_blank\">" + destination + "</a></td>\n" +
|
" <td><a href=\"" + destination + "\" target=\"_blank\">" + destination + "</a></td>\n" +
|
||||||
" <td><a href=\"" + generatedURL + "\" target=\"_blank\">" + generatedURL + "</a></td>\n" +
|
" <td><a href=\"" + generatedURL + "\" target=\"_blank\">" + generatedURL + "</a></td>\n" +
|
||||||
" <td align=\"center\">" + urlAddressData.click + "</td>\n" +
|
" <td align=\"center\">" + urlAddressData.click + "</td>\n" +
|
||||||
|
Loading…
Reference in New Issue
Block a user