diff --git a/Frontend/_accountManagement.html b/Frontend/_accountManagement.html index 26483a0..3ea70e7 100644 --- a/Frontend/_accountManagement.html +++ b/Frontend/_accountManagement.html @@ -4,9 +4,12 @@

帳號與權限管理

@@ -35,7 +38,8 @@
@@ -51,7 +55,8 @@
- +
@@ -67,7 +72,8 @@
-
+ 加入可用功能
+
+ 加入可用功能
@@ -77,6 +83,7 @@ + + + + + + + + + \ No newline at end of file diff --git a/Frontend/_graphManagement.html b/Frontend/_graphManagement.html index c783a2e..a21ba4f 100644 --- a/Frontend/_graphManagement.html +++ b/Frontend/_graphManagement.html @@ -8,10 +8,14 @@
- - - - + + + +
@@ -63,7 +67,8 @@
@@ -86,7 +91,7 @@ - +
- +
@@ -71,7 +71,7 @@ var historyTable = null; $(function () { initList(); - + $(loadEle).Loading("close"); // default list filter initApp.listFilter($('#js_default_list'), $('#js_default_list_filter')); // custom response message @@ -90,9 +90,34 @@ onEvent('change', '#startdate', function () { let today = displayDate(new Date(Date.now()), 'date').replaceAll('/', '-'); let ytd = displayDate(new Date(new Date().setDate(new Date(Date.now()).getDate() - 1)), 'date').replaceAll('/', '-'); - console.log(today); - console.log(ytd); - if ($(this).val() == today) { + + if (pageAct.dateType == 'range') { + if ($('#startdate').val() > $('#enddate input').val() && ($('#startdate').val() != "" && $('#enddate input').val() != "")) { + $('#startdate').val($('#startdate').data('val')); + toast_error('不可選擇大於結束時間'); + } + else { + $('#startdate').data('val', $('#startdate').val()); + $('#enddate input').data('val', $('#enddate input').val()); + + $(`[onclick="setDateType('today', this)"]`).addClass('btn-secondary'); + $(`[onclick="setDateType('today', this)"]`).removeClass('btn-dark'); + $(`[onclick="setDateType('ytd', this)"]`).addClass('btn-secondary'); + $(`[onclick="setDateType('ytd', this)"]`).removeClass('btn-dark'); + + if ($('#startdate').val() == $('#enddate input').val()) { + if ($('#startdate').val() == today) { + $(`[onclick="setDateType('today', this)"]`).removeClass('btn-secondary'); + $(`[onclick="setDateType('today', this)"]`).addClass('btn-dark'); + } + else if ($('#startdate').val() == ytd) { + $(`[onclick="setDateType('ytd', this)"]`).removeClass('btn-secondary'); + $(`[onclick="setDateType('ytd', this)"]`).addClass('btn-dark'); + } + } + } + } + else if ($(this).val() == today) { $(`[onclick="setDateType('today', this)"]`).removeClass('btn-secondary'); $(`[onclick="setDateType('today', this)"]`).addClass('btn-dark'); $(`[onclick="setDateType('ytd', this)"]`).addClass('btn-secondary'); @@ -104,13 +129,37 @@ $(`[onclick="setDateType('ytd', this)"]`).removeClass('btn-secondary'); $(`[onclick="setDateType('ytd', this)"]`).addClass('btn-dark'); } - else { - $(`[onclick="setDateType('today', this)"]`).addClass('btn-secondary'); - $(`[onclick="setDateType('today', this)"]`).removeClass('btn-dark'); - $(`[onclick="setDateType('ytd', this)"]`).addClass('btn-secondary'); - $(`[onclick="setDateType('ytd', this)"]`).removClass('btn-dark'); - } }); + + onEvent('change', '#enddate input', function () { + let today = displayDate(new Date(Date.now()), 'date').replaceAll('/', '-'); + let ytd = displayDate(new Date(new Date().setDate(new Date(Date.now()).getDate() - 1)), 'date').replaceAll('/', '-'); + + if ($('#startdate').val() > $('#enddate input').val() && ($('#startdate').val() != "" && $('#enddate input').val() != "")) { + $('#enddate input').val($('#enddate input').data('val')); + toast_error('不可選擇大於結束時間'); + } + else { + $('#startdate').data('val', $('#startdate').val()); + $('#enddate input').data('val', $('#enddate input').val()); + + $(`[onclick="setDateType('today', this)"]`).addClass('btn-secondary'); + $(`[onclick="setDateType('today', this)"]`).removeClass('btn-dark'); + $(`[onclick="setDateType('ytd', this)"]`).addClass('btn-secondary'); + $(`[onclick="setDateType('ytd', this)"]`).removeClass('btn-dark'); + + if ($('#startdate').val() == $('#enddate input').val()) { + if ($('#startdate').val() == today) { + $(`[onclick="setDateType('today', this)"]`).removeClass('btn-secondary'); + $(`[onclick="setDateType('today', this)"]`).addClass('btn-dark'); + } + else if ($('#startdate').val() == ytd) { + $(`[onclick="setDateType('ytd', this)"]`).removeClass('btn-secondary'); + $(`[onclick="setDateType('ytd', this)"]`).addClass('btn-dark'); + } + } + } + }); }); function initList() { @@ -283,7 +332,9 @@ $('#enddate').css('display', 'block'); $('#getmonth').css('display', 'none'); $('#startdate').val(now); + $('#startdate').data('val', now); $('#enddate input').val(tmr); + $('#enddate input').data('val', tmr); } else if (type == "month") { $(`[onclick="setDateType('today', this)"], [onclick="setDateType('ytd', this)"]`).removeClass('btn-dark'); diff --git a/Frontend/_operation.html b/Frontend/_operation.html index 3cbc47e..49f2fb7 100644 --- a/Frontend/_operation.html +++ b/Frontend/_operation.html @@ -19,12 +19,12 @@
- +
- +