first initial

This commit is contained in:
2025-05-27 19:09:17 +07:00
commit 80375d8af3
1587 changed files with 572586 additions and 0 deletions

View File

@@ -0,0 +1,126 @@
"use strict";
// Class definition
var KTUserAdd = function () {
// Base elements
var wizardEl;
var formEl;
var validator;
var wizard;
var avatar;
// Private functions
var initWizard = function () {
// Initialize form wizard
wizard = new KTWizard('kt_user_add_user', {
startStep: 1,
});
// Validation before going to next page
wizard.on('beforeNext', function(wizardObj) {
if (validator.form() !== true) {
wizardObj.stop(); // don't go to the next step
}
})
// Change event
wizard.on('change', function(wizard) {
KTUtil.scrollTop();
});
}
var initValidation = function() {
validator = formEl.validate({
// Validate only visible fields
ignore: ":hidden",
// Validation rules
rules: {
// Step 1
profile_avatar: {
//required: true
},
profile_first_name: {
required: true
},
profile_last_name: {
required: true
},
profile_phone: {
required: true
},
profile_email: {
required: true,
email: true
}
},
// Display error
invalidHandler: function(event, validator) {
KTUtil.scrollTop();
swal.fire({
"title": "",
"text": "There are some errors in your submission. Please correct them.",
"type": "error",
"buttonStyling": false,
"confirmButtonClass": "btn btn-brand btn-sm btn-bold"
});
},
// Submit valid form
submitHandler: function (form) {
}
});
}
var initSubmit = function() {
var btn = formEl.find('[data-ktwizard-type="action-submit"]');
btn.on('click', function(e) {
e.preventDefault();
if (validator.form()) {
// See: src\js\framework\base\app.js
KTApp.progress(btn);
//KTApp.block(formEl);
// See: http://malsup.com/jquery/form/#ajaxSubmit
formEl.ajaxSubmit({
success: function() {
KTApp.unprogress(btn);
//KTApp.unblock(formEl);
swal.fire({
"title": "",
"text": "The application has been successfully submitted!",
"type": "success",
"confirmButtonClass": "btn btn-secondary"
});
}
});
}
});
}
var initUserForm = function() {
avatar = new KTAvatar('kt_user_add_avatar');
}
return {
// public functions
init: function() {
formEl = $('#kt_user_add_form');
initWizard();
initValidation();
initSubmit();
initUserForm();
}
};
}();
jQuery(document).ready(function() {
KTUserAdd.init();
});

View File

@@ -0,0 +1 @@
"use strict";var KTUserAdd=function(){var e,t,r;return{init:function(){var n;e=$("#kt_user_add_form"),(r=new KTWizard("kt_user_add_user",{startStep:1})).on("beforeNext",function(e){!0!==t.form()&&e.stop()}),r.on("change",function(e){KTUtil.scrollTop()}),t=e.validate({ignore:":hidden",rules:{profile_avatar:{},profile_first_name:{required:!0},profile_last_name:{required:!0},profile_phone:{required:!0},profile_email:{required:!0,email:!0}},invalidHandler:function(e,t){KTUtil.scrollTop(),swal.fire({title:"",text:"There are some errors in your submission. Please correct them.",type:"error",buttonStyling:!1,confirmButtonClass:"btn btn-brand btn-sm btn-bold"})},submitHandler:function(e){}}),(n=e.find('[data-ktwizard-type="action-submit"]')).on("click",function(r){r.preventDefault(),t.form()&&(KTApp.progress(n),e.ajaxSubmit({success:function(){KTApp.unprogress(n),swal.fire({title:"",text:"The application has been successfully submitted!",type:"success",confirmButtonClass:"btn btn-secondary"})}}))}),new KTAvatar("kt_user_add_avatar")}}}();jQuery(document).ready(function(){KTUserAdd.init()});

View File

@@ -0,0 +1,22 @@
"use strict";
// Class definition
var KTUserEdit = function () {
// Base elements
var avatar;
var initUserForm = function() {
avatar = new KTAvatar('kt_user_edit_avatar');
}
return {
// public functions
init: function() {
initUserForm();
}
};
}();
jQuery(document).ready(function() {
KTUserEdit.init();
});

View File

@@ -0,0 +1 @@
"use strict";var KTUserEdit={init:function(){new KTAvatar("kt_user_edit_avatar")}};jQuery(document).ready(function(){KTUserEdit.init()});

View File

