remove image core clara

This commit is contained in:
KhatamNugraha
2023-08-24 16:22:59 +07:00
parent 790d37caae
commit a888d3ed4e
33 changed files with 3019 additions and 2933 deletions

View File

@ -542,4 +542,4 @@
$str .= "</tbody></table>";
return $str;
}
}

42
package-lock.json generated
View File

@ -4,7 +4,6 @@
"requires": true,
"packages": {
"": {
"name": "clara",
"dependencies": {
"@ckeditor/ckeditor5-alignment": "^35.2.1",
"@ckeditor/ckeditor5-build-balloon": "^35.2.1",
@ -2478,6 +2477,7 @@
"version": "1.5.0",
"resolved": "https://registry.npmjs.org/@colors/colors/-/colors-1.5.0.tgz",
"integrity": "sha512-ooWCrlZP11i8GImSjTHYHLkvFDP48nS4+204nGb1RiX/WXYHmJA2III9/e2DWVabCESdW7hBAEzHRqUn9OUVvQ==",
"dev": true,
"optional": true,
"engines": {
"node": ">=0.1.90"
@ -3341,6 +3341,7 @@
"version": "3.1.0",
"resolved": "https://registry.npmjs.org/aggregate-error/-/aggregate-error-3.1.0.tgz",
"integrity": "sha512-4I7Td01quW/RpocfNayFdFVk1qSuoh0E7JrbRJ16nH01HhKFQ88INq9Sd+nd72zqRySlr9BmDA8xlEJ6vJMrYA==",
"dev": true,
"dependencies": {
"clean-stack": "^2.0.0",
"indent-string": "^4.0.0"
@ -3447,6 +3448,7 @@
"version": "5.0.1",
"resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
"integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
"dev": true,
"engines": {
"node": ">=8"
}
@ -4307,6 +4309,7 @@
"version": "2.2.0",
"resolved": "https://registry.npmjs.org/clean-stack/-/clean-stack-2.2.0.tgz",
"integrity": "sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A==",
"dev": true,
"engines": {
"node": ">=6"
}
@ -4315,6 +4318,7 @@
"version": "0.6.3",
"resolved": "https://registry.npmjs.org/cli-table3/-/cli-table3-0.6.3.tgz",
"integrity": "sha512-w5Jac5SykAeZJKntOxJCrm63Eg5/4dhMWIcuTbo9rpE+brgaSZo0RuNJZeOyMgsUdhDeojvgyQLmjI+K50ZGyg==",
"dev": true,
"dependencies": {
"string-width": "^4.2.0"
},
@ -5566,7 +5570,8 @@
"node_modules/emoji-regex": {
"version": "8.0.0",
"resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
"integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A=="
"integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
"dev": true
},
"node_modules/emojis-list": {
"version": "3.0.0",
@ -6057,6 +6062,7 @@
"version": "1.0.16",
"resolved": "https://registry.npmjs.org/fastest-levenshtein/-/fastest-levenshtein-1.0.16.tgz",
"integrity": "sha512-eRnCtTTtGZFpQCwhJiUOuxPQWRXVKYDn0b2PeHfXL6/Zi53SLAzAHfVhVWK2AryC/WH05kGfxhFIPvTF0SXQzg==",
"dev": true,
"engines": {
"node": ">= 4.9.1"
}
@ -6301,7 +6307,8 @@
"node_modules/fs.realpath": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
"integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw=="
"integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
"dev": true
},
"node_modules/fsevents": {
"version": "2.3.2",
@ -6391,6 +6398,7 @@
"version": "7.2.3",
"resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
"integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
"dev": true,
"dependencies": {
"fs.realpath": "^1.0.0",
"inflight": "^1.0.4",
@ -6473,7 +6481,8 @@
"node_modules/graceful-fs": {
"version": "4.2.11",
"resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
"integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ=="
"integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
"dev": true
},
"node_modules/growly": {
"version": "1.3.0",
@ -7054,6 +7063,7 @@
"version": "4.0.0",
"resolved": "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz",
"integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==",
"dev": true,
"engines": {
"node": ">=8"
}
@ -7062,6 +7072,7 @@
"version": "1.0.6",
"resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
"integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
"dev": true,
"dependencies": {
"once": "^1.3.0",
"wrappy": "1"
@ -7185,6 +7196,7 @@
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
"integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
"dev": true,
"engines": {
"node": ">=8"
}
@ -7297,7 +7309,8 @@
"node_modules/isexe": {
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
"integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw=="
"integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
"dev": true
},
"node_modules/isobject": {
"version": "3.0.1",
@ -7387,7 +7400,8 @@
"node_modules/json-parse-even-better-errors": {
"version": "2.3.1",
"resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
"integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w=="
"integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==",
"dev": true
},
"node_modules/json-schema-traverse": {
"version": "0.4.1",
@ -10795,6 +10809,8 @@
},
"node_modules/npm/node_modules/semver": {
"version": "7.5.4",
"resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
"integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
"inBundle": true,
"license": "ISC",
"dependencies": {
@ -11383,6 +11399,7 @@
"version": "1.4.0",
"resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
"integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
"dev": true,
"dependencies": {
"wrappy": "1"
}
@ -11472,6 +11489,7 @@
"version": "4.0.0",
"resolved": "https://registry.npmjs.org/p-map/-/p-map-4.0.0.tgz",
"integrity": "sha512-/bjOqmgETBYB5BoEeGVea8dmvHb2m9GLy1E9W43yeyfP6QQCZGFNa+XRceJEuDB6zqr+gKpIAmlLebMpykw/MQ==",
"dev": true,
"dependencies": {
"aggregate-error": "^3.0.0"
},
@ -11617,6 +11635,7 @@
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
"integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
"dev": true,
"engines": {
"node": ">=0.10.0"
}
@ -13244,6 +13263,7 @@
"version": "7.5.4",
"resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
"integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
"dev": true,
"dependencies": {
"lru-cache": "^6.0.0"
},
@ -13258,6 +13278,7 @@
"version": "6.0.0",
"resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
"integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
"dev": true,
"dependencies": {
"yallist": "^4.0.0"
},
@ -13268,7 +13289,8 @@
"node_modules/semver/node_modules/yallist": {
"version": "4.0.0",
"resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
"integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
"integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
"dev": true
},
"node_modules/send": {
"version": "0.18.0",
@ -13819,6 +13841,7 @@
"version": "4.2.3",
"resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
"integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
"dev": true,
"dependencies": {
"emoji-regex": "^8.0.0",
"is-fullwidth-code-point": "^3.0.0",
@ -13832,6 +13855,7 @@
"version": "6.0.1",
"resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
"integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
"dev": true,
"dependencies": {
"ansi-regex": "^5.0.1"
},
@ -15273,6 +15297,7 @@
"version": "2.0.2",
"resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
"integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
"dev": true,
"dependencies": {
"isexe": "^2.0.0"
},
@ -15327,7 +15352,8 @@
"node_modules/wrappy": {
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
"integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ=="
"integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
"dev": true
},
"node_modules/ws": {
"version": "8.13.0",

View File

@ -86,19 +86,19 @@ var KTAppInboxCompose = function () {
});
}
// Init tagify
// Init tagify
const initTagify = (el) => {
var inputElm = el;
const usersList = [
{ value: 1, name: 'Emma Smith', avatar: 'avatars/300-6.jpg', email: 'e.smith@kpmg.com.au' },
{ value: 2, name: 'Max Smith', avatar: 'avatars/300-1.jpg', email: 'max@kt.com' },
{ value: 3, name: 'Sean Bean', avatar: 'avatars/300-5.jpg', email: 'sean@dellito.com' },
{ value: 4, name: 'Brian Cox', avatar: 'avatars/300-25.jpg', email: 'brian@exchange.com' },
{ value: 5, name: 'Francis Mitcham', avatar: 'avatars/300-9.jpg', email: 'f.mitcham@kpmg.com.au' },
{ value: 6, name: 'Dan Wilson', avatar: 'avatars/300-23.jpg', email: 'dam@consilting.com' },
{ value: 7, name: 'Ana Crown', avatar: 'avatars/300-12.jpg', email: 'ana.cf@limtel.com' },
{ value: 8, name: 'John Miller', avatar: 'avatars/300-13.jpg', email: 'miller@mapple.com' }
// { value: 1, name: 'Emma Smith', avatar: 'avatars/300-6.jpg', email: 'e.smith@kpmg.com.au' },
// { value: 2, name: 'Max Smith', avatar: 'avatars/300-1.jpg', email: 'max@kt.com' },
// { value: 3, name: 'Sean Bean', avatar: 'avatars/300-5.jpg', email: 'sean@dellito.com' },
// { value: 4, name: 'Brian Cox', avatar: 'avatars/300-25.jpg', email: 'brian@exchange.com' },
// // { value: 5, name: 'Francis Mitcham', avatar: 'avatars/300-9.jpg', email: 'f.mitcham@kpmg.com.au' },
// { value: 6, name: 'Dan Wilson', avatar: 'avatars/300-23.jpg', email: 'dam@consilting.com' },
// { value: 7, name: 'Ana Crown', avatar: 'avatars/300-12.jpg', email: 'ana.cf@limtel.com' },
// { value: 8, name: 'John Miller', avatar: 'avatars/300-13.jpg', email: 'miller@mapple.com' }
];
function tagTemplate(tagData) {
@ -194,7 +194,7 @@ var KTAppInboxCompose = function () {
}
}
// Init quill editor
// Init quill editor
const initQuill = (el) => {
var quill = new Quill('#kt_inbox_form_editor', {
modules: {

View File

@ -114,19 +114,19 @@ var KTAppInboxReply = function () {
});
}
// Init tagify
// Init tagify
const initTagify = (el) => {
var inputElm = el;
const usersList = [
{ value: 1, name: 'Emma Smith', avatar: 'avatars/300-6.jpg', email: 'e.smith@kpmg.com.au' },
{ value: 2, name: 'Max Smith', avatar: 'avatars/300-1.jpg', email: 'max@kt.com' },
{ value: 3, name: 'Sean Bean', avatar: 'avatars/300-5.jpg', email: 'sean@dellito.com' },
{ value: 4, name: 'Brian Cox', avatar: 'avatars/300-25.jpg', email: 'brian@exchange.com' },
{ value: 5, name: 'Francis Mitcham', avatar: 'avatars/300-9.jpg', email: 'f.mitcham@kpmg.com.au' },
{ value: 6, name: 'Dan Wilson', avatar: 'avatars/300-23.jpg', email: 'dam@consilting.com' },
{ value: 7, name: 'Ana Crown', avatar: 'avatars/300-12.jpg', email: 'ana.cf@limtel.com' },
{ value: 8, name: 'John Miller', avatar: 'avatars/300-13.jpg', email: 'miller@mapple.com' }
// { value: 1, name: 'Emma Smith', avatar: 'avatars/300-6.jpg', email: 'e.smith@kpmg.com.au' },
// { value: 2, name: 'Max Smith', avatar: 'avatars/300-1.jpg', email: 'max@kt.com' },
// { value: 3, name: 'Sean Bean', avatar: 'avatars/300-5.jpg', email: 'sean@dellito.com' },
// { value: 4, name: 'Brian Cox', avatar: 'avatars/300-25.jpg', email: 'brian@exchange.com' },
// // { value: 5, name: 'Francis Mitcham', avatar: 'avatars/300-9.jpg', email: 'f.mitcham@kpmg.com.au' },
// { value: 6, name: 'Dan Wilson', avatar: 'avatars/300-23.jpg', email: 'dam@consilting.com' },
// { value: 7, name: 'Ana Crown', avatar: 'avatars/300-12.jpg', email: 'ana.cf@limtel.com' },
// { value: 8, name: 'John Miller', avatar: 'avatars/300-13.jpg', email: 'miller@mapple.com' }
];
function tagTemplate(tagData) {
@ -222,7 +222,7 @@ var KTAppInboxReply = function () {
}
}
// Init quill editor
// Init quill editor
const initQuill = (el) => {
var quill = new Quill('#kt_inbox_form_editor', {
modules: {

View File

@ -54,8 +54,8 @@ var KTTimelineWidget1 = function () {
progress: "60%",
color: 'primary',
users: [
'avatars/300-6.jpg',
'avatars/300-1.jpg'
// 'avatars/300-6.jpg',
// 'avatars/300-1.jpg'
]
},
{
@ -92,9 +92,9 @@ var KTTimelineWidget1 = function () {
progress: "75%",
color: 'info',
users: [
'avatars/300-23.jpg',
'avatars/300-12.jpg',
'avatars/300-9.jpg'
// 'avatars/300-23.jpg',
// 'avatars/300-12.jpg',
// 'avatars/300-9.jpg'
]
},
]);
@ -137,19 +137,19 @@ var KTTimelineWidget1 = function () {
return `<div class="rounded-pill bg-light-${item.color} d-flex align-items-center position-relative h-40px w-100 p-2 overflow-hidden">
<div class="position-absolute rounded-pill d-block bg-${item.color} start-0 top-0 h-100 z-index-1" style="width: ${item.progress};"></div>
<div class="d-flex align-items-center position-relative z-index-2">
<div class="symbol-group symbol-hover flex-nowrap me-3">
${userTemplate}
</div>
<a href="#" class="fw-bold text-white text-hover-dark">${item.content}</a>
</div>
<div class="d-flex flex-center bg-body rounded-pill fs-7 fw-bolder ms-auto h-100 px-3 position-relative z-index-2">
${item.progress}
</div>
</div>
</div>
`;
},
@ -163,7 +163,7 @@ var KTTimelineWidget1 = function () {
if (blockUI.isBlocked()) {
setTimeout(() => {
blockUI.release();
}, 1000);
}, 1000);
}
}
};
@ -172,7 +172,7 @@ var KTTimelineWidget1 = function () {
const timeline = new vis.Timeline(element, items, groups, options);
// Prevent infinite loop draws
timeline.on("currentTimeTick", () => {
timeline.on("currentTimeTick", () => {
// After fired the first time we un-subscribed
timeline.off("currentTimeTick");
});
@ -229,8 +229,8 @@ var KTTimelineWidget1 = function () {
progress: "71%",
color: 'primary',
users: [
'avatars/300-6.jpg',
'avatars/300-1.jpg'
// 'avatars/300-6.jpg',
// 'avatars/300-1.jpg'
]
},
{
@ -267,9 +267,9 @@ var KTTimelineWidget1 = function () {
progress: "74%",
color: 'info',
users: [
'avatars/300-23.jpg',
'avatars/300-12.jpg',
'avatars/300-9.jpg'
// 'avatars/300-23.jpg',
// 'avatars/300-12.jpg',
// 'avatars/300-9.jpg'
]
},
]);
@ -313,19 +313,19 @@ var KTTimelineWidget1 = function () {
return `<div class="rounded-pill bg-light-${item.color} d-flex align-items-center position-relative h-40px w-100 p-2 overflow-hidden">
<div class="position-absolute rounded-pill d-block bg-${item.color} start-0 top-0 h-100 z-index-1" style="width: ${item.progress};"></div>
<div class="d-flex align-items-center position-relative z-index-2">
<div class="symbol-group symbol-hover flex-nowrap me-3">
${userTemplate}
</div>
<a href="#" class="fw-bold text-white text-hover-dark">${item.content}</a>
</div>
<div class="d-flex flex-center bg-body rounded-pill fs-7 fw-bolder ms-auto h-100 px-3 position-relative z-index-2">
${item.progress}
</div>
</div>
</div>
`;
},
@ -339,7 +339,7 @@ var KTTimelineWidget1 = function () {
if (blockUI.isBlocked()) {
setTimeout(() => {
blockUI.release();
}, 1000);
}, 1000);
}
}
};
@ -348,7 +348,7 @@ var KTTimelineWidget1 = function () {
const timeline = new vis.Timeline(element, items, groups, options);
// Prevent infinite loop draws
timeline.on("currentTimeTick", () => {
timeline.on("currentTimeTick", () => {
// After fired the first time we un-subscribed
timeline.off("currentTimeTick");
});
@ -405,8 +405,8 @@ var KTTimelineWidget1 = function () {
progress: "79%",
color: 'primary',
users: [
'avatars/300-6.jpg',
'avatars/300-1.jpg'
// 'avatars/300-6.jpg',
// 'avatars/300-1.jpg'
]
},
{
@ -489,33 +489,33 @@ var KTTimelineWidget1 = function () {
return `<div class="rounded-pill bg-light-${item.color} d-flex align-items-center position-relative h-40px w-100 p-2 overflow-hidden">
<div class="position-absolute rounded-pill d-block bg-${item.color} start-0 top-0 h-100 z-index-1" style="width: ${item.progress};"></div>
<div class="d-flex align-items-center position-relative z-index-2">
<div class="symbol-group symbol-hover flex-nowrap me-3">
${userTemplate}
</div>
<a href="#" class="fw-bold text-white text-hover-dark">${item.content}</a>
</div>
<div class="d-flex flex-center bg-body rounded-pill fs-7 fw-bolder ms-auto h-100 px-3 position-relative z-index-2">
${item.progress}
</div>
</div>
</div>
`;
},
// Remove block ui on initial draw
onInitialDrawComplete: function () {
handleAvatarPath();
const target = element.closest('[data-kt-timeline-widget-1-blockui="true"]');
const blockUI = KTBlockUI.getInstance(target);
if (blockUI.isBlocked()) {
setTimeout(() => {
blockUI.release();
}, 1000);
}, 1000);
}
}
};
@ -524,7 +524,7 @@ var KTTimelineWidget1 = function () {
const timeline = new vis.Timeline(element, items, groups, options);
// Prevent infinite loop draws
timeline.on("currentTimeTick", () => {
timeline.on("currentTimeTick", () => {
// After fired the first time we un-subscribed
timeline.off("currentTimeTick");
});

View File

@ -54,8 +54,8 @@ var KTTimelineWidget4 = function () {
progress: "60%",
color: 'primary',
users: [
'avatars/300-6.jpg',
'avatars/300-1.jpg'
// 'avatars/300-6.jpg',
// 'avatars/300-1.jpg'
]
},
{
@ -79,8 +79,8 @@ var KTTimelineWidget4 = function () {
progress: "55%",
color: 'danger',
users: [
'avatars/300-5.jpg',
'avatars/300-20.jpg'
// 'avatars/300-5.jpg',
// 'avatars/300-20.jpg'
]
},
{
@ -92,9 +92,9 @@ var KTTimelineWidget4 = function () {
progress: "75%",
color: 'info',
users: [
'avatars/300-23.jpg',
'avatars/300-12.jpg',
'avatars/300-9.jpg'
// 'avatars/300-23.jpg',
// 'avatars/300-12.jpg',
// 'avatars/300-9.jpg'
]
},
]);
@ -137,19 +137,19 @@ var KTTimelineWidget4 = function () {
return `<div class="rounded-pill bg-light-${item.color} d-flex align-items-center position-relative h-40px w-100 p-2 overflow-hidden">
<div class="position-absolute rounded-pill d-block bg-${item.color} start-0 top-0 h-100 z-index-1" style="width: ${item.progress};"></div>
<div class="d-flex align-items-center position-relative z-index-2">
<div class="symbol-group symbol-hover flex-nowrap me-3">
${userTemplate}
</div>
<a href="#" class="fw-bold text-white text-hover-dark">${item.content}</a>
</div>
<div class="d-flex flex-center bg-body rounded-pill fs-7 fw-bolder ms-auto h-100 px-3 position-relative z-index-2">
${item.progress}
</div>
</div>
</div>
`;
},
@ -163,7 +163,7 @@ var KTTimelineWidget4 = function () {
if (blockUI.isBlocked()) {
setTimeout(() => {
blockUI.release();
}, 1000);
}, 1000);
}
}
};
@ -172,7 +172,7 @@ var KTTimelineWidget4 = function () {
const timeline = new vis.Timeline(element, items, groups, options);
// Prevent infinite loop draws
timeline.on("currentTimeTick", () => {
timeline.on("currentTimeTick", () => {
// After fired the first time we un-subscribed
timeline.off("currentTimeTick");
});
@ -229,8 +229,8 @@ var KTTimelineWidget4 = function () {
progress: "71%",
color: 'primary',
users: [
'avatars/300-6.jpg',
'avatars/300-1.jpg'
// 'avatars/300-6.jpg',
// 'avatars/300-1.jpg'
]
},
{
@ -254,8 +254,8 @@ var KTTimelineWidget4 = function () {
progress: "69%",
color: 'danger',
users: [
'avatars/300-5.jpg',
'avatars/300-20.jpg'
// 'avatars/300-5.jpg',
// 'avatars/300-20.jpg'
]
},
{
@ -267,9 +267,9 @@ var KTTimelineWidget4 = function () {
progress: "74%",
color: 'info',
users: [
'avatars/300-23.jpg',
'avatars/300-12.jpg',
'avatars/300-9.jpg'
// 'avatars/300-23.jpg',
// 'avatars/300-12.jpg',
// 'avatars/300-9.jpg'
]
},
]);
@ -313,19 +313,19 @@ var KTTimelineWidget4 = function () {
return `<div class="rounded-pill bg-light-${item.color} d-flex align-items-center position-relative h-40px w-100 p-2 overflow-hidden">
<div class="position-absolute rounded-pill d-block bg-${item.color} start-0 top-0 h-100 z-index-1" style="width: ${item.progress};"></div>
<div class="d-flex align-items-center position-relative z-index-2">
<div class="symbol-group symbol-hover flex-nowrap me-3">
${userTemplate}
</div>
<a href="#" class="fw-bold text-white text-hover-dark">${item.content}</a>
</div>
<div class="d-flex flex-center bg-body rounded-pill fs-7 fw-bolder ms-auto h-100 px-3 position-relative z-index-2">
${item.progress}
</div>
</div>
</div>
`;
},
@ -339,7 +339,7 @@ var KTTimelineWidget4 = function () {
if (blockUI.isBlocked()) {
setTimeout(() => {
blockUI.release();
}, 1000);
}, 1000);
}
}
};
@ -348,7 +348,7 @@ var KTTimelineWidget4 = function () {
const timeline = new vis.Timeline(element, items, groups, options);
// Prevent infinite loop draws
timeline.on("currentTimeTick", () => {
timeline.on("currentTimeTick", () => {
// After fired the first time we un-subscribed
timeline.off("currentTimeTick");
});
@ -405,8 +405,8 @@ var KTTimelineWidget4 = function () {
progress: "79%",
color: 'primary',
users: [
'avatars/300-6.jpg',
'avatars/300-1.jpg'
// 'avatars/300-6.jpg',
// 'avatars/300-1.jpg'
]
},
{
@ -443,9 +443,9 @@ var KTTimelineWidget4 = function () {
progress: "58%",
color: 'info',
users: [
'avatars/300-23.jpg',
'avatars/300-12.jpg',
'avatars/300-9.jpg'
// 'avatars/300-23.jpg',
// 'avatars/300-12.jpg',
// 'avatars/300-9.jpg'
]
},
]);
@ -489,33 +489,33 @@ var KTTimelineWidget4 = function () {
return `<div class="rounded-pill bg-light-${item.color} d-flex align-items-center position-relative h-40px w-100 p-2 overflow-hidden">
<div class="position-absolute rounded-pill d-block bg-${item.color} start-0 top-0 h-100 z-index-1" style="width: ${item.progress};"></div>
<div class="d-flex align-items-center position-relative z-index-2">
<div class="symbol-group symbol-hover flex-nowrap me-3">
${userTemplate}
</div>
<a href="#" class="fw-bold text-white text-hover-dark">${item.content}</a>
</div>
<div class="d-flex flex-center bg-body rounded-pill fs-7 fw-bolder ms-auto h-100 px-3 position-relative z-index-2">
${item.progress}
</div>
</div>
</div>
`;
},
// Remove block ui on initial draw
onInitialDrawComplete: function () {
handleAvatarPath();
const target = element.closest('[data-kt-timeline-widget-4-blockui="true"]');
const blockUI = KTBlockUI.getInstance(target);
if (blockUI.isBlocked()) {
setTimeout(() => {
blockUI.release();
}, 1000);
}, 1000);
}
}
};
@ -524,12 +524,12 @@ var KTTimelineWidget4 = function () {
const timeline = new vis.Timeline(element, items, groups, options);
// Prevent infinite loop draws
timeline.on("currentTimeTick", () => {
timeline.on("currentTimeTick", () => {
// After fired the first time we un-subscribed
timeline.off("currentTimeTick");
});
}
// 2022 timeline
const initTimeline2022 = () => {
// Detect element
@ -665,33 +665,33 @@ var KTTimelineWidget4 = function () {
return `<div class="rounded-pill bg-light-${item.color} d-flex align-items-center position-relative h-40px w-100 p-2 overflow-hidden">
<div class="position-absolute rounded-pill d-block bg-${item.color} start-0 top-0 h-100 z-index-1" style="width: ${item.progress};"></div>
<div class="d-flex align-items-center position-relative z-index-2">
<div class="symbol-group symbol-hover flex-nowrap me-3">
${userTemplate}
</div>
<a href="#" class="fw-bold text-white text-hover-dark">${item.content}</a>
</div>
<div class="d-flex flex-center bg-body rounded-pill fs-7 fw-bolder ms-auto h-100 px-3 position-relative z-index-2">
${item.progress}
</div>
</div>
</div>
`;
},
// Remove block ui on initial draw
onInitialDrawComplete: function () {
handleAvatarPath();
const target = element.closest('[data-kt-timeline-widget-4-blockui="true"]');
const blockUI = KTBlockUI.getInstance(target);
if (blockUI.isBlocked()) {
setTimeout(() => {
blockUI.release();
}, 1000);
}, 1000);
}
}
};
@ -700,7 +700,7 @@ var KTTimelineWidget4 = function () {
const timeline = new vis.Timeline(element, items, groups, options);
// Prevent infinite loop draws
timeline.on("currentTimeTick", () => {
timeline.on("currentTimeTick", () => {
// After fired the first time we un-subscribed
timeline.off("currentTimeTick");
});

View File

@ -0,0 +1,60 @@
"use strict";
var KTSigninGeneral = function () {
var t, e, r;
return {
init: function () {
t = document.querySelector("#kt_sign_in_form"), e = document.querySelector("#kt_sign_in_submit"), r = FormValidation.formValidation(t, {
fields: {
email: {
validators: {
notEmpty: { message: "User ID is required" }
}
}, password: { validators: { notEmpty: { message: "The password is required" } } }
},
plugins: {
trigger: new FormValidation.plugins.Trigger,
bootstrap: new FormValidation.plugins.Bootstrap5({
rowSelector: ".fv-row",
eleInvalidClass: "",
eleValidClass: ""
})
}
}), e.addEventListener("click", (function (i) {
i.preventDefault(), r.validate().then((function (r) {
"Valid" == r ? (e.setAttribute("data-kt-indicator", "on"), e.disabled = !0, axios.post(e.closest("form").getAttribute("action"), new FormData(t)).then((function (e) {
if (e) {
t.reset();
const e = t.getAttribute("data-kt-redirect-url");
e && (location.href = e)
} else Swal.fire({
text: "Sorry, the email or password is incorrect, please try again.",
icon: "error",
buttonsStyling: !1,
confirmButtonText: "Ok, got it!",
customClass: { confirmButton: "btn btn-primary" }
})
})).catch((function (t) {
Swal.fire({
text: "Sorry, looks like there are some errors detected, please try again.",
icon: "error",
buttonsStyling: !1,
confirmButtonText: "Ok, got it!",
customClass: { confirmButton: "btn btn-primary" }
})
})).then((() => {
e.removeAttribute("data-kt-indicator"), e.disabled = !1
}))) : Swal.fire({
text: "Sorry, looks like there are some errors detected, please try again.",
icon: "error",
buttonsStyling: !1,
confirmButtonText: "Ok, got it!",
customClass: { confirmButton: "btn btn-primary" }
})
}))
}))
}
}
}();
KTUtil.onDOMContentLoaded((function () {
KTSigninGeneral.init()
}));

View File

@ -42,7 +42,7 @@
<div class="d-flex flex-column flex-center py-7 py-lg-15 px-5 px-md-15 w-100">
<!--begin::Logo-->
<a href="/" class="mb-12">
<img alt="Logo" src="{{ image('logos/custom-1.png') }}" class="h-60px h-lg-75px"/>
{{-- <img alt="Logo" src="{{ image('logos/custom-1.png') }}" class="h-60px h-lg-75px"/> --}}
</a>
<!--end::Logo-->

View File

@ -12,7 +12,7 @@
<!--begin::Header wrapper-->
<div class="d-flex align-items-stretch justify-content-between flex-lg-grow-1" id="kt_app_header_wrapper">
@include(config('settings.KT_THEME_LAYOUT_DIR').'/partials/header-layout/header/_menu/_menu')
@include(config('settings.KT_THEME_LAYOUT_DIR').'/partials/header-layout/header/_navbar')
{{-- @include(config('settings.KT_THEME_LAYOUT_DIR').'/partials/header-layout/header/_navbar') --}}
</div>
<!--end::Header wrapper-->
</div>

View File

@ -45,7 +45,7 @@
<div class="app-navbar-item ms-1 ms-md-3" id="kt_header_user_menu_toggle">
<!--begin::Menu wrapper-->
<div class="cursor-pointer symbol symbol-30px symbol-md-40px" data-kt-menu-trigger="{default: 'click', lg: 'hover'}" data-kt-menu-attach="parent" data-kt-menu-placement="bottom-end">
<img src="{{ image('avatars/300-1.jpg') }}" alt="user" />
<img src="" alt="user" />
</div>
@include('partials/menus/_user-account-menu')
<!--end::Menu wrapper-->

View File

@ -11,7 +11,7 @@
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
<!--begin::Symbol-->
<div class="symbol symbol-40px me-4">
<img src="{{ image('avatars/300-6.jpg') }}" alt="" />
{{-- <img src="{{ image('avatars/300-6.jpg') }}" alt="" /> --}}
</div>
<!--end::Symbol-->
<!--begin::Title-->
@ -41,7 +41,7 @@
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
<!--begin::Symbol-->
<div class="symbol symbol-40px me-4">
<img src="{{ image('avatars/300-9.jpg') }}" alt="" />
<img src="" alt="" />
</div>
<!--end::Symbol-->
<!--begin::Title-->
@ -71,7 +71,7 @@
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
<!--begin::Symbol-->
<div class="symbol symbol-40px me-4">
<img src="{{ image('avatars/300-11.jpg') }}" alt="" />
{{-- <img src="{{ image('avatars/300-11.jpg') }}" alt="" /> --}}
</div>
<!--end::Symbol-->
<!--begin::Title-->

View File

@ -17,7 +17,7 @@
<!--begin::Header wrapper-->
<div class="d-flex align-items-stretch justify-content-between flex-lg-grow-1" id="kt_app_header_wrapper">
@include(config('settings.KT_THEME_LAYOUT_DIR').'/partials/sidebar-layout/header/_menu/_menu')
@include(config('settings.KT_THEME_LAYOUT_DIR').'/partials/sidebar-layout/header/_navbar')
{{-- @include(config('settings.KT_THEME_LAYOUT_DIR').'/partials/sidebar-layout/header/_navbar') --}}
</div>
<!--end::Header wrapper-->
</div>

View File

@ -9,7 +9,7 @@
<div class="app-navbar-item ms-1 ms-md-3" id="kt_header_user_menu_toggle">
<!--begin::Menu wrapper-->
<div class="cursor-pointer symbol symbol-30px symbol-md-40px" data-kt-menu-trigger="{default: 'click', lg: 'hover'}" data-kt-menu-attach="parent" data-kt-menu-placement="bottom-end">
<img src="{{ image('avatars/300-1.jpg') }}" alt="user" />
<img src="" alt="user" />
</div>
@include('partials/menus/_user-account-menu')
<!--end::Menu wrapper-->

View File

@ -1,237 +1,237 @@
<!--begin::Recently viewed-->
<div data-kt-search-element="results" class="d-none">
<!--begin::Items-->
<div class="scroll-y mh-200px mh-lg-350px">
<!--begin::Category title-->
<h3 class="fs-5 text-muted m-0 pb-5" data-kt-search-element="category-title">Users</h3>
<!--end::Category title-->
<!--begin::Item-->
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
<!--begin::Symbol-->
<div class="symbol symbol-40px me-4">
<img src="assets/media/avatars/300-6.jpg" alt="" />
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="d-flex flex-column justify-content-start fw-semibold">
<span class="fs-6 fw-semibold">Karina Clark</span>
<span class="fs-7 fw-semibold text-muted">Marketing Manager</span>
</div>
<!--end::Title-->
</a>
<!--end::Item-->
<!--begin::Item-->
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
<!--begin::Symbol-->
<div class="symbol symbol-40px me-4">
<img src="assets/media/avatars/300-2.jpg" alt="" />
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="d-flex flex-column justify-content-start fw-semibold">
<span class="fs-6 fw-semibold">Olivia Bold</span>
<span class="fs-7 fw-semibold text-muted">Software Engineer</span>
</div>
<!--end::Title-->
</a>
<!--end::Item-->
<!--begin::Item-->
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
<!--begin::Symbol-->
<div class="symbol symbol-40px me-4">
<img src="assets/media/avatars/300-9.jpg" alt="" />
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="d-flex flex-column justify-content-start fw-semibold">
<span class="fs-6 fw-semibold">Ana Clark</span>
<span class="fs-7 fw-semibold text-muted">UI/UX Designer</span>
</div>
<!--end::Title-->
</a>
<!--end::Item-->
<!--begin::Item-->
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
<!--begin::Symbol-->
<div class="symbol symbol-40px me-4">
<img src="assets/media/avatars/300-14.jpg" alt="" />
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="d-flex flex-column justify-content-start fw-semibold">
<span class="fs-6 fw-semibold">Nick Pitola</span>
<span class="fs-7 fw-semibold text-muted">Art Director</span>
</div>
<!--end::Title-->
</a>
<!--end::Item-->
<!--begin::Item-->
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
<!--begin::Symbol-->
<div class="symbol symbol-40px me-4">
<img src="assets/media/avatars/300-11.jpg" alt="" />
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="d-flex flex-column justify-content-start fw-semibold">
<span class="fs-6 fw-semibold">Edward Kulnic</span>
<span class="fs-7 fw-semibold text-muted">System Administrator</span>
</div>
<!--end::Title-->
</a>
<!--end::Item-->
<!--begin::Category title-->
<h3 class="fs-5 text-muted m-0 pt-5 pb-5" data-kt-search-element="category-title">Customers</h3>
<!--end::Category title-->
<!--begin::Item-->
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
<!--begin::Symbol-->
<div class="symbol symbol-40px me-4">
<span class="symbol-label bg-light">
<img class="w-20px h-20px" src="assets/media/svg/brand-logos/volicity-9.svg" alt="" />
</span>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="d-flex flex-column justify-content-start fw-semibold">
<span class="fs-6 fw-semibold">Company Rbranding</span>
<span class="fs-7 fw-semibold text-muted">UI Design</span>
</div>
<!--end::Title-->
</a>
<!--end::Item-->
<!--begin::Item-->
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
<!--begin::Symbol-->
<div class="symbol symbol-40px me-4">
<span class="symbol-label bg-light">
<img class="w-20px h-20px" src="assets/media/svg/brand-logos/tvit.svg" alt="" />
</span>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="d-flex flex-column justify-content-start fw-semibold">
<span class="fs-6 fw-semibold">Company Re-branding</span>
<span class="fs-7 fw-semibold text-muted">Web Development</span>
</div>
<!--end::Title-->
</a>
<!--end::Item-->
<!--begin::Item-->
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
<!--begin::Symbol-->
<div class="symbol symbol-40px me-4">
<span class="symbol-label bg-light">
<img class="w-20px h-20px" src="assets/media/svg/misc/infography.svg" alt="" />
</span>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="d-flex flex-column justify-content-start fw-semibold">
<span class="fs-6 fw-semibold">Business Analytics App</span>
<span class="fs-7 fw-semibold text-muted">Administration</span>
</div>
<!--end::Title-->
</a>
<!--end::Item-->
<!--begin::Item-->
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
<!--begin::Symbol-->
<div class="symbol symbol-40px me-4">
<span class="symbol-label bg-light">
<img class="w-20px h-20px" src="assets/media/svg/brand-logos/leaf.svg" alt="" />
</span>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="d-flex flex-column justify-content-start fw-semibold">
<span class="fs-6 fw-semibold">EcoLeaf App Launch</span>
<span class="fs-7 fw-semibold text-muted">Marketing</span>
</div>
<!--end::Title-->
</a>
<!--end::Item-->
<!--begin::Item-->
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
<!--begin::Symbol-->
<div class="symbol symbol-40px me-4">
<span class="symbol-label bg-light">
<img class="w-20px h-20px" src="assets/media/svg/brand-logos/tower.svg" alt="" />
</span>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="d-flex flex-column justify-content-start fw-semibold">
<span class="fs-6 fw-semibold">Tower Group Website</span>
<span class="fs-7 fw-semibold text-muted">Google Adwords</span>
</div>
<!--end::Title-->
</a>
<!--end::Item-->
<!--begin::Category title-->
<h3 class="fs-5 text-muted m-0 pt-5 pb-5" data-kt-search-element="category-title">Projects</h3>
<!--end::Category title-->
<!--begin::Item-->
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
<!--begin::Symbol-->
<div class="symbol symbol-40px me-4">
<span class="symbol-label bg-light">{!! getIcon('notepad', 'fs-2 text-primary') !!}</span>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="d-flex flex-column">
<span class="fs-6 fw-semibold">Si-Fi Project by AU Themes</span>
<span class="fs-7 fw-semibold text-muted">#45670</span>
</div>
<!--end::Title-->
</a>
<!--end::Item-->
<!--begin::Item-->
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
<!--begin::Symbol-->
<div class="symbol symbol-40px me-4">
<span class="symbol-label bg-light">{!! getIcon('frame', 'fs-2 text-primary') !!}</span>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="d-flex flex-column">
<span class="fs-6 fw-semibold">Shopix Mobile App Planning</span>
<span class="fs-7 fw-semibold text-muted">#45690</span>
</div>
<!--end::Title-->
</a>
<!--end::Item-->
<!--begin::Item-->
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
<!--begin::Symbol-->
<div class="symbol symbol-40px me-4">
<span class="symbol-label bg-light">{!! getIcon('message-text-2', 'fs-2 text-primary') !!}</span>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="d-flex flex-column">
<span class="fs-6 fw-semibold">Finance Monitoring SAAS Discussion</span>
<span class="fs-7 fw-semibold text-muted">#21090</span>
</div>
<!--end::Title-->
</a>
<!--end::Item-->
<!--begin::Item-->
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
<!--begin::Symbol-->
<div class="symbol symbol-40px me-4">
<span class="symbol-label bg-light">{!! getIcon('profile-circle', 'fs-2 text-primary') !!}</span>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="d-flex flex-column">
<span class="fs-6 fw-semibold">Dashboard Analitics Launch</span>
<span class="fs-7 fw-semibold text-muted">#34560</span>
</div>
<!--end::Title-->
</a>
<!--end::Item-->
</div>
<!--end::Items-->
</div>
<!--end::Recently viewed-->
<!--begin::Recently viewed-->
<div data-kt-search-element="results" class="d-none">
<!--begin::Items-->
<div class="scroll-y mh-200px mh-lg-350px">
<!--begin::Category title-->
<h3 class="fs-5 text-muted m-0 pb-5" data-kt-search-element="category-title">Users</h3>
<!--end::Category title-->
<!--begin::Item-->
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
<!--begin::Symbol-->
<div class="symbol symbol-40px me-4">
{{-- <img src="assets/media/avatars/300-6.jpg" alt="" /> --}}
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="d-flex flex-column justify-content-start fw-semibold">
<span class="fs-6 fw-semibold">Karina Clark</span>
<span class="fs-7 fw-semibold text-muted">Marketing Manager</span>
</div>
<!--end::Title-->
</a>
<!--end::Item-->
<!--begin::Item-->
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
<!--begin::Symbol-->
<div class="symbol symbol-40px me-4">
<img src="assets/media/avatars/300-2.jpg" alt="" />
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="d-flex flex-column justify-content-start fw-semibold">
<span class="fs-6 fw-semibold">Olivia Bold</span>
<span class="fs-7 fw-semibold text-muted">Software Engineer</span>
</div>
<!--end::Title-->
</a>
<!--end::Item-->
<!--begin::Item-->
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
<!--begin::Symbol-->
<div class="symbol symbol-40px me-4">
<img src="" alt="" />
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="d-flex flex-column justify-content-start fw-semibold">
<span class="fs-6 fw-semibold">Ana Clark</span>
<span class="fs-7 fw-semibold text-muted">UI/UX Designer</span>
</div>
<!--end::Title-->
</a>
<!--end::Item-->
<!--begin::Item-->
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
<!--begin::Symbol-->
<div class="symbol symbol-40px me-4">
<img src="assets/media/avatars/300-14.jpg" alt="" />
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="d-flex flex-column justify-content-start fw-semibold">
<span class="fs-6 fw-semibold">Nick Pitola</span>
<span class="fs-7 fw-semibold text-muted">Art Director</span>
</div>
<!--end::Title-->
</a>
<!--end::Item-->
<!--begin::Item-->
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
<!--begin::Symbol-->
<div class="symbol symbol-40px me-4">
{{-- <img src="assets/media/avatars/300-11.jpg" alt="" /> --}}
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="d-flex flex-column justify-content-start fw-semibold">
<span class="fs-6 fw-semibold">Edward Kulnic</span>
<span class="fs-7 fw-semibold text-muted">System Administrator</span>
</div>
<!--end::Title-->
</a>
<!--end::Item-->
<!--begin::Category title-->
<h3 class="fs-5 text-muted m-0 pt-5 pb-5" data-kt-search-element="category-title">Customers</h3>
<!--end::Category title-->
<!--begin::Item-->
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
<!--begin::Symbol-->
<div class="symbol symbol-40px me-4">
<span class="symbol-label bg-light">
<img class="w-20px h-20px" src="assets/media/svg/brand-logos/volicity-9.svg" alt="" />
</span>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="d-flex flex-column justify-content-start fw-semibold">
<span class="fs-6 fw-semibold">Company Rbranding</span>
<span class="fs-7 fw-semibold text-muted">UI Design</span>
</div>
<!--end::Title-->
</a>
<!--end::Item-->
<!--begin::Item-->
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
<!--begin::Symbol-->
<div class="symbol symbol-40px me-4">
<span class="symbol-label bg-light">
<img class="w-20px h-20px" src="assets/media/svg/brand-logos/tvit.svg" alt="" />
</span>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="d-flex flex-column justify-content-start fw-semibold">
<span class="fs-6 fw-semibold">Company Re-branding</span>
<span class="fs-7 fw-semibold text-muted">Web Development</span>
</div>
<!--end::Title-->
</a>
<!--end::Item-->
<!--begin::Item-->
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
<!--begin::Symbol-->
<div class="symbol symbol-40px me-4">
<span class="symbol-label bg-light">
<img class="w-20px h-20px" src="assets/media/svg/misc/infography.svg" alt="" />
</span>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="d-flex flex-column justify-content-start fw-semibold">
<span class="fs-6 fw-semibold">Business Analytics App</span>
<span class="fs-7 fw-semibold text-muted">Administration</span>
</div>
<!--end::Title-->
</a>
<!--end::Item-->
<!--begin::Item-->
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
<!--begin::Symbol-->
<div class="symbol symbol-40px me-4">
<span class="symbol-label bg-light">
<img class="w-20px h-20px" src="assets/media/svg/brand-logos/leaf.svg" alt="" />
</span>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="d-flex flex-column justify-content-start fw-semibold">
<span class="fs-6 fw-semibold">EcoLeaf App Launch</span>
<span class="fs-7 fw-semibold text-muted">Marketing</span>
</div>
<!--end::Title-->
</a>
<!--end::Item-->
<!--begin::Item-->
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
<!--begin::Symbol-->
<div class="symbol symbol-40px me-4">
<span class="symbol-label bg-light">
<img class="w-20px h-20px" src="assets/media/svg/brand-logos/tower.svg" alt="" />
</span>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="d-flex flex-column justify-content-start fw-semibold">
<span class="fs-6 fw-semibold">Tower Group Website</span>
<span class="fs-7 fw-semibold text-muted">Google Adwords</span>
</div>
<!--end::Title-->
</a>
<!--end::Item-->
<!--begin::Category title-->
<h3 class="fs-5 text-muted m-0 pt-5 pb-5" data-kt-search-element="category-title">Projects</h3>
<!--end::Category title-->
<!--begin::Item-->
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
<!--begin::Symbol-->
<div class="symbol symbol-40px me-4">
<span class="symbol-label bg-light">{!! getIcon('notepad', 'fs-2 text-primary') !!}</span>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="d-flex flex-column">
<span class="fs-6 fw-semibold">Si-Fi Project by AU Themes</span>
<span class="fs-7 fw-semibold text-muted">#45670</span>
</div>
<!--end::Title-->
</a>
<!--end::Item-->
<!--begin::Item-->
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
<!--begin::Symbol-->
<div class="symbol symbol-40px me-4">
<span class="symbol-label bg-light">{!! getIcon('frame', 'fs-2 text-primary') !!}</span>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="d-flex flex-column">
<span class="fs-6 fw-semibold">Shopix Mobile App Planning</span>
<span class="fs-7 fw-semibold text-muted">#45690</span>
</div>
<!--end::Title-->
</a>
<!--end::Item-->
<!--begin::Item-->
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
<!--begin::Symbol-->
<div class="symbol symbol-40px me-4">
<span class="symbol-label bg-light">{!! getIcon('message-text-2', 'fs-2 text-primary') !!}</span>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="d-flex flex-column">
<span class="fs-6 fw-semibold">Finance Monitoring SAAS Discussion</span>
<span class="fs-7 fw-semibold text-muted">#21090</span>
</div>
<!--end::Title-->
</a>
<!--end::Item-->
<!--begin::Item-->
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
<!--begin::Symbol-->
<div class="symbol symbol-40px me-4">
<span class="symbol-label bg-light">{!! getIcon('profile-circle', 'fs-2 text-primary') !!}</span>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="d-flex flex-column">
<span class="fs-6 fw-semibold">Dashboard Analitics Launch</span>
<span class="fs-7 fw-semibold text-muted">#34560</span>
</div>
<!--end::Title-->
</a>
<!--end::Item-->
</div>
<!--end::Items-->
</div>
<!--end::Recently viewed-->

View File

@ -1,5 +1,5 @@
<!--begin::Drawers-->
@include('partials/drawers/_activity-drawer')
@include('partials/drawers/_chat-messenger')
@include('partials/drawers/_shopping-cart')
<!--end::Drawers-->
<!--begin::Drawers-->
{{-- @include('partials/drawers/_activity-drawer')
@include('partials/drawers/_chat-messenger')
@include('partials/drawers/_shopping-cart') --}}
<!--end::Drawers-->

View File

@ -151,7 +151,7 @@
<!--end::Info-->
<!--begin::User-->
<div class="symbol symbol-circle symbol-25px" data-bs-toggle="tooltip" data-bs-boundary="window" data-bs-placement="top" title="Alan Nilson">
<img src="assets/media/avatars/300-1.jpg" alt="img" />
<img src="" alt="img" />
</div>
<!--end::User-->
</div>
@ -186,7 +186,7 @@
<!--end::Info-->
<!--begin::User-->
<div class="symbol symbol-circle symbol-25px" data-bs-toggle="tooltip" data-bs-boundary="window" data-bs-placement="top" title="Jan Hummer">
<img src="assets/media/avatars/300-23.jpg" alt="img" />
<img src="" alt="img" />
</div>
<!--end::User-->
</div>
@ -343,7 +343,7 @@
<div class="overlay me-10">
<!--begin::Image-->
<div class="overlay-wrapper">
<img alt="img" class="rounded w-150px" src="assets/media/stock/600x400/img-31.jpg" />
{{-- <img alt="img" class="rounded w-150px" src="assets/media/stock/600x400/img-31.jpg" /> --}}
</div>
<!--end::Image-->
<!--begin::Link-->

View File

@ -1,354 +1,354 @@
<!--begin::Chat drawer-->
<div id="kt_drawer_chat" class="bg-body" data-kt-drawer="true" data-kt-drawer-name="chat" data-kt-drawer-activate="true" data-kt-drawer-overlay="true" data-kt-drawer-width="{default:'300px', 'md': '500px'}" data-kt-drawer-direction="end" data-kt-drawer-toggle="#kt_drawer_chat_toggle" data-kt-drawer-close="#kt_drawer_chat_close">
<!--begin::Messenger-->
<div class="card w-100 border-0 rounded-0" id="kt_drawer_chat_messenger">
<!--begin::Card header-->
<div class="card-header pe-5" id="kt_drawer_chat_messenger_header">
<!--begin::Title-->
<div class="card-title">
<!--begin::User-->
<div class="d-flex justify-content-center flex-column me-3">
<a href="#" class="fs-4 fw-bold text-gray-900 text-hover-primary me-1 mb-2 lh-1">Brian Cox</a>
<!--begin::Info-->
<div class="mb-0 lh-1">
<span class="badge badge-success badge-circle w-10px h-10px me-1"></span>
<span class="fs-7 fw-semibold text-muted">Active</span>
</div>
<!--end::Info-->
</div>
<!--end::User-->
</div>
<!--end::Title-->
<!--begin::Card toolbar-->
<div class="card-toolbar">
<!--begin::Menu-->
<div class="me-0">
<button class="btn btn-sm btn-icon btn-active-color-primary" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">{!! getIcon('dots-square', 'fs-2') !!}</button>
<!--begin::Menu 3-->
<div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary fw-semibold w-200px py-3" data-kt-menu="true">
<!--begin::Heading-->
<div class="menu-item px-3">
<div class="menu-content text-muted pb-2 px-3 fs-7 text-uppercase">Contacts</div>
</div>
<!--end::Heading-->
<!--begin::Menu item-->
<div class="menu-item px-3">
<a href="#" class="menu-link px-3" data-bs-toggle="modal" data-bs-target="#kt_modal_users_search">Add Contact</a>
</div>
<!--end::Menu item-->
<!--begin::Menu item-->
<div class="menu-item px-3">
<a href="#" class="menu-link flex-stack px-3" data-bs-toggle="modal" data-bs-target="#kt_modal_invite_friends">Invite Contacts
<span class="ms-2" data-bs-toggle="tooltip" title="Specify a contact email to send an invitation"></span></a>
</div>
<!--end::Menu item-->
<!--begin::Menu item-->
<div class="menu-item px-3" data-kt-menu-trigger="hover" data-kt-menu-placement="right-start">
<a href="#" class="menu-link px-3">
<span class="menu-title">Groups</span>
<span class="menu-arrow"></span>
</a>
<!--begin::Menu sub-->
<div class="menu-sub menu-sub-dropdown w-175px py-4">
<!--begin::Menu item-->
<div class="menu-item px-3">
<a href="#" class="menu-link px-3" data-bs-toggle="tooltip" title="Coming soon">Create Group</a>
</div>
<!--end::Menu item-->
<!--begin::Menu item-->
<div class="menu-item px-3">
<a href="#" class="menu-link px-3" data-bs-toggle="tooltip" title="Coming soon">Invite Members</a>
</div>
<!--end::Menu item-->
<!--begin::Menu item-->
<div class="menu-item px-3">
<a href="#" class="menu-link px-3" data-bs-toggle="tooltip" title="Coming soon">Settings</a>
</div>
<!--end::Menu item-->
</div>
<!--end::Menu sub-->
</div>
<!--end::Menu item-->
<!--begin::Menu item-->
<div class="menu-item px-3 my-1">
<a href="#" class="menu-link px-3" data-bs-toggle="tooltip" title="Coming soon">Settings</a>
</div>
<!--end::Menu item-->
</div>
<!--end::Menu 3-->
</div>
<!--end::Menu-->
<!--begin::Close-->
<div class="btn btn-sm btn-icon btn-active-color-primary" id="kt_drawer_chat_close">{!! getIcon('cross-square', 'fs-2') !!}</div>
<!--end::Close-->
</div>
<!--end::Card toolbar-->
</div>
<!--end::Card header-->
<!--begin::Card body-->
<div class="card-body" id="kt_drawer_chat_messenger_body">
<!--begin::Messages-->
<div class="scroll-y me-n5 pe-5" data-kt-element="messages" data-kt-scroll="true" data-kt-scroll-activate="true" data-kt-scroll-height="auto" data-kt-scroll-dependencies="#kt_drawer_chat_messenger_header, #kt_drawer_chat_messenger_footer" data-kt-scroll-wrappers="#kt_drawer_chat_messenger_body" data-kt-scroll-offset="0px">
<!--begin::Message(in)-->
<div class="d-flex justify-content-start mb-10">
<!--begin::Wrapper-->
<div class="d-flex flex-column align-items-start">
<!--begin::User-->
<div class="d-flex align-items-center mb-2">
<!--begin::Avatar-->
<div class="symbol symbol-35px symbol-circle">
<img alt="Pic" src="assets/media/avatars/300-25.jpg" />
</div>
<!--end::Avatar-->
<!--begin::Details-->
<div class="ms-3">
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary me-1">Brian Cox</a>
<span class="text-muted fs-7 mb-1">2 mins</span>
</div>
<!--end::Details-->
</div>
<!--end::User-->
<!--begin::Text-->
<div class="p-5 rounded bg-light-info text-dark fw-semibold mw-lg-400px text-start" data-kt-element="message-text">How likely are you to recommend our company to your friends and family ?</div>
<!--end::Text-->
</div>
<!--end::Wrapper-->
</div>
<!--end::Message(in)-->
<!--begin::Message(out)-->
<div class="d-flex justify-content-end mb-10">
<!--begin::Wrapper-->
<div class="d-flex flex-column align-items-end">
<!--begin::User-->
<div class="d-flex align-items-center mb-2">
<!--begin::Details-->
<div class="me-3">
<span class="text-muted fs-7 mb-1">5 mins</span>
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary ms-1">You</a>
</div>
<!--end::Details-->
<!--begin::Avatar-->
<div class="symbol symbol-35px symbol-circle">
<img alt="Pic" src="assets/media/avatars/300-1.jpg" />
</div>
<!--end::Avatar-->
</div>
<!--end::User-->
<!--begin::Text-->
<div class="p-5 rounded bg-light-primary text-dark fw-semibold mw-lg-400px text-end" data-kt-element="message-text">Hey there, were just writing to let you know that youve been subscribed to a repository on GitHub.</div>
<!--end::Text-->
</div>
<!--end::Wrapper-->
</div>
<!--end::Message(out)-->
<!--begin::Message(in)-->
<div class="d-flex justify-content-start mb-10">
<!--begin::Wrapper-->
<div class="d-flex flex-column align-items-start">
<!--begin::User-->
<div class="d-flex align-items-center mb-2">
<!--begin::Avatar-->
<div class="symbol symbol-35px symbol-circle">
<img alt="Pic" src="assets/media/avatars/300-25.jpg" />
</div>
<!--end::Avatar-->
<!--begin::Details-->
<div class="ms-3">
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary me-1">Brian Cox</a>
<span class="text-muted fs-7 mb-1">1 Hour</span>
</div>
<!--end::Details-->
</div>
<!--end::User-->
<!--begin::Text-->
<div class="p-5 rounded bg-light-info text-dark fw-semibold mw-lg-400px text-start" data-kt-element="message-text">Ok, Understood!</div>
<!--end::Text-->
</div>
<!--end::Wrapper-->
</div>
<!--end::Message(in)-->
<!--begin::Message(out)-->
<div class="d-flex justify-content-end mb-10">
<!--begin::Wrapper-->
<div class="d-flex flex-column align-items-end">
<!--begin::User-->
<div class="d-flex align-items-center mb-2">
<!--begin::Details-->
<div class="me-3">
<span class="text-muted fs-7 mb-1">2 Hours</span>
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary ms-1">You</a>
</div>
<!--end::Details-->
<!--begin::Avatar-->
<div class="symbol symbol-35px symbol-circle">
<img alt="Pic" src="assets/media/avatars/300-1.jpg" />
</div>
<!--end::Avatar-->
</div>
<!--end::User-->
<!--begin::Text-->
<div class="p-5 rounded bg-light-primary text-dark fw-semibold mw-lg-400px text-end" data-kt-element="message-text">Youll receive notifications for all issues, pull requests!</div>
<!--end::Text-->
</div>
<!--end::Wrapper-->
</div>
<!--end::Message(out)-->
<!--begin::Message(in)-->
<div class="d-flex justify-content-start mb-10">
<!--begin::Wrapper-->
<div class="d-flex flex-column align-items-start">
<!--begin::User-->
<div class="d-flex align-items-center mb-2">
<!--begin::Avatar-->
<div class="symbol symbol-35px symbol-circle">
<img alt="Pic" src="assets/media/avatars/300-25.jpg" />
</div>
<!--end::Avatar-->
<!--begin::Details-->
<div class="ms-3">
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary me-1">Brian Cox</a>
<span class="text-muted fs-7 mb-1">3 Hours</span>
</div>
<!--end::Details-->
</div>
<!--end::User-->
<!--begin::Text-->
<div class="p-5 rounded bg-light-info text-dark fw-semibold mw-lg-400px text-start" data-kt-element="message-text">You can unwatch this repository immediately by clicking here:
<a href="https://keenthemes.com">Keenthemes.com</a></div>
<!--end::Text-->
</div>
<!--end::Wrapper-->
</div>
<!--end::Message(in)-->
<!--begin::Message(out)-->
<div class="d-flex justify-content-end mb-10">
<!--begin::Wrapper-->
<div class="d-flex flex-column align-items-end">
<!--begin::User-->
<div class="d-flex align-items-center mb-2">
<!--begin::Details-->
<div class="me-3">
<span class="text-muted fs-7 mb-1">4 Hours</span>
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary ms-1">You</a>
</div>
<!--end::Details-->
<!--begin::Avatar-->
<div class="symbol symbol-35px symbol-circle">
<img alt="Pic" src="assets/media/avatars/300-1.jpg" />
</div>
<!--end::Avatar-->
</div>
<!--end::User-->
<!--begin::Text-->
<div class="p-5 rounded bg-light-primary text-dark fw-semibold mw-lg-400px text-end" data-kt-element="message-text">Most purchased Business courses during this sale!</div>
<!--end::Text-->
</div>
<!--end::Wrapper-->
</div>
<!--end::Message(out)-->
<!--begin::Message(in)-->
<div class="d-flex justify-content-start mb-10">
<!--begin::Wrapper-->
<div class="d-flex flex-column align-items-start">
<!--begin::User-->
<div class="d-flex align-items-center mb-2">
<!--begin::Avatar-->
<div class="symbol symbol-35px symbol-circle">
<img alt="Pic" src="assets/media/avatars/300-25.jpg" />
</div>
<!--end::Avatar-->
<!--begin::Details-->
<div class="ms-3">
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary me-1">Brian Cox</a>
<span class="text-muted fs-7 mb-1">5 Hours</span>
</div>
<!--end::Details-->
</div>
<!--end::User-->
<!--begin::Text-->
<div class="p-5 rounded bg-light-info text-dark fw-semibold mw-lg-400px text-start" data-kt-element="message-text">Company BBQ to celebrate the last quater achievements and goals. Food and drinks provided</div>
<!--end::Text-->
</div>
<!--end::Wrapper-->
</div>
<!--end::Message(in)-->
<!--begin::Message(template for out)-->
<div class="d-flex justify-content-end mb-10 d-none" data-kt-element="template-out">
<!--begin::Wrapper-->
<div class="d-flex flex-column align-items-end">
<!--begin::User-->
<div class="d-flex align-items-center mb-2">
<!--begin::Details-->
<div class="me-3">
<span class="text-muted fs-7 mb-1">Just now</span>
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary ms-1">You</a>
</div>
<!--end::Details-->
<!--begin::Avatar-->
<div class="symbol symbol-35px symbol-circle">
<img alt="Pic" src="assets/media/avatars/300-1.jpg" />
</div>
<!--end::Avatar-->
</div>
<!--end::User-->
<!--begin::Text-->
<div class="p-5 rounded bg-light-primary text-dark fw-semibold mw-lg-400px text-end" data-kt-element="message-text"></div>
<!--end::Text-->
</div>
<!--end::Wrapper-->
</div>
<!--end::Message(template for out)-->
<!--begin::Message(template for in)-->
<div class="d-flex justify-content-start mb-10 d-none" data-kt-element="template-in">
<!--begin::Wrapper-->
<div class="d-flex flex-column align-items-start">
<!--begin::User-->
<div class="d-flex align-items-center mb-2">
<!--begin::Avatar-->
<div class="symbol symbol-35px symbol-circle">
<img alt="Pic" src="assets/media/avatars/300-25.jpg" />
</div>
<!--end::Avatar-->
<!--begin::Details-->
<div class="ms-3">
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary me-1">Brian Cox</a>
<span class="text-muted fs-7 mb-1">Just now</span>
</div>
<!--end::Details-->
</div>
<!--end::User-->
<!--begin::Text-->
<div class="p-5 rounded bg-light-info text-dark fw-semibold mw-lg-400px text-start" data-kt-element="message-text">Right before vacation season we have the next Big Deal for you.</div>
<!--end::Text-->
</div>
<!--end::Wrapper-->
</div>
<!--end::Message(template for in)-->
</div>
<!--end::Messages-->
</div>
<!--end::Card body-->
<!--begin::Card footer-->
<div class="card-footer pt-4" id="kt_drawer_chat_messenger_footer">
<!--begin::Input-->
<textarea class="form-control form-control-flush mb-3" rows="1" data-kt-element="input" placeholder="Type a message"></textarea>
<!--end::Input-->
<!--begin:Toolbar-->
<div class="d-flex flex-stack">
<!--begin::Actions-->
<div class="d-flex align-items-center me-2">
<button class="btn btn-sm btn-icon btn-active-light-primary me-1" type="button" data-bs-toggle="tooltip" title="Coming soon">{!! getIcon('paper-clip', 'fs-3') !!}</button>
<button class="btn btn-sm btn-icon btn-active-light-primary me-1" type="button" data-bs-toggle="tooltip" title="Coming soon">{!! getIcon('cloud-add', 'fs-3') !!}</button>
</div>
<!--end::Actions-->
<!--begin::Send-->
<button class="btn btn-primary" type="button" data-kt-element="send">Send</button>
<!--end::Send-->
</div>
<!--end::Toolbar-->
</div>
<!--end::Card footer-->
</div>
<!--end::Messenger-->
</div>
<!--end::Chat drawer-->
<!--begin::Chat drawer-->
<div id="kt_drawer_chat" class="bg-body" data-kt-drawer="true" data-kt-drawer-name="chat" data-kt-drawer-activate="true" data-kt-drawer-overlay="true" data-kt-drawer-width="{default:'300px', 'md': '500px'}" data-kt-drawer-direction="end" data-kt-drawer-toggle="#kt_drawer_chat_toggle" data-kt-drawer-close="#kt_drawer_chat_close">
<!--begin::Messenger-->
<div class="card w-100 border-0 rounded-0" id="kt_drawer_chat_messenger">
<!--begin::Card header-->
<div class="card-header pe-5" id="kt_drawer_chat_messenger_header">
<!--begin::Title-->
<div class="card-title">
<!--begin::User-->
<div class="d-flex justify-content-center flex-column me-3">
<a href="#" class="fs-4 fw-bold text-gray-900 text-hover-primary me-1 mb-2 lh-1">Brian Cox</a>
<!--begin::Info-->
<div class="mb-0 lh-1">
<span class="badge badge-success badge-circle w-10px h-10px me-1"></span>
<span class="fs-7 fw-semibold text-muted">Active</span>
</div>
<!--end::Info-->
</div>
<!--end::User-->
</div>
<!--end::Title-->
<!--begin::Card toolbar-->
<div class="card-toolbar">
<!--begin::Menu-->
<div class="me-0">
<button class="btn btn-sm btn-icon btn-active-color-primary" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">{!! getIcon('dots-square', 'fs-2') !!}</button>
<!--begin::Menu 3-->
<div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary fw-semibold w-200px py-3" data-kt-menu="true">
<!--begin::Heading-->
<div class="menu-item px-3">
<div class="menu-content text-muted pb-2 px-3 fs-7 text-uppercase">Contacts</div>
</div>
<!--end::Heading-->
<!--begin::Menu item-->
<div class="menu-item px-3">
<a href="#" class="menu-link px-3" data-bs-toggle="modal" data-bs-target="#kt_modal_users_search">Add Contact</a>
</div>
<!--end::Menu item-->
<!--begin::Menu item-->
<div class="menu-item px-3">
<a href="#" class="menu-link flex-stack px-3" data-bs-toggle="modal" data-bs-target="#kt_modal_invite_friends">Invite Contacts
<span class="ms-2" data-bs-toggle="tooltip" title="Specify a contact email to send an invitation"></span></a>
</div>
<!--end::Menu item-->
<!--begin::Menu item-->
<div class="menu-item px-3" data-kt-menu-trigger="hover" data-kt-menu-placement="right-start">
<a href="#" class="menu-link px-3">
<span class="menu-title">Groups</span>
<span class="menu-arrow"></span>
</a>
<!--begin::Menu sub-->
<div class="menu-sub menu-sub-dropdown w-175px py-4">
<!--begin::Menu item-->
<div class="menu-item px-3">
<a href="#" class="menu-link px-3" data-bs-toggle="tooltip" title="Coming soon">Create Group</a>
</div>
<!--end::Menu item-->
<!--begin::Menu item-->
<div class="menu-item px-3">
<a href="#" class="menu-link px-3" data-bs-toggle="tooltip" title="Coming soon">Invite Members</a>
</div>
<!--end::Menu item-->
<!--begin::Menu item-->
<div class="menu-item px-3">
<a href="#" class="menu-link px-3" data-bs-toggle="tooltip" title="Coming soon">Settings</a>
</div>
<!--end::Menu item-->
</div>
<!--end::Menu sub-->
</div>
<!--end::Menu item-->
<!--begin::Menu item-->
<div class="menu-item px-3 my-1">
<a href="#" class="menu-link px-3" data-bs-toggle="tooltip" title="Coming soon">Settings</a>
</div>
<!--end::Menu item-->
</div>
<!--end::Menu 3-->
</div>
<!--end::Menu-->
<!--begin::Close-->
<div class="btn btn-sm btn-icon btn-active-color-primary" id="kt_drawer_chat_close">{!! getIcon('cross-square', 'fs-2') !!}</div>
<!--end::Close-->
</div>
<!--end::Card toolbar-->
</div>
<!--end::Card header-->
<!--begin::Card body-->
<div class="card-body" id="kt_drawer_chat_messenger_body">
<!--begin::Messages-->
<div class="scroll-y me-n5 pe-5" data-kt-element="messages" data-kt-scroll="true" data-kt-scroll-activate="true" data-kt-scroll-height="auto" data-kt-scroll-dependencies="#kt_drawer_chat_messenger_header, #kt_drawer_chat_messenger_footer" data-kt-scroll-wrappers="#kt_drawer_chat_messenger_body" data-kt-scroll-offset="0px">
<!--begin::Message(in)-->
<div class="d-flex justify-content-start mb-10">
<!--begin::Wrapper-->
<div class="d-flex flex-column align-items-start">
<!--begin::User-->
<div class="d-flex align-items-center mb-2">
<!--begin::Avatar-->
<div class="symbol symbol-35px symbol-circle">
{{-- <img alt="Pic" src="assets/media/avatars/300-25.jpg" /> --}}
</div>
<!--end::Avatar-->
<!--begin::Details-->
<div class="ms-3">
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary me-1">Brian Cox</a>
<span class="text-muted fs-7 mb-1">2 mins</span>
</div>
<!--end::Details-->
</div>
<!--end::User-->
<!--begin::Text-->
<div class="p-5 rounded bg-light-info text-dark fw-semibold mw-lg-400px text-start" data-kt-element="message-text">How likely are you to recommend our company to your friends and family ?</div>
<!--end::Text-->
</div>
<!--end::Wrapper-->
</div>
<!--end::Message(in)-->
<!--begin::Message(out)-->
<div class="d-flex justify-content-end mb-10">
<!--begin::Wrapper-->
<div class="d-flex flex-column align-items-end">
<!--begin::User-->
<div class="d-flex align-items-center mb-2">
<!--begin::Details-->
<div class="me-3">
<span class="text-muted fs-7 mb-1">5 mins</span>
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary ms-1">You</a>
</div>
<!--end::Details-->
<!--begin::Avatar-->
<div class="symbol symbol-35px symbol-circle">
<img alt="Pic" src="" />
</div>
<!--end::Avatar-->
</div>
<!--end::User-->
<!--begin::Text-->
<div class="p-5 rounded bg-light-primary text-dark fw-semibold mw-lg-400px text-end" data-kt-element="message-text">Hey there, were just writing to let you know that youve been subscribed to a repository on GitHub.</div>
<!--end::Text-->
</div>
<!--end::Wrapper-->
</div>
<!--end::Message(out)-->
<!--begin::Message(in)-->
<div class="d-flex justify-content-start mb-10">
<!--begin::Wrapper-->
<div class="d-flex flex-column align-items-start">
<!--begin::User-->
<div class="d-flex align-items-center mb-2">
<!--begin::Avatar-->
<div class="symbol symbol-35px symbol-circle">
{{-- <img alt="Pic" src="assets/media/avatars/300-25.jpg" /> --}}
</div>
<!--end::Avatar-->
<!--begin::Details-->
<div class="ms-3">
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary me-1">Brian Cox</a>
<span class="text-muted fs-7 mb-1">1 Hour</span>
</div>
<!--end::Details-->
</div>
<!--end::User-->
<!--begin::Text-->
<div class="p-5 rounded bg-light-info text-dark fw-semibold mw-lg-400px text-start" data-kt-element="message-text">Ok, Understood!</div>
<!--end::Text-->
</div>
<!--end::Wrapper-->
</div>
<!--end::Message(in)-->
<!--begin::Message(out)-->
<div class="d-flex justify-content-end mb-10">
<!--begin::Wrapper-->
<div class="d-flex flex-column align-items-end">
<!--begin::User-->
<div class="d-flex align-items-center mb-2">
<!--begin::Details-->
<div class="me-3">
<span class="text-muted fs-7 mb-1">2 Hours</span>
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary ms-1">You</a>
</div>
<!--end::Details-->
<!--begin::Avatar-->
<div class="symbol symbol-35px symbol-circle">
<img alt="Pic" src=""" />
</div>
<!--end::Avatar-->
</div>
<!--end::User-->
<!--begin::Text-->
<div class="p-5 rounded bg-light-primary text-dark fw-semibold mw-lg-400px text-end" data-kt-element="message-text">Youll receive notifications for all issues, pull requests!</div>
<!--end::Text-->
</div>
<!--end::Wrapper-->
</div>
<!--end::Message(out)-->
<!--begin::Message(in)-->
<div class="d-flex justify-content-start mb-10">
<!--begin::Wrapper-->
<div class="d-flex flex-column align-items-start">
<!--begin::User-->
<div class="d-flex align-items-center mb-2">
<!--begin::Avatar-->
<div class="symbol symbol-35px symbol-circle">
{{-- <img alt="Pic" src="assets/media/avatars/300-25.jpg" /> --}}
</div>
<!--end::Avatar-->
<!--begin::Details-->
<div class="ms-3">
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary me-1">Brian Cox</a>
<span class="text-muted fs-7 mb-1">3 Hours</span>
</div>
<!--end::Details-->
</div>
<!--end::User-->
<!--begin::Text-->
<div class="p-5 rounded bg-light-info text-dark fw-semibold mw-lg-400px text-start" data-kt-element="message-text">You can unwatch this repository immediately by clicking here:
<a href="https://keenthemes.com">Keenthemes.com</a></div>
<!--end::Text-->
</div>
<!--end::Wrapper-->
</div>
<!--end::Message(in)-->
<!--begin::Message(out)-->
<div class="d-flex justify-content-end mb-10">
<!--begin::Wrapper-->
<div class="d-flex flex-column align-items-end">
<!--begin::User-->
<div class="d-flex align-items-center mb-2">
<!--begin::Details-->
<div class="me-3">
<span class="text-muted fs-7 mb-1">4 Hours</span>
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary ms-1">You</a>
</div>
<!--end::Details-->
<!--begin::Avatar-->
<div class="symbol symbol-35px symbol-circle">
<img alt="Pic" src="" />
</div>
<!--end::Avatar-->
</div>
<!--end::User-->
<!--begin::Text-->
<div class="p-5 rounded bg-light-primary text-dark fw-semibold mw-lg-400px text-end" data-kt-element="message-text">Most purchased Business courses during this sale!</div>
<!--end::Text-->
</div>
<!--end::Wrapper-->
</div>
<!--end::Message(out)-->
<!--begin::Message(in)-->
<div class="d-flex justify-content-start mb-10">
<!--begin::Wrapper-->
<div class="d-flex flex-column align-items-start">
<!--begin::User-->
<div class="d-flex align-items-center mb-2">
<!--begin::Avatar-->
<div class="symbol symbol-35px symbol-circle">
{{-- <img alt="Pic" src="assets/media/avatars/300-25.jpg" /> --}}
</div>
<!--end::Avatar-->
<!--begin::Details-->
<div class="ms-3">
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary me-1">Brian Cox</a>
<span class="text-muted fs-7 mb-1">5 Hours</span>
</div>
<!--end::Details-->
</div>
<!--end::User-->
<!--begin::Text-->
<div class="p-5 rounded bg-light-info text-dark fw-semibold mw-lg-400px text-start" data-kt-element="message-text">Company BBQ to celebrate the last quater achievements and goals. Food and drinks provided</div>
<!--end::Text-->
</div>
<!--end::Wrapper-->
</div>
<!--end::Message(in)-->
<!--begin::Message(template for out)-->
<div class="d-flex justify-content-end mb-10 d-none" data-kt-element="template-out">
<!--begin::Wrapper-->
<div class="d-flex flex-column align-items-end">
<!--begin::User-->
<div class="d-flex align-items-center mb-2">
<!--begin::Details-->
<div class="me-3">
<span class="text-muted fs-7 mb-1">Just now</span>
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary ms-1">You</a>
</div>
<!--end::Details-->
<!--begin::Avatar-->
<div class="symbol symbol-35px symbol-circle">
<img alt="Pic" src="" />
</div>
<!--end::Avatar-->
</div>
<!--end::User-->
<!--begin::Text-->
<div class="p-5 rounded bg-light-primary text-dark fw-semibold mw-lg-400px text-end" data-kt-element="message-text"></div>
<!--end::Text-->
</div>
<!--end::Wrapper-->
</div>
<!--end::Message(template for out)-->
<!--begin::Message(template for in)-->
<div class="d-flex justify-content-start mb-10 d-none" data-kt-element="template-in">
<!--begin::Wrapper-->
<div class="d-flex flex-column align-items-start">
<!--begin::User-->
<div class="d-flex align-items-center mb-2">
<!--begin::Avatar-->
<div class="symbol symbol-35px symbol-circle">
{{-- <img alt="Pic" src="assets/media/avatars/300-25.jpg" /> --}}
</div>
<!--end::Avatar-->
<!--begin::Details-->
<div class="ms-3">
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary me-1">Brian Cox</a>
<span class="text-muted fs-7 mb-1">Just now</span>
</div>
<!--end::Details-->
</div>
<!--end::User-->
<!--begin::Text-->
<div class="p-5 rounded bg-light-info text-dark fw-semibold mw-lg-400px text-start" data-kt-element="message-text">Right before vacation season we have the next Big Deal for you.</div>
<!--end::Text-->
</div>
<!--end::Wrapper-->
</div>
<!--end::Message(template for in)-->
</div>
<!--end::Messages-->
</div>
<!--end::Card body-->
<!--begin::Card footer-->
<div class="card-footer pt-4" id="kt_drawer_chat_messenger_footer">
<!--begin::Input-->
<textarea class="form-control form-control-flush mb-3" rows="1" data-kt-element="input" placeholder="Type a message"></textarea>
<!--end::Input-->
<!--begin:Toolbar-->
<div class="d-flex flex-stack">
<!--begin::Actions-->
<div class="d-flex align-items-center me-2">
<button class="btn btn-sm btn-icon btn-active-light-primary me-1" type="button" data-bs-toggle="tooltip" title="Coming soon">{!! getIcon('paper-clip', 'fs-3') !!}</button>
<button class="btn btn-sm btn-icon btn-active-light-primary me-1" type="button" data-bs-toggle="tooltip" title="Coming soon">{!! getIcon('cloud-add', 'fs-3') !!}</button>
</div>
<!--end::Actions-->
<!--begin::Send-->
<button class="btn btn-primary" type="button" data-kt-element="send">Send</button>
<!--end::Send-->
</div>
<!--end::Toolbar-->
</div>
<!--end::Card footer-->
</div>
<!--end::Messenger-->
</div>
<!--end::Chat drawer-->

View File

@ -41,7 +41,7 @@
<!--end::Wrapper-->
<!--begin::Pic-->
<div class="symbol symbol-70px symbol-2by3 flex-shrink-0">
<img src="assets/media/stock/600x400/img-1.jpg" alt="" />
{{-- <img src="assets/media/stock/600x400/img-1.jpg" alt="" /> --}}
</div>
<!--end::Pic-->
</div>
@ -165,7 +165,7 @@
<!--end::Wrapper-->
<!--begin::Pic-->
<div class="symbol symbol-70px symbol-2by3 flex-shrink-0">
<img src="assets/media/stock/600x400/img-21.jpg" alt="" />
{{-- <img src="assets/media/stock/600x400/img-21.jpg" alt="" /> --}}
</div>
<!--end::Pic-->
</div>

View File

@ -211,7 +211,7 @@
<!--end::Section-->
<!--begin::Illustration-->
<div class="text-center px-4">
<img class="mw-100 mh-200px" alt="image" src="assets/media/illustrations/sketchy-1/1.png" />
{{-- <img class="mw-100 mh-200px" alt="image" src="assets/media/illustrations/sketchy-1/1.png" /> --}}
</div>
<!--end::Illustration-->
</div>

View File

@ -5,7 +5,7 @@
<div class="menu-content d-flex align-items-center px-3">
<!--begin::Avatar-->
<div class="symbol symbol-50px me-5">
<img alt="Logo" src="assets/media/avatars/300-1.jpg" />
<img alt="Logo" src="" />
</div>
<!--end::Avatar-->
<!--begin::Username-->

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

View File

@ -1,17 +1,17 @@
<!--begin::Step 5-->
<div data-kt-stepper-element="content">
<div class="w-100 text-center">
<!--begin::Heading-->
<h1 class="fw-bold text-dark mb-3">Release!</h1>
<!--end::Heading-->
<!--begin::Description-->
<div class="text-muted fw-semibold fs-3">Submit your app to kickstart your project.</div>
<!--end::Description-->
<!--begin::Illustration-->
<div class="text-center px-4 py-15">
<img src="assets/media/illustrations/sketchy-1/9.png" alt="" class="mw-100 mh-300px" />
</div>
<!--end::Illustration-->
</div>
</div>
<!--end::Step 5-->
<!--begin::Step 5-->
<div data-kt-stepper-element="content">
<div class="w-100 text-center">
<!--begin::Heading-->
<h1 class="fw-bold text-dark mb-3">Release!</h1>
<!--end::Heading-->
<!--begin::Description-->
<div class="text-muted fw-semibold fs-3">Submit your app to kickstart your project.</div>
<!--end::Description-->
<!--begin::Illustration-->
<div class="text-center px-4 py-15">
<img src="" alt="" class="mw-100 mh-300px" />
</div>
<!--end::Illustration-->
</div>
</div>
<!--end::Step 5-->

View File

@ -20,7 +20,7 @@
<!--end::Actions-->
<!--begin::Illustration-->
<div class="text-center px-4">
<img src="{{ asset('illustrations/sketchy-1/9.png') }}" alt="" class="mww-100 mh-350px" />
<img src="" alt="" class="mww-100 mh-350px" />
</div>
<!--end::Illustration-->
</div>

View File

@ -20,7 +20,7 @@
<!--end::Actions-->
<!--begin::Illustration-->
<div class="text-center px-4">
<img src="{{ asset('illustrations/sketchy-1/9.png') }}" alt="" class="mww-100 mh-350px" />
<img src="" alt="" class="mww-100 mh-350px" />
</div>
<!--end::Illustration-->
</div>

View File

@ -36,7 +36,7 @@
<div class="d-flex align-items-center">
<!--begin::Avatar-->
<div class="symbol symbol-35px symbol-circle">
<img alt="Pic" src="{{ image('avatars/300-6.jpg') }}" />
{{-- <img alt="Pic" src="{{ image('avatars/300-6.jpg') }}" /> --}}
</div>
<!--end::Avatar-->
<!--begin::Details-->
@ -92,7 +92,7 @@
<div class="d-flex align-items-center">
<!--begin::Avatar-->
<div class="symbol symbol-35px symbol-circle">
<img alt="Pic" src="{{ image('avatars/300-1.jpg') }}" />
<img alt="Pic" src="" />
</div>
<!--end::Avatar-->
<!--begin::Details-->
@ -120,7 +120,7 @@
<div class="d-flex align-items-center">
<!--begin::Avatar-->
<div class="symbol symbol-35px symbol-circle">
<img alt="Pic" src="{{ image('avatars/300-5.jpg') }}" />
<img alt="Pic" src="" />
</div>
<!--end::Avatar-->
<!--begin::Details-->
@ -148,7 +148,7 @@
<div class="d-flex align-items-center">
<!--begin::Avatar-->
<div class="symbol symbol-35px symbol-circle">
<img alt="Pic" src="{{ image('avatars/300-25.jpg') }}" />
{{-- <img alt="Pic" src="{{ image('avatars/300-25.jpg') }}" /> --}}
</div>
<!--end::Avatar-->
<!--begin::Details-->
@ -204,7 +204,7 @@
<div class="d-flex align-items-center">
<!--begin::Avatar-->
<div class="symbol symbol-35px symbol-circle">
<img alt="Pic" src="{{ image('avatars/300-9.jpg') }}" />
<img alt="Pic" src="" />
</div>
<!--end::Avatar-->
<!--begin::Details-->
@ -288,7 +288,7 @@
<div class="d-flex align-items-center">
<!--begin::Avatar-->
<div class="symbol symbol-35px symbol-circle">
<img alt="Pic" src="{{ image('avatars/300-23.jpg') }}" />
<img alt="Pic" src="') }}" />
</div>
<!--end::Avatar-->
<!--begin::Details-->
@ -344,7 +344,7 @@
<div class="d-flex align-items-center">
<!--begin::Avatar-->
<div class="symbol symbol-35px symbol-circle">
<img alt="Pic" src="{{ image('avatars/300-12.jpg') }}" />
{{-- <img alt="Pic" src="{{ image('avatars/300-12.jpg') }}" /> --}}
</div>
<!--end::Avatar-->
<!--begin::Details-->
@ -400,7 +400,7 @@
<div class="d-flex align-items-center">
<!--begin::Avatar-->
<div class="symbol symbol-35px symbol-circle">
<img alt="Pic" src="{{ image('avatars/300-13.jpg') }}" />
{{-- <img alt="Pic" src="{{ image('avatars/300-13.jpg') }}" /> --}}
</div>
<!--end::Avatar-->
<!--begin::Details-->
@ -456,7 +456,7 @@
<div class="d-flex align-items-center">
<!--begin::Avatar-->
<div class="symbol symbol-35px symbol-circle">
<img alt="Pic" src="{{ image('avatars/300-21.jpg') }}" />
{{-- <img alt="Pic" src="{{ image('avatars/300-21.jpg') }}" /> --}}
</div>
<!--end::Avatar-->
<!--begin::Details-->

View File

@ -1,120 +1,120 @@
<!--begin::Input group-->
<div class="d-flex flex-column mb-7 fv-row">
<!--begin::Label-->
<label class="d-flex align-items-center fs-6 fw-semibold form-label mb-2">
<span class="required">Name On Card</span>
<span class="ms-1" data-bs-toggle="tooltip" title="Specify a card holder's name"></span>
</label>
<!--end::Label-->
<input type="text" class="form-control form-control-solid" placeholder="" name="card_name" value="Max Doe" />
</div>
<!--end::Input group-->
<!--begin::Input group-->
<div class="d-flex flex-column mb-7 fv-row">
<!--begin::Label-->
<label class="required fs-6 fw-semibold form-label mb-2">Card Number</label>
<!--end::Label-->
<!--begin::Input wrapper-->
<div class="position-relative">
<!--begin::Input-->
<input type="text" class="form-control form-control-solid" placeholder="Enter card number" name="card_number" value="4111 1111 1111 1111" />
<!--end::Input-->
<!--begin::Card logos-->
<div class="position-absolute translate-middle-y top-50 end-0 me-5">
<img src="assets/media/svg/card-logos/visa.svg" alt="" class="h-25px" />
<img src="assets/media/svg/card-logos/mastercard.svg" alt="" class="h-25px" />
<img src="assets/media/svg/card-logos/american-express.svg" alt="" class="h-25px" />
</div>
<!--end::Card logos-->
</div>
<!--end::Input wrapper-->
</div>
<!--end::Input group-->
<!--begin::Input group-->
<div class="row mb-10">
<!--begin::Col-->
<div class="col-md-8 fv-row">
<!--begin::Label-->
<label class="required fs-6 fw-semibold form-label mb-2">Expiration Date</label>
<!--end::Label-->
<!--begin::Row-->
<div class="row fv-row">
<!--begin::Col-->
<div class="col-6">
<select name="card_expiry_month" class="form-select form-select-solid" data-control="select2" data-hide-search="true" data-placeholder="Month">
<option></option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
</select>
</div>
<!--end::Col-->
<!--begin::Col-->
<div class="col-6">
<select name="card_expiry_year" class="form-select form-select-solid" data-control="select2" data-hide-search="true" data-placeholder="Year">
<option></option>
<option value="2023">2023</option>
<option value="2024">2024</option>
<option value="2025">2025</option>
<option value="2026">2026</option>
<option value="2027">2027</option>
<option value="2028">2028</option>
<option value="2029">2029</option>
<option value="2030">2030</option>
<option value="2031">2031</option>
<option value="2032">2032</option>
<option value="2033">2033</option>
</select>
</div>
<!--end::Col-->
</div>
<!--end::Row-->
</div>
<!--end::Col-->
<!--begin::Col-->
<div class="col-md-4 fv-row">
<!--begin::Label-->
<label class="d-flex align-items-center fs-6 fw-semibold form-label mb-2">
<span class="required">CVV</span>
<span class="ms-1" data-bs-toggle="tooltip" title="Enter a card CVV code"></span>
</label>
<!--end::Label-->
<!--begin::Input wrapper-->
<div class="position-relative">
<!--begin::Input-->
<input type="text" class="form-control form-control-solid" minlength="3" maxlength="4" placeholder="CVV" name="card_cvv" />
<!--end::Input-->
<!--begin::CVV icon-->
<div class="position-absolute translate-middle-y top-50 end-0 me-3">{!! getIcon('credit-cart', 'fs-2hx') !!}</div>
<!--end::CVV icon-->
</div>
<!--end::Input wrapper-->
</div>
<!--end::Col-->
</div>
<!--end::Input group-->
<!--begin::Input group-->
<div class="d-flex flex-stack">
<!--begin::Label-->
<div class="me-5">
<label class="fs-6 fw-semibold form-label">Save Card for further billing?</label>
<div class="fs-7 fw-semibold text-muted">If you need more info, please check budget planning</div>
</div>
<!--end::Label-->
<!--begin::Switch-->
<label class="form-check form-switch form-check-custom form-check-solid">
<input class="form-check-input" type="checkbox" value="1" checked="checked" />
<span class="form-check-label fw-semibold text-muted">Save Card</span>
</label>
<!--end::Switch-->
</div>
<!--end::Input group-->
<!--begin::Input group-->
<div class="d-flex flex-column mb-7 fv-row">
<!--begin::Label-->
<label class="d-flex align-items-center fs-6 fw-semibold form-label mb-2">
<span class="required">Name On Card</span>
<span class="ms-1" data-bs-toggle="tooltip" title="Specify a card holder's name"></span>
</label>
<!--end::Label-->
<input type="text" class="form-control form-control-solid" placeholder="" name="card_name" value="Max Doe" />
</div>
<!--end::Input group-->
<!--begin::Input group-->
<div class="d-flex flex-column mb-7 fv-row">
<!--begin::Label-->
<label class="required fs-6 fw-semibold form-label mb-2">Card Number</label>
<!--end::Label-->
<!--begin::Input wrapper-->
<div class="position-relative">
<!--begin::Input-->
<input type="text" class="form-control form-control-solid" placeholder="Enter card number" name="card_number" value="4111 1111 1111 1111" />
<!--end::Input-->
<!--begin::Card logos-->
<div class="position-absolute translate-middle-y top-50 end-0 me-5">
{{-- <img src="assets/media/svg/card-logos/visa.svg" alt="" class="h-25px" /> --}}
{{-- <img src="assets/media/svg/card-logos/mastercard.svg" alt="" class="h-25px" />
<img src="assets/media/svg/card-logos/american-express.svg" alt="" class="h-25px" /> --}}
</div>
<!--end::Card logos-->
</div>
<!--end::Input wrapper-->
</div>
<!--end::Input group-->
<!--begin::Input group-->
<div class="row mb-10">
<!--begin::Col-->
<div class="col-md-8 fv-row">
<!--begin::Label-->
<label class="required fs-6 fw-semibold form-label mb-2">Expiration Date</label>
<!--end::Label-->
<!--begin::Row-->
<div class="row fv-row">
<!--begin::Col-->
<div class="col-6">
<select name="card_expiry_month" class="form-select form-select-solid" data-control="select2" data-hide-search="true" data-placeholder="Month">
<option></option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
</select>
</div>
<!--end::Col-->
<!--begin::Col-->
<div class="col-6">
<select name="card_expiry_year" class="form-select form-select-solid" data-control="select2" data-hide-search="true" data-placeholder="Year">
<option></option>
<option value="2023">2023</option>
<option value="2024">2024</option>
<option value="2025">2025</option>
<option value="2026">2026</option>
<option value="2027">2027</option>
<option value="2028">2028</option>
<option value="2029">2029</option>
<option value="2030">2030</option>
<option value="2031">2031</option>
<option value="2032">2032</option>
<option value="2033">2033</option>
</select>
</div>
<!--end::Col-->
</div>
<!--end::Row-->
</div>
<!--end::Col-->
<!--begin::Col-->
<div class="col-md-4 fv-row">
<!--begin::Label-->
<label class="d-flex align-items-center fs-6 fw-semibold form-label mb-2">
<span class="required">CVV</span>
<span class="ms-1" data-bs-toggle="tooltip" title="Enter a card CVV code"></span>
</label>
<!--end::Label-->
<!--begin::Input wrapper-->
<div class="position-relative">
<!--begin::Input-->
<input type="text" class="form-control form-control-solid" minlength="3" maxlength="4" placeholder="CVV" name="card_cvv" />
<!--end::Input-->
<!--begin::CVV icon-->
<div class="position-absolute translate-middle-y top-50 end-0 me-3">{!! getIcon('credit-cart', 'fs-2hx') !!}</div>
<!--end::CVV icon-->
</div>
<!--end::Input wrapper-->
</div>
<!--end::Col-->
</div>
<!--end::Input group-->
<!--begin::Input group-->
<div class="d-flex flex-stack">
<!--begin::Label-->
<div class="me-5">
<label class="fs-6 fw-semibold form-label">Save Card for further billing?</label>
<div class="fs-7 fw-semibold text-muted">If you need more info, please check budget planning</div>
</div>
<!--end::Label-->
<!--begin::Switch-->
<label class="form-check form-switch form-check-custom form-check-solid">
<input class="form-check-input" type="checkbox" value="1" checked="checked" />
<span class="form-check-label fw-semibold text-muted">Save Card</span>
</label>
<!--end::Switch-->
</div>
<!--end::Input group-->

View File

@ -1,15 +1,15 @@
<!--begin::Empty-->
<div data-kt-search-element="empty" class="text-center d-none">
<!--begin::Message-->
<div class="fw-semibold py-10">
<div class="text-gray-600 fs-3 mb-2">No users found</div>
<div class="text-muted fs-6">Try to search by username, full name or email...</div>
</div>
<!--end::Message-->
<!--begin::Illustration-->
<div class="text-center px-5">
<img src="assets/media/illustrations/sketchy-1/1.png" alt="" class="w-100 h-200px h-sm-325px" />
</div>
<!--end::Illustration-->
</div>
<!--end::Empty-->
<!--begin::Empty-->
<div data-kt-search-element="empty" class="text-center d-none">
<!--begin::Message-->
<div class="fw-semibold py-10">
<div class="text-gray-600 fs-3 mb-2">No users found</div>
<div class="text-muted fs-6">Try to search by username, full name or email...</div>
</div>
<!--end::Message-->
<!--begin::Illustration-->
<div class="text-center px-5">
{{-- <img src="assets/media/illustrations/sketchy-1/1.png" alt="" class="w-100 h-200px h-sm-325px" /> --}}
</div>
<!--end::Illustration-->
</div>
<!--end::Empty-->

View File

@ -1,86 +1,86 @@
<!--begin::Suggestions-->
<div data-kt-search-element="suggestions">
<!--begin::Heading-->
<h3 class="fw-semibold mb-5">Recently searched:</h3>
<!--end::Heading-->
<!--begin::Users-->
<div class="mh-375px scroll-y me-n7 pe-7">
<!--begin::User-->
<a href="#" class="d-flex align-items-center p-3 rounded bg-state-light bg-state-opacity-50 mb-1">
<!--begin::Avatar-->
<div class="symbol symbol-35px symbol-circle me-5">
<img alt="Pic" src="assets/media/avatars/300-6.jpg" />
</div>
<!--end::Avatar-->
<!--begin::Info-->
<div class="fw-semibold">
<span class="fs-6 text-gray-800 me-2">Emma Smith</span>
<span class="badge badge-light">Art Director</span>
</div>
<!--end::Info-->
</a>
<!--end::User-->
<!--begin::User-->
<a href="#" class="d-flex align-items-center p-3 rounded bg-state-light bg-state-opacity-50 mb-1">
<!--begin::Avatar-->
<div class="symbol symbol-35px symbol-circle me-5">
<span class="symbol-label bg-light-danger text-danger fw-semibold">M</span>
</div>
<!--end::Avatar-->
<!--begin::Info-->
<div class="fw-semibold">
<span class="fs-6 text-gray-800 me-2">Melody Macy</span>
<span class="badge badge-light">Marketing Analytic</span>
</div>
<!--end::Info-->
</a>
<!--end::User-->
<!--begin::User-->
<a href="#" class="d-flex align-items-center p-3 rounded bg-state-light bg-state-opacity-50 mb-1">
<!--begin::Avatar-->
<div class="symbol symbol-35px symbol-circle me-5">
<img alt="Pic" src="assets/media/avatars/300-1.jpg" />
</div>
<!--end::Avatar-->
<!--begin::Info-->
<div class="fw-semibold">
<span class="fs-6 text-gray-800 me-2">Max Smith</span>
<span class="badge badge-light">Software Enginer</span>
</div>
<!--end::Info-->
</a>
<!--end::User-->
<!--begin::User-->
<a href="#" class="d-flex align-items-center p-3 rounded bg-state-light bg-state-opacity-50 mb-1">
<!--begin::Avatar-->
<div class="symbol symbol-35px symbol-circle me-5">
<img alt="Pic" src="assets/media/avatars/300-5.jpg" />
</div>
<!--end::Avatar-->
<!--begin::Info-->
<div class="fw-semibold">
<span class="fs-6 text-gray-800 me-2">Sean Bean</span>
<span class="badge badge-light">Web Developer</span>
</div>
<!--end::Info-->
</a>
<!--end::User-->
<!--begin::User-->
<a href="#" class="d-flex align-items-center p-3 rounded bg-state-light bg-state-opacity-50 mb-1">
<!--begin::Avatar-->
<div class="symbol symbol-35px symbol-circle me-5">
<img alt="Pic" src="assets/media/avatars/300-25.jpg" />
</div>
<!--end::Avatar-->
<!--begin::Info-->
<div class="fw-semibold">
<span class="fs-6 text-gray-800 me-2">Brian Cox</span>
<span class="badge badge-light">UI/UX Designer</span>
</div>
<!--end::Info-->
</a>
<!--end::User-->
</div>
<!--end::Users-->
</div>
<!--end::Suggestions-->
<!--begin::Suggestions-->
<div data-kt-search-element="suggestions">
<!--begin::Heading-->
<h3 class="fw-semibold mb-5">Recently searched:</h3>
<!--end::Heading-->
<!--begin::Users-->
<div class="mh-375px scroll-y me-n7 pe-7">
<!--begin::User-->
<a href="#" class="d-flex align-items-center p-3 rounded bg-state-light bg-state-opacity-50 mb-1">
<!--begin::Avatar-->
<div class="symbol symbol-35px symbol-circle me-5">
{{-- <img alt="Pic" src="assets/media/avatars/300-6.jpg" /> --}}
</div>
<!--end::Avatar-->
<!--begin::Info-->
<div class="fw-semibold">
<span class="fs-6 text-gray-800 me-2">Emma Smith</span>
<span class="badge badge-light">Art Director</span>
</div>
<!--end::Info-->
</a>
<!--end::User-->
<!--begin::User-->
<a href="#" class="d-flex align-items-center p-3 rounded bg-state-light bg-state-opacity-50 mb-1">
<!--begin::Avatar-->
<div class="symbol symbol-35px symbol-circle me-5">
<span class="symbol-label bg-light-danger text-danger fw-semibold">M</span>
</div>
<!--end::Avatar-->
<!--begin::Info-->
<div class="fw-semibold">
<span class="fs-6 text-gray-800 me-2">Melody Macy</span>
<span class="badge badge-light">Marketing Analytic</span>
</div>
<!--end::Info-->
</a>
<!--end::User-->
<!--begin::User-->
<a href="#" class="d-flex align-items-center p-3 rounded bg-state-light bg-state-opacity-50 mb-1">
<!--begin::Avatar-->
<div class="symbol symbol-35px symbol-circle me-5">
<img alt="Pic" src="" />
</div>
<!--end::Avatar-->
<!--begin::Info-->
<div class="fw-semibold">
<span class="fs-6 text-gray-800 me-2">Max Smith</span>
<span class="badge badge-light">Software Enginer</span>
</div>
<!--end::Info-->
</a>
<!--end::User-->
<!--begin::User-->
<a href="#" class="d-flex align-items-center p-3 rounded bg-state-light bg-state-opacity-50 mb-1">
<!--begin::Avatar-->
<div class="symbol symbol-35px symbol-circle me-5">
<img alt="Pic" src="" />
</div>
<!--end::Avatar-->
<!--begin::Info-->
<div class="fw-semibold">
<span class="fs-6 text-gray-800 me-2">Sean Bean</span>
<span class="badge badge-light">Web Developer</span>
</div>
<!--end::Info-->
</a>
<!--end::User-->
<!--begin::User-->
<a href="#" class="d-flex align-items-center p-3 rounded bg-state-light bg-state-opacity-50 mb-1">
<!--begin::Avatar-->
<div class="symbol symbol-35px symbol-circle me-5">
{{-- <img alt="Pic" src="assets/media/avatars/300-25.jpg" /> --}}
</div>
<!--end::Avatar-->
<!--begin::Info-->
<div class="fw-semibold">
<span class="fs-6 text-gray-800 me-2">Brian Cox</span>
<span class="badge badge-light">UI/UX Designer</span>
</div>
<!--end::Info-->
</a>
<!--end::User-->
</div>
<!--end::Users-->
</div>
<!--end::Suggestions-->

View File

@ -1,237 +1,237 @@
<!--begin::Recently viewed-->
<div data-kt-search-element="results" class="d-none">
<!--begin::Items-->
<div class="scroll-y mh-200px mh-lg-350px">
<!--begin::Category title-->
<h3 class="fs-5 text-muted m-0 pb-5" data-kt-search-element="category-title">Users</h3>
<!--end::Category title-->
<!--begin::Item-->
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
<!--begin::Symbol-->
<div class="symbol symbol-40px me-4">
<img src="assets/media/avatars/300-6.jpg" alt="" />
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="d-flex flex-column justify-content-start fw-semibold">
<span class="fs-6 fw-semibold">Karina Clark</span>
<span class="fs-7 fw-semibold text-muted">Marketing Manager</span>
</div>
<!--end::Title-->
</a>
<!--end::Item-->
<!--begin::Item-->
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
<!--begin::Symbol-->
<div class="symbol symbol-40px me-4">
<img src="assets/media/avatars/300-2.jpg" alt="" />
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="d-flex flex-column justify-content-start fw-semibold">
<span class="fs-6 fw-semibold">Olivia Bold</span>
<span class="fs-7 fw-semibold text-muted">Software Engineer</span>
</div>
<!--end::Title-->
</a>
<!--end::Item-->
<!--begin::Item-->
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
<!--begin::Symbol-->
<div class="symbol symbol-40px me-4">
<img src="assets/media/avatars/300-9.jpg" alt="" />
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="d-flex flex-column justify-content-start fw-semibold">
<span class="fs-6 fw-semibold">Ana Clark</span>
<span class="fs-7 fw-semibold text-muted">UI/UX Designer</span>
</div>
<!--end::Title-->
</a>
<!--end::Item-->
<!--begin::Item-->
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
<!--begin::Symbol-->
<div class="symbol symbol-40px me-4">
<img src="assets/media/avatars/300-14.jpg" alt="" />
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="d-flex flex-column justify-content-start fw-semibold">
<span class="fs-6 fw-semibold">Nick Pitola</span>
<span class="fs-7 fw-semibold text-muted">Art Director</span>
</div>
<!--end::Title-->
</a>
<!--end::Item-->
<!--begin::Item-->
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
<!--begin::Symbol-->
<div class="symbol symbol-40px me-4">
<img src="assets/media/avatars/300-11.jpg" alt="" />
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="d-flex flex-column justify-content-start fw-semibold">
<span class="fs-6 fw-semibold">Edward Kulnic</span>
<span class="fs-7 fw-semibold text-muted">System Administrator</span>
</div>
<!--end::Title-->
</a>
<!--end::Item-->
<!--begin::Category title-->
<h3 class="fs-5 text-muted m-0 pt-5 pb-5" data-kt-search-element="category-title">Customers</h3>
<!--end::Category title-->
<!--begin::Item-->
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
<!--begin::Symbol-->
<div class="symbol symbol-40px me-4">
<span class="symbol-label bg-light">
<img class="w-20px h-20px" src="assets/media/svg/brand-logos/volicity-9.svg" alt="" />
</span>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="d-flex flex-column justify-content-start fw-semibold">
<span class="fs-6 fw-semibold">Company Rbranding</span>
<span class="fs-7 fw-semibold text-muted">UI Design</span>
</div>
<!--end::Title-->
</a>
<!--end::Item-->
<!--begin::Item-->
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
<!--begin::Symbol-->
<div class="symbol symbol-40px me-4">
<span class="symbol-label bg-light">
<img class="w-20px h-20px" src="assets/media/svg/brand-logos/tvit.svg" alt="" />
</span>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="d-flex flex-column justify-content-start fw-semibold">
<span class="fs-6 fw-semibold">Company Re-branding</span>
<span class="fs-7 fw-semibold text-muted">Web Development</span>
</div>
<!--end::Title-->
</a>
<!--end::Item-->
<!--begin::Item-->
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
<!--begin::Symbol-->
<div class="symbol symbol-40px me-4">
<span class="symbol-label bg-light">
<img class="w-20px h-20px" src="assets/media/svg/misc/infography.svg" alt="" />
</span>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="d-flex flex-column justify-content-start fw-semibold">
<span class="fs-6 fw-semibold">Business Analytics App</span>
<span class="fs-7 fw-semibold text-muted">Administration</span>
</div>
<!--end::Title-->
</a>
<!--end::Item-->
<!--begin::Item-->
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
<!--begin::Symbol-->
<div class="symbol symbol-40px me-4">
<span class="symbol-label bg-light">
<img class="w-20px h-20px" src="assets/media/svg/brand-logos/leaf.svg" alt="" />
</span>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="d-flex flex-column justify-content-start fw-semibold">
<span class="fs-6 fw-semibold">EcoLeaf App Launch</span>
<span class="fs-7 fw-semibold text-muted">Marketing</span>
</div>
<!--end::Title-->
</a>
<!--end::Item-->
<!--begin::Item-->
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
<!--begin::Symbol-->
<div class="symbol symbol-40px me-4">
<span class="symbol-label bg-light">
<img class="w-20px h-20px" src="assets/media/svg/brand-logos/tower.svg" alt="" />
</span>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="d-flex flex-column justify-content-start fw-semibold">
<span class="fs-6 fw-semibold">Tower Group Website</span>
<span class="fs-7 fw-semibold text-muted">Google Adwords</span>
</div>
<!--end::Title-->
</a>
<!--end::Item-->
<!--begin::Category title-->
<h3 class="fs-5 text-muted m-0 pt-5 pb-5" data-kt-search-element="category-title">Projects</h3>
<!--end::Category title-->
<!--begin::Item-->
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
<!--begin::Symbol-->
<div class="symbol symbol-40px me-4">
<span class="symbol-label bg-light">{!! getIcon('notepad', 'fs-2 text-primary') !!}</span>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="d-flex flex-column">
<span class="fs-6 fw-semibold">Si-Fi Project by AU Themes</span>
<span class="fs-7 fw-semibold text-muted">#45670</span>
</div>
<!--end::Title-->
</a>
<!--end::Item-->
<!--begin::Item-->
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
<!--begin::Symbol-->
<div class="symbol symbol-40px me-4">
<span class="symbol-label bg-light">{!! getIcon('frame', 'fs-2 text-primary') !!}</span>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="d-flex flex-column">
<span class="fs-6 fw-semibold">Shopix Mobile App Planning</span>
<span class="fs-7 fw-semibold text-muted">#45690</span>
</div>
<!--end::Title-->
</a>
<!--end::Item-->
<!--begin::Item-->
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
<!--begin::Symbol-->
<div class="symbol symbol-40px me-4">
<span class="symbol-label bg-light">{!! getIcon('message-text-2', 'fs-2 text-primary') !!}</span>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="d-flex flex-column">
<span class="fs-6 fw-semibold">Finance Monitoring SAAS Discussion</span>
<span class="fs-7 fw-semibold text-muted">#21090</span>
</div>
<!--end::Title-->
</a>
<!--end::Item-->
<!--begin::Item-->
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
<!--begin::Symbol-->
<div class="symbol symbol-40px me-4">
<span class="symbol-label bg-light">{!! getIcon('profile-circle', 'fs-2 text-primary') !!}</span>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="d-flex flex-column">
<span class="fs-6 fw-semibold">Dashboard Analitics Launch</span>
<span class="fs-7 fw-semibold text-muted">#34560</span>
</div>
<!--end::Title-->
</a>
<!--end::Item-->
</div>
<!--end::Items-->
</div>
<!--end::Recently viewed-->
<!--begin::Recently viewed-->
<div data-kt-search-element="results" class="d-none">
<!--begin::Items-->
<div class="scroll-y mh-200px mh-lg-350px">
<!--begin::Category title-->
<h3 class="fs-5 text-muted m-0 pb-5" data-kt-search-element="category-title">Users</h3>
<!--end::Category title-->
<!--begin::Item-->
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
<!--begin::Symbol-->
<div class="symbol symbol-40px me-4">
{{-- <img src="assets/media/avatars/300-6.jpg" alt="" /> --}}
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="d-flex flex-column justify-content-start fw-semibold">
<span class="fs-6 fw-semibold">Karina Clark</span>
<span class="fs-7 fw-semibold text-muted">Marketing Manager</span>
</div>
<!--end::Title-->
</a>
<!--end::Item-->
<!--begin::Item-->
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
<!--begin::Symbol-->
<div class="symbol symbol-40px me-4">
<img src="assets/media/avatars/300-2.jpg" alt="" />
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="d-flex flex-column justify-content-start fw-semibold">
<span class="fs-6 fw-semibold">Olivia Bold</span>
<span class="fs-7 fw-semibold text-muted">Software Engineer</span>
</div>
<!--end::Title-->
</a>
<!--end::Item-->
<!--begin::Item-->
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
<!--begin::Symbol-->
<div class="symbol symbol-40px me-4">
<img src="" alt="" />
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="d-flex flex-column justify-content-start fw-semibold">
<span class="fs-6 fw-semibold">Ana Clark</span>
<span class="fs-7 fw-semibold text-muted">UI/UX Designer</span>
</div>
<!--end::Title-->
</a>
<!--end::Item-->
<!--begin::Item-->
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
<!--begin::Symbol-->
<div class="symbol symbol-40px me-4">
<img src="assets/media/avatars/300-14.jpg" alt="" />
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="d-flex flex-column justify-content-start fw-semibold">
<span class="fs-6 fw-semibold">Nick Pitola</span>
<span class="fs-7 fw-semibold text-muted">Art Director</span>
</div>
<!--end::Title-->
</a>
<!--end::Item-->
<!--begin::Item-->
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
<!--begin::Symbol-->
<div class="symbol symbol-40px me-4">
{{-- <img src="assets/media/avatars/300-11.jpg" alt="" /> --}}
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="d-flex flex-column justify-content-start fw-semibold">
<span class="fs-6 fw-semibold">Edward Kulnic</span>
<span class="fs-7 fw-semibold text-muted">System Administrator</span>
</div>
<!--end::Title-->
</a>
<!--end::Item-->
<!--begin::Category title-->
<h3 class="fs-5 text-muted m-0 pt-5 pb-5" data-kt-search-element="category-title">Customers</h3>
<!--end::Category title-->
<!--begin::Item-->
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
<!--begin::Symbol-->
<div class="symbol symbol-40px me-4">
<span class="symbol-label bg-light">
<img class="w-20px h-20px" src="assets/media/svg/brand-logos/volicity-9.svg" alt="" />
</span>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="d-flex flex-column justify-content-start fw-semibold">
<span class="fs-6 fw-semibold">Company Rbranding</span>
<span class="fs-7 fw-semibold text-muted">UI Design</span>
</div>
<!--end::Title-->
</a>
<!--end::Item-->
<!--begin::Item-->
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
<!--begin::Symbol-->
<div class="symbol symbol-40px me-4">
<span class="symbol-label bg-light">
<img class="w-20px h-20px" src="assets/media/svg/brand-logos/tvit.svg" alt="" />
</span>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="d-flex flex-column justify-content-start fw-semibold">
<span class="fs-6 fw-semibold">Company Re-branding</span>
<span class="fs-7 fw-semibold text-muted">Web Development</span>
</div>
<!--end::Title-->
</a>
<!--end::Item-->
<!--begin::Item-->
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
<!--begin::Symbol-->
<div class="symbol symbol-40px me-4">
<span class="symbol-label bg-light">
<img class="w-20px h-20px" src="assets/media/svg/misc/infography.svg" alt="" />
</span>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="d-flex flex-column justify-content-start fw-semibold">
<span class="fs-6 fw-semibold">Business Analytics App</span>
<span class="fs-7 fw-semibold text-muted">Administration</span>
</div>
<!--end::Title-->
</a>
<!--end::Item-->
<!--begin::Item-->
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
<!--begin::Symbol-->
<div class="symbol symbol-40px me-4">
<span class="symbol-label bg-light">
<img class="w-20px h-20px" src="assets/media/svg/brand-logos/leaf.svg" alt="" />
</span>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="d-flex flex-column justify-content-start fw-semibold">
<span class="fs-6 fw-semibold">EcoLeaf App Launch</span>
<span class="fs-7 fw-semibold text-muted">Marketing</span>
</div>
<!--end::Title-->
</a>
<!--end::Item-->
<!--begin::Item-->
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
<!--begin::Symbol-->
<div class="symbol symbol-40px me-4">
<span class="symbol-label bg-light">
<img class="w-20px h-20px" src="assets/media/svg/brand-logos/tower.svg" alt="" />
</span>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="d-flex flex-column justify-content-start fw-semibold">
<span class="fs-6 fw-semibold">Tower Group Website</span>
<span class="fs-7 fw-semibold text-muted">Google Adwords</span>
</div>
<!--end::Title-->
</a>
<!--end::Item-->
<!--begin::Category title-->
<h3 class="fs-5 text-muted m-0 pt-5 pb-5" data-kt-search-element="category-title">Projects</h3>
<!--end::Category title-->
<!--begin::Item-->
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
<!--begin::Symbol-->
<div class="symbol symbol-40px me-4">
<span class="symbol-label bg-light">{!! getIcon('notepad', 'fs-2 text-primary') !!}</span>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="d-flex flex-column">
<span class="fs-6 fw-semibold">Si-Fi Project by AU Themes</span>
<span class="fs-7 fw-semibold text-muted">#45670</span>
</div>
<!--end::Title-->
</a>
<!--end::Item-->
<!--begin::Item-->
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
<!--begin::Symbol-->
<div class="symbol symbol-40px me-4">
<span class="symbol-label bg-light">{!! getIcon('frame', 'fs-2 text-primary') !!}</span>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="d-flex flex-column">
<span class="fs-6 fw-semibold">Shopix Mobile App Planning</span>
<span class="fs-7 fw-semibold text-muted">#45690</span>
</div>
<!--end::Title-->
</a>
<!--end::Item-->
<!--begin::Item-->
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
<!--begin::Symbol-->
<div class="symbol symbol-40px me-4">
<span class="symbol-label bg-light">{!! getIcon('message-text-2', 'fs-2 text-primary') !!}</span>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="d-flex flex-column">
<span class="fs-6 fw-semibold">Finance Monitoring SAAS Discussion</span>
<span class="fs-7 fw-semibold text-muted">#21090</span>
</div>
<!--end::Title-->
</a>
<!--end::Item-->
<!--begin::Item-->
<a href="#" class="d-flex text-dark text-hover-primary align-items-center mb-5">
<!--begin::Symbol-->
<div class="symbol symbol-40px me-4">
<span class="symbol-label bg-light">{!! getIcon('profile-circle', 'fs-2 text-primary') !!}</span>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="d-flex flex-column">
<span class="fs-6 fw-semibold">Dashboard Analitics Launch</span>
<span class="fs-7 fw-semibold text-muted">#34560</span>
</div>
<!--end::Title-->
</a>
<!--end::Item-->
</div>
<!--end::Items-->
</div>
<!--end::Recently viewed-->

View File

@ -1,50 +1,50 @@
<!--begin::Card widget 7-->
<div class="card card-flush h-md-50 mb-5 mb-xl-10">
<!--begin::Header-->
<div class="card-header pt-5">
<!--begin::Title-->
<div class="card-title d-flex flex-column">
<!--begin::Amount-->
<span class="fs-2hx fw-bold text-dark me-2 lh-1 ls-n2">357</span>
<!--end::Amount-->
<!--begin::Subtitle-->
<span class="text-gray-400 pt-1 fw-semibold fs-6">Professionals</span>
<!--end::Subtitle-->
</div>
<!--end::Title-->
</div>
<!--end::Header-->
<!--begin::Card body-->
<div class="card-body d-flex flex-column justify-content-end pe-0">
<!--begin::Title-->
<span class="fs-6 fw-bolder text-gray-800 d-block mb-2">Todays Heroes</span>
<!--end::Title-->
<!--begin::Users group-->
<div class="symbol-group symbol-hover flex-nowrap">
<div class="symbol symbol-35px symbol-circle" data-bs-toggle="tooltip" title="Alan Warden">
<span class="symbol-label bg-warning text-inverse-warning fw-bold">A</span>
</div>
<div class="symbol symbol-35px symbol-circle" data-bs-toggle="tooltip" title="Michael Eberon">
<img alt="Pic" src="assets/media/avatars/300-11.jpg" />
</div>
<div class="symbol symbol-35px symbol-circle" data-bs-toggle="tooltip" title="Susan Redwood">
<span class="symbol-label bg-primary text-inverse-primary fw-bold">S</span>
</div>
<div class="symbol symbol-35px symbol-circle" data-bs-toggle="tooltip" title="Melody Macy">
<img alt="Pic" src="assets/media/avatars/300-2.jpg" />
</div>
<div class="symbol symbol-35px symbol-circle" data-bs-toggle="tooltip" title="Perry Matthew">
<span class="symbol-label bg-danger text-inverse-danger fw-bold">P</span>
</div>
<div class="symbol symbol-35px symbol-circle" data-bs-toggle="tooltip" title="Barry Walter">
<img alt="Pic" src="assets/media/avatars/300-12.jpg" />
</div>
<a href="#" class="symbol symbol-35px symbol-circle" data-bs-toggle="modal" data-bs-target="#kt_modal_view_users">
<span class="symbol-label bg-dark text-gray-300 fs-8 fw-bold">+42</span>
</a>
</div>
<!--end::Users group-->
</div>
<!--end::Card body-->
</div>
<!--end::Card widget 7-->
<!--begin::Card widget 7-->
<div class="card card-flush h-md-50 mb-5 mb-xl-10">
<!--begin::Header-->
<div class="card-header pt-5">
<!--begin::Title-->
<div class="card-title d-flex flex-column">
<!--begin::Amount-->
<span class="fs-2hx fw-bold text-dark me-2 lh-1 ls-n2">357</span>
<!--end::Amount-->
<!--begin::Subtitle-->
<span class="text-gray-400 pt-1 fw-semibold fs-6">Professionals</span>
<!--end::Subtitle-->
</div>
<!--end::Title-->
</div>
<!--end::Header-->
<!--begin::Card body-->
<div class="card-body d-flex flex-column justify-content-end pe-0">
<!--begin::Title-->
<span class="fs-6 fw-bolder text-gray-800 d-block mb-2">Todays Heroes</span>
<!--end::Title-->
<!--begin::Users group-->
<div class="symbol-group symbol-hover flex-nowrap">
<div class="symbol symbol-35px symbol-circle" data-bs-toggle="tooltip" title="Alan Warden">
<span class="symbol-label bg-warning text-inverse-warning fw-bold">A</span>
</div>
<div class="symbol symbol-35px symbol-circle" data-bs-toggle="tooltip" title="Michael Eberon">
<img alt="Pic" src="assets/media/avatars/300-11.jpg" />
</div>
<div class="symbol symbol-35px symbol-circle" data-bs-toggle="tooltip" title="Susan Redwood">
<span class="symbol-label bg-primary text-inverse-primary fw-bold">S</span>
</div>
<div class="symbol symbol-35px symbol-circle" data-bs-toggle="tooltip" title="Melody Macy">
<img alt="Pic" src="assets/media/avatars/300-2.jpg" />
</div>
<div class="symbol symbol-35px symbol-circle" data-bs-toggle="tooltip" title="Perry Matthew">
<span class="symbol-label bg-danger text-inverse-danger fw-bold">P</span>
</div>
<div class="symbol symbol-35px symbol-circle" data-bs-toggle="tooltip" title="Barry Walter">
{{-- <img alt="Pic" src="assets/media/avatars/300-12.jpg" /> --}}
</div>
<a href="#" class="symbol symbol-35px symbol-circle" data-bs-toggle="modal" data-bs-target="#kt_modal_view_users">
<span class="symbol-label bg-dark text-gray-300 fs-8 fw-bold">+42</span>
</a>
</div>
<!--end::Users group-->
</div>
<!--end::Card body-->
</div>
<!--end::Card widget 7-->

View File

@ -242,7 +242,7 @@
<td>
<div class="d-flex align-items-center">
<div class="symbol symbol-50px me-3">
<img src="assets/media/avatars/300-9.jpg" class="" alt="" />
<img src="" class="" alt="" />
</div>
<div class="d-flex justify-content-start flex-column">
<a href="#" class="text-gray-800 fw-bold text-hover-primary mb-1 fs-6">Jacob Jones</a>
@ -312,7 +312,7 @@
<td>
<div class="d-flex align-items-center">
<div class="symbol symbol-50px me-3">
<img src="assets/media/avatars/300-25.jpg" class="" alt="" />
{{-- <img src="assets/media/avatars/300-25.jpg" class="" alt="" /> --}}
</div>
<div class="d-flex justify-content-start flex-column">
<a href="#" class="text-gray-800 fw-bold text-hover-primary mb-1 fs-6">Brooklyn Simmons</a>
@ -448,7 +448,7 @@
<td>
<div class="d-flex align-items-center">
<div class="symbol symbol-50px me-3">
<img src="assets/media/avatars/300-23.jpg" class="" alt="" />
{{-- <img src="assets/media/avatars/300-23.jpg" class="" alt="" /> --}}
</div>
<div class="d-flex justify-content-start flex-column">
<a href="#" class="text-gray-800 fw-bold text-hover-primary mb-1 fs-6">Ronald Richards</a>
@ -492,7 +492,7 @@
<td>
<div class="d-flex align-items-center">
<div class="symbol symbol-50px me-3">
<img src="assets/media/avatars/300-1.jpg" class="" alt="" />
<img src="g" class="" alt="" />
</div>
<div class="d-flex justify-content-start flex-column">
<a href="#" class="text-gray-800 fw-bold text-hover-primary mb-1 fs-6">Courtney Henry</a>
@ -540,7 +540,7 @@
<td>
<div class="d-flex align-items-center">
<div class="symbol symbol-50px me-3">
<img src="assets/media/avatars/300-12.jpg" class="" alt="" />
{{-- <img src="assets/media/avatars/300-12.jpg" class="" alt="" /> --}}
</div>
<div class="d-flex justify-content-start flex-column">
<a href="#" class="text-gray-800 fw-bold text-hover-primary mb-1 fs-6">Arlene McCoy</a>
@ -562,7 +562,7 @@
<td>
<div class="d-flex align-items-center">
<div class="symbol symbol-50px me-3">
<img src="assets/media/avatars/300-21.jpg" class="" alt="" />
{{-- <img src="assets/media/avatars/300-21.jpg" class="" alt="" /> --}}
</div>
<div class="d-flex justify-content-start flex-column">
<a href="#" class="text-gray-800 fw-bold text-hover-primary mb-1 fs-6">Marvin McKinneyr</a>
@ -654,7 +654,7 @@
<td>
<div class="d-flex align-items-center">
<div class="symbol symbol-50px me-3">
<img src="assets/media/avatars/300-6.jpg" class="" alt="" />
{{-- <img src="assets/media/avatars/300-6.jpg" class="" alt="" /> --}}
</div>
<div class="d-flex justify-content-start flex-column">
<a href="#" class="text-gray-800 fw-bold text-hover-primary mb-1 fs-6">Jane Cooper</a>
@ -698,7 +698,7 @@
<td>
<div class="d-flex align-items-center">
<div class="symbol symbol-50px me-3">
<img src="assets/media/avatars/300-9.jpg" class="" alt="" />
<img src="" class="" alt="" />
</div>
<div class="d-flex justify-content-start flex-column">
<a href="#" class="text-gray-800 fw-bold text-hover-primary mb-1 fs-6">Jacob Jones</a>