+
+
+
+
+
+
+
+
+ @RenderBody()
+
+ 聯絡方式
"; + htmlBody += "企業名稱：" + objEsg.esgMessage_company; + htmlBody += "
統一編號：" + objEsg.esgMessage_id; + htmlBody += "
聯絡人姓名：" + objEsg.esgMessage_name; + htmlBody += "
聯絡人 email：" + objEsg.esgMessage_email; + htmlBody += "
聯絡人電話：" + objEsg.esgMessage_tel; + htmlBody += "
聯絡人部門/職稱：" + objEsg.esgMessage_department; + htmlBody += "
------------------------------------------------------------------------------"; + htmlBody += "
檢測結果：" + objEsg.esgMessage_testResult; + htmlBody += "
已知EGS需求：" + objEsg.esgMessage_esgNeed; + htmlBody += "
------------------------------------------------------------------------------"; + htmlBody += "
企業目前主要自媒體："; + + foreach (string urlstr in mediaUrl) { + htmlBody += "
" + urlstr + ""; + } + + + MailRequest mailRequest = new MailRequest(); + mailRequest.ToEmail = "calvin@bremen.com.tw,queenie@bremen.com.tw,sunny.lin@bremen.com.tw,poli.chen@bremen.com.tw"; + //mailRequest.attach = arrBites; + //mailRequest.attachName = "結果.xlsx"; + mailRequest.Body = htmlBody; + + mailRequest.Subject = "分眾結果通知信"; + + await SendEmailAsync(mailRequest); + + DbConn dbConn = new DbConn(); + SqlConnection conn = dbConn.sqlConnection(); + + conn.Insert
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Views/Home/Index.cshtml b/Views/Home/Index.cshtml
new file mode 100644
index 0000000..d2d19bd
--- /dev/null
+++ b/Views/Home/Index.cshtml
@@ -0,0 +1,8 @@
+@{
+ ViewData["Title"] = "Home Page";
+}
+
+
+
diff --git a/Views/Home/Privacy.cshtml b/Views/Home/Privacy.cshtml
new file mode 100644
index 0000000..af4fb19
--- /dev/null
+++ b/Views/Home/Privacy.cshtml
@@ -0,0 +1,6 @@
+@{
+ ViewData["Title"] = "Privacy Policy";
+}
+Welcome
+Learn about building Web apps with ASP.NET Core.
+@ViewData["Title"]
+ +Use this page to detail your site's privacy policy.
diff --git a/Views/Shared/Error.cshtml b/Views/Shared/Error.cshtml new file mode 100644 index 0000000..a1e0478 --- /dev/null +++ b/Views/Shared/Error.cshtml @@ -0,0 +1,25 @@ +@model ErrorViewModel +@{ + ViewData["Title"] = "Error"; +} + +Error.
+An error occurred while processing your request.
+ +@if (Model.ShowRequestId) +{ +
+ Request ID: @Model.RequestId
+
Development Mode
++ Swapping to Development environment will display more detailed information about the error that occurred. +
++ The Development environment shouldn't be enabled for deployed applications. + It can result in displaying sensitive information from exceptions to end users. + For local debugging, enable the Development environment by setting the ASPNETCORE_ENVIRONMENT environment variable to Development + and restarting the app. +
diff --git a/Views/Shared/_BackEnd.cshtml b/Views/Shared/_BackEnd.cshtml new file mode 100644 index 0000000..bb30a43 --- /dev/null +++ b/Views/Shared/_BackEnd.cshtml @@ -0,0 +1,193 @@ + + + + + + + + +
+
+ @RenderBody()
+
+
+
+
+
+
+
+ @await RenderSectionAsync("Scripts", required: false)
+
+
diff --git a/Views/Shared/_Layout.cshtml.css b/Views/Shared/_Layout.cshtml.css
new file mode 100644
index 0000000..a72cbea
--- /dev/null
+++ b/Views/Shared/_Layout.cshtml.css
@@ -0,0 +1,48 @@
+/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
+for details on configuring this project to bundle and minify static web assets. */
+
+a.navbar-brand {
+ white-space: normal;
+ text-align: center;
+ word-break: break-all;
+}
+
+a {
+ color: #0077cc;
+}
+
+.btn-primary {
+ color: #fff;
+ background-color: #1b6ec2;
+ border-color: #1861ac;
+}
+
+.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
+ color: #fff;
+ background-color: #1b6ec2;
+ border-color: #1861ac;
+}
+
+.border-top {
+ border-top: 1px solid #e5e5e5;
+}
+.border-bottom {
+ border-bottom: 1px solid #e5e5e5;
+}
+
+.box-shadow {
+ box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
+}
+
+button.accept-policy {
+ font-size: 1rem;
+ line-height: inherit;
+}
+
+.footer {
+ position: absolute;
+ bottom: 0;
+ width: 100%;
+ white-space: nowrap;
+ line-height: 60px;
+}
diff --git a/Views/Shared/_Signin.cshtml b/Views/Shared/_Signin.cshtml
new file mode 100644
index 0000000..785a27f
--- /dev/null
+++ b/Views/Shared/_Signin.cshtml
@@ -0,0 +1,86 @@
+
+
+
+
+
+ + Sign In +
+ +
';
+ $('#editable').atwho(at_config).atwho(emoji_config).atwho({
+ at: '#',
+ displayTpl: '',$("#editable").atwho(e).atwho(a).atwho({at:"#",displayTpl:"If necessary, you could initiate an AJAX request here (and then do the updating in a callback).
\ne.g. load ".concat(recipient, " file then update the modal's content. We'll use jQuery here, but you could use a data binding library or other methods instead.
")); + }); + } + }, { + key: "handleDntAssignees", + value: function handleDntAssignees() { + var self = this; + $(document).on('change', '[name="taskAssignees[]"]', function () { + // uncheck all if unassigned is checked + if ($(this).hasClass('task-unassignees') && $('#dntmAssignees .task-unassignees').is(':checked')) { + $('#dntmAssignees .task-assignees:checked').prop('checked', false); + } else { + $('#dntmAssignees .task-unassignees').prop('checked', false); + } // get the assignees:checked then save to array + + + var assignees = $('#dntmAssignees .task-assignees:checked'); + var button = $('#dntAssignees > span:first-child'); + var btnText = 'Unassigned'; + var values = []; + assignees.each(function () { + // push to values + values.push($(this).data('label')); + }); + var valuesLength = values.length; + + if (valuesLength) { + values.sort(); + btnText = valuesLength === 1 ? values[0] : "".concat(values[0], " + ").concat(valuesLength - 1, " more"); + button.text(btnText); // show divider + + $('#dntDivider').removeClass('d-none'); + } else { + button.text(btnText); + $('#dntmAssignees .task-unassignees').prop('checked', true); // hide divider + + $('#dntDivider').addClass('d-none'); + } // sort by data-sort + + + var listAssignees = $('#dntmAssignees > [data-sort]').get(); + var listAssigneesSorted = self.sortingElems(listAssignees); // group by :checked selector + + $.each(listAssigneesSorted, function (i, elem) { + var $checkbox = $(elem).find('[name="taskAssignees[]"]'); + + if ($checkbox.is(':checked')) { + $('#dntDivider').before(elem); + } else { + $('#dntmAssignees').append(elem); + } + }); + }); + } + }, { + key: "handleDntLabels", + value: function handleDntLabels() { + $(document).on('change', '[name="taskLabels[]"]', function () { + // uncheck all if unassigned is checked + if ($(this).hasClass('task-nolabel') && $('#dntLabels .task-nolabel').is(':checked')) { + $('#dntLabels .task-label:checked').prop('checked', false); + } else { + $('#dntLabels .task-nolabel').prop('checked', false); + } // get the label:checked then save to array + + + var labels = $('#dntLabels .task-label:checked'); + var button = $('#bntLabels > span:first-child'); + var btnText = 'No Label'; + var values = []; + labels.each(function () { + // push to values + values.push($(this).data('label')); + }); + var valuesLength = values.length; + + if (valuesLength) { + values.sort(); + btnText = valuesLength === 1 ? values[0] : "".concat(values[0], " + ").concat(valuesLength - 1, " more"); + button.text(btnText); + } else { + button.text(btnText); + $('#dntLabels .task-nolabel').prop('checked', true); + } + }); + } + }, { + key: "handleNtTodos", + value: function handleNtTodos() { + var self = this; + + var clearTodoInp = function clearTodoInp() { + var keepFocus = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true; + $('#ntTodosInpt').val('').focus(); // stay focus on input field + + if (!keepFocus) { + $('#ntTodosInpt').blur().parents('.publisher').removeClass('focus'); + } + }; + + $(document).on('keydown', '#ntTodosInpt', function (e) { + // prevent submit on enter before keyboard release + if (e.keyCode === 13) { + e.preventDefault(); + return false; + } + }).on('keyup', '#ntTodosInpt', function (e) { + var todo = { + id: self.ntTodos.length, + desc: $(this).val(), + checked: false + }; // on enter + + if (e.keyCode === 13) { + self.addNtTodo(todo); + clearTodoInp(); + } + }).on('click', '#ntTodosAdd', function () { + self.addNtTodo({ + id: self.ntTodos.length, + desc: $('#ntTodosInpt').val(), + checked: false + }); + clearTodoInp(); + }).on('click', '#ntTodosClear', function () { + clearTodoInp(false); + }); + } + }, { + key: "handleNewTaskForm", + value: function handleNewTaskForm() { + var self = this; // init markdown editor + + this.ntMarkdown = new SimpleMDE({ + element: document.querySelector('#taskDescription'), + spellChecker: false, + status: false, + toolbar: false + }); + $('#addNewTask').on('submit', function () { + var form = $(this); + var data = form.serializeArray(); // Get the file input and push to data + // I don't want to get deep in this case + // there is many way to handle file input, like: + // - http://bit.ly/2PyqlUc + // - http://bit.ly/2NKCAwj + // or something else. Feel free to do it in your way. + + var files = document.querySelector('[name="taskAttachment"]').files; + data.push({ + taskAttachment: files + }); // clear form + + form.trigger('reset'); + self.ntMarkdown.value(''); + self.resetNtTodos(); // close modal + + $('#modalNewTask').modal('hide'); // please see form data in your console + + console.log(data); + return false; + }); + } + }, { + key: "getNtTodosMeter", + value: function getNtTodosMeter() { + $('#ntTodosMeter').text("0/".concat(this.ntTodos.length)); + } + }, { + key: "addNtTodo", + value: function addNtTodo(todo) { + // reuired a description + if (todo.desc === '') { + return; + } // add todo to todos + + + this.ntTodos.push(todo); // save todos to todos input + + $('[name="ntTodos"]').val(JSON.stringify(this.ntTodos)); // update todos meter + + this.getNtTodosMeter(); + var tmpl = "\n
");
+ $('#ntTodos').append(tmpl);
+ }
+ }, {
+ key: "removeNtTodo",
+ value: function removeNtTodo(id) {
+ // remove todo from todos
+ this.ntTodos = this.ntTodos.filter(function (todo) {
+ return todo.id !== id;
+ }); // save todos to todos input
+
+ $('[name="ntTodos"]').val(JSON.stringify(this.ntTodos)); // update todos meter
+
+ this.getNtTodosMeter();
+ $("#todo".concat(id)).parents('.todo').remove();
+ }
+ }, {
+ key: "resetNtTodos",
+ value: function resetNtTodos() {
+ // reset todos
+ this.ntTodos = []; // save todos
+
+ $('[name="ntTodos"]').val(JSON.stringify(this.ntTodos)); // update todos meter
+
+ this.getNtTodosMeter();
+ $('#ntTodos').empty();
+ }
+ }, {
+ key: "sortingElems",
+ value: function sortingElems(elems) {
+ return elems.sort(function (a, b) {
+ return $(a).data('sort').toUpperCase().localeCompare($(b).data('sort').toUpperCase());
+ });
+ }
+ }]);
+
+ return BoardDemo;
+}();
+/**
+ * Keep in mind that your scripts may not always be executed after the theme is completely ready,
+ * you might need to observe the `theme:load` event to make sure your scripts are executed after the theme is ready.
+ */
+
+
+$(document).on('theme:init', function () {
+ window.boardDemo = new BoardDemo();
+});
\ No newline at end of file
diff --git a/wwwroot/BackEnd/assets/javascript/pages/board-demo.min.js b/wwwroot/BackEnd/assets/javascript/pages/board-demo.min.js
new file mode 100644
index 0000000..82dc4e7
--- /dev/null
+++ b/wwwroot/BackEnd/assets/javascript/pages/board-demo.min.js
@@ -0,0 +1,2 @@
+"use strict";function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _defineProperties(e,t){for(var n=0;n\n \n \n
\n \n \n
\n e.g. load ".concat(o," file then update the modal's content. We'll use jQuery here, but you could use a data binding library or other methods instead.
"))})}},{key:"handleDntAssignees",value:function(){var i=this;$(document).on("change",'[name="taskAssignees[]"]',function(){$(this).hasClass("task-unassignees")&&$("#dntmAssignees .task-unassignees").is(":checked")?$("#dntmAssignees .task-assignees:checked").prop("checked",!1):$("#dntmAssignees .task-unassignees").prop("checked",!1);var e=$("#dntmAssignees .task-assignees:checked"),t=$("#dntAssignees > span:first-child"),n="Unassigned",o=[];e.each(function(){o.push($(this).data("label"))});var s=o.length;s?(o.sort(),n=1===s?o[0]:"".concat(o[0]," + ").concat(s-1," more"),t.text(n),$("#dntDivider").removeClass("d-none")):(t.text(n),$("#dntmAssignees .task-unassignees").prop("checked",!0),$("#dntDivider").addClass("d-none"));var a=$("#dntmAssignees > [data-sort]").get(),d=i.sortingElems(a);$.each(d,function(e,t){$(t).find('[name="taskAssignees[]"]').is(":checked")?$("#dntDivider").before(t):$("#dntmAssignees").append(t)})})}},{key:"handleDntLabels",value:function(){$(document).on("change",'[name="taskLabels[]"]',function(){$(this).hasClass("task-nolabel")&&$("#dntLabels .task-nolabel").is(":checked")?$("#dntLabels .task-label:checked").prop("checked",!1):$("#dntLabels .task-nolabel").prop("checked",!1);var e=$("#dntLabels .task-label:checked"),t=$("#bntLabels > span:first-child"),n="No Label",o=[];e.each(function(){o.push($(this).data("label"))});var s=o.length;s?(o.sort(),n=1===s?o[0]:"".concat(o[0]," + ").concat(s-1," more"),t.text(n)):(t.text(n),$("#dntLabels .task-nolabel").prop("checked",!0))})}},{key:"handleNtTodos",value:function(){function n(e){var t=!(0\n \n
\n ');$("#ntTodos").append(t)}}},{key:"removeNtTodo",value:function(t){this.ntTodos=this.ntTodos.filter(function(e){return e.id!==t}),$('[name="ntTodos"]').val(JSON.stringify(this.ntTodos)),this.getNtTodosMeter(),$("#todo".concat(t)).parents(".todo").remove()}},{key:"resetNtTodos",value:function(){this.ntTodos=[],$('[name="ntTodos"]').val(JSON.stringify(this.ntTodos)),this.getNtTodosMeter(),$("#ntTodos").empty()}},{key:"sortingElems",value:function(e){return e.sort(function(e,t){return $(e).data("sort").toUpperCase().localeCompare($(t).data("sort").toUpperCase())})}}]),e}();$(document).on("theme:init",function(){window.boardDemo=new BoardDemo});
+//# sourceMappingURL=../../sourcemaps/pages/board-demo.min.js.map
diff --git a/wwwroot/BackEnd/assets/javascript/pages/board-demo.min.js.gz b/wwwroot/BackEnd/assets/javascript/pages/board-demo.min.js.gz
new file mode 100644
index 0000000..6b90cc9
Binary files /dev/null and b/wwwroot/BackEnd/assets/javascript/pages/board-demo.min.js.gz differ
diff --git a/wwwroot/BackEnd/assets/javascript/pages/chartjs-bar-demo.js b/wwwroot/BackEnd/assets/javascript/pages/chartjs-bar-demo.js
new file mode 100644
index 0000000..9c98592
--- /dev/null
+++ b/wwwroot/BackEnd/assets/javascript/pages/chartjs-bar-demo.js
@@ -0,0 +1,367 @@
+"use strict";
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+// Chartjs Bar Demo
+// =============================================================
+var ChartjsBarDemo = /*#__PURE__*/function () {
+ function ChartjsBarDemo() {
+ _classCallCheck(this, ChartjsBarDemo);
+
+ this.init();
+ }
+
+ _createClass(ChartjsBarDemo, [{
+ key: "init",
+ value: function init() {
+ // event handlers
+ this.barChart();
+ this.barHorizontal();
+ this.barStacked();
+ this.barStackedGroup();
+ this.barMultiAxis();
+ }
+ }, {
+ key: "colors",
+ value: function colors() {
+ return {
+ red: '#B76BA3',
+ orange: '#EC935E',
+ yellow: '#F7C46C',
+ green: '#A7C796',
+ teal: '#00A28A',
+ blue: '#346CB0',
+ purple: '#5F4B8B',
+ gray: '#BEC1C4'
+ };
+ }
+ }, {
+ key: "colorBrandNames",
+ value: function colorBrandNames() {
+ return Object.keys(Looper.getColors('brand'));
+ }
+ }, {
+ key: "randomScalingFactor",
+ value: function randomScalingFactor() {
+ return (Math.random() > 0.5 ? 1.0 : -1.0) * Math.round(Math.random() * 100);
+ }
+ }, {
+ key: "months",
+ value: function months() {
+ return ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
+ }
+ }, {
+ key: "barChart",
+ value: function barChart() {
+ var self = this;
+ var data = {
+ labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul'],
+ datasets: [{
+ label: 'Dataset 1',
+ backgroundColor: Looper.colors.brand.purple,
+ borderColor: Looper.colors.brand.purple,
+ borderWidth: 1,
+ data: [this.randomScalingFactor(), this.randomScalingFactor(), this.randomScalingFactor(), this.randomScalingFactor(), this.randomScalingFactor(), this.randomScalingFactor(), this.randomScalingFactor()]
+ }, {
+ label: 'Dataset 2',
+ backgroundColor: Looper.colors.brand.teal,
+ borderColor: Looper.colors.brand.teal,
+ borderWidth: 1,
+ data: [this.randomScalingFactor(), this.randomScalingFactor(), this.randomScalingFactor(), this.randomScalingFactor(), this.randomScalingFactor(), this.randomScalingFactor(), this.randomScalingFactor()]
+ }]
+ }; // init chart bar
+
+ var canvas = $('#canvas-bar')[0].getContext('2d');
+ var chart = new Chart(canvas, {
+ type: 'bar',
+ data: data,
+ options: {
+ title: {
+ display: true,
+ text: 'Bar Chart'
+ },
+ scales: {
+ xAxes: [{
+ ticks: {
+ maxRotation: 0,
+ maxTicksLimit: 5
+ }
+ }]
+ }
+ }
+ }); // randomize data
+
+ $('#randomizeData').on('click', function (e) {
+ e.preventDefault();
+ var zero = Math.random() < 0.2 ? true : false;
+ data.datasets.forEach(function (dataset) {
+ dataset.data = dataset.data.map(function () {
+ return zero ? 0.0 : self.randomScalingFactor();
+ });
+ });
+ chart.update();
+ }); // add data
+
+ $('#addData').on('click', function (e) {
+ e.preventDefault();
+
+ if (data.datasets.length > 0) {
+ var month = self.months()[data.labels.length % self.months().length];
+ data.labels.push(month);
+
+ for (var index = 0; index < data.datasets.length; ++index) {
+ //chart.addData(this.randomScalingFactor(), index)
+ data.datasets[index].data.push(self.randomScalingFactor());
+ }
+
+ chart.update();
+ }
+ }); // remove data
+
+ $('#removeData').on('click', function (e) {
+ e.preventDefault();
+ data.labels.splice(-1, 1); // remove the label first
+
+ data.datasets.forEach(function (dataset, datasetIndex) {
+ dataset.data.pop();
+ });
+ chart.update();
+ });
+ }
+ }, {
+ key: "barHorizontal",
+ value: function barHorizontal() {
+ var self = this;
+ var data = {
+ labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul'],
+ datasets: [{
+ label: 'Dataset 1',
+ backgroundColor: Looper.colors.brand.purple,
+ borderColor: Looper.colors.brand.purple,
+ borderWidth: 1,
+ data: [this.randomScalingFactor(), this.randomScalingFactor(), this.randomScalingFactor(), this.randomScalingFactor(), this.randomScalingFactor(), this.randomScalingFactor(), this.randomScalingFactor()]
+ }, {
+ label: 'Dataset 2',
+ backgroundColor: Looper.colors.brand.teal,
+ borderColor: Looper.colors.brand.teal,
+ data: [this.randomScalingFactor(), this.randomScalingFactor(), this.randomScalingFactor(), this.randomScalingFactor(), this.randomScalingFactor(), this.randomScalingFactor(), this.randomScalingFactor()]
+ }]
+ }; // init chart horizontal bar
+
+ var canvas = $('#canvas-horizontal-bar')[0].getContext('2d');
+ var chart = new Chart(canvas, {
+ type: 'horizontalBar',
+ data: data,
+ options: {
+ // Elements options apply to all of the options unless overridden in a dataset
+ // In this case, we are setting the border of each horizontal bar to be 2px wide
+ elements: {
+ rectangle: {
+ borderWidth: 2
+ }
+ },
+ title: {
+ display: true,
+ text: 'Horizontal Bar Chart'
+ }
+ }
+ }); // randomize data
+
+ $('#randomizeDataHorizontalBar').on('click', function (e) {
+ e.preventDefault();
+ var zero = Math.random() < 0.2 ? true : false;
+ data.datasets.forEach(function (dataset) {
+ dataset.data = dataset.data.map(function () {
+ return zero ? 0.0 : self.randomScalingFactor();
+ });
+ });
+ chart.update();
+ }); // add dataset
+
+ $('#addDatasetHorizontalBar').on('click', function (e) {
+ e.preventDefault();
+
+ if (data.datasets.length <= 6) {
+ var brandNames = self.colorBrandNames();
+ var colorName = brandNames[data.datasets.length % brandNames.length];
+ var newColor = Looper.getColors('brand')[colorName];
+ var newDataset = {
+ label: 'Dataset ' + data.datasets.length,
+ backgroundColor: newColor,
+ borderColor: newColor,
+ data: []
+ };
+
+ for (var index = 0; index < data.labels.length; ++index) {
+ newDataset.data.push(self.randomScalingFactor());
+ }
+
+ data.datasets.push(newDataset);
+ chart.update();
+ }
+ }); // remove dataset
+
+ $('#removeDatasetHorizontalBar').on('click', function () {
+ data.datasets.splice(0, 1);
+ chart.update();
+ });
+ }
+ }, {
+ key: "barStacked",
+ value: function barStacked() {
+ var data = {
+ labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul'],
+ datasets: [{
+ label: 'Dataset 1',
+ backgroundColor: Looper.colors.brand.blue,
+ data: [this.randomScalingFactor(), this.randomScalingFactor(), this.randomScalingFactor(), this.randomScalingFactor(), this.randomScalingFactor(), this.randomScalingFactor(), this.randomScalingFactor()]
+ }, {
+ label: 'Dataset 2',
+ backgroundColor: Looper.colors.brand.teal,
+ data: [this.randomScalingFactor(), this.randomScalingFactor(), this.randomScalingFactor(), this.randomScalingFactor(), this.randomScalingFactor(), this.randomScalingFactor(), this.randomScalingFactor()]
+ }, {
+ label: 'Dataset 3',
+ backgroundColor: Looper.colors.brand.purple,
+ data: [this.randomScalingFactor(), this.randomScalingFactor(), this.randomScalingFactor(), this.randomScalingFactor(), this.randomScalingFactor(), this.randomScalingFactor(), this.randomScalingFactor()]
+ }]
+ }; // init Chart Stacked Bar
+
+ var canvas = $('#canvas-stacked')[0].getContext('2d');
+ var chart = new Chart(canvas, {
+ type: 'bar',
+ data: data,
+ options: {
+ title: {
+ display: true,
+ text: 'Stacked'
+ },
+ tooltips: {
+ mode: 'index',
+ intersect: false
+ },
+ scales: {
+ xAxes: [{
+ stacked: true
+ }],
+ yAxes: [{
+ stacked: true
+ }]
+ }
+ }
+ });
+ }
+ }, {
+ key: "barStackedGroup",
+ value: function barStackedGroup() {
+ var data = {
+ labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul'],
+ datasets: [{
+ label: 'Dataset 1',
+ backgroundColor: Looper.colors.brand.purple,
+ stack: 'Stack 0',
+ data: [this.randomScalingFactor(), this.randomScalingFactor(), this.randomScalingFactor(), this.randomScalingFactor(), this.randomScalingFactor(), this.randomScalingFactor(), this.randomScalingFactor()]
+ }, {
+ label: 'Dataset 2',
+ backgroundColor: Looper.colors.brand.teal,
+ stack: 'Stack 0',
+ data: [this.randomScalingFactor(), this.randomScalingFactor(), this.randomScalingFactor(), this.randomScalingFactor(), this.randomScalingFactor(), this.randomScalingFactor(), this.randomScalingFactor()]
+ }, {
+ label: 'Dataset 3',
+ backgroundColor: Looper.colors.brand.teal,
+ stack: 'Stack 1',
+ data: [this.randomScalingFactor(), this.randomScalingFactor(), this.randomScalingFactor(), this.randomScalingFactor(), this.randomScalingFactor(), this.randomScalingFactor(), this.randomScalingFactor()]
+ }]
+ }; // init chart stacked group bar
+
+ var canvas = $('#canvas-stacked-group')[0].getContext('2d');
+ var chart = new Chart(canvas, {
+ type: 'bar',
+ data: data,
+ options: {
+ title: {
+ display: true,
+ text: 'Stacked Group'
+ },
+ tooltips: {
+ mode: 'index',
+ intersect: false
+ },
+ scales: {
+ xAxes: [{
+ stacked: true
+ }],
+ yAxes: [{
+ stacked: true
+ }]
+ }
+ }
+ });
+ }
+ }, {
+ key: "barMultiAxis",
+ value: function barMultiAxis() {
+ var data = {
+ labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul'],
+ datasets: [{
+ label: 'Dataset 1',
+ backgroundColor: [Looper.colors.brand.purple, Looper.colors.brand.orange, Looper.colors.brand.green, Looper.colors.brand.teal, Looper.colors.brand.blue, Looper.colors.brand.pink, Looper.colors.brand.red],
+ yAxisID: 'y-axis-1',
+ data: [this.randomScalingFactor(), this.randomScalingFactor(), this.randomScalingFactor(), this.randomScalingFactor(), this.randomScalingFactor(), this.randomScalingFactor(), this.randomScalingFactor()]
+ }, {
+ label: 'Dataset 2',
+ backgroundColor: Looper.colors.gray[400],
+ yAxisID: 'y-axis-2',
+ data: [this.randomScalingFactor(), this.randomScalingFactor(), this.randomScalingFactor(), this.randomScalingFactor(), this.randomScalingFactor(), this.randomScalingFactor(), this.randomScalingFactor()]
+ }]
+ };
+ var canvas = $('#canvas-multi-axis')[0].getContext('2d');
+ var chart = new Chart(canvas, {
+ type: 'bar',
+ data: data,
+ options: {
+ title: {
+ display: true,
+ text: 'Multi Axis'
+ },
+ tooltips: {
+ mode: 'index',
+ intersect: true
+ },
+ scales: {
+ yAxes: [{
+ type: 'linear',
+ // only linear but allow scale type registration. This allows extensions to exist solely for log scale for instance
+ display: true,
+ position: 'left',
+ id: 'y-axis-1'
+ }, {
+ type: 'linear',
+ // only linear but allow scale type registration. This allows extensions to exist solely for log scale for instance
+ display: true,
+ position: 'right',
+ id: 'y-axis-2',
+ gridLines: {
+ drawOnChartArea: false
+ }
+ }]
+ }
+ }
+ });
+ }
+ }]);
+
+ return ChartjsBarDemo;
+}();
+/**
+ * Keep in mind that your scripts may not always be executed after the theme is completely ready,
+ * you might need to observe the `theme:load` event to make sure your scripts are executed after the theme is ready.
+ */
+
+
+$(document).on('theme:init', function () {
+ new ChartjsBarDemo();
+});
\ No newline at end of file
diff --git a/wwwroot/BackEnd/assets/javascript/pages/chartjs-bar-demo.min.js b/wwwroot/BackEnd/assets/javascript/pages/chartjs-bar-demo.min.js
new file mode 100644
index 0000000..297a50c
--- /dev/null
+++ b/wwwroot/BackEnd/assets/javascript/pages/chartjs-bar-demo.min.js
@@ -0,0 +1,2 @@
+"use strict";function _classCallCheck(a,t){if(!(a instanceof t))throw new TypeError("Cannot call a class as a function")}function _defineProperties(a,t){for(var o=0;o\n
\n
\n \n "
+ }).on('colorpickerChange colorpickerCreate', function (e) {
+ var output = e.colorpicker.element.find('.hsv-output');
+ console.log(e);
+ output.html(e.color.toHslString()).css('background-color', e.color.toRgbString());
+
+ if (e.color.isDark()) {
+ output.css('color', 'white');
+ } else {
+ output.css('color', 'black');
+ }
+ });
+ }
+ }]);
+
+ return ColorPickerDemo;
+}();
+/**
+ * Keep in mind that your scripts may not always be executed after the theme is completely ready,
+ * you might need to observe the `theme:load` event to make sure your scripts are executed after the theme is ready.
+ */
+
+
+$(document).on('theme:init', function () {
+ new ColorPickerDemo();
+});
\ No newline at end of file
diff --git a/wwwroot/BackEnd/assets/javascript/pages/colorpicker-demo.min.js b/wwwroot/BackEnd/assets/javascript/pages/colorpicker-demo.min.js
new file mode 100644
index 0000000..3d3b4eb
--- /dev/null
+++ b/wwwroot/BackEnd/assets/javascript/pages/colorpicker-demo.min.js
@@ -0,0 +1,2 @@
+"use strict";function _classCallCheck(e,o){if(!(e instanceof o))throw new TypeError("Cannot call a class as a function")}function _defineProperties(e,o){for(var i=0;i
\n
\n
\n \n '}).on("colorpickerChange colorpickerCreate",function(e){var o=e.colorpicker.element.find(".hsv-output");o.html(e.color.toHslString()).css("background-color",e.color.toRgbString()),e.color.isDark()?o.css("color","white"):o.css("color","black")})}}]),e}();$(document).on("theme:init",function(){new ColorPickerDemo});
+//# sourceMappingURL=../../sourcemaps/pages/colorpicker-demo.min.js.map
diff --git a/wwwroot/BackEnd/assets/javascript/pages/colorpicker-demo.min.js.gz b/wwwroot/BackEnd/assets/javascript/pages/colorpicker-demo.min.js.gz
new file mode 100644
index 0000000..f8f20e3
Binary files /dev/null and b/wwwroot/BackEnd/assets/javascript/pages/colorpicker-demo.min.js.gz differ
diff --git a/wwwroot/BackEnd/assets/javascript/pages/conversations-demo.js b/wwwroot/BackEnd/assets/javascript/pages/conversations-demo.js
new file mode 100644
index 0000000..90891a2
--- /dev/null
+++ b/wwwroot/BackEnd/assets/javascript/pages/conversations-demo.js
@@ -0,0 +1,54 @@
+"use strict";
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+// Conversation Demo
+// =============================================================
+var ConversationDemo = /*#__PURE__*/function () {
+ function ConversationDemo() {
+ _classCallCheck(this, ConversationDemo);
+
+ this.init();
+ }
+
+ _createClass(ConversationDemo, [{
+ key: "init",
+ value: function init() {
+ // event handlers
+ this.handleScroll();
+ this.handleFakeTyping();
+ }
+ }, {
+ key: "handleScroll",
+ value: function handleScroll() {
+ // scroll to bottom
+ var msgBody = document.querySelector('.message-body');
+ msgBody.scrollTop = msgBody.scrollHeight;
+ }
+ }, {
+ key: "handleFakeTyping",
+ value: function handleFakeTyping() {
+ // remove typing indicator demo after 10s
+ setTimeout(function () {
+ $('.conversation-list > li').last().fadeOut('slow', function () {
+ $(this).remove();
+ });
+ }, 10000);
+ }
+ }]);
+
+ return ConversationDemo;
+}();
+/**
+ * Keep in mind that your scripts may not always be executed after the theme is completely ready,
+ * you might need to observe the `theme:load` event to make sure your scripts are executed after the theme is ready.
+ */
+
+
+$(document).on('theme:init', function () {
+ new ConversationDemo();
+});
\ No newline at end of file
diff --git a/wwwroot/BackEnd/assets/javascript/pages/conversations-demo.min.js b/wwwroot/BackEnd/assets/javascript/pages/conversations-demo.min.js
new file mode 100644
index 0000000..80f3ed2
--- /dev/null
+++ b/wwwroot/BackEnd/assets/javascript/pages/conversations-demo.min.js
@@ -0,0 +1,2 @@
+"use strict";function _classCallCheck(e,n){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}function _defineProperties(e,n){for(var t=0;t
\n \n \n
");
+ }
+ }, {
+ targets: 1,
+ render: function render(data, type, row, meta) {
+ return "\n ![\"Card](\"assets/images/dummy/img-").concat(row.img,)
\n \n ").concat(row.name, "");
+ }
+ }, {
+ targets: 6,
+ render: function render(data, type, row, meta) {
+ return "\n ");
+ }
+ }]
+ });
+ }
+ }, {
+ key: "searchRecords",
+ value: function searchRecords() {
+ var self = this;
+ $('#table-search, #filterBy').on('keyup change focus', function (e) {
+ var filterBy = $('#filterBy').val();
+ var hasFilter = filterBy !== '';
+ var value = $('#table-search').val(); // clear selected rows
+
+ if (value.length && (e.type === 'keyup' || e.type === 'change')) {
+ self.clearSelectedRows();
+ } // reset search term
+
+
+ self.table.search('').columns().search('').draw();
+
+ if (hasFilter) {
+ self.table.columns(filterBy).search(value).draw();
+ } else {
+ self.table.search(value).draw();
+ }
+ });
+ }
+ }, {
+ key: "getSelectedInfo",
+ value: function getSelectedInfo() {
+ var $selectedRow = $('input[name="selectedRow[]"]:checked').length;
+ var $info = $('.thead-btn');
+ var $badge = $('').addClass('selected-row-info text-muted pl-1').text("".concat($selectedRow, " selected")); // remove existing info
+
+ $('.selected-row-info').remove(); // add current info
+
+ if ($selectedRow) {
+ $info.prepend($badge);
+ }
+ }
+ }, {
+ key: "selecter",
+ value: function selecter() {
+ var self = this;
+ $(document).on('change', '#check-handle', function () {
+ var isChecked = $(this).prop('checked');
+ $('input[name="selectedRow[]"]').prop('checked', isChecked); // get info
+
+ self.getSelectedInfo();
+ }).on('change', 'input[name="selectedRow[]"]', function () {
+ var $selectors = $('input[name="selectedRow[]"]');
+ var $selectedRow = $('input[name="selectedRow[]"]:checked').length;
+ var prop = $selectedRow === $selectors.length ? 'checked' : 'indeterminate'; // reset props
+
+ $('#check-handle').prop('indeterminate', false).prop('checked', false);
+
+ if ($selectedRow) {
+ $('#check-handle').prop(prop, true);
+ } // get info
+
+
+ self.getSelectedInfo();
+ });
+ }
+ }, {
+ key: "clearSelected",
+ value: function clearSelected() {
+ var self = this; // clear selected rows
+
+ $('#myTable').on('page.dt', function () {
+ self.clearSelectedRows();
+ });
+ $('#clear-search').on('click', function () {
+ self.clearSelectedRows();
+ });
+ }
+ }, {
+ key: "clearSelectedRows",
+ value: function clearSelectedRows() {
+ $('#check-handle').prop('indeterminate', false).prop('checked', false).trigger('change');
+ }
+ }, {
+ key: "table2",
+ value: function table2() {
+ $('#myTable2').DataTable({
+ dom: "<'row'<'col-sm-12 col-md-6'l><'col-sm-12 col-md-6'f>>\n <'table-responsive'tr>\n <'row align-items-center'<'col-sm-12 col-md-5'i><'col-sm-12 col-md-7 d-flex justify-content-end'p>>",
+ language: {
+ paginate: {
+ previous: '',
+ next: ''
+ }
+ },
+ autoWidth: false,
+ ajax: 'assets/data/products.json',
+ deferRender: true,
+ order: [1, 'asc'],
+ columns: [{
+ data: 'name',
+ className: 'align-middle'
+ }, {
+ data: 'inventory',
+ className: 'align-middle'
+ }, {
+ data: 'variant',
+ className: 'align-middle'
+ }, {
+ data: 'prices',
+ className: 'align-middle'
+ }, {
+ data: 'sales',
+ className: 'align-middle'
+ }, {
+ data: 'actions',
+ className: 'align-middle text-right',
+ orderable: false,
+ searchable: false
+ }],
+ columnDefs: [{
+ targets: 0,
+ render: function render(data, type, row, meta) {
+ return "\n \n \n ").concat(row.name, "");
+ }
+ }, {
+ targets: 5,
+ render: function render(data, type, row, meta) {
+ return "\n ");
+ }
+ }]
+ });
+ }
+ }]);
+
+ return DataTablesDemo;
+}();
+/**
+ * Keep in mind that your scripts may not always be executed after the theme is completely ready,
+ * you might need to observe the `theme:load` event to make sure your scripts are executed after the theme is ready.
+ */
+
+
+$(document).on('theme:init', function () {
+ new DataTablesDemo();
+});
\ No newline at end of file
diff --git a/wwwroot/BackEnd/assets/javascript/pages/datatables-demo.min.js b/wwwroot/BackEnd/assets/javascript/pages/datatables-demo.min.js
new file mode 100644
index 0000000..6b1aebb
--- /dev/null
+++ b/wwwroot/BackEnd/assets/javascript/pages/datatables-demo.min.js
@@ -0,0 +1,2 @@
+"use strict";function _classCallCheck(e,a){if(!(e instanceof a))throw new TypeError("Cannot call a class as a function")}function _defineProperties(e,a){for(var t=0;t\n \n \n
')}},{targets:1,render:function(e,a,t){return'\n .concat(t.img,'.jpg)
\n \n ').concat(t.name,"")}},{targets:6,render:function(e){return'\n ')}}]})}},{key:"searchRecords",value:function(){var c=this;$("#table-search, #filterBy").on("keyup change focus",function(e){var a=$("#filterBy").val(),t=""!==a,n=$("#table-search").val();!n.length||"keyup"!==e.type&&"change"!==e.type||c.clearSelectedRows(),c.table.search("").columns().search("").draw(),t?c.table.columns(a).search(n).draw():c.table.search(n).draw()})}},{key:"getSelectedInfo",value:function(){var e=$('input[name="selectedRow[]"]:checked').length,a=$(".thead-btn"),t=$("").addClass("selected-row-info text-muted pl-1").text("".concat(e," selected"));$(".selected-row-info").remove(),e&&a.prepend(t)}},{key:"selecter",value:function(){var n=this;$(document).on("change","#check-handle",function(){var e=$(this).prop("checked");$('input[name="selectedRow[]"]').prop("checked",e),n.getSelectedInfo()}).on("change",'input[name="selectedRow[]"]',function(){var e=$('input[name="selectedRow[]"]'),a=$('input[name="selectedRow[]"]:checked').length,t=a===e.length?"checked":"indeterminate";$("#check-handle").prop("indeterminate",!1).prop("checked",!1),a&&$("#check-handle").prop(t,!0),n.getSelectedInfo()})}},{key:"clearSelected",value:function(){var e=this;$("#myTable").on("page.dt",function(){e.clearSelectedRows()}),$("#clear-search").on("click",function(){e.clearSelectedRows()})}},{key:"clearSelectedRows",value:function(){$("#check-handle").prop("indeterminate",!1).prop("checked",!1).trigger("change")}},{key:"table2",value:function(){$("#myTable2").DataTable({dom:"<'row'<'col-sm-12 col-md-6'l><'col-sm-12 col-md-6'f>>\n <'table-responsive'tr>\n <'row align-items-center'<'col-sm-12 col-md-5'i><'col-sm-12 col-md-7 d-flex justify-content-end'p>>",language:{paginate:{previous:'',next:''}},autoWidth:!1,ajax:"assets/data/products.json",deferRender:!0,order:[1,"asc"],columns:[{data:"name",className:"align-middle"},{data:"inventory",className:"align-middle"},{data:"variant",className:"align-middle"},{data:"prices",className:"align-middle"},{data:"sales",className:"align-middle"},{data:"actions",className:"align-middle text-right",orderable:!1,searchable:!1}],columnDefs:[{targets:0,render:function(e,a,t){return'\n \n \n ').concat(t.name,"")}},{targets:5,render:function(e){return'\n ')}}]})}}]),e}();$(document).on("theme:init",function(){new DataTablesDemo});
+//# sourceMappingURL=../../sourcemaps/pages/datatables-demo.min.js.map
diff --git a/wwwroot/BackEnd/assets/javascript/pages/datatables-demo.min.js.gz b/wwwroot/BackEnd/assets/javascript/pages/datatables-demo.min.js.gz
new file mode 100644
index 0000000..57d6933
Binary files /dev/null and b/wwwroot/BackEnd/assets/javascript/pages/datatables-demo.min.js.gz differ
diff --git a/wwwroot/BackEnd/assets/javascript/pages/datatables-filters-demo.js b/wwwroot/BackEnd/assets/javascript/pages/datatables-filters-demo.js
new file mode 100644
index 0000000..336ebdb
--- /dev/null
+++ b/wwwroot/BackEnd/assets/javascript/pages/datatables-filters-demo.js
@@ -0,0 +1,288 @@
+"use strict";
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+// Advance DataTables Demo
+// =============================================================
+var AdvanceDataTablesDemo = /*#__PURE__*/function () {
+ function AdvanceDataTablesDemo() {
+ _classCallCheck(this, AdvanceDataTablesDemo);
+
+ this.init();
+ }
+
+ _createClass(AdvanceDataTablesDemo, [{
+ key: "init",
+ value: function init() {
+ // event handlers
+ this.table = this.table();
+ this.globalSearch();
+ this.columnSearch();
+ this.selecter();
+ this.clearSelected(); // filter columns
+
+ this.addFilterRow();
+ this.removeFilterRow();
+ this.clearFilter(); // add buttons
+
+ this.table.buttons().container().appendTo('#dt-buttons').unwrap();
+ }
+ }, {
+ key: "table",
+ value: function table() {
+ return $('#myTable').DataTable({
+ dom: "<'text-muted'Bi>\n <'table-responsive'tr>\n <'mt-4'p>",
+ buttons: ['copyHtml5', {
+ extend: 'print',
+ autoPrint: false
+ }],
+ language: {
+ paginate: {
+ previous: '',
+ next: ''
+ }
+ },
+ autoWidth: false,
+ ajax: 'assets/data/products.json',
+ deferRender: true,
+ order: [1, 'asc'],
+ columns: [{
+ data: 'id',
+ className: 'col-checker align-middle',
+ orderable: false,
+ searchable: false
+ }, {
+ data: {
+ _: 'name',
+ sort: 'name',
+ search: 'name'
+ },
+ className: 'align-middle'
+ }, {
+ data: 'inventory',
+ className: 'align-middle'
+ }, {
+ data: 'variant',
+ className: 'align-middle'
+ }, {
+ data: 'prices',
+ className: 'align-middle'
+ }, {
+ data: 'sales',
+ className: 'align-middle'
+ }, {
+ data: 'id',
+ className: 'align-middle text-right',
+ orderable: false,
+ searchable: false
+ }],
+ columnDefs: [{
+ targets: 0,
+ render: function render(data, type, row, meta) {
+ return "\n \n \n
");
+ }
+ }, {
+ targets: 1,
+ render: function render(data, type, row, meta) {
+ return "\n \n \n ").concat(row.name, "");
+ }
+ }, {
+ targets: 6,
+ render: function render(data, type, row, meta) {
+ return "\n ");
+ }
+ }]
+ });
+ }
+ }, {
+ key: "globalSearch",
+ value: function globalSearch() {
+ var self = this;
+ $('#table-search').on('keyup focus', function (e) {
+ var value = $('#table-search').val(); // clear selected rows
+
+ if (value.length && e.type === 'keyup') {
+ self.clearSelectedRows();
+ }
+
+ self.table.search(value).draw();
+ });
+ }
+ }, {
+ key: "columnSearch",
+ value: function columnSearch() {
+ var self = this;
+ $(document).on('keyup change', '.filter-control', function (e) {
+ var filterRow = $(this).parents('.form-row');
+ var column = filterRow.find('.filter-column').val();
+ var value = filterRow.find('.filter-value').val();
+ var operator = value === '' ? 'contain' : filterRow.find('.filter-operator').val();
+ var pattern = value;
+ var exp = '';
+
+ if (operator === 'notcontain') {
+ pattern = '^((?!' + value + ').)*$';
+ } else if (operator === 'equal') {
+ pattern = '^' + value + '$';
+ } else if (operator === 'notequal') {
+ pattern = '^(?!' + value + ').*$';
+ } else if (operator === 'beginwith') {
+ pattern = '^(' + value + '| ' + value + ').*';
+ } else if (operator === 'endwith') {
+ pattern = '.*' + value + '$';
+ } else if (operator === 'greaterthan') {
+ var arr = value.split('');
+ $.each(arr, function (i, val) {
+ exp += '[' + val + '-9]';
+ });
+ pattern = '^(' + exp + '|[0-9][0-9]{' + arr.length + ',})*$';
+ } else if (operator === 'lessthan') {
+ (function () {
+ var arr = value.split('');
+ var lastIndex = arr.length - 1;
+
+ var _loop = function _loop(x) {
+ exp += x > 0 ? '|' : '';
+ $.each(arr, function (i, val) {
+ if (i <= x && x === lastIndex) {
+ exp += '[0-' + val + ']';
+ }
+
+ if (i <= x && x < lastIndex) {
+ exp += '[0-9]';
+ }
+ });
+ };
+
+ for (var x = 0; x < arr.length; x++) {
+ _loop(x);
+ }
+
+ pattern = '^(' + exp + ')$';
+ })();
+ } // reset search term
+
+
+ if (e.type === 'change' && $(e.target).is('select')) {
+ filterRow.find('.filter-value').val('').trigger('keyup');
+ }
+
+ self.table.column(column).search(pattern, true, true).draw();
+ });
+ }
+ }, {
+ key: "addFilterRow",
+ value: function addFilterRow() {
+ $('#add-filter-row').on('click', function () {
+ // get template from #filter-columns
+ var rowTmpl = $('#filter-columns').children().first().clone();
+ rowTmpl.find('select').prop('selectedIndex', 0);
+ rowTmpl.find('input').val('');
+ $('#filter-columns').append(rowTmpl);
+ });
+ }
+ }, {
+ key: "removeFilterRow",
+ value: function removeFilterRow() {
+ var self = this;
+ $(document).on('click', '.remove-filter-row', function () {
+ // get filter row
+ var $row = $(this).parents('.filter-row'); // clear search value
+
+ $row.find('.filter-value').val('').trigger('keyup'); // remove row
+
+ if (self.isRemovableRow()) {
+ $row.remove();
+ }
+ });
+ }
+ }, {
+ key: "isRemovableRow",
+ value: function isRemovableRow() {
+ return $('#filter-columns').children().length > 1;
+ }
+ }, {
+ key: "clearFilter",
+ value: function clearFilter() {
+ var self = this;
+ $(document).on('click', '#clear-filter', function () {
+ // hide modal
+ $('#modalFilterColumns').modal('hide'); // reset selects and input
+
+ $('#filter-columns').find('select').prop('selectedIndex', 0);
+ $('#filter-columns').find('input').val(''); // reset search term
+
+ self.table.columns().search('').draw();
+ });
+ }
+ }, {
+ key: "selecter",
+ value: function selecter() {
+ var self = this;
+ $(document).on('change', '#check-handle', function () {
+ var isChecked = $(this).prop('checked');
+ $('input[name="selectedRow[]"]').prop('checked', isChecked); // get info
+
+ self.getSelectedInfo();
+ }).on('change', 'input[name="selectedRow[]"]', function () {
+ var $selectors = $('input[name="selectedRow[]"]');
+ var $selectedRow = $('input[name="selectedRow[]"]:checked').length;
+ var prop = $selectedRow === $selectors.length ? 'checked' : 'indeterminate'; // reset props
+
+ $('#check-handle').prop('indeterminate', false).prop('checked', false);
+
+ if ($selectedRow) {
+ $('#check-handle').prop(prop, true);
+ } // get info
+
+
+ self.getSelectedInfo();
+ });
+ }
+ }, {
+ key: "clearSelected",
+ value: function clearSelected() {
+ var self = this; // clear selected rows
+
+ $('#myTable').on('page.dt', function () {
+ self.clearSelectedRows();
+ });
+ $('#clear-search').on('click', function () {
+ self.clearSelectedRows();
+ });
+ }
+ }, {
+ key: "getSelectedInfo",
+ value: function getSelectedInfo() {
+ var $selectedRow = $('input[name="selectedRow[]"]:checked').length;
+ var $info = $('.thead-btn');
+ var $badge = $('').addClass('selected-row-info text-muted pl-1').text("".concat($selectedRow, " selected")); // remove existing info
+
+ $('.selected-row-info').remove(); // add current info
+
+ if ($selectedRow) {
+ $info.prepend($badge);
+ }
+ }
+ }, {
+ key: "clearSelectedRows",
+ value: function clearSelectedRows() {
+ $('#check-handle').prop('indeterminate', false).prop('checked', false).trigger('change');
+ }
+ }]);
+
+ return AdvanceDataTablesDemo;
+}();
+/**
+ * Keep in mind that your scripts may not always be executed after the theme is completely ready,
+ * you might need to observe the `theme:load` event to make sure your scripts are executed after the theme is ready.
+ */
+
+
+$(document).on('theme:init', function () {
+ new AdvanceDataTablesDemo();
+});
\ No newline at end of file
diff --git a/wwwroot/BackEnd/assets/javascript/pages/datatables-filters-demo.min.js b/wwwroot/BackEnd/assets/javascript/pages/datatables-filters-demo.min.js
new file mode 100644
index 0000000..e5538ec
--- /dev/null
+++ b/wwwroot/BackEnd/assets/javascript/pages/datatables-filters-demo.min.js
@@ -0,0 +1,2 @@
+"use strict";function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _defineProperties(e,t){for(var a=0;a\n \n \n
')}},{targets:1,render:function(e,t,a){return'\n .concat(a.img,'.jpg)
\n \n ').concat(a.name,"")}},{targets:6,render:function(e){return'\n ')}}]})}},{key:"globalSearch",value:function(){var a=this;$("#table-search").on("keyup focus",function(e){var t=$("#table-search").val();t.length&&"keyup"===e.type&&a.clearSelectedRows(),a.table.search(t).draw()})}},{key:"columnSearch",value:function(){var o=this;$(document).on("keyup change",".filter-control",function(e){var t=$(this).parents(".form-row"),a=t.find(".filter-column").val(),l=t.find(".filter-value").val(),n=""===l?"contain":t.find(".filter-operator").val(),c=l,i="";if("notcontain"===n)c="^((?!"+l+").)*$";else if("equal"===n)c="^"+l+"$";else if("notequal"===n)c="^(?!"+l+").*$";else if("beginwith"===n)c="^("+l+"| "+l+").*";else if("endwith"===n)c=".*"+l+"$";else if("greaterthan"===n){var r=l.split("");$.each(r,function(e,t){i+="["+t+"-9]"}),c="^("+i+"|[0-9][0-9]{"+r.length+",})*$"}else"lessthan"===n&&function(){for(var e=l.split(""),n=e.length-1,t=function(a){i+=0").concat(new Date(x).getFullYear(), " : Population : ").concat(y, "
(multiply by 10,000)")).css({ + top: item.pageY + 5, + left: item.pageX + 5, + borderColor: color, + color: Looper.getDarkColor(), + backgroundColor: Looper.getLightColor() + }).fadeIn(300); + } else { + $('#flot-tooltip2').hide(); + } + }); // barhor + + $('').appendTo('body'); + $(document).on('plothover', '#flot-barhor', function (event, pos, item) { + if (item) { + var x = item.datapoint[0]; + var y = item.datapoint[1]; + var color = item.series.color; + $('#flot-tooltip3').html("".concat(item.series.label, " : ").concat(x)).css({ + top: item.pageY + 9, + left: item.pageX - 100, + borderColor: color, + color: Looper.getDarkColor(), + backgroundColor: Looper.getLightColor() + }).fadeIn(300); + } else { + $('#flot-tooltip3').hide(); + } + }); // combine + + $('').appendTo('body'); + $(document).on('plothover', '#flot-combine', function (event, pos, item) { + if (item) { + var x = item.datapoint[0]; + var y = item.datapoint[1]; + var color = item.series.color; + var date = 'Jan ' + new Date(x).getDate(); + var unit = ''; + + if (item.series.label == 'Sea Level Pressure') { + unit = 'hPa'; + } else if (item.series.label == 'Wind Speed') { + unit = 'km/hr'; + } else if (item.series.label == 'Temperature') { + unit = '°C'; + } + + $('#flot-tooltip4').html("'".concat(item.series.label, "'
").concat(date, "' : ").concat(y, "' ").concat(unit)).css({ + top: item.pageY + 5, + left: item.pageX + 5, + borderColor: color, + color: Looper.getDarkColor(), + backgroundColor: Looper.getLightColor() + }).fadeIn(300); + } else { + $('#flot-tooltip4').hide(); + } + }); + } + }]); + + return FlotDemo; +}(); +/** + * Keep in mind that your scripts may not always be executed after the theme is completely ready, + * you might need to observe the `theme:load` event to make sure your scripts are executed after the theme is ready. + */ + + +$(document).on('theme:init', function () { + new FlotDemo(); +}); \ No newline at end of file diff --git a/wwwroot/BackEnd/assets/javascript/pages/flot-demo.min.js b/wwwroot/BackEnd/assets/javascript/pages/flot-demo.min.js new file mode 100644 index 0000000..ca9e1f1 --- /dev/null +++ b/wwwroot/BackEnd/assets/javascript/pages/flot-demo.min.js @@ -0,0 +1,2 @@ +"use strict";function _classCallCheck(o,e){if(!(o instanceof e))throw new TypeError("Cannot call a class as a function")}function _defineProperties(o,e){for(var a=0;a
").concat(new Date(t).getFullYear()," : Population : ").concat(l,"
(multiply by 10,000)")).css({top:a.pageY+5,left:a.pageX+5,borderColor:i,color:Looper.getDarkColor(),backgroundColor:Looper.getLightColor()}).fadeIn(300)}else $("#flot-tooltip2").hide()}),$('').appendTo("body"),$(document).on("plothover","#flot-barhor",function(o,e,a){if(a){var t=a.datapoint[0],l=(a.datapoint[1],a.series.color);$("#flot-tooltip3").html("".concat(a.series.label," : ").concat(t)).css({top:a.pageY+9,left:a.pageX-100,borderColor:l,color:Looper.getDarkColor(),backgroundColor:Looper.getLightColor()}).fadeIn(300)}else $("#flot-tooltip3").hide()}),$('').appendTo("body"),$(document).on("plothover","#flot-combine",function(o,e,a){if(a){var t=a.datapoint[0],l=a.datapoint[1],i=a.series.color,r="Jan "+new Date(t).getDate(),s="";"Sea Level Pressure"==a.series.label?s="hPa":"Wind Speed"==a.series.label?s="km/hr":"Temperature"==a.series.label&&(s="°C"),$("#flot-tooltip4").html("'".concat(a.series.label,"'
").concat(r,"' : ").concat(l,"' ").concat(s)).css({top:a.pageY+5,left:a.pageX+5,borderColor:i,color:Looper.getDarkColor(),backgroundColor:Looper.getLightColor()}).fadeIn(300)}else $("#flot-tooltip4").hide()})}}]),o}();$(document).on("theme:init",function(){new FlotDemo}); +//# sourceMappingURL=../../sourcemaps/pages/flot-demo.min.js.map diff --git a/wwwroot/BackEnd/assets/javascript/pages/flot-demo.min.js.gz b/wwwroot/BackEnd/assets/javascript/pages/flot-demo.min.js.gz new file mode 100644 index 0000000..b980d98 Binary files /dev/null and b/wwwroot/BackEnd/assets/javascript/pages/flot-demo.min.js.gz differ diff --git a/wwwroot/BackEnd/assets/javascript/pages/fullcalendar-demo.js b/wwwroot/BackEnd/assets/javascript/pages/fullcalendar-demo.js new file mode 100644 index 0000000..c01242e --- /dev/null +++ b/wwwroot/BackEnd/assets/javascript/pages/fullcalendar-demo.js @@ -0,0 +1,155 @@ +"use strict"; + +function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } + +function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } + +function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; } + +// FullCalendar Demo +// ============================================================= +var fcTheme = FullCalendar.Theme; + +var LooperCalendarTheme = function (fcTheme) { + function LooperCalendarTheme() { + fcTheme.apply(this, arguments); + } + + if (fcTheme) LooperCalendarTheme.__proto__ = fcTheme; + LooperCalendarTheme.prototype = Object.create(fcTheme && fcTheme.prototype); + LooperCalendarTheme.prototype.constructor = LooperCalendarTheme; + return LooperCalendarTheme; +}(fcTheme); + +LooperCalendarTheme.prototype.classes = { + widget: 'fc-bootstrap4', + tableGrid: 'table-bordered', + tableList: 'table', + tableListHeading: 'bg-light', + buttonGroup: 'btn-group', + button: 'btn btn-secondary', + stateActive: 'active', + stateDisabled: 'disabled', + today: 'highlight', + popover: 'popover', + popoverHeader: 'popover-header', + popoverContent: 'popover-body', + // day grid + // for left/right border color when border is inset from edges (all-day in agenda view) + // avoid `table` class b/c don't want margins/padding/structure. only border color. + headerRow: 'table-bordered', + dayRow: 'table-bordered', + // list view + listView: 'card card-reflow' +}; +LooperCalendarTheme.prototype.iconClasses = { + close: 'fa-times', + prev: 'fa-chevron-left', + next: 'fa-chevron-right', + prevYear: 'fa-angle-double-left', + nextYear: 'fa-angle-double-right' +}; +LooperCalendarTheme.prototype.baseIconClass = 'fa'; +LooperCalendarTheme.prototype.iconOverrideOption = 'fontAwesome'; +LooperCalendarTheme.prototype.iconOverrideCustomButtonOption = 'fontAwesome'; +LooperCalendarTheme.prototype.iconOverridePrefix = 'fa-'; +FullCalendar.defineThemeSystem('looper', LooperCalendarTheme); + +var FullcalendarDemo = /*#__PURE__*/function () { + function FullcalendarDemo() { + _classCallCheck(this, FullcalendarDemo); + + this.init(); + } + + _createClass(FullcalendarDemo, [{ + key: "init", + value: function init() { + // event handlers + this.handleCalendarList(); + this.handleCalendar(); + } + }, { + key: "handleCalendar", + value: function handleCalendar() { + var capitalize = function capitalize(str) { + return str.charAt(0).toUpperCase() + str.slice(1); + }; + + $('#calendar').fullCalendar({ + themeSystem: 'looper', + header: { + left: 'title', + center: '', + right: 'month,agendaWeek,agendaDay' + }, + defaultView: 'month', + height: 'auto', + navLinks: true, + // can click day/week names to navigate views + editable: true, + eventLimit: true, + // allow "more" link when too many events + events: 'assets/data/events.json', + viewRender: function viewRender(view, element) { + // update today button state :disabled + var isToday = $('#calendar').fullCalendar('getDate').format('YYYY-MM-DD') === moment().format('YYYY-MM-DD'); + + if (isToday) { + $('#calendar-today').attr('disabled', 'disabled'); + } else { + $('#calendar-today').removeAttr('disabled'); + } // update calendar list view + + + var listType = "list".concat(capitalize(view.viewSpec.durationUnit)); + var range = listType === 'listDay' ? moment(view.start._i).format('YYYY-MM-DD') : { + start: moment(view.start._i).format('YYYY-MM-DD'), + end: moment(view.end._i).format('YYYY-MM-DD') + }; + $('#calendar-list').fullCalendar('changeView', listType, range); + } + }); // hook the event from our buttons + + $('#calendar-prev').on('click', function () { + $('#calendar, #calendar-list').fullCalendar('prev'); + }); + $('#calendar-today').on('click', function () { + $('#calendar, #calendar-list').fullCalendar('today'); + }); + $('#calendar-next').on('click', function () { + $('#calendar, #calendar-list').fullCalendar('next'); + }); + } + }, { + key: "handleCalendarList", + value: function handleCalendarList() { + $('#calendar-list').fullCalendar({ + themeSystem: 'looper', + header: false, + defaultView: 'listMonth', + height: 'auto', + navLinks: false, + // can click day/week names to navigate views + editable: false, + eventLimit: false, + // allow "more" link when too many events + events: 'assets/data/events.json', + eventRender: function eventRender(event, element) { + element.find('.fc-event-dot').css('background-color', event.borderColor); + } + }); + } + }]); + + return FullcalendarDemo; +}(); +/** + * Keep in mind that your scripts may not always be executed after the theme is completely ready, + * you might need to observe the `theme:load` event to make sure your scripts are executed after the theme is ready. + */ + + +$(document).on('theme:init', function () { + new FullcalendarDemo(); +}); \ No newline at end of file diff --git a/wwwroot/BackEnd/assets/javascript/pages/fullcalendar-demo.min.js b/wwwroot/BackEnd/assets/javascript/pages/fullcalendar-demo.min.js new file mode 100644 index 0000000..d3a1d69 --- /dev/null +++ b/wwwroot/BackEnd/assets/javascript/pages/fullcalendar-demo.min.js @@ -0,0 +1,2 @@ +"use strict";function _classCallCheck(e,a){if(!(e instanceof a))throw new TypeError("Cannot call a class as a function")}function _defineProperties(e,a){for(var t=0;t
'); // remove existing invoice + + $invoiceImg.remove(); // generate new invoice + + _this.generateInvoice(); + }); + } + }, { + key: "handleDownload", + value: function handleDownload() { + var _this2 = this; + + $('#download-pdf').on('click', function (e) { + e.preventDefault(); + + _this2.savePdf(); + }); + } + }]); + + return InvoiceDemo; +}(); +/** + * Keep in mind that your scripts may not always be executed after the theme is completely ready, + * you might need to observe the `theme:load` event to make sure your scripts are executed after the theme is ready. + */ + + +$(document).on('theme:init', function () { + new InvoiceDemo(); +}); \ No newline at end of file diff --git a/wwwroot/BackEnd/assets/javascript/pages/invoice-demo.min.js b/wwwroot/BackEnd/assets/javascript/pages/invoice-demo.min.js new file mode 100644 index 0000000..c21720d --- /dev/null +++ b/wwwroot/BackEnd/assets/javascript/pages/invoice-demo.min.js @@ -0,0 +1,2 @@ +"use strict";function _classCallCheck(e,n){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}function _defineProperties(e,n){for(var i=0;i
"),n.remove(),i.generateInvoice()})}},{key:"handleDownload",value:function(){var n=this;$("#download-pdf").on("click",function(e){e.preventDefault(),n.savePdf()})}}]),e}();$(document).on("theme:init",function(){new InvoiceDemo}); +//# sourceMappingURL=../../sourcemaps/pages/invoice-demo.min.js.map diff --git a/wwwroot/BackEnd/assets/javascript/pages/invoice-demo.min.js.gz b/wwwroot/BackEnd/assets/javascript/pages/invoice-demo.min.js.gz new file mode 100644 index 0000000..709ac39 Binary files /dev/null and b/wwwroot/BackEnd/assets/javascript/pages/invoice-demo.min.js.gz differ diff --git a/wwwroot/BackEnd/assets/javascript/pages/invoices-list-demo.js b/wwwroot/BackEnd/assets/javascript/pages/invoices-list-demo.js new file mode 100644 index 0000000..3cb0087 --- /dev/null +++ b/wwwroot/BackEnd/assets/javascript/pages/invoices-list-demo.js @@ -0,0 +1,192 @@ +"use strict"; + +function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } + +function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } + +function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; } + +// DataTables Demo +// ============================================================= +var InvoicesListDemo = /*#__PURE__*/function () { + function InvoicesListDemo() { + _classCallCheck(this, InvoicesListDemo); + + this.init(); + } + + _createClass(InvoicesListDemo, [{ + key: "init", + value: function init() { + // event handlers + this.table = this.table(); + this.searchRecords(); + this.selecter(); + this.clearSelected(); + } + }, { + key: "table", + value: function table() { + // register to support date sorting + $.fn.dataTable.moment('DD/MM/YYYY'); + return $('#invoicesTable').DataTable({ + dom: "<'table-responsive'tr>\n <'mt-4'p>", + language: { + paginate: { + previous: '', + next: '' + } + }, + autoWidth: false, + ajax: 'assets/data/invoices-list.json', + deferRender: true, + order: [3, 'dec'], + columns: [{ + data: 'number', + className: 'col-checker align-middle', + orderable: false, + searchable: false + }, { + data: 'number', + className: 'align-middle' + }, { + data: 'client', + className: 'align-middle' + }, { + data: 'duedate', + className: 'align-middle' + }, { + data: 'status', + className: 'align-middle' + }, { + data: 'amount', + className: 'align-middle' + }, { + data: 'paid', + className: 'align-middle' + }, { + data: 'balance', + className: 'align-middle' + }, { + data: 'actions', + className: 'align-middle text-right', + orderable: false, + searchable: false + }], + columnDefs: [{ + targets: 0, + render: function render(data, type, row, meta) { + return "
\n \n \n
");
+ }
+ }, {
+ targets: 1,
+ render: function render(data, type, row, meta) {
+ return "".concat(row.number, "");
+ }
+ }, {
+ targets: 4,
+ render: function render(data, type, row, meta) {
+ return "").concat(row.status, "");
+ }
+ }, {
+ targets: 5,
+ render: function render(data, type, row, meta) {
+ return "".concat(row.amount, "
");
+ }
+ }, {
+ targets: 6,
+ render: function render(data, type, row, meta) {
+ return "".concat(row.paid, "
");
+ }
+ }, {
+ targets: 8,
+ render: function render(data, type, row, meta) {
+ return "\n \n \n
");
+ }
+ }]
+ });
+ }
+ }, {
+ key: "searchRecords",
+ value: function searchRecords() {
+ var self = this;
+ $('#table-search, #filterBy').on('keyup change focus', function (e) {
+ var filterBy = $('#filterBy').val();
+ var hasFilter = filterBy !== ''; // reset search term
+
+ self.table.column(4).search('').draw();
+
+ if (hasFilter) {
+ self.table.column(4).search(filterBy).draw();
+ } else {
+ self.table.draw();
+ }
+ });
+ }
+ }, {
+ key: "getSelectedInfo",
+ value: function getSelectedInfo() {
+ var $selectedRow = $('input[name="selectedRow[]"]:checked').length;
+ var $info = $('.thead-btn');
+ var $badge = $('').addClass('selected-row-info text-muted pl-1').text("".concat($selectedRow, " selected")); // remove existing info
+
+ $('.selected-row-info').remove(); // add current info
+
+ if ($selectedRow) {
+ $info.prepend($badge);
+ }
+ }
+ }, {
+ key: "selecter",
+ value: function selecter() {
+ var self = this;
+ $(document).on('change', '#check-handle', function () {
+ var isChecked = $(this).prop('checked');
+ $('input[name="selectedRow[]"]').prop('checked', isChecked); // get info
+
+ self.getSelectedInfo();
+ }).on('change', 'input[name="selectedRow[]"]', function () {
+ var $selectors = $('input[name="selectedRow[]"]');
+ var $selectedRow = $('input[name="selectedRow[]"]:checked').length;
+ var prop = $selectedRow === $selectors.length ? 'checked' : 'indeterminate'; // reset props
+
+ $('#check-handle').prop('indeterminate', false).prop('checked', false);
+
+ if ($selectedRow) {
+ $('#check-handle').prop(prop, true);
+ } // get info
+
+
+ self.getSelectedInfo();
+ });
+ }
+ }, {
+ key: "clearSelected",
+ value: function clearSelected() {
+ var self = this; // clear selected rows
+
+ $('#invoicesTable').on('page.dt', function () {
+ self.clearSelectedRows();
+ });
+ $('#clear-search').on('click', function () {
+ self.clearSelectedRows();
+ });
+ }
+ }, {
+ key: "clearSelectedRows",
+ value: function clearSelectedRows() {
+ $('#check-handle').prop('indeterminate', false).prop('checked', false).trigger('change');
+ }
+ }]);
+
+ return InvoicesListDemo;
+}();
+/**
+ * Keep in mind that your scripts may not always be executed after the theme is completely ready,
+ * you might need to observe the `theme:load` event to make sure your scripts are executed after the theme is ready.
+ */
+
+
+$(document).on('theme:init', function () {
+ new InvoicesListDemo();
+});
\ No newline at end of file
diff --git a/wwwroot/BackEnd/assets/javascript/pages/invoices-list-demo.min.js b/wwwroot/BackEnd/assets/javascript/pages/invoices-list-demo.min.js
new file mode 100644
index 0000000..305a227
--- /dev/null
+++ b/wwwroot/BackEnd/assets/javascript/pages/invoices-list-demo.min.js
@@ -0,0 +1,2 @@
+"use strict";function _classCallCheck(e,a){if(!(e instanceof a))throw new TypeError("Cannot call a class as a function")}function _defineProperties(e,a){for(var n=0;n\n \n \n
')}},{targets:1,render:function(e,a,n){return''.concat(n.number,"")}},{targets:4,render:function(e,a,n){return'').concat(n.status,"")}},{targets:5,render:function(e,a,n){return''.concat(n.amount,"
")}},{targets:6,render:function(e,a,n){return''.concat(n.paid,"
")}},{targets:8,render:function(e,a,n){return'\n \n \n
')}}]})}},{key:"searchRecords",value:function(){var t=this;$("#table-search, #filterBy").on("keyup change focus",function(e){var a=$("#filterBy").val(),n=""!==a;t.table.column(4).search("").draw(),n?t.table.column(4).search(a).draw():t.table.draw()})}},{key:"getSelectedInfo",value:function(){var e=$('input[name="selectedRow[]"]:checked').length,a=$(".thead-btn"),n=$("").addClass("selected-row-info text-muted pl-1").text("".concat(e," selected"));$(".selected-row-info").remove(),e&&a.prepend(n)}},{key:"selecter",value:function(){var t=this;$(document).on("change","#check-handle",function(){var e=$(this).prop("checked");$('input[name="selectedRow[]"]').prop("checked",e),t.getSelectedInfo()}).on("change",'input[name="selectedRow[]"]',function(){var e=$('input[name="selectedRow[]"]'),a=$('input[name="selectedRow[]"]:checked').length,n=a===e.length?"checked":"indeterminate";$("#check-handle").prop("indeterminate",!1).prop("checked",!1),a&&$("#check-handle").prop(n,!0),t.getSelectedInfo()})}},{key:"clearSelected",value:function(){var e=this;$("#invoicesTable").on("page.dt",function(){e.clearSelectedRows()}),$("#clear-search").on("click",function(){e.clearSelectedRows()})}},{key:"clearSelectedRows",value:function(){$("#check-handle").prop("indeterminate",!1).prop("checked",!1).trigger("change")}}]),e}();$(document).on("theme:init",function(){new InvoicesListDemo});
+//# sourceMappingURL=../../sourcemaps/pages/invoices-list-demo.min.js.map
diff --git a/wwwroot/BackEnd/assets/javascript/pages/invoices-list-demo.min.js.gz b/wwwroot/BackEnd/assets/javascript/pages/invoices-list-demo.min.js.gz
new file mode 100644
index 0000000..71ab0e1
Binary files /dev/null and b/wwwroot/BackEnd/assets/javascript/pages/invoices-list-demo.min.js.gz differ
diff --git a/wwwroot/BackEnd/assets/javascript/pages/jquery.flot.axislabels.js b/wwwroot/BackEnd/assets/javascript/pages/jquery.flot.axislabels.js
new file mode 100644
index 0000000..f7a930a
--- /dev/null
+++ b/wwwroot/BackEnd/assets/javascript/pages/jquery.flot.axislabels.js
@@ -0,0 +1,450 @@
+"use strict";
+
+/*
+Axis Labels Plugin for flot.
+http://github.com/markrcote/flot-axislabels
+
+Original code is Copyright (c) 2010 Xuan Luo.
+Original code was released under the GPLv3 license by Xuan Luo, September 2010.
+Original code was rereleased under the MIT license by Xuan Luo, April 2012.
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+(function ($) {
+ var options = {
+ axisLabels: {
+ show: true
+ }
+ };
+
+ function canvasSupported() {
+ return !!document.createElement('canvas').getContext;
+ }
+
+ function canvasTextSupported() {
+ if (!canvasSupported()) {
+ return false;
+ }
+
+ var dummy_canvas = document.createElement('canvas');
+ var context = dummy_canvas.getContext('2d');
+ return typeof context.fillText == 'function';
+ }
+
+ function css3TransitionSupported() {
+ var div = document.createElement('div');
+ return typeof div.style.MozTransition != 'undefined' // Gecko
+ || typeof div.style.OTransition != 'undefined' // Opera
+ || typeof div.style.webkitTransition != 'undefined' // WebKit
+ || typeof div.style.transition != 'undefined';
+ }
+
+ function AxisLabel(axisName, position, padding, plot, opts) {
+ this.axisName = axisName;
+ this.position = position;
+ this.padding = padding;
+ this.plot = plot;
+ this.opts = opts;
+ this.width = 0;
+ this.height = 0;
+ }
+
+ AxisLabel.prototype.cleanup = function () {};
+
+ CanvasAxisLabel.prototype = new AxisLabel();
+ CanvasAxisLabel.prototype.constructor = CanvasAxisLabel;
+
+ function CanvasAxisLabel(axisName, position, padding, plot, opts) {
+ AxisLabel.prototype.constructor.call(this, axisName, position, padding, plot, opts);
+ }
+
+ CanvasAxisLabel.prototype.calculateSize = function () {
+ if (!this.opts.axisLabelFontSizePixels) this.opts.axisLabelFontSizePixels = 14;
+ if (!this.opts.axisLabelFontFamily) this.opts.axisLabelFontFamily = 'sans-serif';
+ var textWidth = this.opts.axisLabelFontSizePixels + this.padding;
+ var textHeight = this.opts.axisLabelFontSizePixels + this.padding;
+
+ if (this.position == 'left' || this.position == 'right') {
+ this.width = this.opts.axisLabelFontSizePixels + this.padding;
+ this.height = 0;
+ } else {
+ this.width = 0;
+ this.height = this.opts.axisLabelFontSizePixels + this.padding;
+ }
+ };
+
+ CanvasAxisLabel.prototype.draw = function (box) {
+ if (!this.opts.axisLabelColour) this.opts.axisLabelColour = 'black';
+ var ctx = this.plot.getCanvas().getContext('2d');
+ ctx.save();
+ ctx.font = this.opts.axisLabelFontSizePixels + 'px ' + this.opts.axisLabelFontFamily;
+ ctx.fillStyle = this.opts.axisLabelColour;
+ var width = ctx.measureText(this.opts.axisLabel).width;
+ var height = this.opts.axisLabelFontSizePixels;
+ var x,
+ y,
+ angle = 0;
+
+ if (this.position == 'top') {
+ x = box.left + box.width / 2 - width / 2;
+ y = box.top + height * 0.72;
+ } else if (this.position == 'bottom') {
+ x = box.left + box.width / 2 - width / 2;
+ y = box.top + box.height - height * 0.72;
+ } else if (this.position == 'left') {
+ x = box.left + height * 0.72;
+ y = box.height / 2 + box.top + width / 2;
+ angle = -Math.PI / 2;
+ } else if (this.position == 'right') {
+ x = box.left + box.width - height * 0.72;
+ y = box.height / 2 + box.top - width / 2;
+ angle = Math.PI / 2;
+ }
+
+ ctx.translate(x, y);
+ ctx.rotate(angle);
+ ctx.fillText(this.opts.axisLabel, 0, 0);
+ ctx.restore();
+ };
+
+ HtmlAxisLabel.prototype = new AxisLabel();
+ HtmlAxisLabel.prototype.constructor = HtmlAxisLabel;
+
+ function HtmlAxisLabel(axisName, position, padding, plot, opts) {
+ AxisLabel.prototype.constructor.call(this, axisName, position, padding, plot, opts);
+ this.elem = null;
+ }
+
+ HtmlAxisLabel.prototype.calculateSize = function () {
+ var elem = $('' + this.opts.axisLabel + '
');
+ this.plot.getPlaceholder().append(elem); // store height and width of label itself, for use in draw()
+
+ this.labelWidth = elem.outerWidth(true);
+ this.labelHeight = elem.outerHeight(true);
+ elem.remove();
+ this.width = this.height = 0;
+
+ if (this.position == 'left' || this.position == 'right') {
+ this.width = this.labelWidth + this.padding;
+ } else {
+ this.height = this.labelHeight + this.padding;
+ }
+ };
+
+ HtmlAxisLabel.prototype.cleanup = function () {
+ if (this.elem) {
+ this.elem.remove();
+ }
+ };
+
+ HtmlAxisLabel.prototype.draw = function (box) {
+ this.plot.getPlaceholder().find('#' + this.axisName + 'Label').remove();
+ this.elem = $('' + this.opts.axisLabel + '
');
+ this.plot.getPlaceholder().append(this.elem);
+
+ if (this.position == 'top') {
+ this.elem.css('left', box.left + box.width / 2 - this.labelWidth / 2 + 'px');
+ this.elem.css('top', box.top + 'px');
+ } else if (this.position == 'bottom') {
+ this.elem.css('left', box.left + box.width / 2 - this.labelWidth / 2 + 'px');
+ this.elem.css('top', box.top + box.height - this.labelHeight + 'px');
+ } else if (this.position == 'left') {
+ this.elem.css('top', box.top + box.height / 2 - this.labelHeight / 2 + 'px');
+ this.elem.css('left', box.left + 'px');
+ } else if (this.position == 'right') {
+ this.elem.css('top', box.top + box.height / 2 - this.labelHeight / 2 + 'px');
+ this.elem.css('left', box.left + box.width - this.labelWidth + 'px');
+ }
+ };
+
+ CssTransformAxisLabel.prototype = new HtmlAxisLabel();
+ CssTransformAxisLabel.prototype.constructor = CssTransformAxisLabel;
+
+ function CssTransformAxisLabel(axisName, position, padding, plot, opts) {
+ HtmlAxisLabel.prototype.constructor.call(this, axisName, position, padding, plot, opts);
+ }
+
+ CssTransformAxisLabel.prototype.calculateSize = function () {
+ HtmlAxisLabel.prototype.calculateSize.call(this);
+ this.width = this.height = 0;
+
+ if (this.position == 'left' || this.position == 'right') {
+ this.width = this.labelHeight + this.padding;
+ } else {
+ this.height = this.labelHeight + this.padding;
+ }
+ };
+
+ CssTransformAxisLabel.prototype.transforms = function (degrees, x, y) {
+ var stransforms = {
+ '-moz-transform': '',
+ '-webkit-transform': '',
+ '-o-transform': '',
+ '-ms-transform': ''
+ };
+
+ if (x != 0 || y != 0) {
+ var stdTranslate = ' translate(' + x + 'px, ' + y + 'px)';
+ stransforms['-moz-transform'] += stdTranslate;
+ stransforms['-webkit-transform'] += stdTranslate;
+ stransforms['-o-transform'] += stdTranslate;
+ stransforms['-ms-transform'] += stdTranslate;
+ }
+
+ if (degrees != 0) {
+ var rotation = degrees / 90;
+ var stdRotate = ' rotate(' + degrees + 'deg)';
+ stransforms['-moz-transform'] += stdRotate;
+ stransforms['-webkit-transform'] += stdRotate;
+ stransforms['-o-transform'] += stdRotate;
+ stransforms['-ms-transform'] += stdRotate;
+ }
+
+ var s = 'top: 0; left: 0; ';
+
+ for (var prop in stransforms) {
+ if (stransforms[prop]) {
+ s += prop + ':' + stransforms[prop] + ';';
+ }
+ }
+
+ s += ';';
+ return s;
+ };
+
+ CssTransformAxisLabel.prototype.calculateOffsets = function (box) {
+ var offsets = {
+ x: 0,
+ y: 0,
+ degrees: 0
+ };
+
+ if (this.position == 'bottom') {
+ offsets.x = box.left + box.width / 2 - this.labelWidth / 2;
+ offsets.y = box.top + box.height - this.labelHeight;
+ } else if (this.position == 'top') {
+ offsets.x = box.left + box.width / 2 - this.labelWidth / 2;
+ offsets.y = box.top;
+ } else if (this.position == 'left') {
+ offsets.degrees = -90;
+ offsets.x = box.left - this.labelWidth / 2 + this.labelHeight / 2;
+ offsets.y = box.height / 2 + box.top;
+ } else if (this.position == 'right') {
+ offsets.degrees = 90;
+ offsets.x = box.left + box.width - this.labelWidth / 2 - this.labelHeight / 2;
+ offsets.y = box.height / 2 + box.top;
+ }
+
+ offsets.x = Math.round(offsets.x);
+ offsets.y = Math.round(offsets.y);
+ return offsets;
+ };
+
+ CssTransformAxisLabel.prototype.draw = function (box) {
+ this.plot.getPlaceholder().find('.' + this.axisName + 'Label').remove();
+ var offsets = this.calculateOffsets(box);
+ this.elem = $('' + this.opts.axisLabel + '
');
+ this.plot.getPlaceholder().append(this.elem);
+ };
+
+ IeTransformAxisLabel.prototype = new CssTransformAxisLabel();
+ IeTransformAxisLabel.prototype.constructor = IeTransformAxisLabel;
+
+ function IeTransformAxisLabel(axisName, position, padding, plot, opts) {
+ CssTransformAxisLabel.prototype.constructor.call(this, axisName, position, padding, plot, opts);
+ this.requiresResize = false;
+ }
+
+ IeTransformAxisLabel.prototype.transforms = function (degrees, x, y) {
+ // I didn't feel like learning the crazy Matrix stuff, so this uses
+ // a combination of the rotation transform and CSS positioning.
+ var s = '';
+
+ if (degrees != 0) {
+ var rotation = degrees / 90;
+
+ while (rotation < 0) {
+ rotation += 4;
+ }
+
+ s += ' filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=' + rotation + '); '; // see below
+
+ this.requiresResize = this.position == 'right';
+ }
+
+ if (x != 0) {
+ s += 'left: ' + x + 'px; ';
+ }
+
+ if (y != 0) {
+ s += 'top: ' + y + 'px; ';
+ }
+
+ return s;
+ };
+
+ IeTransformAxisLabel.prototype.calculateOffsets = function (box) {
+ var offsets = CssTransformAxisLabel.prototype.calculateOffsets.call(this, box); // adjust some values to take into account differences between
+ // CSS and IE rotations.
+
+ if (this.position == 'top') {
+ // FIXME: not sure why, but placing this exactly at the top causes
+ // the top axis label to flip to the bottom...
+ offsets.y = box.top + 1;
+ } else if (this.position == 'left') {
+ offsets.x = box.left;
+ offsets.y = box.height / 2 + box.top - this.labelWidth / 2;
+ } else if (this.position == 'right') {
+ offsets.x = box.left + box.width - this.labelHeight;
+ offsets.y = box.height / 2 + box.top - this.labelWidth / 2;
+ }
+
+ return offsets;
+ };
+
+ IeTransformAxisLabel.prototype.draw = function (box) {
+ CssTransformAxisLabel.prototype.draw.call(this, box);
+
+ if (this.requiresResize) {
+ this.elem = this.plot.getPlaceholder().find('.' + this.axisName + 'Label'); // Since we used CSS positioning instead of transforms for
+ // translating the element, and since the positioning is done
+ // before any rotations, we have to reset the width and height
+ // in case the browser wrapped the text (specifically for the
+ // y2axis).
+
+ this.elem.css('width', this.labelWidth);
+ this.elem.css('height', this.labelHeight);
+ }
+ };
+
+ function init(plot) {
+ plot.hooks.processOptions.push(function (plot, options) {
+ if (!options.axisLabels.show) return; // This is kind of a hack. There are no hooks in Flot between
+ // the creation and measuring of the ticks (setTicks, measureTickLabels
+ // in setupGrid() ) and the drawing of the ticks and plot box
+ // (insertAxisLabels in setupGrid() ).
+ //
+ // Therefore, we use a trick where we run the draw routine twice:
+ // the first time to get the tick measurements, so that we can change
+ // them, and then have it draw it again.
+
+ var secondPass = false;
+ var axisLabels = {};
+ var axisOffsetCounts = {
+ left: 0,
+ right: 0,
+ top: 0,
+ bottom: 0
+ };
+ var defaultPadding = 2; // padding between axis and tick labels
+
+ plot.hooks.draw.push(function (plot, ctx) {
+ var hasAxisLabels = false;
+
+ if (!secondPass) {
+ // MEASURE AND SET OPTIONS
+ $.each(plot.getAxes(), function (axisName, axis) {
+ var opts = axis.options // Flot 0.7
+ || plot.getOptions()[axisName]; // Flot 0.6
+ // Handle redraws initiated outside of this plug-in.
+
+ if (axisName in axisLabels) {
+ axis.labelHeight = axis.labelHeight - axisLabels[axisName].height;
+ axis.labelWidth = axis.labelWidth - axisLabels[axisName].width;
+ opts.labelHeight = axis.labelHeight;
+ opts.labelWidth = axis.labelWidth;
+ axisLabels[axisName].cleanup();
+ delete axisLabels[axisName];
+ }
+
+ if (!opts || !opts.axisLabel || !axis.show) return;
+ hasAxisLabels = true;
+ var renderer = null;
+
+ if (!opts.axisLabelUseHtml && navigator.appName == 'Microsoft Internet Explorer') {
+ var ua = navigator.userAgent;
+ var re = new RegExp('MSIE ([0-9]{1,}[\.0-9]{0,})');
+
+ if (re.exec(ua) != null) {
+ rv = parseFloat(RegExp.$1);
+ }
+
+ if (rv >= 9 && !opts.axisLabelUseCanvas && !opts.axisLabelUseHtml) {
+ renderer = CssTransformAxisLabel;
+ } else if (!opts.axisLabelUseCanvas && !opts.axisLabelUseHtml) {
+ renderer = IeTransformAxisLabel;
+ } else if (opts.axisLabelUseCanvas) {
+ renderer = CanvasAxisLabel;
+ } else {
+ renderer = HtmlAxisLabel;
+ }
+ } else {
+ if (opts.axisLabelUseHtml || !css3TransitionSupported() && !canvasTextSupported() && !opts.axisLabelUseCanvas) {
+ renderer = HtmlAxisLabel;
+ } else if (opts.axisLabelUseCanvas || !css3TransitionSupported()) {
+ renderer = CanvasAxisLabel;
+ } else {
+ renderer = CssTransformAxisLabel;
+ }
+ }
+
+ var padding = opts.axisLabelPadding === undefined ? defaultPadding : opts.axisLabelPadding;
+ axisLabels[axisName] = new renderer(axisName, axis.position, padding, plot, opts); // flot interprets axis.labelHeight and .labelWidth as
+ // the height and width of the tick labels. We increase
+ // these values to make room for the axis label and
+ // padding.
+
+ axisLabels[axisName].calculateSize(); // AxisLabel.height and .width are the size of the
+ // axis label and padding.
+ // Just set opts here because axis will be sorted out on
+ // the redraw.
+
+ opts.labelHeight = axis.labelHeight + axisLabels[axisName].height;
+ opts.labelWidth = axis.labelWidth + axisLabels[axisName].width;
+ }); // If there are axis labels, re-draw with new label widths and
+ // heights.
+
+ if (hasAxisLabels) {
+ secondPass = true;
+ plot.setupGrid();
+ plot.draw();
+ }
+ } else {
+ secondPass = false; // DRAW
+
+ $.each(plot.getAxes(), function (axisName, axis) {
+ var opts = axis.options // Flot 0.7
+ || plot.getOptions()[axisName]; // Flot 0.6
+
+ if (!opts || !opts.axisLabel || !axis.show) return;
+ axisLabels[axisName].draw(axis.box);
+ });
+ }
+ });
+ });
+ }
+
+ $.plot.plugins.push({
+ init: init,
+ options: options,
+ name: 'axisLabels',
+ version: '2.0'
+ });
+})(jQuery);
\ No newline at end of file
diff --git a/wwwroot/BackEnd/assets/javascript/pages/jquery.flot.axislabels.min.js b/wwwroot/BackEnd/assets/javascript/pages/jquery.flot.axislabels.min.js
new file mode 100644
index 0000000..8d087bf
--- /dev/null
+++ b/wwwroot/BackEnd/assets/javascript/pages/jquery.flot.axislabels.min.js
@@ -0,0 +1,2 @@
+"use strict";!function(s){function r(){return document.createElement("canvas").getContext&&"function"==typeof document.createElement("canvas").getContext("2d").fillText}function p(){var t=document.createElement("div");return void 0!==t.style.MozTransition||void 0!==t.style.OTransition||void 0!==t.style.webkitTransition||void 0!==t.style.transition}function a(t,i,e,s,o){this.axisName=t,this.position=i,this.padding=e,this.plot=s,this.opts=o,this.width=0,this.height=0}function d(t,i,e,s,o){a.prototype.constructor.call(this,t,i,e,s,o)}function c(t,i,e,s,o){a.prototype.constructor.call(this,t,i,e,s,o),this.elem=null}function f(t,i,e,s,o){c.prototype.constructor.call(this,t,i,e,s,o)}function b(t,i,e,s,o){f.prototype.constructor.call(this,t,i,e,s,o),this.requiresResize=!1}a.prototype.cleanup=function(){},((d.prototype=new a).constructor=d).prototype.calculateSize=function(){this.opts.axisLabelFontSizePixels||(this.opts.axisLabelFontSizePixels=14),this.opts.axisLabelFontFamily||(this.opts.axisLabelFontFamily="sans-serif");this.opts.axisLabelFontSizePixels,this.padding,this.opts.axisLabelFontSizePixels,this.padding;"left"==this.position||"right"==this.position?(this.width=this.opts.axisLabelFontSizePixels+this.padding,this.height=0):(this.width=0,this.height=this.opts.axisLabelFontSizePixels+this.padding)},d.prototype.draw=function(t){this.opts.axisLabelColour||(this.opts.axisLabelColour="black");var i=this.plot.getCanvas().getContext("2d");i.save(),i.font=this.opts.axisLabelFontSizePixels+"px "+this.opts.axisLabelFontFamily,i.fillStyle=this.opts.axisLabelColour;var e,s,o=i.measureText(this.opts.axisLabel).width,a=this.opts.axisLabelFontSizePixels,l=0;"top"==this.position?(e=t.left+t.width/2-o/2,s=t.top+.72*a):"bottom"==this.position?(e=t.left+t.width/2-o/2,s=t.top+t.height-.72*a):"left"==this.position?(e=t.left+.72*a,s=t.height/2+t.top+o/2,l=-Math.PI/2):"right"==this.position&&(e=t.left+t.width-.72*a,s=t.height/2+t.top-o/2,l=Math.PI/2),i.translate(e,s),i.rotate(l),i.fillText(this.opts.axisLabel,0,0),i.restore()},((c.prototype=new a).constructor=c).prototype.calculateSize=function(){var t=s(''+this.opts.axisLabel+"
");this.plot.getPlaceholder().append(t),this.labelWidth=t.outerWidth(!0),this.labelHeight=t.outerHeight(!0),t.remove(),this.width=this.height=0,"left"==this.position||"right"==this.position?this.width=this.labelWidth+this.padding:this.height=this.labelHeight+this.padding},c.prototype.cleanup=function(){this.elem&&this.elem.remove()},c.prototype.draw=function(t){this.plot.getPlaceholder().find("#"+this.axisName+"Label").remove(),this.elem=s(''+this.opts.axisLabel+"
"),this.plot.getPlaceholder().append(this.elem),"top"==this.position?(this.elem.css("left",t.left+t.width/2-this.labelWidth/2+"px"),this.elem.css("top",t.top+"px")):"bottom"==this.position?(this.elem.css("left",t.left+t.width/2-this.labelWidth/2+"px"),this.elem.css("top",t.top+t.height-this.labelHeight+"px")):"left"==this.position?(this.elem.css("top",t.top+t.height/2-this.labelHeight/2+"px"),this.elem.css("left",t.left+"px")):"right"==this.position&&(this.elem.css("top",t.top+t.height/2-this.labelHeight/2+"px"),this.elem.css("left",t.left+t.width-this.labelWidth+"px"))},((f.prototype=new c).constructor=f).prototype.calculateSize=function(){c.prototype.calculateSize.call(this),this.width=this.height=0,"left"==this.position||"right"==this.position?this.width=this.labelHeight+this.padding:this.height=this.labelHeight+this.padding},f.prototype.transforms=function(t,i,e){var s={"-moz-transform":"","-webkit-transform":"","-o-transform":"","-ms-transform":""};if(0!=i||0!=e){var o=" translate("+i+"px, "+e+"px)";s["-moz-transform"]+=o,s["-webkit-transform"]+=o,s["-o-transform"]+=o,s["-ms-transform"]+=o}if(0!=t){var a=" rotate("+t+"deg)";s["-moz-transform"]+=a,s["-webkit-transform"]+=a,s["-o-transform"]+=a,s["-ms-transform"]+=a}var l="top: 0; left: 0; ";for(var h in s)s[h]&&(l+=h+":"+s[h]+";");return l+=";"},f.prototype.calculateOffsets=function(t){var i={x:0,y:0,degrees:0};return"bottom"==this.position?(i.x=t.left+t.width/2-this.labelWidth/2,i.y=t.top+t.height-this.labelHeight):"top"==this.position?(i.x=t.left+t.width/2-this.labelWidth/2,i.y=t.top):"left"==this.position?(i.degrees=-90,i.x=t.left-this.labelWidth/2+this.labelHeight/2,i.y=t.height/2+t.top):"right"==this.position&&(i.degrees=90,i.x=t.left+t.width-this.labelWidth/2-this.labelHeight/2,i.y=t.height/2+t.top),i.x=Math.round(i.x),i.y=Math.round(i.y),i},f.prototype.draw=function(t){this.plot.getPlaceholder().find("."+this.axisName+"Label").remove();var i=this.calculateOffsets(t);this.elem=s(''+this.opts.axisLabel+"
"),this.plot.getPlaceholder().append(this.elem)},((b.prototype=new f).constructor=b).prototype.transforms=function(t,i,e){var s="";if(0!=t){for(var o=t/90;o<0;)o+=4;s+=" filter: progid:DXImageTransform.Microsoft.BasicImage(rotation="+o+"); ",this.requiresResize="right"==this.position}return 0!=i&&(s+="left: "+i+"px; "),0!=e&&(s+="top: "+e+"px; "),s},b.prototype.calculateOffsets=function(t){var i=f.prototype.calculateOffsets.call(this,t);return"top"==this.position?i.y=t.top+1:"left"==this.position?(i.x=t.left,i.y=t.height/2+t.top-this.labelWidth/2):"right"==this.position&&(i.x=t.left+t.width-this.labelHeight,i.y=t.height/2+t.top-this.labelWidth/2),i},b.prototype.draw=function(t){f.prototype.draw.call(this,t),this.requiresResize&&(this.elem=this.plot.getPlaceholder().find("."+this.axisName+"Label"),this.elem.css("width",this.labelWidth),this.elem.css("height",this.labelHeight))},s.plot.plugins.push({init:function(t){t.hooks.processOptions.push(function(t,i){if(i.axisLabels.show){var e=!1,n={};t.hooks.draw.push(function(l,t){var h=!1;e?(e=!1,s.each(l.getAxes(),function(t,i){var e=i.options||l.getOptions()[t];e&&e.axisLabel&&i.show&&n[t].draw(i.box)})):(s.each(l.getAxes(),function(t,i){var e=i.options||l.getOptions()[t];if(t in n&&(i.labelHeight=i.labelHeight-n[t].height,i.labelWidth=i.labelWidth-n[t].width,e.labelHeight=i.labelHeight,e.labelWidth=i.labelWidth,n[t].cleanup(),delete n[t]),e&&e.axisLabel&&i.show){h=!0;var s=null;if(e.axisLabelUseHtml||"Microsoft Internet Explorer"!=navigator.appName)s=e.axisLabelUseHtml||!p()&&!r()&&!e.axisLabelUseCanvas?c:e.axisLabelUseCanvas||!p()?d:f;else{var o=navigator.userAgent;null!=new RegExp("MSIE ([0-9]{1,}[.0-9]{0,})").exec(o)&&(rv=parseFloat(RegExp.$1)),s=9<=rv&&!e.axisLabelUseCanvas&&!e.axisLabelUseHtml?f:e.axisLabelUseCanvas||e.axisLabelUseHtml?e.axisLabelUseCanvas?d:c:b}var a=void 0===e.axisLabelPadding?2:e.axisLabelPadding;n[t]=new s(t,i.position,a,l,e),n[t].calculateSize(),e.labelHeight=i.labelHeight+n[t].height,e.labelWidth=i.labelWidth+n[t].width}}),h&&(e=!0,l.setupGrid(),l.draw()))})}})},options:{axisLabels:{show:!0}},name:"axisLabels",version:"2.0"})}(jQuery);
+//# sourceMappingURL=../../sourcemaps/pages/jquery.flot.axislabels.min.js.map
diff --git a/wwwroot/BackEnd/assets/javascript/pages/jquery.flot.axislabels.min.js.gz b/wwwroot/BackEnd/assets/javascript/pages/jquery.flot.axislabels.min.js.gz
new file mode 100644
index 0000000..d3d69f0
Binary files /dev/null and b/wwwroot/BackEnd/assets/javascript/pages/jquery.flot.axislabels.min.js.gz differ
diff --git a/wwwroot/BackEnd/assets/javascript/pages/jqvmap-demo.js b/wwwroot/BackEnd/assets/javascript/pages/jqvmap-demo.js
new file mode 100644
index 0000000..2c0f672
--- /dev/null
+++ b/wwwroot/BackEnd/assets/javascript/pages/jqvmap-demo.js
@@ -0,0 +1,304 @@
+"use strict";
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+// jQuery Vector Map Demo
+// =============================================================
+var JqvMapDemo = /*#__PURE__*/function () {
+ function JqvMapDemo() {
+ _classCallCheck(this, JqvMapDemo);
+
+ this.init();
+ }
+
+ _createClass(JqvMapDemo, [{
+ key: "init",
+ value: function init() {
+ toastr.options.closeButton = true;
+ toastr.options.progressBar = true;
+ toastr.options.positionClass = 'toast-bottom-right'; // event handlers
+
+ this.handleWorld();
+ this.handleUSA();
+ this.handleEurope();
+ this.handleGermany();
+ }
+ }, {
+ key: "handleWorld",
+ value: function handleWorld() {
+ var sample_data = {
+ 'af': '16.63',
+ 'al': '11.58',
+ 'dz': '158.97',
+ 'ao': '85.81',
+ 'ag': '1.1',
+ 'ar': '351.02',
+ 'am': '8.83',
+ 'au': '1219.72',
+ 'at': '366.26',
+ 'az': '52.17',
+ 'bs': '7.54',
+ 'bh': '21.73',
+ 'bd': '105.4',
+ 'bb': '3.96',
+ 'by': '52.89',
+ 'be': '461.33',
+ 'bz': '1.43',
+ 'bj': '6.49',
+ 'bt': '1.4',
+ 'bo': '19.18',
+ 'ba': '16.2',
+ 'bw': '12.5',
+ 'br': '2023.53',
+ 'bn': '11.96',
+ 'bg': '44.84',
+ 'bf': '8.67',
+ 'bi': '1.47',
+ 'kh': '11.36',
+ 'cm': '21.88',
+ 'ca': '1563.66',
+ 'cv': '1.57',
+ 'cf': '2.11',
+ 'td': '7.59',
+ 'cl': '199.18',
+ 'cn': '5745.13',
+ 'co': '283.11',
+ 'km': '0.56',
+ 'cd': '12.6',
+ 'cg': '11.88',
+ 'cr': '35.02',
+ 'ci': '22.38',
+ 'hr': '59.92',
+ 'cy': '22.75',
+ 'cz': '195.23',
+ 'dk': '304.56',
+ 'dj': '1.14',
+ 'dm': '0.38',
+ 'do': '50.87',
+ 'ec': '61.49',
+ 'eg': '216.83',
+ 'sv': '21.8',
+ 'gq': '14.55',
+ 'er': '2.25',
+ 'ee': '19.22',
+ 'et': '30.94',
+ 'fj': '3.15',
+ 'fi': '231.98',
+ 'fr': '2555.44',
+ 'ga': '12.56',
+ 'gm': '1.04',
+ 'ge': '11.23',
+ 'de': '3305.9',
+ 'gh': '18.06',
+ 'gr': '305.01',
+ 'gd': '0.65',
+ 'gt': '40.77',
+ 'gn': '4.34',
+ 'gw': '0.83',
+ 'gy': '2.2',
+ 'ht': '6.5',
+ 'hn': '15.34',
+ 'hk': '226.49',
+ 'hu': '132.28',
+ 'is': '12.77',
+ 'in': '1430.02',
+ 'id': '695.06',
+ 'ir': '337.9',
+ 'iq': '84.14',
+ 'ie': '204.14',
+ 'il': '201.25',
+ 'it': '2036.69',
+ 'jm': '13.74',
+ 'jp': '5390.9',
+ 'jo': '27.13',
+ 'kz': '129.76',
+ 'ke': '32.42',
+ 'ki': '0.15',
+ 'kr': '986.26',
+ 'undefined': '5.73',
+ 'kw': '117.32',
+ 'kg': '4.44',
+ 'la': '6.34',
+ 'lv': '23.39',
+ 'lb': '39.15',
+ 'ls': '1.8',
+ 'lr': '0.98',
+ 'ly': '77.91',
+ 'lt': '35.73',
+ 'lu': '52.43',
+ 'mk': '9.58',
+ 'mg': '8.33',
+ 'mw': '5.04',
+ 'my': '218.95',
+ 'mv': '1.43',
+ 'ml': '9.08',
+ 'mt': '7.8',
+ 'mr': '3.49',
+ 'mu': '9.43',
+ 'mx': '1004.04',
+ 'md': '5.36',
+ 'mn': '5.81',
+ 'me': '3.88',
+ 'ma': '91.7',
+ 'mz': '10.21',
+ 'mm': '35.65',
+ 'na': '11.45',
+ 'np': '15.11',
+ 'nl': '770.31',
+ 'nz': '138',
+ 'ni': '6.38',
+ 'ne': '5.6',
+ 'ng': '206.66',
+ 'no': '413.51',
+ 'om': '53.78',
+ 'pk': '174.79',
+ 'pa': '27.2',
+ 'pg': '8.81',
+ 'py': '17.17',
+ 'pe': '153.55',
+ 'ph': '189.06',
+ 'pl': '438.88',
+ 'pt': '223.7',
+ 'qa': '126.52',
+ 'ro': '158.39',
+ 'ru': '1476.91',
+ 'rw': '5.69',
+ 'ws': '0.55',
+ 'st': '0.19',
+ 'sa': '434.44',
+ 'sn': '12.66',
+ 'rs': '38.92',
+ 'sc': '0.92',
+ 'sl': '1.9',
+ 'sg': '217.38',
+ 'sk': '86.26',
+ 'si': '46.44',
+ 'sb': '0.67',
+ 'za': '354.41',
+ 'es': '1374.78',
+ 'lk': '48.24',
+ 'kn': '0.56',
+ 'lc': '1',
+ 'vc': '0.58',
+ 'sd': '65.93',
+ 'sr': '3.3',
+ 'sz': '3.17',
+ 'se': '444.59',
+ 'ch': '522.44',
+ 'sy': '59.63',
+ 'tw': '426.98',
+ 'tj': '5.58',
+ 'tz': '22.43',
+ 'th': '312.61',
+ 'tl': '0.62',
+ 'tg': '3.07',
+ 'to': '0.3',
+ 'tt': '21.2',
+ 'tn': '43.86',
+ 'tr': '729.05',
+ 'tm': 0,
+ 'ug': '17.12',
+ 'ua': '136.56',
+ 'ae': '239.65',
+ 'gb': '2258.57',
+ 'us': '14624.18',
+ 'uy': '40.71',
+ 'uz': '37.72',
+ 'vu': '0.72',
+ 've': '285.21',
+ 'vn': '101.99',
+ 'ye': '30.02',
+ 'zm': '15.69',
+ 'zw': '5.57'
+ };
+ $('#vmap-world').vectorMap({
+ map: 'world_en',
+ backgroundColor: null,
+ color: Looper.getLightColor(),
+ hoverOpacity: 0.7,
+ selectedColor: Looper.colors.brand.pink,
+ enableZoom: true,
+ showTooltip: true,
+ values: sample_data,
+ scaleColors: [Looper.colors.brand.teal, Looper.colors.brand.green],
+ normalizeFunction: 'polynomial',
+ onRegionClick: function onRegionClick(element, code, region) {
+ var message = "You clicked ".concat(region, " which has the code: ").concat(code.toUpperCase());
+ toastr.remove();
+ toastr.info(message);
+ }
+ });
+ }
+ }, {
+ key: "handleUSA",
+ value: function handleUSA() {
+ $('#vmap-usa').vectorMap({
+ map: 'usa_en',
+ backgroundColor: null,
+ color: Looper.colors.brand.teal,
+ enableZoom: true,
+ showTooltip: true,
+ selectedColor: null,
+ hoverColor: null,
+ colors: {
+ mo: Looper.colors.brand.yellow,
+ fl: Looper.colors.brand.yellow,
+ or: Looper.colors.brand.yellow
+ },
+ onRegionClick: function onRegionClick(e, code, region) {
+ e.preventDefault();
+ var message = "You clicked ".concat(region, " which has the code: ").concat(code.toUpperCase());
+ toastr.remove();
+ toastr.info(message);
+ }
+ });
+ }
+ }, {
+ key: "handleEurope",
+ value: function handleEurope() {
+ $('#vmap-europe').vectorMap({
+ map: 'europe_en',
+ backgroundColor: null,
+ color: Looper.colors.brand.teal,
+ hoverColor: Looper.colors.brand.yellow,
+ enableZoom: false,
+ showTooltip: false,
+ onRegionClick: function onRegionClick(element, code, region) {
+ var message = "You clicked ".concat(region, " which has the code: ").concat(code.toUpperCase());
+ toastr.remove();
+ toastr.info(message);
+ }
+ });
+ }
+ }, {
+ key: "handleGermany",
+ value: function handleGermany() {
+ $('#vmap-germany').vectorMap({
+ map: 'germany_en',
+ backgroundColor: null,
+ color: Looper.colors.brand.teal,
+ hoverColor: Looper.colors.brand.green,
+ onRegionClick: function onRegionClick(element, code, region) {
+ var message = "You clicked ".concat(region, " which has the code: ").concat(code.toUpperCase());
+ toastr.remove();
+ toastr.info(message);
+ }
+ });
+ }
+ }]);
+
+ return JqvMapDemo;
+}();
+/**
+ * Keep in mind that your scripts may not always be executed after the theme is completely ready,
+ * you might need to observe the `theme:load` event to make sure your scripts are executed after the theme is ready.
+ */
+
+
+$(document).on('theme:init', function () {
+ new JqvMapDemo();
+});
\ No newline at end of file
diff --git a/wwwroot/BackEnd/assets/javascript/pages/jqvmap-demo.min.js b/wwwroot/BackEnd/assets/javascript/pages/jqvmap-demo.min.js
new file mode 100644
index 0000000..305becb
--- /dev/null
+++ b/wwwroot/BackEnd/assets/javascript/pages/jqvmap-demo.min.js
@@ -0,0 +1,2 @@
+"use strict";function _classCallCheck(o,e){if(!(o instanceof e))throw new TypeError("Cannot call a class as a function")}function _defineProperties(o,e){for(var r=0;r\n \n
");
+
+ if (item.children) {
+ html += '").concat(item.text, "
\n \n \n \n
\n - ';
+ $.each(item.children, function (index, sub) {
+ html += _this2.buildItem(sub);
+ });
+ html += '
\n \n
');return t.children&&(a+='').concat(t.text,'
\n \n \n \n
\n - ',$.each(t.children,function(t,e){a+=n.buildItem(e)}),a+="