@@ -0,0 +1,445 @@
"use strict";
// Class definition
var KTUserListDatatable = function() {
// variables
var datatable;
// init
var init = function() {
// init the datatables. Learn more: https://keenthemes.com/metronic/?page=docs&section=datatable
datatable = $('#kt_apps_user_list_datatable').KTDatatable({
// datasource definition
data: {
type: 'remote',
source: {
read: {
url: 'https://keenthemes.com/metronic/themes/themes/metronic/dist/preview/inc/api/datatables/demos/default.php',
},
},
pageSize: 10, // display 20 records per page
serverPaging: true,
serverFiltering: true,
serverSorting: true,
},
// layout definition
layout: {
scroll: false, // enable/disable datatable scroll both horizontal and vertical when needed.
footer: false, // display/hide footer
},
// column sorting
sortable: true,
pagination: true,
search: {
input: $('#generalSearch'),
delay: 400,
},
// columns definition
columns: [{
field: 'RecordID',
title: '#',
sortable: false,
width: 20,
selector: {
class: 'kt-checkbox--solid'
},
textAlign: 'center',
}, {
field: "AgentName",
title: "User",
width: 200,
// callback function support for column rendering
template: function(data, i) {
var number = 4 + i;
while (number > 12) {
number = number - 3;
}
var user_img = '100_' + number + '.jpg';
var pos = KTUtil.getRandomInt(0, 5);
var position = [
'Developer',
'Designer',
'CEO',
'Manager',
'Architect',
'Sales'
];
var output = '';
if (number > 5) {
output = '<div class="kt-user-card-v2">\
<div class="kt-user-card-v2__pic">\
<img src="https://keenthemes.com/metronic/preview/assets/media/users/' + user_img + '" alt="photo">\
</div>\
<div class="kt-user-card-v2__details">\
<a href="#" class="kt-user-card-v2__name">' + data.CompanyAgent + '</a>\
<span class="kt-user-card-v2__desc">' + position[pos] + '</span>\
</div>\
</div>';
} else {
var stateNo = KTUtil.getRandomInt(0, 6);
var states = [
'success',
'brand',
'danger',
'success',
'warning',
'primary',
'info'
];
var state = states[stateNo];
output = '<div class="kt-user-card-v2">\
<div class="kt-user-card-v2__pic">\
<div class="kt-badge kt-badge--xl kt-badge--' + state + '">' + data.CompanyAgent.substring(0, 1) + '</div>\
</div>\
<div class="kt-user-card-v2__details">\
<a href="#" class="kt-user-card-v2__name">' + data.CompanyAgent + '</a>\
<span class="kt-user-card-v2__desc">' + position[pos] + '</span>\
</div>\
</div>';
}
return output;
}
}, {
field: 'Country',
title: 'Country',
template: function(row) {
return row.Country + ' ' + row.ShipCountry;
},
}, {
field: 'ShipDate',
title: 'Ship Date',
type: 'date',
format: 'MM/DD/YYYY',
}, {
field: "ShipName",
title: "Company",
width: 'auto',
autoHide: false,
// callback function support for column rendering
template: function(data, i) {
var number = i + 1;
while (number > 5) {
number = number - 3;
}
var img = number + '.png';
var skills = [
'Angular, React',
'Vue, Kendo',
'.NET, Oracle, MySQL',
'Node, SASS, Webpack',
'MangoDB, Java',
'HTML5, jQuery, CSS3'
];
var output = '\
<div class="kt-user-card-v2">\
<div class="kt-user-card-v2__pic">\
<img src="https://keenthemes.com/metronic/preview/assets/media/client-logos/logo' + img + '" alt="photo">\
</div>\
<div class="kt-user-card-v2__details">\
<a href="#" class="kt-user-card-v2__name">' + data.CompanyName + '</a>\
<span class="kt-user-card-v2__email">' +
skills[number - 1] + '</span>\
</div>\
</div>';
return output;
}
}, {
field: "Status",
title: "Status",
width: 100,
// callback function support for column rendering
template: function(row) {
var status = {
1: {
'title': 'Pending',
'class': ' btn-label-brand'
},
2: {
'title': 'Processing',
'class': ' btn-label-danger'
},
3: {
'title': 'Success',
'class': ' btn-label-success'
},
4: {
'title': 'Delivered',
'class': ' btn-label-success'
},
5: {
'title': 'Canceled',
'class': ' btn-label-warning'
},
6: {
'title': 'Done',
'class': ' btn-label-danger'
},
7: {
'title': 'On Hold',
'class': ' btn-label-warning'
}
};
return '<span class="btn btn-bold btn-sm btn-font-sm ' + status[row.Status].class + '">' + status[row.Status].title + '</span>';
}
}, {
width: 110,
field: 'Type',
title: 'Type',
autoHide: false,
// callback function support for column rendering
template: function(row) {
var status = {
1: {'title': 'Online', 'state': 'danger'},
2: {'title': 'Retail', 'state': 'primary'},
3: {'title': 'Direct', 'state': 'success'},
};
return '<span class="kt-badge kt-badge--' + status[row.Type].state + ' kt-badge--dot"></span>&nbsp;<span class="kt-font-bold kt-font-' + status[row.Type].state + '">' +
status[row.Type].title + '</span>';
},
}, {
field: "Actions",
width: 80,
title: "Actions",
sortable: false,
autoHide: false,
overflow: 'visible',
template: function() {
return '\
<div class="dropdown">\
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon btn-icon-md" data-toggle="dropdown">\
<i class="flaticon-more-1"></i>\
</a>\
<div class="dropdown-menu dropdown-menu-right">\
<ul class="kt-nav">\
<li class="kt-nav__item">\
<a href="#" class="kt-nav__link">\
<i class="kt-nav__link-icon flaticon2-expand"></i>\
<span class="kt-nav__link-text">View</span>\
</a>\
</li>\
<li class="kt-nav__item">\
<a href="#" class="kt-nav__link">\
<i class="kt-nav__link-icon flaticon2-contract"></i>\
<span class="kt-nav__link-text">Edit</span>\
</a>\
</li>\
<li class="kt-nav__item">\
<a href="#" class="kt-nav__link">\
<i class="kt-nav__link-icon flaticon2-trash"></i>\
<span class="kt-nav__link-text">Delete</span>\
</a>\
</li>\
<li class="kt-nav__item">\
<a href="#" class="kt-nav__link">\
<i class="kt-nav__link-icon flaticon2-mail-1"></i>\
<span class="kt-nav__link-text">Export</span>\
</a>\
</li>\
</ul>\
</div>\
</div>\
';
},
}]
});
}
// search
var search = function() {
$('#kt_form_status').on('change', function() {
datatable.search($(this).val().toLowerCase(), 'Status');
});
}
// selection
var selection = function() {
// init form controls
//$('#kt_form_status, #kt_form_type').selectpicker();
// event handler on check and uncheck on records
datatable.on('kt-datatable--on-check kt-datatable--on-uncheck kt-datatable--on-layout-updated', function(e) {
var checkedNodes = datatable.rows('.kt-datatable__row--active').nodes(); // get selected records
var count = checkedNodes.length; // selected records count
$('#kt_subheader_group_selected_rows').html(count);
if (count > 0) {
$('#kt_subheader_search').addClass('kt-hidden');
$('#kt_subheader_group_actions').removeClass('kt-hidden');
} else {
$('#kt_subheader_search').removeClass('kt-hidden');
$('#kt_subheader_group_actions').addClass('kt-hidden');
}
});
}
// fetch selected records
var selectedFetch = function() {
// event handler on selected records fetch modal launch
$('#kt_datatable_records_fetch_modal').on('show.bs.modal', function(e) {
// show loading dialog
var loading = new KTDialog({'type': 'loader', 'placement': 'top center', 'message': 'Loading ...'});
loading.show();
setTimeout(function() {
loading.hide();
}, 1000);
// fetch selected IDs
var ids = datatable.rows('.kt-datatable__row--active').nodes().find('.kt-checkbox--single > [type="checkbox"]').map(function(i, chk) {
return $(chk).val();
});
// populate selected IDs
var c = document.createDocumentFragment();
for (var i = 0; i < ids.length; i++) {
var li = document.createElement('li');
li.setAttribute('data-id', ids[i]);
li.innerHTML = 'Selected record ID: ' + ids[i];
c.appendChild(li);
}
$(e.target).find('#kt_apps_user_fetch_records_selected').append(c);
}).on('hide.bs.modal', function(e) {
$(e.target).find('#kt_apps_user_fetch_records_selected').empty();
});
};
// selected records status update
var selectedStatusUpdate = function() {
$('#kt_subheader_group_actions_status_change').on('click', "[data-toggle='status-change']", function() {
var status = $(this).find(".kt-nav__link-text").html();
// fetch selected IDs
var ids = datatable.rows('.kt-datatable__row--active').nodes().find('.kt-checkbox--single > [type="checkbox"]').map(function(i, chk) {
return $(chk).val();
});
if (ids.length > 0) {
// learn more: https://sweetalert2.github.io/
swal.fire({
buttonsStyling: false,
html: "Are you sure to update " + ids.length + " selected records status to " + status + " ?",
type: "info",
confirmButtonText: "Yes, update!",
confirmButtonClass: "btn btn-sm btn-bold btn-brand",
showCancelButton: true,
cancelButtonText: "No, cancel",
cancelButtonClass: "btn btn-sm btn-bold btn-default"
}).then(function(result) {
if (result.value) {
swal.fire({
title: 'Deleted!',
text: 'Your selected records statuses have been updated!',
type: 'success',
buttonsStyling: false,
confirmButtonText: "OK",
confirmButtonClass: "btn btn-sm btn-bold btn-brand",
})
// result.dismiss can be 'cancel', 'overlay',
// 'close', and 'timer'
} else if (result.dismiss === 'cancel') {
swal.fire({
title: 'Cancelled',
text: 'You selected records statuses have not been updated!',
type: 'error',
buttonsStyling: false,
confirmButtonText: "OK",
confirmButtonClass: "btn btn-sm btn-bold btn-brand",
});
}
});
}
});
}
// selected records delete
var selectedDelete = function() {
$('#kt_subheader_group_actions_delete_all').on('click', function() {
// fetch selected IDs
var ids = datatable.rows('.kt-datatable__row--active').nodes().find('.kt-checkbox--single > [type="checkbox"]').map(function(i, chk) {
return $(chk).val();
});
if (ids.length > 0) {
// learn more: https://sweetalert2.github.io/
swal.fire({
buttonsStyling: false,
text: "Are you sure to delete " + ids.length + " selected records ?",
type: "danger",
confirmButtonText: "Yes, delete!",
confirmButtonClass: "btn btn-sm btn-bold btn-danger",
showCancelButton: true,
cancelButtonText: "No, cancel",
cancelButtonClass: "btn btn-sm btn-bold btn-brand"
}).then(function(result) {
if (result.value) {
swal.fire({
title: 'Deleted!',
text: 'Your selected records have been deleted! :(',
type: 'success',
buttonsStyling: false,
confirmButtonText: "OK",
confirmButtonClass: "btn btn-sm btn-bold btn-brand",
})
// result.dismiss can be 'cancel', 'overlay',
// 'close', and 'timer'
} else if (result.dismiss === 'cancel') {
swal.fire({
title: 'Cancelled',
text: 'You selected records have not been deleted! :)',
type: 'error',
buttonsStyling: false,
confirmButtonText: "OK",
confirmButtonClass: "btn btn-sm btn-bold btn-brand",
});
}
});
}
});
}
var updateTotal = function() {
datatable.on('kt-datatable--on-layout-updated', function () {
//$('#kt_subheader_total').html(datatable.getTotalRows() + ' Total');
});
};
return {
// public functions
init: function() {
init();
search();
selection();
selectedFetch();
selectedStatusUpdate();
selectedDelete();
updateTotal();
},
};
}();
// On document ready
KTUtil.ready(function() {
KTUserListDatatable.init();
});

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,35 @@
"use strict";
// Class definition
var KTUserProfile = function () {
// Base elements
var avatar;
var offcanvas;
// Private functions
var initAside = function () {
// Mobile offcanvas for mobile mode
offcanvas = new KTOffcanvas('kt_user_profile_aside', {
overlay: true,
baseClass: 'kt-app__aside',
closeBy: 'kt_user_profile_aside_close',
toggleBy: 'kt_subheader_mobile_toggle'
});
}
var initUserForm = function() {
avatar = new KTAvatar('kt_user_avatar');
}
return {
// public functions
init: function() {
initAside();
initUserForm();
}
};
}();
KTUtil.ready(function() {
KTUserProfile.init();
});

View File

@@ -0,0 +1 @@
"use strict";var KTUserProfile={init:function(){new KTOffcanvas("kt_user_profile_aside",{overlay:!0,baseClass:"kt-app__aside",closeBy:"kt_user_profile_aside_close",toggleBy:"kt_subheader_mobile_toggle"}),new KTAvatar("kt_user_avatar")}};KTUtil.ready(function(){KTUserProfile.init()});