LianPi3/BoilerPlate
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add project files.

Browse Source
This commit is contained in:
lianpi3
2025-07-23 18:54:59 +03:30
parent 429fe73799
commit a0852dd7d8
3356 changed files with 1632271 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

169
assets/js/pages/custom/education/school/calendar.js Normal file
View File

@ -0,0 +1,169 @@
"use strict";
var KTAppsEducationSchoolCalendar = function() {
return {
//main function to initiate the module
init: function() {
var todayDate = moment().startOf('day');
var YM = todayDate.format('YYYY-MM');
var YESTERDAY = todayDate.clone().subtract(1, 'day').format('YYYY-MM-DD');
var TODAY = todayDate.format('YYYY-MM-DD');
var TOMORROW = todayDate.clone().add(1, 'day').format('YYYY-MM-DD');
var calendarEl = document.getElementById('kt_calendar');
var calendar = new FullCalendar.Calendar(calendarEl, {
plugins: [ 'bootstrap', 'interaction', 'dayGrid', 'timeGrid', 'list' ],
themeSystem: 'bootstrap',
isRTL: KTUtil.isRTL(),
header: {
left: 'prev,next today',
center: 'title',
right: 'dayGridMonth,timeGridWeek,timeGridDay'
},
height: 800,
contentHeight: 780,
aspectRatio: 3, // see: https://fullcalendar.io/docs/aspectRatio
nowIndicator: true,
now: TODAY + 'T09:25:00', // just for demo
views: {
dayGridMonth: { buttonText: 'ماه' },
timeGridWeek: { buttonText: 'هفته' },
timeGridDay: { buttonText: 'روز' }
},
defaultView: 'dayGridMonth',
defaultDate: TODAY,
editable: true,
eventLimit: true, // allow "more" link when too many events
navLinks: true,
events: [
{
title: 'رویداد یک روز کامل',
start: YM + '-01',
description: 'این یک متن تستی است برای توضیحات',
className: "fc-event-danger fc-event-solid-warning"
},
{
title: 'گزارش نویسی',
start: YM + '-14T13:30:00',
description: 'این یک متن تستی است برای توضیحات',
end: YM + '-14',
className: "fc-event-success"
},
{
title: 'سفر کاری',
start: YM + '-02',
description: 'این یک متن تستی است برای توضیحات',
end: YM + '-03',
className: "fc-event-primary"
},
{
title: 'انتشار محصول',
start: YM + '-03',
description: 'این یک متن تستی است برای توضیحات',
end: YM + '-05',
className: "fc-event-light fc-event-solid-primary"
},
{
title: 'شام',
start: YM + '-12',
description: 'این یک متن تستی است برای توضیحات',
end: YM + '-10'
},
{
id: 999,
title: 'تکرار رویداد',
start: YM + '-09T16:00:00',
description: 'این یک متن تستی است برای توضیحات',
className: "fc-event-danger"
},
{
id: 1000,
title: 'تکرار رویداد',
description: 'این یک متن تستی است برای توضیحات',
start: YM + '-16T16:00:00'
},
{
title: 'کنفرانس',
start: YESTERDAY,
end: TOMORROW,
description: 'این یک متن تستی است برای توضیحات',
className: "fc-event-primary"
},
{
title: 'ملاقات',
start: TODAY + 'T10:30:00',
end: TODAY + 'T12:30:00',
description: 'این یک متن تستی است برای توضیحات',
},
{
title: 'ناهار',
start: TODAY + 'T12:00:00',
className: "fc-event-info",
description: 'این یک متن تستی است برای توضیحات',
},
{
title: 'ملاقات',
start: TODAY + 'T14:30:00',
className: "fc-event-warning",
description: 'این یک متن تستی است برای توضیحات',
},
{
title: 'ساعت تولد',
start: TODAY + 'T17:30:00',
className: "fc-event-info",
description: 'این یک متن تستی است برای توضیحات',
},
{
title: 'شام',
start: TOMORROW + 'T05:00:00',
className: "fc-event-solid-danger fc-event-light",
description: 'این یک متن تستی است برای توضیحات',
},
{
title: 'جشن تولد',
start: TOMORROW + 'T07:00:00',
className: "fc-event-primary",
description: 'این یک متن تستی است برای توضیحات',
},
{
title: 'کلیک روی گوگل',
url: 'http://google.com/',
start: YM + '-28',
className: "fc-event-solid-info fc-event-light",
description: 'این یک متن تستی است برای توضیحات',
}
],
eventRender: function(info) {
var element = $(info.el);
if (info.event.extendedProps && info.event.extendedProps.description) {
if (element.hasClass('fc-day-grid-event')) {
element.data('content', info.event.extendedProps.description);
element.data('placement', 'top');
KTApp.initPopover(element);
} else if (element.hasClass('fc-time-grid-event')) {
element.find('.fc-title').append('<div class="fc-description">' + info.event.extendedProps.description + '</div>');
} else if (element.find('.fc-list-item-title').lenght !== 0) {
element.find('.fc-list-item-title').append('<div class="fc-description">' + info.event.extendedProps.description + '</div>');
}
}
}
});
calendar.render();
}
};
}();
jQuery(document).ready(function() {
KTAppsEducationSchoolCalendar.init();
});

