-
-
-
+
+
+
+
+ {{ p }}
+
+
+
+
+
+ {{ f }}
+
+
+
+
+
+ {{ r }}
+
+
-
- I'm an example component.
-
-
-
+
+
+
+ {{ mss }}
+
+
+
+
+
+ {{ dpr }}
+
+
+
+
+
+ {{ dp }}
+
+
+
+
+
+ {{ dpt }}
+
+
+
+
+ {{ i }}
+
+
+
+
+
diff --git a/resources/js/components/FontAwesomeIconPicker.vue b/resources/js/components/FontAwesomeIconPicker.vue
new file mode 100644
index 0000000..d604cf3
--- /dev/null
+++ b/resources/js/components/FontAwesomeIconPicker.vue
@@ -0,0 +1,2644 @@
+
+
+
+
+
+
+
diff --git a/resources/js/components/Increment.vue b/resources/js/components/Increment.vue
new file mode 100644
index 0000000..91d19cd
--- /dev/null
+++ b/resources/js/components/Increment.vue
@@ -0,0 +1,105 @@
+
+
+
+
+
+
+
diff --git a/resources/js/components/RemixIconPicker.vue b/resources/js/components/RemixIconPicker.vue
new file mode 100644
index 0000000..4f0afaa
--- /dev/null
+++ b/resources/js/components/RemixIconPicker.vue
@@ -0,0 +1,2764 @@
+
+
+
+
+
+
+
diff --git a/resources/js/components/SearchableSelect.vue b/resources/js/components/SearchableSelect.vue
new file mode 100644
index 0000000..f6cd9ce
--- /dev/null
+++ b/resources/js/components/SearchableSelect.vue
@@ -0,0 +1,199 @@
+
+
+
+
+
+
+
+
+
+
+ -
+ {{item[titleField]}}
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/resources/js/components/libs/persian-date.js b/resources/js/components/libs/persian-date.js
new file mode 100644
index 0000000..8fe11e7
--- /dev/null
+++ b/resources/js/components/libs/persian-date.js
@@ -0,0 +1,209 @@
+class PersianDate {
+
+ persianMonthNames = ['', 'فروردین', 'اردیبهشت', 'خرداد', 'تیر', 'مرداد', 'شهریور', 'مهر', 'آبان', 'آذر', 'دی', 'بهمن', 'اسفند'];
+
+ settings= {
+ gSpliter: '/',
+ }
+
+ /**
+ * from parsi date by mobin ghasem pour
+ * @param {integer} year
+ * @returns {Boolean}
+ */
+ isLeapYear = function (year) {
+ if (((year % 4) === 0 && (year % 100) !== 0) || ((year % 400) === 0) && (year % 100) === 0)
+ return true;
+ else
+ return false;
+ };
+
+
+ parseHindi = function (str) {
+
+ let r = str.toString();
+ let org = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9'];
+ let hindi = ['۰', '۱', '۲', '۳', '۴', '۵', '۶', '۷', '۸', '۹'];
+ for (var ch in org) {
+ r = r.replace(new RegExp(org[ch], 'g'), hindi[ch]);
+ }
+
+ return r;
+ }
+
+
+ exploiter = function (date_txt, determ) {
+ if (typeof determ === 'undefined') {
+ determ = '/';
+ }
+ let a = date_txt.split(determ);
+
+ if (typeof a[2] === 'undefined') {
+ return a;
+ }
+ if (a[0].length < a[2].length) {
+ return [a[2], a[1], a[0]];
+ }
+
+ return a;
+ };
+
+ imploiter = function (date_txt, determ) {
+ if (determ === undefined) {
+ determ = '/';
+ }
+
+ return date_txt[0] + determ + date_txt[1] + determ + date_txt[2];
+ };
+
+
+ /**
+ * from parsi date by mobin ghasem pour
+ * @param {Array} indate
+ * @returns {Array}
+ */
+ persian2Gregorian = function (indate) {
+ let jy = indate[0];
+ let jm = indate[1];
+ let jd = indate[2];
+ let gd;
+ let j_days_sum_month = [0, 0, 31, 62, 93, 124, 155, 186, 216, 246, 276, 306, 336, 365];
+ let g_days_in_month = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
+ let g_days_leap_month = [31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
+ gd = j_days_sum_month[parseInt(jm)] + parseInt(jd);
+ let gy = parseInt(jy) + 621;
+ if (gd > 286)
+ gy++;
+ if (this.isLeapYear(gy - 1) && 286 < gd)
+ gd--;
+ if (gd > 286)
+ gd -= 286;
+ else
+ gd += 79;
+ let gm;
+ if (this.isLeapYear(gy)) {
+ for (gm = 0; gd > g_days_leap_month[gm]; gm++) {
+ gd -= g_days_leap_month[gm];
+ }
+ } else {
+ for (gm = 0; gd > g_days_in_month[gm]; gm++)
+ gd -= g_days_in_month[gm];
+ }
+ gm++;
+ if (gm < 10)
+ gm = '0' + gm;
+ gd = gd < 10 ? '0'+gd: gd;
+ return [gy, gm, gd];
+ };
+
+
+ /**
+ * from parsi date by mobin ghasem pour
+ * @param {Array} indate
+ * @returns {Array}
+ */
+ gregorian2Persian = function (indate) {
+
+ let gy, gm, gd, j_days_in_month, g_days_sum_month, dayofyear, leab, leap, jd, jy, jm, i;
+
+ gy = indate[0];
+ gm = indate[1];
+ gd = indate[2];
+
+ j_days_in_month = [31, 31, 31, 31, 31, 31, 30, 30, 30, 30, 30, 29];
+ g_days_sum_month = [0, 0, 31, 59, 90, 120, 151, 181, 212, 243, 273, 304, 334, 365];
+ dayofyear = g_days_sum_month[parseInt(gm)] + parseInt(gd);
+ leab = this.isLeapYear(gy);
+ leap = this.isLeapYear(gy - 1);
+ if (dayofyear > 79) {
+ jd = (leab ? dayofyear - 78 : dayofyear - 79);
+ jy = gy - 621;
+ for (i = 0; jd > j_days_in_month[i]; i++) {
+ jd -= j_days_in_month[i];
+ }
+ } else {
+ jd = ((leap || (leab && gm > 2)) ? 287 + dayofyear : 286 + dayofyear);
+ jy = gy - 622;
+ if (leap == 0 && jd == 366)
+ return [jy, 12, 30];
+ for (i = 0; jd > j_days_in_month[i]; i++) {
+ jd -= j_days_in_month[i];
+ }
+ }
+ jm = ++i;
+ jm = (jm < 10 ? jm = '0' + jm : jm);
+ if (jm == 13) {
+ jm = 12;
+ jd = 30;
+ }
+ if (jm.toString().length == 1) {
+ jm = '0' + jm;
+ }
+ if (jd.toString().length == 1) {
+ jd = '0' + jd;
+ }
+ return [jy.toString(), jm, jd];
+ };
+
+ convertDate2Persian = function (dt){
+ let tmp = dt.toLocaleString('fa-IR-u-nu-latn')
+ .split('،')
+ .join(',');
+ let date = tmp.split(',');
+ let result = date[0].split('/');
+ result[1] = this.make2number(result[1]);
+ result[2] = this.make2number(result[2]);
+ return result;
+
+ }
+ make2number = function (instr) {
+ let num = instr.toString();
+ return num.length === 2 ? num : '0' + num;
+ }
+
+ gDate2Timestamp = function (stri) {
+ return Math.round(new Date(stri + " 00:00:00").getTime() / 1000);
+ }
+
+ gTimestamp2Date = function (unix_timestamp) {
+ let date = new Date(unix_timestamp * 1000);
+ return date.getFullYear() + settings.gSpliter + date.getMonth() + 1 + settings.gSpliter + date.getDate();
+ }
+ pDate2Timestamp = function (stri) {
+ return this.gDate2Timestamp(this.imploiter(this.persian2Gregorian(this.exploiter(stri))));
+ }
+
+ pTimestamp2Date = function (unix_timestamp) {
+ let date = new Date(unix_timestamp * 1000);
+ return this.imploiter(this.gregorian2Persian([date.getFullYear(), date.getMonth() + 1, date.getDate()]));
+ }
+
+ getPersianWeekDay = function (jdate) {
+
+ let tmp = this.imploiter(this.persian2Gregorian(this.exploiter(jdate)), '/');
+ let dd = new Date(tmp + " 00:00:00").getDay() + 1;
+ if (dd > 6) {
+ dd -= 7;
+ }
+ return dd;
+ };
+
+ pGetLastDayMonth = function (mn, yr) {
+ let tmp;
+ let last = 29;
+ let now = this.pDate2Timestamp(yr + '/' + mn + '/' + (29));
+ for (let i = 1; i < 4; i++) {
+ now += 86400;
+ tmp = this.exploiter(this.pTimestamp2Date(now));
+ if (tmp[2] < last) {
+ return last;
+ } else {
+ last = tmp[2];
+ }
+ }
+ return last;
+ }
+
+}
+
+export default PersianDate;
diff --git a/resources/js/components/searchableMultiSelect.vue b/resources/js/components/searchableMultiSelect.vue
new file mode 100644
index 0000000..38ad4ef
--- /dev/null
+++ b/resources/js/components/searchableMultiSelect.vue
@@ -0,0 +1,229 @@
+
+
+
+
+
+
+
+
+
+
+ -
+ {{ item[titleField] }}
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/resources/js/components/vueDateRangePicker.vue b/resources/js/components/vueDateRangePicker.vue
new file mode 100644
index 0000000..3f0c9e1
--- /dev/null
+++ b/resources/js/components/vueDateRangePicker.vue
@@ -0,0 +1,1218 @@
+
+
+
+
+
+
+
+ {{ pTitle }}
+
+
+ {{ gTitle }}
+
+
+
+
+
+
+
+
+ {{ pMonths[parseInt(peDate[1]) - 1] }}
+
+
+ {{ gMonths[geDate[1]] }}
+
+
+
+
+ {{ pDate.parseHindi(peDate[0]) }}
+
+
+ {{ geDate[0] }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ pDate.parseHindi((startYear - 13) + (i + ((j - 1) * 5))) }}
+
+
+ {{ (startYear - 13) + (i + ((j - 1) * 5)) }}
+
+
+
+
+
+
+
+
+
+
+
+ |
+ {{ day }}
+ |
+
+
+
+
+ |
+ {{ pDate.parseHindi(d.pDay) }}
+ |
+
+
+
+
+
+
+
+
+ |
+ {{ day }}
+ |
+
+
+
+
+ |
+ {{ d.day }}
+ |
+
+
+
+
+
+
+
+
+
+
+ {{ pDate.make2number(cTime[0]) }} :
+ {{ pDate.make2number(cTime[1]) }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ i }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ [{{ convertToHuman(startDate) }} - {{ convertToHuman(endDate) }}]
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/resources/js/components/vueDateTimePicker.vue b/resources/js/components/vueDateTimePicker.vue
new file mode 100644
index 0000000..6dbb45c
--- /dev/null
+++ b/resources/js/components/vueDateTimePicker.vue
@@ -0,0 +1,1189 @@
+
+
+
+
+
+
+
+ {{ pTitle }}
+
+
+ {{ gTitle }}
+
+
+ {{ tTitle }}
+
+
+
+
+
+
+
+
+ {{ pMonths[parseInt(peDate[1]) - 1] }}
+
+
+ {{ gMonths[geDate[1]] }}
+
+
+
+
+ {{ pDate.parseHindi(peDate[0]) }}
+
+
+ {{ geDate[0] }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ pDate.parseHindi((startYear - 13) + (i + ((j - 1) * 5))) }}
+
+
+ {{ (startYear - 13) + (i + ((j - 1) * 5)) }}
+
+
+
+
+
+
+
+
+
+
+
+ |
+ {{ day }}
+ |
+
+
+
+
+ |
+ {{ pDate.parseHindi(d.pDay) }}
+ |
+
+
+
+
+
+
+
+
+ |
+ {{ day }}
+ |
+
+
+
+
+ |
+ {{ d.day }}
+ |
+
+
+
+
+
+
+
+
+
+
+ {{pDate.make2number(cTime[0])}} :
+ {{pDate.make2number(cTime[1])}}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ i }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ [{{ pDate.parseHindi(vpeDate.join('/')) }}] [{{ vgeDate.join('-') }}]
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/resources/js/components/vueJalaliCalendar.vue b/resources/js/components/vueJalaliCalendar.vue
new file mode 100644
index 0000000..57d7f42
--- /dev/null
+++ b/resources/js/components/vueJalaliCalendar.vue
@@ -0,0 +1,374 @@
+
+
+
+
+
+
+
+ {{ pDate.persianMonthNames[cMonth] }}
+
+
+
+
+
+
+
+
+ |
+ {{ __("Saturday") }}
+ |
+
+ {{ __("Sunday") }}
+ |
+
+ {{ __("Monday") }}
+ |
+
+ {{ __("Tuesday") }}
+ |
+
+ {{ __("Wednesday") }}
+ |
+
+ {{ __("Thursday") }}
+ |
+
+ {{ __("Friday") }}
+ |
+
+
+ |
+ {{ td.text }}
+
+
+
+ |
+
+
+
+
+
+
+
+
+ {{ currentDate }}
+
+
+
+
+
+
diff --git a/resources/js/panel/general-events.js b/resources/js/panel/general-events.js
new file mode 100644
index 0000000..7a59d8b
--- /dev/null
+++ b/resources/js/panel/general-events.js
@@ -0,0 +1,7 @@
+document.addEventListener('click', function(e) {
+ if (e.target.classList.contains('delete-confirm')) {
+ if (!confirm('Are you sure you want to delete this item?')) { // WIP Need to translate
+ e.preventDefault();
+ }
+ }
+});
diff --git a/resources/js/panel/list-checkboxs.js b/resources/js/panel/list-checkboxs.js
index 666b72b..39b9c05 100644
--- a/resources/js/panel/list-checkboxs.js
+++ b/resources/js/panel/list-checkboxs.js
@@ -4,6 +4,42 @@ function clearSelection()
else if (document.selection) {document.selection.empty();}
}
+
+function serializeForm(selector) {
+ let form = document.querySelector(selector);
+ let formData = new FormData(form);
+ let serializedArray = [];
+
+ formData.forEach(function(value, key) {
+ serializedArray.push({
+ name: key,
+ value: value
+ });
+ });
+
+ return serializedArray;
+}
+
+function handleCheckChange () {
+ let frm = serializeForm('#main-form');
+ let bi = document.querySelector('#bulk-idz');
+ bi.innerHTML = '';
+ for( const item of frm) {
+ let n =document.createElement("input");
+ n.name = item.name;
+ n.value = item.value;
+ n.type = 'hidden';
+ bi.appendChild(n);
+ }
+
+ if (frm.length == 0){
+ document.querySelector('#bulk-from').style.maxHeight = '0';
+ }else{
+ document.querySelector('#bulk-from').style.maxHeight = '250px';
+ }
+
+}
+
window.addEventListener('load',function () {
let chkall = document.querySelectorAll(".chkall");
@@ -18,6 +54,7 @@ window.addEventListener('load',function () {
checkbox.removeAttribute("checked");
}
});
+ handleCheckChange();
});
// Attach an event listener for "change" and "click" events
chkall.forEach(function(chkall) {
@@ -44,6 +81,7 @@ window.addEventListener('load',function () {
checkbox.removeAttribute("checked");
});
}
+ handleCheckChange();
}
@@ -55,6 +93,7 @@ window.addEventListener('load',function () {
chkboxes.forEach(chkbox => {
chkbox.addEventListener('click', handleCheckboxClick);
chkbox.parentNode.querySelector('label').addEventListener('click', handleCheckboxClick);
+ chkbox.addEventListener('change',handleCheckChange);
});
function handleCheckboxClick(e) {
@@ -80,9 +119,10 @@ window.addEventListener('load',function () {
}
+ handleCheckChange();
lastChecked = self;
}
-
+ handleCheckChange();
});
diff --git a/resources/sass/panel/_breadcrumbs.scss b/resources/sass/panel/_breadcrumbs.scss
index 9706743..56a9083 100644
--- a/resources/sass/panel/_breadcrumbs.scss
+++ b/resources/sass/panel/_breadcrumbs.scss
@@ -1,5 +1,61 @@
+$pnl-brc-height: 50px;
+
#panel-breadcrumb{
- height: 50px;
- background: #00000033;
+ height: $pnl-brc-height;
+ background: #282d46;
margin-bottom: 1rem;
+
+ ul{
+ padding: 0;
+ display: grid;
+ grid-auto-columns: minmax(0, 1fr);
+ grid-auto-flow: column;
+ list-style: none;
+ //border: 1px solid black;
+ border-radius: 4px ;
+ transition: .5s;
+ li{
+ position: relative;
+ overflow: hidden;
+ a,span{
+ height: $pnl-brc-height;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ padding: 0 1rem;
+ }
+ i{
+ font-size: 25px;
+ margin: 0 .5rem;
+ }
+
+ &:before {
+ content: "";
+ width: 37px;
+ height: 37px;
+ border: 1px solid black;
+ transform: rotate(45deg);
+ position: absolute;
+ inset-inline-start: -1.05rem;
+ background: #282d46;
+ top: 7px;
+ }
+
+ &:first-child:before {
+ display: none;
+ }
+
+
+ &:hover{
+ background: #444e7c;
+ background-image: url("../images/pattern.png");
+
+ & + li:before{
+ background: #444e7c;
+ background-image: url("../images/pattern.png");
+ }
+ }
+ }
+ }
+
}
diff --git a/resources/sass/panel/_common.scss b/resources/sass/panel/_common.scss
index 05f64ab..7506f6a 100644
--- a/resources/sass/panel/_common.scss
+++ b/resources/sass/panel/_common.scss
@@ -47,7 +47,7 @@ a.btn,a.action-btn,a.circle-btn{
color: white;
}
position: fixed;
- inset-inline-end: 1rem;
+ inset-inline-start: 4.2rem;
bottom: 1rem;
}
diff --git a/resources/sass/panel/_item-list.scss b/resources/sass/panel/_item-list.scss
index 01e6fde..43ca6af 100644
--- a/resources/sass/panel/_item-list.scss
+++ b/resources/sass/panel/_item-list.scss
@@ -10,7 +10,15 @@
font-weight: 200;
margin: 0;
}
+ h2,h3,h4,h5,h6{
+ font-weight: 200;
+ font-size: 22px;
+ margin-bottom: 0;
+ }
+ h2{
+ margin-bottom: .5rem;
+ }
.item-search {
form {
padding: 1rem;
@@ -28,6 +36,8 @@
}
td,th{
+ transition: 300ms;
+ transition-delay: 100ms;
&:first-child{
width: 100px;
}
@@ -66,9 +76,10 @@
&:hover{
+ background-image: url("../images/pattern.png");
+ background-color: #00000044;
td{
- background-color: #00000044;
- background-image: url("../images/pattern.png");
+ background-color: transparent;
}
}
@@ -84,3 +95,10 @@
}
+
+#bulk-from{
+ max-height: 0;
+ overflow: hidden;
+ box-sizing: border-box;
+ transition: 1s;
+}
diff --git a/resources/sass/panel/_navbar.scss b/resources/sass/panel/_navbar.scss
index 0d26432..055cdd5 100644
--- a/resources/sass/panel/_navbar.scss
+++ b/resources/sass/panel/_navbar.scss
@@ -1,5 +1,5 @@
#panel-navbar {
- height: calc(100vh - 55px);
+ height: calc(100vh - 60px);
overflow-y: auto;
position: relative;
@@ -72,3 +72,8 @@
}
}
+
+#panel-top-navbar{
+ background: rgb(40, 45, 70);
+ padding-top: .8rem;
+}
diff --git a/resources/views/admin/templates/panel-list-template.blade.php b/resources/views/admin/templates/panel-list-template.blade.php
index c004785..b2097da 100644
--- a/resources/views/admin/templates/panel-list-template.blade.php
+++ b/resources/views/admin/templates/panel-list-template.blade.php
@@ -5,8 +5,8 @@
{{-- list side bar start--}}
-
-
+
+
@@ -15,7 +15,7 @@
@if(hasRoute('trashed'))
-
-
+
+
+
+
+
+ {{__("Totol")}}
+
+
+ ({{$items->total()}})
+
+
+
+
+
+ {{__("From - To")}}
+
+
+ @paginated($items)
+
+
+
+
+ @if(hasRoute('bulk'))
+
+
+
+
+ {{__("Bulk actions:")}}
+
+
+
+ @endif
+
+ @include('components.err')
{{-- list side bar end--}}
{{-- list content start--}}
-
-
- {{-- list content end--}}
+ {{-- list content end--}}
+
@if(hasRoute('create'))
diff --git a/resources/views/admin/users/user-list.blade.php b/resources/views/admin/users/user-list.blade.php
index cb00944..27bf411 100644
--- a/resources/views/admin/users/user-list.blade.php
+++ b/resources/views/admin/users/user-list.blade.php
@@ -8,5 +8,20 @@
{{__("Users list")}} |
@endsection
@section('filter')
-
+
+
+ {{__("Role filter")}}:
+
+
+@endsection
+@section('bulk')
+ @foreach(\App\Models\User::$roles as $role)
+
+ @endforeach
@endsection
diff --git a/resources/views/components/err.blade.php b/resources/views/components/err.blade.php
new file mode 100755
index 0000000..5d30f23
--- /dev/null
+++ b/resources/views/components/err.blade.php
@@ -0,0 +1,10 @@
+@if(session()->has('message'))
+
+ {{ session()->get('message') }}
+
+@endif
+@foreach($errors->all() as $err)
+
+ {{$err}}
+
+@endforeach
diff --git a/resources/views/components/panel-breadcrumb.blade.php b/resources/views/components/panel-breadcrumb.blade.php
index 3f850ae..8fb3667 100644
--- a/resources/views/components/panel-breadcrumb.blade.php
+++ b/resources/views/components/panel-breadcrumb.blade.php
@@ -1,3 +1,28 @@
diff --git a/resources/views/components/panel-top-navbar.blade.php b/resources/views/components/panel-top-navbar.blade.php
index 4665245..36bf6bf 100644
--- a/resources/views/components/panel-top-navbar.blade.php
+++ b/resources/views/components/panel-top-navbar.blade.php
@@ -1,4 +1,4 @@
-