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="footer">
<div class="row justify-content-between align-items-center"> <div class="row justify-content-between align-items-center">
<div class="col"> <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> </div>
<!-- End Col --> <!-- End Col -->
@@ -2865,11 +2865,11 @@
<!-- List Separator --> <!-- List Separator -->
<ul class="list-inline list-separator"> <ul class="list-inline list-separator">
<li class="list-inline-item"> <li class="list-inline-item">
<a class="list-separator-link" href="#">FAQ</a> <a class="list-separator-link" href="#">Pomoc</a>
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
<a class="list-separator-link" href="#">License</a> <a class="list-separator-link" href="#">Magico.pl</a>
</li> </li>
<li class="list-inline-item"> <li class="list-inline-item">
src/.tmp/magico-helpdesk-dashboard.html
+224 -424
View File
@@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="pl" class="magico-h-100">
<head> <head>
<!-- Required Meta Tags Always Come First --> <!-- Required Meta Tags Always Come First -->
<meta charset="utf-8"> <meta charset="utf-8">
@@ -124,7 +124,7 @@
</script> </script>
</head> </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> <script src="./assets/js/hs.theme-appearance.js"></script>
@@ -154,7 +154,7 @@
<!-- ========== MAIN CONTENT ========== --> <!-- ========== 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 --> <!-- 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 "> <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"> <div class="navbar-vertical-container">
@@ -289,18 +289,22 @@
<!-- End Navbar Vertical --> <!-- End Navbar Vertical -->
<!-- Content --> <!-- Content -->
<div class="content container"> <div class="content container magico-h-100">
<!-- Page Header --> <!-- Page Header -->
<div class="page-header"> <div class="page-header">
<div class="row align-items-end"> <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> <h1 class="page-header-title">Kokpit konsultanta</h1>
<span class="badge bg-soft-dark text-dark ms-2">Marketing</span> <!-- Dział firmy -->
</div> </div>
<!-- End Col --> <!-- End Col -->
<div class="col-sm-auto"> <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"> <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> </a>
</div> </div>
<!-- End Col --> <!-- End Col -->
@@ -331,93 +335,108 @@
</div> </div>
</a> </a>
<div class="row"> <div class="row magico-scroll" style="overflow-y: auto;">
<div class="col-12 col-sm-4"> <div class="col-12 col-sm-4 mh-100">
<!-- Card --> <!-- Card -->
<div class="card"> <div class="card mh-100">
<!-- Header --> <!-- Header -->
<div class="card-header card-header-content-between"> <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> </div>
<!-- End Header --> <!-- End Header -->
<!-- Body --> <!-- Body -->
<div class="card-body"> <div class="card-body magico-scroll overflow-auto">
<!-- Tab Content --> <ul class="list-unstyled list-py-3 mb-0 list-group-start-bordered">
<div class="tab-content" id="eventsTabContent"> <!-- Item -->
<div class="tab-pane fade show active" id="this-week" role="tabpanel" aria-labelledby="this-week-tab"> <li class="">
<!-- List Group --> <a class="d-flex align-items-center list-group-item-action border-danger" href="#">
<ul class="list-group list-group-flush list-group-start-bordered"> <div class="d-flex align-items-center me-2" >
<!-- Item --> <div class="flex-grow-1 ms-3">
<li class="list-group-item"> <h5 class="text-hover-primary mb-0">+48 457 854 451</h5>
<a class="list-group-item-action border-primary" href="#"> <span class="fs-6 text-body">14 minut temu</span>
<div class="row"> </div>
<div class="col-sm mb-2 mb-sm-0"> </div>
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2> <div class="ms-auto">
<h5 class="text-inherit mb-0">14 minut temu</h5> <span class="fs-6 text-body">Jan Kowalski</span>
<span class="text-body small">Xiaomi Krysia</span> </div>
</div> </a>
</div> </li>
<!-- End Row --> <!-- End Item -->
</a>
</li>
<!-- End Item -->
<!-- Item --> <!-- Item -->
<li class="list-group-item"> <li>
<a class="list-group-item-action border-info" href="#"> <a class="d-flex align-items-center list-group-item-action border-warning" href="#">
<div class="row"> <div class="d-flex align-items-center me-2" >
<div class="col-sm mb-2 mb-sm-0"> <div class="flex-grow-1 ms-3">
<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-hover-primary mb-0">+48 457 854 451</h5>
<h5 class="text-inherit mb-0">14 minut temu</h5> <span class="fs-6 text-body">14 minut temu</span>
<span class="text-body small">Xiaomi Krysia</span> </div>
</div> </div>
</div> <div class="ms-auto">
<!-- End Row --> <span class="fs-6 text-body">Jan Kowalski</span>
</li> </div>
</a>
</li>
<!-- End Item -->
<!-- Item --> <!-- Item -->
<li class="list-group-item"> <li>
<a class="list-group-item-action border-danger" href="#"> <a class="d-flex align-items-center list-group-item-action border-success" href="#">
<div class="row"> <div class="d-flex align-items-center me-2" >
<div class="col-sm mb-2 mb-sm-0"> <div class="flex-grow-1 ms-3">
<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-hover-primary mb-0">+48 457 854 451</h5>
<h5 class="text-inherit mb-0">14 minut temu</h5> <span class="fs-6 text-body">14 minut temu</span>
<span class="text-body small">Świat Diesla</span> </div>
</div> </div>
</div> <div class="ms-auto">
<!-- End Row --> <span class="fs-6 text-body">Jan Kowalski</span>
</a> </div>
</li> </a>
<!-- End Item --> </li>
<!-- End Item -->
<!-- Item --> <!-- Item -->
<li class="list-group-item"> <li>
<a class="list-group-item-action border-warning" href="#"> <a class="d-flex align-items-center list-group-item-action" href="#">
<div class="row"> <div class="d-flex align-items-center me-2" >
<div class="col-sm mb-2 mb-sm-0"> <div class="flex-grow-1 ms-3">
<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-hover-primary mb-0">+48 457 854 451</h5>
<h5 class="text-inherit mb-0">14 minut temu</h5> <span class="fs-6 text-body">14 minut temu</span>
<span class="text-body small">Xiaomi Krysia</span> </div>
</div> </div>
</div> <div class="ms-auto">
<!-- End Row --> <span class="fs-6 text-body">Jan Kowalski</span>
</a> </div>
</li> </a>
<!-- End Item --> </li>
</ul> <!-- End Item -->
<!-- End List Group -->
</div> <!-- Item -->
</div> <li>
<!-- End Tab Content --> <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> </div>
<!-- End Body --> <!-- End Body -->
</div> </div>
<!-- End Card --> <!-- End Card -->
</div> </div>
<div class="col-12 col-sm-4"> <div class="col-12 col-sm-4 mh-100">
<!-- Card --> <!-- Card -->
<div class="card"> <div class="card mh-100">
<!-- Header --> <!-- Header -->
<div class="card-header card-header-content-between"> <div class="card-header card-header-content-between">
<h4 class="card-header-title">Zaplanowane</h4> <h4 class="card-header-title">Zaplanowane</h4>
@@ -425,78 +444,100 @@
<!-- End Header --> <!-- End Header -->
<!-- Body --> <!-- Body -->
<div class="card-body"> <div class="card-body magico-scroll overflow-auto">
<!-- Tab Content --> <ul class="list-unstyled list-py-3 mb-0 list-group-start-bordered">
<div class="tab-content" id="eventsTabContent"> <!-- Item -->
<div class="tab-pane fade show active" id="this-week" role="tabpanel" aria-labelledby="this-week-tab"> <li class="">
<!-- List Group --> <a class="d-flex align-items-center list-group-item-action border-danger" href="#">
<ul class="list-group list-group-flush list-group-start-bordered"> <div class="d-flex align-items-center me-2" >
<!-- Item --> <div class="flex-grow-1 ms-3">
<li class="list-group-item"> <h5 class="text-hover-primary mb-0">+48 457 854 451</h5>
<a class="list-group-item-action" href="#"> <span class="fs-6 text-body">30 minut temu</span>
<div class="row"> </div>
<div class="col-sm mb-2 mb-sm-0"> </div>
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2> <div class="ms-auto">
<h5 class="text-inherit mb-0">dziś 13:40</h5> <span class="fs-6 text-body">Jan Kowalski</span>
</div> </div>
</div> <div class="text-danger fs-1 ms-3"> <!-- Pokaż, jeśli termin minął -->
<!-- End Row --> <i class="bi bi-exclamation-square"></i>
</a> </div>
</li> </a>
<!-- End Item --> </li>
<!-- End Item -->
<!-- Item --> <!-- Item -->
<li class="list-group-item"> <li>
<a class="list-group-item-action" href="#"> <a class="d-flex align-items-center list-group-item-action" href="#">
<div class="row"> <div class="d-flex align-items-center me-2" >
<div class="col-sm mb-2 mb-sm-0"> <div class="flex-grow-1 ms-3">
<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-hover-primary mb-0">+48 457 854 451</h5>
<h5 class="text-inherit mb-0">dziś 15:48</h5> <span class="fs-6 text-body">za 2 godziny</span>
</div> </div>
</div> </div>
<!-- End Row --> <div class="ms-auto">
</li> <span class="fs-6 text-body">Jan Kowalski</span>
</div>
</a>
</li>
<!-- End Item -->
<!-- Item --> <!-- Item -->
<li class="list-group-item"> <li>
<a class="list-group-item-action" href="#"> <a class="d-flex align-items-center list-group-item-action" href="#">
<div class="row"> <div class="d-flex align-items-center me-2" >
<div class="col-sm mb-2 mb-sm-0"> <div class="flex-grow-1 ms-3">
<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-hover-primary mb-0">+48 457 854 451</h5>
<h5 class="text-inherit mb-0">jutro 8:30</h5> <span class="fs-6 text-body">dziś 15:40</span>
</div> </div>
</div> </div>
<!-- End Row --> <div class="ms-auto">
</a> <span class="fs-6 text-body">Jan Kowalski</span>
</li> </div>
<!-- End Item --> </a>
</li>
<!-- End Item -->
<!-- Item --> <!-- Item -->
<li class="list-group-item"> <li>
<a class="list-group-item-action" href="#"> <a class="d-flex align-items-center list-group-item-action" href="#">
<div class="row"> <div class="d-flex align-items-center me-2" >
<div class="col-sm mb-2 mb-sm-0"> <div class="flex-grow-1 ms-3">
<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-hover-primary mb-0">+48 457 854 451</h5>
<h5 class="text-inherit mb-0">jutro 10:00</h5> <span class="fs-6 text-body">dziś 15:40</span>
</div> </div>
</div> </div>
<!-- End Row --> <div class="ms-auto">
</a> <span class="fs-6 text-body">Jan Kowalski</span>
</li> </div>
<!-- End Item --> </a>
</ul> </li>
<!-- End List Group --> <!-- End Item -->
</div>
</div> <!-- Item -->
<!-- End Tab Content --> <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> </div>
<!-- End Body --> <!-- End Body -->
</div> </div>
<!-- End Card --> <!-- End Card -->
</div> </div>
<div class="col-12 col-sm-4"> <div class="col-12 col-sm-4 mh-100">
<!-- Card --> <!-- Card -->
<div class="card"> <div class="card mh-100">
<!-- Header --> <!-- Header -->
<div class="card-header card-header-content-between"> <div class="card-header card-header-content-between">
<h4 class="card-header-title">Historia połączeń</h4> <h4 class="card-header-title">Historia połączeń</h4>
@@ -504,294 +545,53 @@
<!-- End Header --> <!-- End Header -->
<!-- Body --> <!-- Body -->
<div class="card-body"> <div class="card-body magico-scroll overflow-auto">
<!-- Tab Content --> <ul class="list-unstyled list-py-3 mb-0 ">
<div class="tab-content" id="eventsTabContent"> <!-- Item -->
<div class="tab-pane fade show active" id="this-week" role="tabpanel" aria-labelledby="this-week-tab"> <li class="">
<!-- List Group --> <a class="d-flex align-items-center " href="#">
<ul class="list-group list-group-flush list-group-start-bordered"> <div class="d-flex align-items-center me-2" >
<!-- Item --> <div class="flex-grow-1 ms-3">
<li class="list-group-item"> <h5 class="text-hover-primary mb-0">Jan Kowalski +48 457 854 451</h5>
<a class="list-group-item-action" href="#"> <span class="fs-6 text-body">dziś 7:40</span>
<div class="row"> </div>
<div class="col-sm mb-2 mb-sm-0"> </div>
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2> <div class="ms-auto">
<h5 class="text-inherit mb-0">2022-03-14 15:12</h5> <span class="fs-6 text-body"></span>
</div> </div>
</div> <div class="ms-3">
<!-- End Row --> <div class="avatar avatar-sm avatar-circle" data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="Ania Skrzypaczkiewicz">
</a> <img class="avatar-img" src="https://htmlstream.com/preview/front-dashboard-v2.0/assets/img/160x160/img10.jpg" alt="Image Description">
</li> </div>
<!-- End Item --> </div>
</a>
</li>
<!-- End Item -->
<!-- Item --> <!-- Item -->
<li class="list-group-item"> <li class="">
<a class="list-group-item-action" href="#"> <a class="d-flex align-items-center " href="#">
<div class="row"> <div class="d-flex align-items-center me-2">
<div class="col-sm mb-2 mb-sm-0"> <div class="flex-grow-1 ms-3">
<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-hover-primary mb-0">Jan Kowalski +48 457 854 451</h5>
<h5 class="text-inherit mb-0">2022-03-14 15:12</h5> <span class="fs-6 text-body">dziś 7:40</span>
</div> </div>
</div> </div>
<!-- End Row --> <div class="ms-auto">
</li> <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 --> </ul>
<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 -->
</div> </div>
<!-- End Body --> <!-- End Body -->
</div> </div>
src/assets/css/theme-dark.css
+28
View File
@@ -30715,3 +30715,31 @@ select:-webkit-autofill:focus {
display: none; 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; 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
@@ -15,4 +15,28 @@
@media (min-width: 1200px) { @media (min-width: 1200px) {
display: none; 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> <!DOCTYPE html>
<html lang="en"> <html lang="pl" class="magico-h-100">
<head> <head>
<!-- Required Meta Tags Always Come First --> <!-- Required Meta Tags Always Come First -->
<meta charset="utf-8"> <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> <script src="https://company.magico.pro/assets/public/js/magico-toolbar.min.js?v=1" defer></script>
</head> </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) { @@if(layoutBuilder.extend.switcherSupport === true) {
<script src="@@autopath/assets/js/hs.theme-appearance.js"></script> <script src="@@autopath/assets/js/hs.theme-appearance.js"></script>
} }
@@ -72,7 +72,7 @@
<!-- ========== MAIN CONTENT ========== --> <!-- ========== 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 --> <!-- Navbar Vertical -->
@@include("@@autopath/partials/sidebar/magico-helpdesk.html", { @@include("@@autopath/partials/sidebar/magico-helpdesk.html", {
"category": "dashboards", "category": "dashboards",
@@ -82,18 +82,22 @@
<!-- End Navbar Vertical --> <!-- End Navbar Vertical -->
<!-- Content --> <!-- Content -->
<div class="content container"> <div class="content container magico-h-100">
<!-- Page Header --> <!-- Page Header -->
<div class="page-header"> <div class="page-header">
<div class="row align-items-end"> <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> <h1 class="page-header-title">Kokpit konsultanta</h1>
<span class="badge bg-soft-dark text-dark ms-2">Marketing</span> <!-- Dział firmy -->
</div> </div>
<!-- End Col --> <!-- End Col -->
<div class="col-sm-auto"> <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"> <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> </a>
</div> </div>
<!-- End Col --> <!-- End Col -->
@@ -124,93 +128,108 @@
</div> </div>
</a> </a>
<div class="row"> <div class="row magico-scroll" style="overflow-y: auto;">
<div class="col-12 col-sm-4"> <div class="col-12 col-sm-4 mh-100">
<!-- Card --> <!-- Card -->
<div class="card"> <div class="card mh-100">
<!-- Header --> <!-- Header -->
<div class="card-header card-header-content-between"> <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> </div>
<!-- End Header --> <!-- End Header -->
<!-- Body --> <!-- Body -->
<div class="card-body"> <div class="card-body magico-scroll overflow-auto">
<!-- Tab Content --> <ul class="list-unstyled list-py-3 mb-0 list-group-start-bordered">
<div class="tab-content" id="eventsTabContent"> <!-- Item -->
<div class="tab-pane fade show active" id="this-week" role="tabpanel" aria-labelledby="this-week-tab"> <li class="">
<!-- List Group --> <a class="d-flex align-items-center list-group-item-action border-danger" href="#">
<ul class="list-group list-group-flush list-group-start-bordered"> <div class="d-flex align-items-center me-2" >
<!-- Item --> <div class="flex-grow-1 ms-3">
<li class="list-group-item"> <h5 class="text-hover-primary mb-0">+48 457 854 451</h5>
<a class="list-group-item-action border-primary" href="#"> <span class="fs-6 text-body">14 minut temu</span>
<div class="row"> </div>
<div class="col-sm mb-2 mb-sm-0"> </div>
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2> <div class="ms-auto">
<h5 class="text-inherit mb-0">14 minut temu</h5> <span class="fs-6 text-body">Jan Kowalski</span>
<span class="text-body small">Xiaomi Krysia</span> </div>
</div> </a>
</div> </li>
<!-- End Row --> <!-- End Item -->
</a>
</li>
<!-- End Item -->
<!-- Item --> <!-- Item -->
<li class="list-group-item"> <li>
<a class="list-group-item-action border-info" href="#"> <a class="d-flex align-items-center list-group-item-action border-warning" href="#">
<div class="row"> <div class="d-flex align-items-center me-2" >
<div class="col-sm mb-2 mb-sm-0"> <div class="flex-grow-1 ms-3">
<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-hover-primary mb-0">+48 457 854 451</h5>
<h5 class="text-inherit mb-0">14 minut temu</h5> <span class="fs-6 text-body">14 minut temu</span>
<span class="text-body small">Xiaomi Krysia</span> </div>
</div> </div>
</div> <div class="ms-auto">
<!-- End Row --> <span class="fs-6 text-body">Jan Kowalski</span>
</li> </div>
</a>
</li>
<!-- End Item -->
<!-- Item --> <!-- Item -->
<li class="list-group-item"> <li>
<a class="list-group-item-action border-danger" href="#"> <a class="d-flex align-items-center list-group-item-action border-success" href="#">
<div class="row"> <div class="d-flex align-items-center me-2" >
<div class="col-sm mb-2 mb-sm-0"> <div class="flex-grow-1 ms-3">
<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-hover-primary mb-0">+48 457 854 451</h5>
<h5 class="text-inherit mb-0">14 minut temu</h5> <span class="fs-6 text-body">14 minut temu</span>
<span class="text-body small">Świat Diesla</span> </div>
</div> </div>
</div> <div class="ms-auto">
<!-- End Row --> <span class="fs-6 text-body">Jan Kowalski</span>
</a> </div>
</li> </a>
<!-- End Item --> </li>
<!-- End Item -->
<!-- Item --> <!-- Item -->
<li class="list-group-item"> <li>
<a class="list-group-item-action border-warning" href="#"> <a class="d-flex align-items-center list-group-item-action" href="#">
<div class="row"> <div class="d-flex align-items-center me-2" >
<div class="col-sm mb-2 mb-sm-0"> <div class="flex-grow-1 ms-3">
<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-hover-primary mb-0">+48 457 854 451</h5>
<h5 class="text-inherit mb-0">14 minut temu</h5> <span class="fs-6 text-body">14 minut temu</span>
<span class="text-body small">Xiaomi Krysia</span> </div>
</div> </div>
</div> <div class="ms-auto">
<!-- End Row --> <span class="fs-6 text-body">Jan Kowalski</span>
</a> </div>
</li> </a>
<!-- End Item --> </li>
</ul> <!-- End Item -->
<!-- End List Group -->
</div> <!-- Item -->
</div> <li>
<!-- End Tab Content --> <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> </div>
<!-- End Body --> <!-- End Body -->
</div> </div>
<!-- End Card --> <!-- End Card -->
</div> </div>
<div class="col-12 col-sm-4"> <div class="col-12 col-sm-4 mh-100">
<!-- Card --> <!-- Card -->
<div class="card"> <div class="card mh-100">
<!-- Header --> <!-- Header -->
<div class="card-header card-header-content-between"> <div class="card-header card-header-content-between">
<h4 class="card-header-title">Zaplanowane</h4> <h4 class="card-header-title">Zaplanowane</h4>
@@ -218,78 +237,100 @@
<!-- End Header --> <!-- End Header -->
<!-- Body --> <!-- Body -->
<div class="card-body"> <div class="card-body magico-scroll overflow-auto">
<!-- Tab Content --> <ul class="list-unstyled list-py-3 mb-0 list-group-start-bordered">
<div class="tab-content" id="eventsTabContent"> <!-- Item -->
<div class="tab-pane fade show active" id="this-week" role="tabpanel" aria-labelledby="this-week-tab"> <li class="">
<!-- List Group --> <a class="d-flex align-items-center list-group-item-action border-danger" href="#">
<ul class="list-group list-group-flush list-group-start-bordered"> <div class="d-flex align-items-center me-2" >
<!-- Item --> <div class="flex-grow-1 ms-3">
<li class="list-group-item"> <h5 class="text-hover-primary mb-0">+48 457 854 451</h5>
<a class="list-group-item-action" href="#"> <span class="fs-6 text-body">30 minut temu</span>
<div class="row"> </div>
<div class="col-sm mb-2 mb-sm-0"> </div>
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2> <div class="ms-auto">
<h5 class="text-inherit mb-0">dziś 13:40</h5> <span class="fs-6 text-body">Jan Kowalski</span>
</div> </div>
</div> <div class="text-danger fs-1 ms-3"> <!-- Pokaż, jeśli termin minął -->
<!-- End Row --> <i class="bi bi-exclamation-square"></i>
</a> </div>
</li> </a>
<!-- End Item --> </li>
<!-- End Item -->
<!-- Item --> <!-- Item -->
<li class="list-group-item"> <li>
<a class="list-group-item-action" href="#"> <a class="d-flex align-items-center list-group-item-action" href="#">
<div class="row"> <div class="d-flex align-items-center me-2" >
<div class="col-sm mb-2 mb-sm-0"> <div class="flex-grow-1 ms-3">
<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-hover-primary mb-0">+48 457 854 451</h5>
<h5 class="text-inherit mb-0">dziś 15:48</h5> <span class="fs-6 text-body">za 2 godziny</span>
</div> </div>
</div> </div>
<!-- End Row --> <div class="ms-auto">
</li> <span class="fs-6 text-body">Jan Kowalski</span>
</div>
</a>
</li>
<!-- End Item -->
<!-- Item --> <!-- Item -->
<li class="list-group-item"> <li>
<a class="list-group-item-action" href="#"> <a class="d-flex align-items-center list-group-item-action" href="#">
<div class="row"> <div class="d-flex align-items-center me-2" >
<div class="col-sm mb-2 mb-sm-0"> <div class="flex-grow-1 ms-3">
<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-hover-primary mb-0">+48 457 854 451</h5>
<h5 class="text-inherit mb-0">jutro 8:30</h5> <span class="fs-6 text-body">dziś 15:40</span>
</div> </div>
</div> </div>
<!-- End Row --> <div class="ms-auto">
</a> <span class="fs-6 text-body">Jan Kowalski</span>
</li> </div>
<!-- End Item --> </a>
</li>
<!-- End Item -->
<!-- Item --> <!-- Item -->
<li class="list-group-item"> <li>
<a class="list-group-item-action" href="#"> <a class="d-flex align-items-center list-group-item-action" href="#">
<div class="row"> <div class="d-flex align-items-center me-2" >
<div class="col-sm mb-2 mb-sm-0"> <div class="flex-grow-1 ms-3">
<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-hover-primary mb-0">+48 457 854 451</h5>
<h5 class="text-inherit mb-0">jutro 10:00</h5> <span class="fs-6 text-body">dziś 15:40</span>
</div> </div>
</div> </div>
<!-- End Row --> <div class="ms-auto">
</a> <span class="fs-6 text-body">Jan Kowalski</span>
</li> </div>
<!-- End Item --> </a>
</ul> </li>
<!-- End List Group --> <!-- End Item -->
</div>
</div> <!-- Item -->
<!-- End Tab Content --> <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> </div>
<!-- End Body --> <!-- End Body -->
</div> </div>
<!-- End Card --> <!-- End Card -->
</div> </div>
<div class="col-12 col-sm-4"> <div class="col-12 col-sm-4 mh-100">
<!-- Card --> <!-- Card -->
<div class="card"> <div class="card mh-100">
<!-- Header --> <!-- Header -->
<div class="card-header card-header-content-between"> <div class="card-header card-header-content-between">
<h4 class="card-header-title">Historia połączeń</h4> <h4 class="card-header-title">Historia połączeń</h4>
@@ -297,294 +338,53 @@
<!-- End Header --> <!-- End Header -->
<!-- Body --> <!-- Body -->
<div class="card-body"> <div class="card-body magico-scroll overflow-auto">
<!-- Tab Content --> <ul class="list-unstyled list-py-3 mb-0 ">
<div class="tab-content" id="eventsTabContent"> <!-- Item -->
<div class="tab-pane fade show active" id="this-week" role="tabpanel" aria-labelledby="this-week-tab"> <li class="">
<!-- List Group --> <a class="d-flex align-items-center " href="#">
<ul class="list-group list-group-flush list-group-start-bordered"> <div class="d-flex align-items-center me-2" >
<!-- Item --> <div class="flex-grow-1 ms-3">
<li class="list-group-item"> <h5 class="text-hover-primary mb-0">Jan Kowalski +48 457 854 451</h5>
<a class="list-group-item-action" href="#"> <span class="fs-6 text-body">dziś 7:40</span>
<div class="row"> </div>
<div class="col-sm mb-2 mb-sm-0"> </div>
<h2 class="fw-normal mb-1">+48 456 784 157 <span class="fs-5 text-body text-uppercase">Jan Kowalski</span></h2> <div class="ms-auto">
<h5 class="text-inherit mb-0">2022-03-14 15:12</h5> <span class="fs-6 text-body"></span>
</div> </div>
</div> <div class="ms-3">
<!-- End Row --> <div class="avatar avatar-sm avatar-circle" data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="Ania Skrzypaczkiewicz">
</a> <img class="avatar-img" src="https://htmlstream.com/preview/front-dashboard-v2.0/assets/img/160x160/img10.jpg" alt="Image Description">
</li> </div>
<!-- End Item --> </div>
</a>
</li>
<!-- End Item -->
<!-- Item --> <!-- Item -->
<li class="list-group-item"> <li class="">
<a class="list-group-item-action" href="#"> <a class="d-flex align-items-center " href="#">
<div class="row"> <div class="d-flex align-items-center me-2">
<div class="col-sm mb-2 mb-sm-0"> <div class="flex-grow-1 ms-3">
<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-hover-primary mb-0">Jan Kowalski +48 457 854 451</h5>
<h5 class="text-inherit mb-0">2022-03-14 15:12</h5> <span class="fs-6 text-body">dziś 7:40</span>
</div> </div>
</div> </div>
<!-- End Row --> <div class="ms-auto">
</li> <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 --> </ul>
<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 -->
</div> </div>
<!-- End Body --> <!-- End Body -->
</div> </div>