public/front.admin
3
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

helpdesk.magico: Dashboard konsultanta 2.0

Browse Source
This commit is contained in:
BartekGit
2022-04-15 00:09:39 +02:00
parent 0cdb5187a3
commit daf597fec8
6 changed files with 531 additions and 851 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/.tmp/index.html
+3 -3
View File
@@ -2856,7 +2856,7 @@
<div class="footer">
<div class="row justify-content-between align-items-center">
<div class="col">
<p class="fs-6 mb-0">&copy; Front. <span class="d-none d-sm-inline-block">2022 Htmlstream.</span></p>
<p class="fs-6 mb-0">&copy; <span class="d-none d-sm-inline-block">2022 Magico</span></p>
</div>
<!-- End Col -->
@@ -2865,11 +2865,11 @@
<!-- List Separator -->
<ul class="list-inline list-separator">
<li class="list-inline-item">
<a class="list-separator-link" href="#">FAQ</a>
<a class="list-separator-link" href="#">Pomoc</a>
</li>
<li class="list-inline-item">
<a class="list-separator-link" href="#">License</a>
<a class="list-separator-link" href="#">Magico.pl</a>
</li>
<li class="list-inline-item">
src/.tmp/magico-helpdesk-dashboard.html
+224 -424
View File
@@ -1,5 +1,5 @@
<!DOCTYPE html>
<html lang="en">
<html lang="pl" class="magico-h-100">
<head>
<!-- Required Meta Tags Always Come First -->
<meta charset="utf-8">
@@ -124,7 +124,7 @@
</script>
</head>
<body class="has-navbar-vertical-aside navbar-vertical-aside-show-xl">
<body class="has-navbar-vertical-aside navbar-vertical-aside-show-xl footer-offset magico-h-100">
<script src="./assets/js/hs.theme-appearance.js"></script>
@@ -154,7 +154,7 @@
<!-- ========== MAIN CONTENT ========== -->
<main id="content" role="main" class="main" style="border-top: 1px solid rgba(231, 234, 243, 0.7">
<main id="content" role="main" class="main magico-main-height" style="border-top: 1px solid rgba(231, 234, 243, 0.7); ">
<!-- Navbar Vertical -->
<aside class="magico-navbar js-navbar-vertical-aside navbar navbar-vertical-aside navbar-vertical navbar-vertical-fixed navbar-expand-xl navbar-bordered bg-white ">
<div class="navbar-vertical-container">
@@ -289,18 +289,22 @@
<!-- End Navbar Vertical -->
<!-- Content -->
<div class="content container">
<div class="content container magico-h-100">
<!-- Page Header -->
<div class="page-header">
<div class="row align-items-end">
<div class="col-sm mb-2 mb-sm-0">
<div class="col-sm mb-2 mb-sm-0 d-flex align-items-center">
<h1 class="page-header-title">Kokpit konsultanta</h1>
<span class="badge bg-soft-dark text-dark ms-2">Marketing</span> <!-- Dział firmy -->
</div>
<!-- End Col -->
<div class="col-sm-auto">
<a class="btn btn-ghost-primary" href="javascript:;" data-bs-toggle="modal" data-bs-target="#qrModal">
Połączone: 1
</a>
<a class="btn btn-primary" href="javascript:;" data-bs-toggle="modal" data-bs-target="#qrModal">
<i class="bi-person-plus-fill me-1"></i> Połącz telefon
<i class="bi-telephone-plus-fill me-1"></i> Połącz telefon
</a>
</div>
<!-- End Col -->
@@ -331,93 +335,108 @@
</div>
</a>
<div class="row">
<div class="col-12 col-sm-4">
<div class="row magico-scroll" style="overflow-y: auto;">
<div class="col-12 col-sm-4 mh-100">
<!-- Card -->
<div class="card">
<div class="card mh-100">
<!-- Header -->
<div class="card-header card-header-content-between">
<h4 class="card-header-title">Do wykonania</h4>
<h4 class="card-header-title">Połączenia w kolejce</h4>
</div>
<!-- End Header -->
<!-- Body -->
<div class="card-body">
<!-- Tab Content -->
<div class="tab-content" id="eventsTabContent">
<div class="tab-pane fade show active" id="this-week" role="tabpanel" aria-labelledby="this-week-tab">
<!-- List Group -->
<ul class="list-group list-group-flush list-group-start-bordered">
<!-- Item -->
<li class="list-group-item">
<a class="list-group-item-action border-primary" href="#">
<div class="row">
<div class="col-sm mb-2 mb-sm-0">
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
<h5 class="text-inherit mb-0">14 minut temu</h5>
<span class="text-body small">Xiaomi Krysia</span>
</div>
</div>
<!-- End Row -->
</a>
</li>
<!-- End Item -->
<div class="card-body magico-scroll overflow-auto">
<ul class="list-unstyled list-py-3 mb-0 list-group-start-bordered">
<!-- Item -->
<li class="">
<a class="d-flex align-items-center list-group-item-action border-danger" href="#">
<div class="d-flex align-items-center me-2" >
<div class="flex-grow-1 ms-3">
<h5 class="text-hover-primary mb-0">+48 457 854 451</h5>
<span class="fs-6 text-body">14 minut temu</span>
</div>
</div>
<div class="ms-auto">
<span class="fs-6 text-body">Jan Kowalski</span>
</div>
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li class="list-group-item">
<a class="list-group-item-action border-info" href="#">
<div class="row">
<div class="col-sm mb-2 mb-sm-0">
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
<h5 class="text-inherit mb-0">14 minut temu</h5>
<span class="text-body small">Xiaomi Krysia</span>
</div>
</div>
<!-- End Row -->
</li>
<!-- Item -->
<li>
<a class="d-flex align-items-center list-group-item-action border-warning" href="#">
<div class="d-flex align-items-center me-2" >
<div class="flex-grow-1 ms-3">
<h5 class="text-hover-primary mb-0">+48 457 854 451</h5>
<span class="fs-6 text-body">14 minut temu</span>
</div>
</div>
<div class="ms-auto">
<span class="fs-6 text-body">Jan Kowalski</span>
</div>
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li class="list-group-item">
<a class="list-group-item-action border-danger" href="#">
<div class="row">
<div class="col-sm mb-2 mb-sm-0">
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
<h5 class="text-inherit mb-0">14 minut temu</h5>
<span class="text-body small">Świat Diesla</span>
</div>
</div>
<!-- End Row -->
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li>
<a class="d-flex align-items-center list-group-item-action border-success" href="#">
<div class="d-flex align-items-center me-2" >
<div class="flex-grow-1 ms-3">
<h5 class="text-hover-primary mb-0">+48 457 854 451</h5>
<span class="fs-6 text-body">14 minut temu</span>
</div>
</div>
<div class="ms-auto">
<span class="fs-6 text-body">Jan Kowalski</span>
</div>
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li class="list-group-item">
<a class="list-group-item-action border-warning" href="#">
<div class="row">
<div class="col-sm mb-2 mb-sm-0">
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
<h5 class="text-inherit mb-0">14 minut temu</h5>
<span class="text-body small">Xiaomi Krysia</span>
</div>
</div>
<!-- End Row -->
</a>
</li>
<!-- End Item -->
</ul>
<!-- End List Group -->
</div>
</div>
<!-- End Tab Content -->
<!-- Item -->
<li>
<a class="d-flex align-items-center list-group-item-action" href="#">
<div class="d-flex align-items-center me-2" >
<div class="flex-grow-1 ms-3">
<h5 class="text-hover-primary mb-0">+48 457 854 451</h5>
<span class="fs-6 text-body">14 minut temu</span>
</div>
</div>
<div class="ms-auto">
<span class="fs-6 text-body">Jan Kowalski</span>
</div>
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li>
<a class="d-flex align-items-center list-group-item-action" href="#">
<div class="d-flex align-items-center me-2" >
<div class="flex-grow-1 ms-3">
<h5 class="text-hover-primary mb-0">+48 457 854 451</h5>
<span class="fs-6 text-body">dziś, 7:40</span>
</div>
</div>
<div class="ms-auto">
<span class="fs-6 text-body">Jan Kowalski</span>
</div>
</a>
</li>
<!-- End Item -->
</ul>
</div>
<!-- End Body -->
</div>
<!-- End Card -->
</div>
<div class="col-12 col-sm-4">
<div class="col-12 col-sm-4 mh-100">
<!-- Card -->
<div class="card">
<div class="card mh-100">
<!-- Header -->
<div class="card-header card-header-content-between">
<h4 class="card-header-title">Zaplanowane</h4>
@@ -425,78 +444,100 @@
<!-- End Header -->
<!-- Body -->
<div class="card-body">
<!-- Tab Content -->
<div class="tab-content" id="eventsTabContent">
<div class="tab-pane fade show active" id="this-week" role="tabpanel" aria-labelledby="this-week-tab">
<!-- List Group -->
<ul class="list-group list-group-flush list-group-start-bordered">
<!-- Item -->
<li class="list-group-item">
<a class="list-group-item-action" href="#">
<div class="row">
<div class="col-sm mb-2 mb-sm-0">
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
<h5 class="text-inherit mb-0">dziś 13:40</h5>
</div>
</div>
<!-- End Row -->
</a>
</li>
<!-- End Item -->
<div class="card-body magico-scroll overflow-auto">
<ul class="list-unstyled list-py-3 mb-0 list-group-start-bordered">
<!-- Item -->
<li class="">
<a class="d-flex align-items-center list-group-item-action border-danger" href="#">
<div class="d-flex align-items-center me-2" >
<div class="flex-grow-1 ms-3">
<h5 class="text-hover-primary mb-0">+48 457 854 451</h5>
<span class="fs-6 text-body">30 minut temu</span>
</div>
</div>
<div class="ms-auto">
<span class="fs-6 text-body">Jan Kowalski</span>
</div>
<div class="text-danger fs-1 ms-3"> <!-- Pokaż, jeśli termin minął -->
<i class="bi bi-exclamation-square"></i>
</div>
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li class="list-group-item">
<a class="list-group-item-action" href="#">
<div class="row">
<div class="col-sm mb-2 mb-sm-0">
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
<h5 class="text-inherit mb-0">dziś 15:48</h5>
</div>
</div>
<!-- End Row -->
</li>
<!-- Item -->
<li>
<a class="d-flex align-items-center list-group-item-action" href="#">
<div class="d-flex align-items-center me-2" >
<div class="flex-grow-1 ms-3">
<h5 class="text-hover-primary mb-0">+48 457 854 451</h5>
<span class="fs-6 text-body">za 2 godziny</span>
</div>
</div>
<div class="ms-auto">
<span class="fs-6 text-body">Jan Kowalski</span>
</div>
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li class="list-group-item">
<a class="list-group-item-action" href="#">
<div class="row">
<div class="col-sm mb-2 mb-sm-0">
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
<h5 class="text-inherit mb-0">jutro 8:30</h5>
</div>
</div>
<!-- End Row -->
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li>
<a class="d-flex align-items-center list-group-item-action" href="#">
<div class="d-flex align-items-center me-2" >
<div class="flex-grow-1 ms-3">
<h5 class="text-hover-primary mb-0">+48 457 854 451</h5>
<span class="fs-6 text-body">dziś 15:40</span>
</div>
</div>
<div class="ms-auto">
<span class="fs-6 text-body">Jan Kowalski</span>
</div>
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li class="list-group-item">
<a class="list-group-item-action" href="#">
<div class="row">
<div class="col-sm mb-2 mb-sm-0">
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
<h5 class="text-inherit mb-0">jutro 10:00</h5>
</div>
</div>
<!-- End Row -->
</a>
</li>
<!-- End Item -->
</ul>
<!-- End List Group -->
</div>
</div>
<!-- End Tab Content -->
<!-- Item -->
<li>
<a class="d-flex align-items-center list-group-item-action" href="#">
<div class="d-flex align-items-center me-2" >
<div class="flex-grow-1 ms-3">
<h5 class="text-hover-primary mb-0">+48 457 854 451</h5>
<span class="fs-6 text-body">dziś 15:40</span>
</div>
</div>
<div class="ms-auto">
<span class="fs-6 text-body">Jan Kowalski</span>
</div>
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li>
<a class="d-flex align-items-center list-group-item-action" href="#">
<div class="d-flex align-items-center me-2" >
<div class="flex-grow-1 ms-3">
<h5 class="text-hover-primary mb-0">+48 457 854 451</h5>
<span class="fs-6 text-body">dziś 18:40</span>
</div>
</div>
<div class="ms-auto">
<span class="fs-6 text-body">Jan Kowalski</span>
</div>
</a>
</li>
<!-- End Item -->
</ul>
</div>
<!-- End Body -->
</div>
<!-- End Card -->
</div>
<div class="col-12 col-sm-4">
<div class="col-12 col-sm-4 mh-100">
<!-- Card -->
<div class="card">
<div class="card mh-100">
<!-- Header -->
<div class="card-header card-header-content-between">
<h4 class="card-header-title">Historia połączeń</h4>
@@ -504,294 +545,53 @@
<!-- End Header -->
<!-- Body -->
<div class="card-body">
<!-- Tab Content -->
<div class="tab-content" id="eventsTabContent">
<div class="tab-pane fade show active" id="this-week" role="tabpanel" aria-labelledby="this-week-tab">
<!-- List Group -->
<ul class="list-group list-group-flush list-group-start-bordered">
<!-- Item -->
<li class="list-group-item">
<a class="list-group-item-action" href="#">
<div class="row">
<div class="col-sm mb-2 mb-sm-0">
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
<h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
</div>
</div>
<!-- End Row -->
</a>
</li>
<!-- End Item -->
<div class="card-body magico-scroll overflow-auto">
<ul class="list-unstyled list-py-3 mb-0 ">
<!-- Item -->
<li class="">
<a class="d-flex align-items-center " href="#">
<div class="d-flex align-items-center me-2" >
<div class="flex-grow-1 ms-3">
<h5 class="text-hover-primary mb-0">Jan Kowalski +48 457 854 451</h5>
<span class="fs-6 text-body">dziś 7:40</span>
</div>
</div>
<div class="ms-auto">
<span class="fs-6 text-body"></span>
</div>
<div class="ms-3">
<div class="avatar avatar-sm avatar-circle" data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="Ania Skrzypaczkiewicz">
<img class="avatar-img" src="https://htmlstream.com/preview/front-dashboard-v2.0/assets/img/160x160/img10.jpg" alt="Image Description">
</div>
</div>
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li class="list-group-item">
<a class="list-group-item-action" href="#">
<div class="row">
<div class="col-sm mb-2 mb-sm-0">
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
<h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
</div>
</div>
<!-- End Row -->
</li>
<!-- Item -->
<li class="">
<a class="d-flex align-items-center " href="#">
<div class="d-flex align-items-center me-2">
<div class="flex-grow-1 ms-3">
<h5 class="text-hover-primary mb-0">Jan Kowalski +48 457 854 451</h5>
<span class="fs-6 text-body">dziś 7:40</span>
</div>
</div>
<div class="ms-auto">
<span class="fs-6 text-body"></span>
</div>
<div class="ms-3">
<div class="avatar avatar-sm avatar-soft-dark avatar-circle" data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="Bartłomiej Banaczyk">
<span class="avatar-initials">BB</span>
</div>
</div>
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li class="list-group-item">
<a class="list-group-item-action" href="#">
<div class="row">
<div class="col-sm mb-2 mb-sm-0">
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
<h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
</div>
</div>
<!-- End Row -->
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li class="list-group-item">
<a class="list-group-item-action" href="#">
<div class="row">
<div class="col-sm mb-2 mb-sm-0">
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
<h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
</div>
</div>
<!-- End Row -->
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li class="list-group-item">
<a class="list-group-item-action" href="#">
<div class="row">
<div class="col-sm mb-2 mb-sm-0">
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
<h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
</div>
</div>
<!-- End Row -->
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li class="list-group-item">
<a class="list-group-item-action" href="#">
<div class="row">
<div class="col-sm mb-2 mb-sm-0">
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
<h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
</div>
</div>
<!-- End Row -->
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li class="list-group-item">
<a class="list-group-item-action" href="#">
<div class="row">
<div class="col-sm mb-2 mb-sm-0">
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
<h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
</div>
</div>
<!-- End Row -->
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li class="list-group-item">
<a class="list-group-item-action" href="#">
<div class="row">
<div class="col-sm mb-2 mb-sm-0">
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
<h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
</div>
</div>
<!-- End Row -->
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li class="list-group-item">
<a class="list-group-item-action" href="#">
<div class="row">
<div class="col-sm mb-2 mb-sm-0">
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
<h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
</div>
</div>
<!-- End Row -->
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li class="list-group-item">
<a class="list-group-item-action" href="#">
<div class="row">
<div class="col-sm mb-2 mb-sm-0">
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
<h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
</div>
</div>
<!-- End Row -->
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li class="list-group-item">
<a class="list-group-item-action" href="#">
<div class="row">
<div class="col-sm mb-2 mb-sm-0">
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
<h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
</div>
</div>
<!-- End Row -->
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li class="list-group-item">
<a class="list-group-item-action" href="#">
<div class="row">
<div class="col-sm mb-2 mb-sm-0">
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
<h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
</div>
</div>
<!-- End Row -->
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li class="list-group-item">
<a class="list-group-item-action" href="#">
<div class="row">
<div class="col-sm mb-2 mb-sm-0">
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
<h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
</div>
</div>
<!-- End Row -->
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li class="list-group-item">
<a class="list-group-item-action" href="#">
<div class="row">
<div class="col-sm mb-2 mb-sm-0">
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
<h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
</div>
</div>
<!-- End Row -->
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li class="list-group-item">
<a class="list-group-item-action" href="#">
<div class="row">
<div class="col-sm mb-2 mb-sm-0">
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
<h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
</div>
</div>
<!-- End Row -->
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li class="list-group-item">
<a class="list-group-item-action" href="#">
<div class="row">
<div class="col-sm mb-2 mb-sm-0">
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
<h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
</div>
</div>
<!-- End Row -->
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li class="list-group-item">
<a class="list-group-item-action" href="#">
<div class="row">
<div class="col-sm mb-2 mb-sm-0">
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
<h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
</div>
</div>
<!-- End Row -->
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li class="list-group-item">
<a class="list-group-item-action" href="#">
<div class="row">
<div class="col-sm mb-2 mb-sm-0">
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
<h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
</div>
</div>
<!-- End Row -->
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li class="list-group-item">
<a class="list-group-item-action" href="#">
<div class="row">
<div class="col-sm mb-2 mb-sm-0">
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
<h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
</div>
</div>
<!-- End Row -->
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li class="list-group-item">
<a class="list-group-item-action" href="#">
<div class="row">
<div class="col-sm mb-2 mb-sm-0">
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
<h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
</div>
</div>
<!-- End Row -->
</a>
</li>
<!-- End Item -->
</ul>
<!-- End List Group -->
</div>
</div>
<!-- End Tab Content -->
</ul>
</div>
<!-- End Body -->
</div>
src/assets/css/theme-dark.css
+28
View File
@@ -30715,3 +30715,31 @@ select:-webkit-autofill:focus {
display: none;
}
}
@media (min-width: 992px) {
.magico-h-100 {
height: 100% !important;
}
}
@media (min-width: 992px) {
.magico-main-height {
height: calc(100% - 106px);
}
.magico-main-height .content {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: start;
justify-content: start;
}
}
.magico-scroll::-webkit-scrollbar {
width: 0.6125rem;
}
.magico-scroll::-webkit-scrollbar-thumb {
background-color: rgba(189, 197, 209, 0.6);
}
src/assets/css/theme.css
+28
View File
@@ -30508,3 +30508,31 @@ a:hover .text-inherit {
display: none;
}
}
@media (min-width: 992px) {
.magico-h-100 {
height: 100% !important;
}
}
@media (min-width: 992px) {
.magico-main-height {
height: calc(100% - 106px);
}
.magico-main-height .content {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: start;
justify-content: start;
}
}
.magico-scroll::-webkit-scrollbar {
width: 0.6125rem;
}
.magico-scroll::-webkit-scrollbar-thumb {
background-color: rgba(189, 197, 209, 0.6);
}
src/assets/scss/_user.scss
+24
View File
@@ -16,3 +16,27 @@
display: none;
}
}
.magico-h-100 {
@media (min-width: 992px) {
height: 100% !important;
}
}
.magico-main-height { //wysokosc mail okrojona o wysokosc headera i stopki
@media (min-width: 992px) {
height: calc(100% - 106px);
.content {
display: flex; flex-direction: column; justify-content: start;
}
}
}
.magico-scroll::-webkit-scrollbar {
width: 0.6125rem;
}
.magico-scroll::-webkit-scrollbar-thumb {
background-color: rgba(189, 197, 209, .6)
}
src/magico-helpdesk-dashboard.html
+224 -424
View File
@@ -1,5 +1,5 @@
<!DOCTYPE html>
<html lang="en">
<html lang="pl" class="magico-h-100">
<head>
<!-- Required Meta Tags Always Come First -->
<meta charset="utf-8">
@@ -42,7 +42,7 @@
<script src="https://company.magico.pro/assets/public/js/magico-toolbar.min.js?v=1" defer></script>
</head>
<body class="has-navbar-vertical-aside navbar-vertical-aside-show-xl">
<body class="has-navbar-vertical-aside navbar-vertical-aside-show-xl footer-offset magico-h-100">
@@if(layoutBuilder.extend.switcherSupport === true) {
<script src="@@autopath/assets/js/hs.theme-appearance.js"></script>
}
@@ -72,7 +72,7 @@
<!-- ========== MAIN CONTENT ========== -->
<main id="content" role="main" class="main" style="border-top: 1px solid rgba(231, 234, 243, 0.7">
<main id="content" role="main" class="main magico-main-height" style="border-top: 1px solid rgba(231, 234, 243, 0.7); ">
<!-- Navbar Vertical -->
@@include("@@autopath/partials/sidebar/magico-helpdesk.html", {
"category": "dashboards",
@@ -82,18 +82,22 @@
<!-- End Navbar Vertical -->
<!-- Content -->
<div class="content container">
<div class="content container magico-h-100">
<!-- Page Header -->
<div class="page-header">
<div class="row align-items-end">
<div class="col-sm mb-2 mb-sm-0">
<div class="col-sm mb-2 mb-sm-0 d-flex align-items-center">
<h1 class="page-header-title">Kokpit konsultanta</h1>
<span class="badge bg-soft-dark text-dark ms-2">Marketing</span> <!-- Dział firmy -->
</div>
<!-- End Col -->
<div class="col-sm-auto">
<a class="btn btn-ghost-primary" href="javascript:;" data-bs-toggle="modal" data-bs-target="#qrModal">
Połączone: 1
</a>
<a class="btn btn-primary" href="javascript:;" data-bs-toggle="modal" data-bs-target="#qrModal">
<i class="bi-person-plus-fill me-1"></i> Połącz telefon
<i class="bi-telephone-plus-fill me-1"></i> Połącz telefon
</a>
</div>
<!-- End Col -->
@@ -124,93 +128,108 @@
</div>
</a>
<div class="row">
<div class="col-12 col-sm-4">
<div class="row magico-scroll" style="overflow-y: auto;">
<div class="col-12 col-sm-4 mh-100">
<!-- Card -->
<div class="card">
<div class="card mh-100">
<!-- Header -->
<div class="card-header card-header-content-between">
<h4 class="card-header-title">Do wykonania</h4>
<h4 class="card-header-title">Połączenia w kolejce</h4>
</div>
<!-- End Header -->
<!-- Body -->
<div class="card-body">
<!-- Tab Content -->
<div class="tab-content" id="eventsTabContent">
<div class="tab-pane fade show active" id="this-week" role="tabpanel" aria-labelledby="this-week-tab">
<!-- List Group -->
<ul class="list-group list-group-flush list-group-start-bordered">
<!-- Item -->
<li class="list-group-item">
<a class="list-group-item-action border-primary" href="#">
<div class="row">
<div class="col-sm mb-2 mb-sm-0">
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
<h5 class="text-inherit mb-0">14 minut temu</h5>
<span class="text-body small">Xiaomi Krysia</span>
</div>
</div>
<!-- End Row -->
</a>
</li>
<!-- End Item -->
<div class="card-body magico-scroll overflow-auto">
<ul class="list-unstyled list-py-3 mb-0 list-group-start-bordered">
<!-- Item -->
<li class="">
<a class="d-flex align-items-center list-group-item-action border-danger" href="#">
<div class="d-flex align-items-center me-2" >
<div class="flex-grow-1 ms-3">
<h5 class="text-hover-primary mb-0">+48 457 854 451</h5>
<span class="fs-6 text-body">14 minut temu</span>
</div>
</div>
<div class="ms-auto">
<span class="fs-6 text-body">Jan Kowalski</span>
</div>
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li class="list-group-item">
<a class="list-group-item-action border-info" href="#">
<div class="row">
<div class="col-sm mb-2 mb-sm-0">
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
<h5 class="text-inherit mb-0">14 minut temu</h5>
<span class="text-body small">Xiaomi Krysia</span>
</div>
</div>
<!-- End Row -->
</li>
<!-- Item -->
<li>
<a class="d-flex align-items-center list-group-item-action border-warning" href="#">
<div class="d-flex align-items-center me-2" >
<div class="flex-grow-1 ms-3">
<h5 class="text-hover-primary mb-0">+48 457 854 451</h5>
<span class="fs-6 text-body">14 minut temu</span>
</div>
</div>
<div class="ms-auto">
<span class="fs-6 text-body">Jan Kowalski</span>
</div>
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li class="list-group-item">
<a class="list-group-item-action border-danger" href="#">
<div class="row">
<div class="col-sm mb-2 mb-sm-0">
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
<h5 class="text-inherit mb-0">14 minut temu</h5>
<span class="text-body small">Świat Diesla</span>
</div>
</div>
<!-- End Row -->
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li>
<a class="d-flex align-items-center list-group-item-action border-success" href="#">
<div class="d-flex align-items-center me-2" >
<div class="flex-grow-1 ms-3">
<h5 class="text-hover-primary mb-0">+48 457 854 451</h5>
<span class="fs-6 text-body">14 minut temu</span>
</div>
</div>
<div class="ms-auto">
<span class="fs-6 text-body">Jan Kowalski</span>
</div>
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li class="list-group-item">
<a class="list-group-item-action border-warning" href="#">
<div class="row">
<div class="col-sm mb-2 mb-sm-0">
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
<h5 class="text-inherit mb-0">14 minut temu</h5>
<span class="text-body small">Xiaomi Krysia</span>
</div>
</div>
<!-- End Row -->
</a>
</li>
<!-- End Item -->
</ul>
<!-- End List Group -->
</div>
</div>
<!-- End Tab Content -->
<!-- Item -->
<li>
<a class="d-flex align-items-center list-group-item-action" href="#">
<div class="d-flex align-items-center me-2" >
<div class="flex-grow-1 ms-3">
<h5 class="text-hover-primary mb-0">+48 457 854 451</h5>
<span class="fs-6 text-body">14 minut temu</span>
</div>
</div>
<div class="ms-auto">
<span class="fs-6 text-body">Jan Kowalski</span>
</div>
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li>
<a class="d-flex align-items-center list-group-item-action" href="#">
<div class="d-flex align-items-center me-2" >
<div class="flex-grow-1 ms-3">
<h5 class="text-hover-primary mb-0">+48 457 854 451</h5>
<span class="fs-6 text-body">dziś, 7:40</span>
</div>
</div>
<div class="ms-auto">
<span class="fs-6 text-body">Jan Kowalski</span>
</div>
</a>
</li>
<!-- End Item -->
</ul>
</div>
<!-- End Body -->
</div>
<!-- End Card -->
</div>
<div class="col-12 col-sm-4">
<div class="col-12 col-sm-4 mh-100">
<!-- Card -->
<div class="card">
<div class="card mh-100">
<!-- Header -->
<div class="card-header card-header-content-between">
<h4 class="card-header-title">Zaplanowane</h4>
@@ -218,78 +237,100 @@
<!-- End Header -->
<!-- Body -->
<div class="card-body">
<!-- Tab Content -->
<div class="tab-content" id="eventsTabContent">
<div class="tab-pane fade show active" id="this-week" role="tabpanel" aria-labelledby="this-week-tab">
<!-- List Group -->
<ul class="list-group list-group-flush list-group-start-bordered">
<!-- Item -->
<li class="list-group-item">
<a class="list-group-item-action" href="#">
<div class="row">
<div class="col-sm mb-2 mb-sm-0">
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
<h5 class="text-inherit mb-0">dziś 13:40</h5>
</div>
</div>
<!-- End Row -->
</a>
</li>
<!-- End Item -->
<div class="card-body magico-scroll overflow-auto">
<ul class="list-unstyled list-py-3 mb-0 list-group-start-bordered">
<!-- Item -->
<li class="">
<a class="d-flex align-items-center list-group-item-action border-danger" href="#">
<div class="d-flex align-items-center me-2" >
<div class="flex-grow-1 ms-3">
<h5 class="text-hover-primary mb-0">+48 457 854 451</h5>
<span class="fs-6 text-body">30 minut temu</span>
</div>
</div>
<div class="ms-auto">
<span class="fs-6 text-body">Jan Kowalski</span>
</div>
<div class="text-danger fs-1 ms-3"> <!-- Pokaż, jeśli termin minął -->
<i class="bi bi-exclamation-square"></i>
</div>
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li class="list-group-item">
<a class="list-group-item-action" href="#">
<div class="row">
<div class="col-sm mb-2 mb-sm-0">
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
<h5 class="text-inherit mb-0">dziś 15:48</h5>
</div>
</div>
<!-- End Row -->
</li>
<!-- Item -->
<li>
<a class="d-flex align-items-center list-group-item-action" href="#">
<div class="d-flex align-items-center me-2" >
<div class="flex-grow-1 ms-3">
<h5 class="text-hover-primary mb-0">+48 457 854 451</h5>
<span class="fs-6 text-body">za 2 godziny</span>
</div>
</div>
<div class="ms-auto">
<span class="fs-6 text-body">Jan Kowalski</span>
</div>
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li class="list-group-item">
<a class="list-group-item-action" href="#">
<div class="row">
<div class="col-sm mb-2 mb-sm-0">
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
<h5 class="text-inherit mb-0">jutro 8:30</h5>
</div>
</div>
<!-- End Row -->
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li>
<a class="d-flex align-items-center list-group-item-action" href="#">
<div class="d-flex align-items-center me-2" >
<div class="flex-grow-1 ms-3">
<h5 class="text-hover-primary mb-0">+48 457 854 451</h5>
<span class="fs-6 text-body">dziś 15:40</span>
</div>
</div>
<div class="ms-auto">
<span class="fs-6 text-body">Jan Kowalski</span>
</div>
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li class="list-group-item">
<a class="list-group-item-action" href="#">
<div class="row">
<div class="col-sm mb-2 mb-sm-0">
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
<h5 class="text-inherit mb-0">jutro 10:00</h5>
</div>
</div>
<!-- End Row -->
</a>
</li>
<!-- End Item -->
</ul>
<!-- End List Group -->
</div>
</div>
<!-- End Tab Content -->
<!-- Item -->
<li>
<a class="d-flex align-items-center list-group-item-action" href="#">
<div class="d-flex align-items-center me-2" >
<div class="flex-grow-1 ms-3">
<h5 class="text-hover-primary mb-0">+48 457 854 451</h5>
<span class="fs-6 text-body">dziś 15:40</span>
</div>
</div>
<div class="ms-auto">
<span class="fs-6 text-body">Jan Kowalski</span>
</div>
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li>
<a class="d-flex align-items-center list-group-item-action" href="#">
<div class="d-flex align-items-center me-2" >
<div class="flex-grow-1 ms-3">
<h5 class="text-hover-primary mb-0">+48 457 854 451</h5>
<span class="fs-6 text-body">dziś 18:40</span>
</div>
</div>
<div class="ms-auto">
<span class="fs-6 text-body">Jan Kowalski</span>
</div>
</a>
</li>
<!-- End Item -->
</ul>
</div>
<!-- End Body -->
</div>
<!-- End Card -->
</div>
<div class="col-12 col-sm-4">
<div class="col-12 col-sm-4 mh-100">
<!-- Card -->
<div class="card">
<div class="card mh-100">
<!-- Header -->
<div class="card-header card-header-content-between">
<h4 class="card-header-title">Historia połączeń</h4>
@@ -297,294 +338,53 @@
<!-- End Header -->
<!-- Body -->
<div class="card-body">
<!-- Tab Content -->
<div class="tab-content" id="eventsTabContent">
<div class="tab-pane fade show active" id="this-week" role="tabpanel" aria-labelledby="this-week-tab">
<!-- List Group -->
<ul class="list-group list-group-flush list-group-start-bordered">
<!-- Item -->
<li class="list-group-item">
<a class="list-group-item-action" href="#">
<div class="row">
<div class="col-sm mb-2 mb-sm-0">
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
<h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
</div>
</div>
<!-- End Row -->
</a>
</li>
<!-- End Item -->
<div class="card-body magico-scroll overflow-auto">
<ul class="list-unstyled list-py-3 mb-0 ">
<!-- Item -->
<li class="">
<a class="d-flex align-items-center " href="#">
<div class="d-flex align-items-center me-2" >
<div class="flex-grow-1 ms-3">
<h5 class="text-hover-primary mb-0">Jan Kowalski +48 457 854 451</h5>
<span class="fs-6 text-body">dziś 7:40</span>
</div>
</div>
<div class="ms-auto">
<span class="fs-6 text-body"></span>
</div>
<div class="ms-3">
<div class="avatar avatar-sm avatar-circle" data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="Ania Skrzypaczkiewicz">
<img class="avatar-img" src="https://htmlstream.com/preview/front-dashboard-v2.0/assets/img/160x160/img10.jpg" alt="Image Description">
</div>
</div>
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li class="list-group-item">
<a class="list-group-item-action" href="#">
<div class="row">
<div class="col-sm mb-2 mb-sm-0">
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
<h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
</div>
</div>
<!-- End Row -->
</li>
<!-- Item -->
<li class="">
<a class="d-flex align-items-center " href="#">
<div class="d-flex align-items-center me-2">
<div class="flex-grow-1 ms-3">
<h5 class="text-hover-primary mb-0">Jan Kowalski +48 457 854 451</h5>
<span class="fs-6 text-body">dziś 7:40</span>
</div>
</div>
<div class="ms-auto">
<span class="fs-6 text-body"></span>
</div>
<div class="ms-3">
<div class="avatar avatar-sm avatar-soft-dark avatar-circle" data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="Bartłomiej Banaczyk">
<span class="avatar-initials">BB</span>
</div>
</div>
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li class="list-group-item">
<a class="list-group-item-action" href="#">
<div class="row">
<div class="col-sm mb-2 mb-sm-0">
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
<h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
</div>
</div>
<!-- End Row -->
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li class="list-group-item">
<a class="list-group-item-action" href="#">
<div class="row">
<div class="col-sm mb-2 mb-sm-0">
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
<h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
</div>
</div>
<!-- End Row -->
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li class="list-group-item">
<a class="list-group-item-action" href="#">
<div class="row">
<div class="col-sm mb-2 mb-sm-0">
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
<h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
</div>
</div>
<!-- End Row -->
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li class="list-group-item">
<a class="list-group-item-action" href="#">
<div class="row">
<div class="col-sm mb-2 mb-sm-0">
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
<h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
</div>
</div>
<!-- End Row -->
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li class="list-group-item">
<a class="list-group-item-action" href="#">
<div class="row">
<div class="col-sm mb-2 mb-sm-0">
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
<h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
</div>
</div>
<!-- End Row -->
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li class="list-group-item">
<a class="list-group-item-action" href="#">
<div class="row">
<div class="col-sm mb-2 mb-sm-0">
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
<h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
</div>
</div>
<!-- End Row -->
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li class="list-group-item">
<a class="list-group-item-action" href="#">
<div class="row">
<div class="col-sm mb-2 mb-sm-0">
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
<h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
</div>
</div>
<!-- End Row -->
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li class="list-group-item">
<a class="list-group-item-action" href="#">
<div class="row">
<div class="col-sm mb-2 mb-sm-0">
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
<h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
</div>
</div>
<!-- End Row -->
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li class="list-group-item">
<a class="list-group-item-action" href="#">
<div class="row">
<div class="col-sm mb-2 mb-sm-0">
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
<h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
</div>
</div>
<!-- End Row -->
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li class="list-group-item">
<a class="list-group-item-action" href="#">
<div class="row">
<div class="col-sm mb-2 mb-sm-0">
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
<h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
</div>
</div>
<!-- End Row -->
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li class="list-group-item">
<a class="list-group-item-action" href="#">
<div class="row">
<div class="col-sm mb-2 mb-sm-0">
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
<h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
</div>
</div>
<!-- End Row -->
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li class="list-group-item">
<a class="list-group-item-action" href="#">
<div class="row">
<div class="col-sm mb-2 mb-sm-0">
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
<h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
</div>
</div>
<!-- End Row -->
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li class="list-group-item">
<a class="list-group-item-action" href="#">
<div class="row">
<div class="col-sm mb-2 mb-sm-0">
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
<h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
</div>
</div>
<!-- End Row -->
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li class="list-group-item">
<a class="list-group-item-action" href="#">
<div class="row">
<div class="col-sm mb-2 mb-sm-0">
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
<h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
</div>
</div>
<!-- End Row -->
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li class="list-group-item">
<a class="list-group-item-action" href="#">
<div class="row">
<div class="col-sm mb-2 mb-sm-0">
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
<h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
</div>
</div>
<!-- End Row -->
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li class="list-group-item">
<a class="list-group-item-action" href="#">
<div class="row">
<div class="col-sm mb-2 mb-sm-0">
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
<h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
</div>
</div>
<!-- End Row -->
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li class="list-group-item">
<a class="list-group-item-action" href="#">
<div class="row">
<div class="col-sm mb-2 mb-sm-0">
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
<h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
</div>
</div>
<!-- End Row -->
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li class="list-group-item">
<a class="list-group-item-action" href="#">
<div class="row">
<div class="col-sm mb-2 mb-sm-0">
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2>
<h5 class="text-inherit mb-0">2022-03-14 15:12</h5>
</div>
</div>
<!-- End Row -->
</a>
</li>
<!-- End Item -->
</ul>
<!-- End List Group -->
</div>
</div>
<!-- End Tab Content -->
</ul>
</div>
<!-- End Body -->
</div>