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 KTContactsAdd = 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_contacts_add', {
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 initAvatar = function() {
avatar = new KTAvatar('kt_contacts_add_avatar');
}
return {
// public functions
init: function() {
formEl = $('#kt_contacts_add_form');
initWizard();
initValidation();
initSubmit();
initAvatar();
}
};
}();
jQuery(document).ready(function() {
KTContactsAdd.init();
});

View File

@@ -0,0 +1 @@
"use strict";var KTContactsAdd=function(){var t,e,n;return{init:function(){var r;t=$("#kt_contacts_add_form"),(n=new KTWizard("kt_contacts_add",{startStep:1})).on("beforeNext",function(t){!0!==e.form()&&t.stop()}),n.on("change",function(t){KTUtil.scrollTop()}),e=t.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(t,e){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(t){}}),(r=t.find('[data-ktwizard-type="action-submit"]')).on("click",function(n){n.preventDefault(),e.form()&&(KTApp.progress(r),t.ajaxSubmit({success:function(){KTApp.unprogress(r),swal.fire({title:"",text:"The application has been successfully submitted!",type:"success",confirmButtonClass:"btn btn-secondary"})}}))}),new KTAvatar("kt_contacts_add_avatar")}}}();jQuery(document).ready(function(){KTContactsAdd.init()});

View File

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

View File

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

View File

@@ -0,0 +1,27 @@
"use strict";
// Class definition
var KTContactsListColumns = function () {
// Private functions
var initAside = function () {
// Mobile offcanvas for mobile mode
var offcanvas = new KTOffcanvas('kt_contact_aside', {
overlay: true,
baseClass: 'kt-app__aside',
closeBy: 'kt_contact_aside_close',
toggleBy: 'kt_subheader_mobile_toggle'
});
}
return {
// public functions
init: function() {
initAside();
}
};
}();
KTUtil.ready(function() {
KTContactsListColumns.init();
});

View File

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

View File

@@ -0,0 +1,462 @@
"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/client.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: 'ID',
title: '#',
sortable: false,
width: 20,
selector: {
class: 'kt-checkbox--solid'
},
textAlign: 'center',
},
{
field: "Name",
title: "Name",
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.Name + '</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.Name.substring(0, 1) + '</div>' +
'</div>' +
'<div class="kt-user-card-v2__details">' +
'<a href="#" class="kt-user-card-v2__name">' + data.Name + '</a>' +
'<span class="kt-user-card-v2__desc">' + position[pos] + '</span>' +
'</div>' +
'</div>';
}
return output;
}
},
{
field: 'City',
title: 'City',
},
{
field: "Company",
title: "Company",
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.Company + '</a>' +
'<span class="kt-user-card-v2__email">' + skills[number - 1] + '</span>' +
'</div>' +
'</div>';
return output;
}
},
{
field: 'Address',
title: 'Address',
width: 150,
template: function (row) {
return row.Address1 + ' ' + row.Address2;
}
},
{
field: 'Country',
title: 'Country',
},
{
field: 'DateCreated',
title: 'Date Created',
type: 'date',
format: 'MM/DD/YYYY',
},
{
field: 'DateModified',
title: 'Date Modified',
type: 'date',
format: 'MM/DD/YYYY',
},
{
field: "Type",
title: "Type",
autoHide: false,
// callback function support for column rendering
template: function (row) {
var status = {
1: {
'title': 'Customer',
'class': ' btn-label-brand'
},
2: {
'title': 'Partner',
'class': ' btn-label-danger'
},
3: {
'title': 'Supplier',
'class': ' btn-label-warning'
},
4: {
'title': 'Staff',
'class': ' btn-label-success'
},
5: {
'title': 'Hot Lead',
'class': ' btn-label-primary'
},
6: {
'title': 'Cold Lead',
'class': ' btn-label-info'
},
};
return '<span class="btn btn-bold btn-sm btn-font-sm ' + status[row.Type].class + '">' + status[row.Type].title + '</span>';
}
},
{
width: 110,
field: 'Status',
title: 'Status',
autoHide: false,
// callback function support for column rendering
template: function (row) {
var status = {
1: {'title': 'Active', 'state': 'success'},
2: {'title': 'Pending', 'state': 'primary'},
3: {'title': 'Suspended', 'state': 'danger'},
};
return '<span class="kt-badge kt-badge--' + status[row.Status].state + ' kt-badge--dot"></span>&nbsp;<span class="kt-font-bold kt-font-' + status[row.Status].state + '">' + status[row.Status].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