225
assets/js/pages/custom/education/school/library.js Normal file
View File

@ -0,0 +1,225 @@
"use strict";
// Class definition
var KTAppsEducationSchoolLibrary = function() {
// Private functions
// basic demo
var _demo = function() {
var datatable = $('#kt_datatable').KTDatatable({
// datasource definition
data: {
type: 'remote',
source: {
read: {
url: HOST_URL + '/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,
// enable pagination
pagination: true,
// columns definition
columns: [
{
field: 'CompanyName',
title: 'کتاب',
width: 250,
template: function(data) {
var number = KTUtil.getRandomInt(1, 13);
var img = number + '.png';
var output = '';
var genreIndex = KTUtil.getRandomInt(1, 4);
var genre = {
1: {'title': 'داستان'},
2: {'title': 'نمایش'},
3: {'title': 'کلاسیک'},
4: {'title': 'دلهره آور'}
};
output = '<div class="d-flex align-items-center">\
<div class="symbol symbol-40 symbol-sm flex-shrink-0">\
<img class="" src="assets/media/books/' + img + '" alt="photo">\
</div>\
<div class="ml-4">\
<a href="#" class="text-dark-75 text-hover-primary font-weight-bolder font-size-lg mb-0">' + data.CompanyName + '</a>\
<div class="text-muted font-weight-bold">' + genre[genreIndex].title + '</div>\
</div>\
</div>';
return output;
}
}, {
field: 'CompanyAgent',
title: 'نویسنده',
template: function(row) {
var output = '';
output += '<a href="#" class="text-dark-50 text-hover-primary font-weight-bold">' + row.CompanyAgent + '</a>';
return output;
}
}, {
field: 'IssueDate',
title: 'صادر شده',
type: 'date',
width: 100,
format: 'MM/DD/YYYY',
template: function(row) {
var output = '';
var status = {
1: {'title': 'جدید', 'class': ' label-light-primary'},
2: {'title': 'خوب', 'class': ' label-light-danger'},
3: {'title': 'آسیب دیده', 'class': ' label-light-primary'}
};
var index = KTUtil.getRandomInt(1, 3);
output += '<div class="font-weight-bolder text-primary mb-0">' + row.ShipDate + '</div>';
output += '<div class="text-muted">' + status[index].title + '</div>';
return output;
},
}, {
field: 'Status',
title: 'وضعیت',
autoHide: false,
width: 100,
// callback function support for column rendering
template: function(row) {
var index = KTUtil.getRandomInt(1, 4);
var status = {
1: {'title': 'در دسترس', 'class': ' label-light-primary'},
2: {'title': 'در حال استفاده', 'class': ' label-light-danger'},
3: {'title': 'عدم موجودی', 'class': ' label-light-info'},
4: {'title': 'رسیدن', 'class': ' label-light-success'}
};
return '<span class="label label-lg font-weight-bold ' + status[index].class + ' label-inline">' + status[index].title + '</span>';
},
}, {
field: 'Actions',
title: 'عملیات',
sortable: false,
width: 130,
overflow: 'visible',
autoHide: false,
template: function() {
return '\
<div class="dropdown dropdown-inline">\
<a href="javascript:;" class="btn btn-sm btn-default btn-text-primary btn-hover-primary btn-icon mr-2" data-toggle="dropdown">\
<span class="svg-icon svg-icon-md">\
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1" class="svg-icon">\
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\
<rect x="0" y="0" width="24" height="24"/>\
<path d="M7,3 L17,3 C19.209139,3 21,4.790861 21,7 C21,9.209139 19.209139,11 17,11 L7,11 C4.790861,11 3,9.209139 3,7 C3,4.790861 4.790861,3 7,3 Z M7,9 C8.1045695,9 9,8.1045695 9,7 C9,5.8954305 8.1045695,5 7,5 C5.8954305,5 5,5.8954305 5,7 C5,8.1045695 5.8954305,9 7,9 Z" fill="#000000"/>\
<path d="M7,13 L17,13 C19.209139,13 21,14.790861 21,17 C21,19.209139 19.209139,21 17,21 L7,21 C4.790861,21 3,19.209139 3,17 C3,14.790861 4.790861,13 7,13 Z M17,19 C18.1045695,19 19,18.1045695 19,17 C19,15.8954305 18.1045695,15 17,15 C15.8954305,15 15,15.8954305 15,17 C15,18.1045695 15.8954305,19 17,19 Z" fill="#000000" opacity="0.3"/>\
</g>\
</svg>\
</span>\
</a>\
<div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\
<ul class="navi flex-column navi-hover py-2">\
<li class="navi-header font-weight-bolder text-uppercase font-size-xs text-primary pb-2">\
انتخاب عملیات:\
</li>\
<li class="navi-item">\
<a href="#" class="navi-link">\
<span class="navi-icon"><i class="la la-print"></i></span>\
<span class="navi-text">پرینت</span>\
</a>\
</li>\
<li class="navi-item">\
<a href="#" class="navi-link">\
<span class="navi-icon"><i class="la la-copy"></i></span>\
<span class="navi-text">کپی</span>\
</a>\
</li>\
<li class="navi-item">\
<a href="#" class="navi-link">\
<span class="navi-icon"><i class="la la-file-excel-o"></i></span>\
<span class="navi-text">اکسل</span>\
</a>\
</li>\
<li class="navi-item">\
<a href="#" class="navi-link">\
<span class="navi-icon"><i class="la la-file-text-o"></i></span>\
<span class="navi-text">CSV</span>\
</a>\
</li>\
<li class="navi-item">\
<a href="#" class="navi-link">\
<span class="navi-icon"><i class="la la-file-pdf-o"></i></span>\
<span class="navi-text">PDF</span>\
</a>\
</li>\
</ul>\
</div>\
</div>\
<a href="javascript:;" class="btn btn-sm btn-default btn-text-primary btn-hover-primary btn-icon mr-2" title="Edit details">\
<span class="svg-icon svg-icon-md">\
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">\
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\
<rect x="0" y="0" width="24" height="24"/>\
<path d="M12.2674799,18.2323597 L12.0084872,5.45852451 C12.0004303,5.06114792 12.1504154,4.6768183 12.4255037,4.38993949 L15.0030167,1.70195304 L17.5910752,4.40093695 C17.8599071,4.6812911 18.0095067,5.05499603 18.0083938,5.44341307 L17.9718262,18.2062508 C17.9694575,19.0329966 17.2985816,19.701953 16.4718324,19.701953 L13.7671717,19.701953 C12.9505952,19.701953 12.2840328,19.0487684 12.2674799,18.2323597 Z" fill="#000000" fill-rule="nonzero" transform="translate(14.701953, 10.701953) rotate(-135.000000) translate(-14.701953, -10.701953) "/>\
<path d="M12.9,2 C13.4522847,2 13.9,2.44771525 13.9,3 C13.9,3.55228475 13.4522847,4 12.9,4 L6,4 C4.8954305,4 4,4.8954305 4,6 L4,18 C4,19.1045695 4.8954305,20 6,20 L18,20 C19.1045695,20 20,19.1045695 20,18 L20,13 C20,12.4477153 20.4477153,12 21,12 C21.5522847,12 22,12.4477153 22,13 L22,18 C22,20.209139 20.209139,22 18,22 L6,22 C3.790861,22 2,20.209139 2,18 L2,6 C2,3.790861 3.790861,2 6,2 L12.9,2 Z" fill="#000000" fill-rule="nonzero" opacity="0.3"/>\
</g>\
</svg>\
</span>\
</a>\
<a href="javascript:;" class="btn btn-sm btn-default btn-text-primary btn-hover-primary btn-icon" title="Delete">\
<span class="svg-icon svg-icon-md">\
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">\
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\
<rect x="0" y="0" width="24" height="24"/>\
<path d="M6,8 L6,20.5 C6,21.3284271 6.67157288,22 7.5,22 L16.5,22 C17.3284271,22 18,21.3284271 18,20.5 L18,8 L6,8 Z" fill="#000000" fill-rule="nonzero"/>\
<path d="M14,4.5 L14,4 C14,3.44771525 13.5522847,3 13,3 L11,3 C10.4477153,3 10,3.44771525 10,4 L10,4.5 L5.5,4.5 C5.22385763,4.5 5,4.72385763 5,5 L5,5.5 C5,5.77614237 5.22385763,6 5.5,6 L18.5,6 C18.7761424,6 19,5.77614237 19,5.5 L19,5 C19,4.72385763 18.7761424,4.5 18.5,4.5 L14,4.5 Z" fill="#000000" opacity="0.3"/>\
</g>\
</svg>\
</span>\
</a>\
';
},
}],
});
$('#kt_datatable_search_status').on('change', function() {
datatable.search($(this).val().toLowerCase(), 'Status');
});
$('#kt_datatable_search_type').on('change', function() {
datatable.search($(this).val().toLowerCase(), 'Type');
});
//$('#kt_datatable_search_status, #kt_datatable_search_type').selectpicker();
};
return {
// public functions
init: function() {
_demo();
},
};
}();
jQuery(document).ready(function() {
KTAppsEducationSchoolLibrary.init();
});

249
assets/js/pages/custom/education/school/students.js Normal file
View File

@ -0,0 +1,249 @@
"use strict";
// Class definition
var KTAppsEducationSchoolTeacher = function() {
// Private functions
// basic demo
var _demo = function() {
var datatable = $('#kt_datatable').KTDatatable({
// datasource definition
data: {
type: 'remote',
source: {
read: {
url: HOST_URL + '/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,
// enable pagination
pagination: true,
// columns definition
columns: [
{
field: 'CompanyName',
title: 'دانشجو',
width: 250,
template: function(data) {
var number = KTUtil.getRandomInt(1, 10);
var avatarsGirl = {
1: {'file': '002-girl.svg'},
2: {'file': '003-girl-1.svg'},
3: {'file': '006-girl-3.svg'},
4: {'file': '012-girl-5.svg'},
5: {'file': '013-girl-6.svg'},
6: {'file': '019-girl-10.svg'},
7: {'file': '020-girl-11.svg'},
8: {'file': '030-girl-17.svg'},
9: {'file': '037-girl-20.svg'},
10: {'file': '039-girl-21.svg'}
};
var avatarsBoy = {
1: {'file': '001-boy.svg'},
2: {'file': '004-boy-1.svg'},
3: {'file': '011-boy-5.svg'},
4: {'file': '021-boy-8.svg'},
5: {'file': '032-boy-13.svg'},
6: {'file': '035-boy-15.svg'},
7: {'file': '040-boy-17.svg'},
8: {'file': '045-boy-20.svg'},
9: {'file': '049-boy-22.svg'},
10: {'file': '048-boy-21.svg'}
};
var user_img = '';
if (data.Gender == 'F') {
user_img = avatarsGirl[number].file;
} else {
user_img = avatarsBoy[number].file;
}
var output = '<div class="d-flex align-items-center">\
<div class="symbol symbol-50 symbol-sm flex-shrink-0">\
<div class="symbol-label">\
<img class="h-75 align-self-end" src="assets/media/svg/avatars/' + user_img + '" alt="photo"/>\
</div>\
</div>\
<div class="ml-4">\
<div class="text-dark-75 font-weight-bolder font-size-lg mb-0">' + data.CompanyAgent + '</div>\
<a href="#" class="text-muted font-weight-bold text-hover-primary">' + data.CompanyEmail + '</a>\
</div>\
</div>';
return output;
}
}, {
field: 'FacultyAgent',
title: 'دانشکده',
template: function(row) {
var output = '';
var genreIndex1 = KTUtil.getRandomInt(1, 5);
var genre = {
1: {'title': ', BA'},
2: {'title': ', BSc'},
3: {'title': ', PhD'},
4: {'title': ', MS'},
5: {'title': ', MA'},
};
output += '<a href="#" class="text-dark-50 text-hover-primary font-weight-bold">' + row.CompanyName + genre[genreIndex1].title + '</a>';
return output;
}
}, {
field: 'JoinedDate',
title: "پیوست",
type: 'date',
width: 100,
format: 'MM/DD/YYYY',
template: function(row) {
var output = '';
output += '<div class="font-weight-bolder text-primary mb-0">' + row.ShipDate + '</div>';
return output;
},
}, {
field: 'Status',
title: 'وضعیت',
autoHide: false,
width: 100,
// callback function support for column rendering
template: function(row) {
var index = KTUtil.getRandomInt(1, 3);
var status = {
1: {'title': 'جدید', 'class': ' label-light-primary'},
2: {'title': 'فعال', 'class': ' label-light-danger'},
3: {'title': 'غیر فعال', 'class': ' label-light-info'},
};
return '<span class="label label-lg font-weight-bold ' + status[index].class + ' label-inline">' + status[index].title + '</span>';
},
}, {
field: 'Actions',
title: 'عملیات',
sortable: false,
width: 130,
overflow: 'visible',
autoHide: false,
template: function() {
return '\
<div class="dropdown dropdown-inline">\
<a href="javascript:;" class="btn btn-sm btn-default btn-text-primary btn-hover-primary btn-icon mr-2" data-toggle="dropdown">\
<span class="svg-icon svg-icon-md">\
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1" class="svg-icon">\
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\
<rect x="0" y="0" width="24" height="24"/>\
<path d="M7,3 L17,3 C19.209139,3 21,4.790861 21,7 C21,9.209139 19.209139,11 17,11 L7,11 C4.790861,11 3,9.209139 3,7 C3,4.790861 4.790861,3 7,3 Z M7,9 C8.1045695,9 9,8.1045695 9,7 C9,5.8954305 8.1045695,5 7,5 C5.8954305,5 5,5.8954305 5,7 C5,8.1045695 5.8954305,9 7,9 Z" fill="#000000"/>\
<path d="M7,13 L17,13 C19.209139,13 21,14.790861 21,17 C21,19.209139 19.209139,21 17,21 L7,21 C4.790861,21 3,19.209139 3,17 C3,14.790861 4.790861,13 7,13 Z M17,19 C18.1045695,19 19,18.1045695 19,17 C19,15.8954305 18.1045695,15 17,15 C15.8954305,15 15,15.8954305 15,17 C15,18.1045695 15.8954305,19 17,19 Z" fill="#000000" opacity="0.3"/>\
</g>\
</svg>\
</span>\
</a>\
<div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\
<ul class="navi flex-column navi-hover py-2">\
<li class="navi-header font-weight-bolder text-uppercase font-size-xs text-primary pb-2">\
انتخاب عملیات:\
</li>\
<li class="navi-item">\
<a href="#" class="navi-link">\
<span class="navi-icon"><i class="la la-print"></i></span>\
<span class="navi-text">پرینت</span>\
</a>\
</li>\
<li class="navi-item">\
<a href="#" class="navi-link">\
<span class="navi-icon"><i class="la la-copy"></i></span>\
<span class="navi-text">کپی</span>\
</a>\
</li>\
<li class="navi-item">\
<a href="#" class="navi-link">\
<span class="navi-icon"><i class="la la-file-excel-o"></i></span>\
<span class="navi-text">اکسل</span>\
</a>\
</li>\
<li class="navi-item">\
<a href="#" class="navi-link">\
<span class="navi-icon"><i class="la la-file-text-o"></i></span>\
<span class="navi-text">CSV</span>\
</a>\
</li>\
<li class="navi-item">\
<a href="#" class="navi-link">\
<span class="navi-icon"><i class="la la-file-pdf-o"></i></span>\
<span class="navi-text">PDF</span>\
</a>\
</li>\
</ul>\
</div>\
</div>\
<a href="javascript:;" class="btn btn-sm btn-default btn-text-primary btn-hover-primary btn-icon mr-2" title="Edit details">\
<span class="svg-icon svg-icon-md">\
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">\
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\
<rect x="0" y="0" width="24" height="24"/>\
<path d="M12.2674799,18.2323597 L12.0084872,5.45852451 C12.0004303,5.06114792 12.1504154,4.6768183 12.4255037,4.38993949 L15.0030167,1.70195304 L17.5910752,4.40093695 C17.8599071,4.6812911 18.0095067,5.05499603 18.0083938,5.44341307 L17.9718262,18.2062508 C17.9694575,19.0329966 17.2985816,19.701953 16.4718324,19.701953 L13.7671717,19.701953 C12.9505952,19.701953 12.2840328,19.0487684 12.2674799,18.2323597 Z" fill="#000000" fill-rule="nonzero" transform="translate(14.701953, 10.701953) rotate(-135.000000) translate(-14.701953, -10.701953) "/>\
<path d="M12.9,2 C13.4522847,2 13.9,2.44771525 13.9,3 C13.9,3.55228475 13.4522847,4 12.9,4 L6,4 C4.8954305,4 4,4.8954305 4,6 L4,18 C4,19.1045695 4.8954305,20 6,20 L18,20 C19.1045695,20 20,19.1045695 20,18 L20,13 C20,12.4477153 20.4477153,12 21,12 C21.5522847,12 22,12.4477153 22,13 L22,18 C22,20.209139 20.209139,22 18,22 L6,22 C3.790861,22 2,20.209139 2,18 L2,6 C2,3.790861 3.790861,2 6,2 L12.9,2 Z" fill="#000000" fill-rule="nonzero" opacity="0.3"/>\
</g>\
</svg>\
</span>\
</a>\
<a href="javascript:;" class="btn btn-sm btn-default btn-text-primary btn-hover-primary btn-icon" title="Delete">\
<span class="svg-icon svg-icon-md">\
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">\
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\
<rect x="0" y="0" width="24" height="24"/>\
<path d="M6,8 L6,20.5 C6,21.3284271 6.67157288,22 7.5,22 L16.5,22 C17.3284271,22 18,21.3284271 18,20.5 L18,8 L6,8 Z" fill="#000000" fill-rule="nonzero"/>\
<path d="M14,4.5 L14,4 C14,3.44771525 13.5522847,3 13,3 L11,3 C10.4477153,3 10,3.44771525 10,4 L10,4.5 L5.5,4.5 C5.22385763,4.5 5,4.72385763 5,5 L5,5.5 C5,5.77614237 5.22385763,6 5.5,6 L18.5,6 C18.7761424,6 19,5.77614237 19,5.5 L19,5 C19,4.72385763 18.7761424,4.5 18.5,4.5 L14,4.5 Z" fill="#000000" opacity="0.3"/>\
</g>\
</svg>\
</span>\
</a>\
';
},
}],
});
$('#kt_datatable_search_status').on('change', function() {
datatable.search($(this).val().toLowerCase(), 'Status');
});
$('#kt_datatable_search_type').on('change', function() {
datatable.search($(this).val().toLowerCase(), 'Type');
});
//$('#kt_datatable_search_status, #kt_datatable_search_type').selectpicker();
};
return {
// public functions
init: function() {
_demo();
},
};
}();
jQuery(document).ready(function() {
KTAppsEducationSchoolTeacher.init();
});

216
assets/js/pages/custom/education/school/teachers.js Normal file
View File

@ -0,0 +1,216 @@
"use strict";
// Class definition
var KTAppsEducationSchoolTeacher = function() {
// Private functions
// basic demo
var _demo = function() {
var datatable = $('#kt_datatable').KTDatatable({
// datasource definition
data: {
type: 'remote',
source: {
read: {
url: HOST_URL + '/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,
// enable pagination
pagination: true,
// columns definition
columns: [
{
field: 'CompanyName',
title: 'معلمان',
width: 250,
template: function(data) {
var number = KTUtil.getRandomInt(1, 20);
var img = '300_' + number + '.jpg';
var output = '';
var genreIndex = KTUtil.getRandomInt(1, 5);
var genre = {
1: {'title': 'Mathematics, BA'},
2: {'title': 'Geography, BSc'},
3: {'title': 'History, PhD'},
4: {'title': 'Physics, MS'},
5: {'title': 'astronomy, MA'},
};
output = '<div class="d-flex align-items-center">\
<div class="symbol symbol-40 symbol-sm flex-shrink-0">\
<img class="" src="assets/media/users/' + img + '" alt="photo">\
</div>\
<div class="ml-4">\
<a href="#" class="text-dark-75 text-hover-primary font-weight-bolder font-size-lg mb-0">' + data.CompanyAgent + '</a>\
<div class="text-muted font-weight-bold">' + genre[genreIndex].title + '</div>\
</div>\
</div>';
return output;
}
}, {
field: 'CompanyAgent',
title: 'دپارتمان',
template: function(row) {
var output = '';
output += '<a href="#" class="text-dark-50 text-hover-primary font-weight-bold">' + row.CompanyName + '</a>';
return output;
}
}, {
field: 'JoinedDate',
title: "پیوست",
type: 'date',
width: 100,
format: 'MM/DD/YYYY',
template: function(row) {
var output = '';
output += '<div class="font-weight-bolder text-primary mb-0">' + row.ShipDate + '</div>';
return output;
},
}, {
field: 'Status',
title: 'وضعیت',
autoHide: false,
width: 100,
// callback function support for column rendering
template: function(row) {
var index = KTUtil.getRandomInt(1, 3);
var status = {
1: {'title': 'جدید', 'class': ' label-light-primary'},
2: {'title': 'فعال', 'class': ' label-light-danger'},
3: {'title': 'غیر فعال', 'class': ' label-light-info'},
};
return '<span class="label label-lg font-weight-bold ' + status[index].class + ' label-inline">' + status[index].title + '</span>';
},
}, {
field: 'Actions',
title: 'عملیات',
sortable: false,
width: 130,
overflow: 'visible',
autoHide: false,
template: function() {
return '\
<div class="dropdown dropdown-inline">\
<a href="javascript:;" class="btn btn-sm btn-default btn-text-primary btn-hover-primary btn-icon mr-2" data-toggle="dropdown">\
<span class="svg-icon svg-icon-md">\
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1" class="svg-icon">\
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\
<rect x="0" y="0" width="24" height="24"/>\
<path d="M7,3 L17,3 C19.209139,3 21,4.790861 21,7 C21,9.209139 19.209139,11 17,11 L7,11 C4.790861,11 3,9.209139 3,7 C3,4.790861 4.790861,3 7,3 Z M7,9 C8.1045695,9 9,8.1045695 9,7 C9,5.8954305 8.1045695,5 7,5 C5.8954305,5 5,5.8954305 5,7 C5,8.1045695 5.8954305,9 7,9 Z" fill="#000000"/>\
<path d="M7,13 L17,13 C19.209139,13 21,14.790861 21,17 C21,19.209139 19.209139,21 17,21 L7,21 C4.790861,21 3,19.209139 3,17 C3,14.790861 4.790861,13 7,13 Z M17,19 C18.1045695,19 19,18.1045695 19,17 C19,15.8954305 18.1045695,15 17,15 C15.8954305,15 15,15.8954305 15,17 C15,18.1045695 15.8954305,19 17,19 Z" fill="#000000" opacity="0.3"/>\
</g>\
</svg>\
</span>\
</a>\
<div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\
<ul class="navi flex-column navi-hover py-2">\
<li class="navi-header font-weight-bolder text-uppercase font-size-xs text-primary pb-2">\
انتخاب عملیات:\
</li>\
<li class="navi-item">\
<a href="#" class="navi-link">\
<span class="navi-icon"><i class="la la-print"></i></span>\
<span class="navi-text">پرینت</span>\
</a>\
</li>\
<li class="navi-item">\
<a href="#" class="navi-link">\
<span class="navi-icon"><i class="la la-copy"></i></span>\
<span class="navi-text">کپی</span>\
</a>\
</li>\
<li class="navi-item">\
<a href="#" class="navi-link">\
<span class="navi-icon"><i class="la la-file-excel-o"></i></span>\
<span class="navi-text">اکسل</span>\
</a>\
</li>\
<li class="navi-item">\
<a href="#" class="navi-link">\
<span class="navi-icon"><i class="la la-file-text-o"></i></span>\
<span class="navi-text">CSV</span>\
</a>\
</li>\
<li class="navi-item">\
<a href="#" class="navi-link">\
<span class="navi-icon"><i class="la la-file-pdf-o"></i></span>\
<span class="navi-text">PDF</span>\
</a>\
</li>\
</ul>\
</div>\
</div>\
<a href="javascript:;" class="btn btn-sm btn-default btn-text-primary btn-hover-primary btn-icon mr-2" title="Edit details">\
<span class="svg-icon svg-icon-md">\
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">\
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\
<rect x="0" y="0" width="24" height="24"/>\
<path d="M12.2674799,18.2323597 L12.0084872,5.45852451 C12.0004303,5.06114792 12.1504154,4.6768183 12.4255037,4.38993949 L15.0030167,1.70195304 L17.5910752,4.40093695 C17.8599071,4.6812911 18.0095067,5.05499603 18.0083938,5.44341307 L17.9718262,18.2062508 C17.9694575,19.0329966 17.2985816,19.701953 16.4718324,19.701953 L13.7671717,19.701953 C12.9505952,19.701953 12.2840328,19.0487684 12.2674799,18.2323597 Z" fill="#000000" fill-rule="nonzero" transform="translate(14.701953, 10.701953) rotate(-135.000000) translate(-14.701953, -10.701953) "/>\
<path d="M12.9,2 C13.4522847,2 13.9,2.44771525 13.9,3 C13.9,3.55228475 13.4522847,4 12.9,4 L6,4 C4.8954305,4 4,4.8954305 4,6 L4,18 C4,19.1045695 4.8954305,20 6,20 L18,20 C19.1045695,20 20,19.1045695 20,18 L20,13 C20,12.4477153 20.4477153,12 21,12 C21.5522847,12 22,12.4477153 22,13 L22,18 C22,20.209139 20.209139,22 18,22 L6,22 C3.790861,22 2,20.209139 2,18 L2,6 C2,3.790861 3.790861,2 6,2 L12.9,2 Z" fill="#000000" fill-rule="nonzero" opacity="0.3"/>\
</g>\
</svg>\
</span>\
</a>\
<a href="javascript:;" class="btn btn-sm btn-default btn-text-primary btn-hover-primary btn-icon" title="Delete">\
<span class="svg-icon svg-icon-md">\
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">\
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\
<rect x="0" y="0" width="24" height="24"/>\
<path d="M6,8 L6,20.5 C6,21.3284271 6.67157288,22 7.5,22 L16.5,22 C17.3284271,22 18,21.3284271 18,20.5 L18,8 L6,8 Z" fill="#000000" fill-rule="nonzero"/>\
<path d="M14,4.5 L14,4 C14,3.44771525 13.5522847,3 13,3 L11,3 C10.4477153,3 10,3.44771525 10,4 L10,4.5 L5.5,4.5 C5.22385763,4.5 5,4.72385763 5,5 L5,5.5 C5,5.77614237 5.22385763,6 5.5,6 L18.5,6 C18.7761424,6 19,5.77614237 19,5.5 L19,5 C19,4.72385763 18.7761424,4.5 18.5,4.5 L14,4.5 Z" fill="#000000" opacity="0.3"/>\
</g>\
</svg>\
</span>\
</a>\
';
},
}],
});
$('#kt_datatable_search_status').on('change', function() {
datatable.search($(this).val().toLowerCase(), 'Status');
});
$('#kt_datatable_search_type').on('change', function() {
datatable.search($(this).val().toLowerCase(), 'Type');
});
//$('#kt_datatable_search_status, #kt_datatable_search_type').selectpicker();
};
return {
// public functions
init: function() {
_demo();
},
};
}();
jQuery(document).ready(function() {
KTAppsEducationSchoolTeacher.init();
});