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

helpdesk.magico: Widok dashboard konsultanta

Browse Source
This commit is contained in:
Bartek PC-KADR
2022-04-14 22:42:46 +02:00
parent e3667f3afe
commit 0cdb5187a3
5 changed files with 935 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

593
src/.tmp/magico-helpdesk-dashboard.html
View File

@@ -290,7 +290,26 @@
<!-- Content -->
<div class="content container">
<a href="#" class="alert alert-soft-dark mb-4 mb-lg-5 d-block" role="alert">
<!-- Page Header -->
<div class="page-header">
<div class="row align-items-end">
<div class="col-sm mb-2 mb-sm-0">
<h1 class="page-header-title">Kokpit konsultanta</h1>
</div>
<!-- End Col -->
<div class="col-sm-auto">
<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
</a>
</div>
<!-- End Col -->
</div>
<!-- End Row -->
</div>
<!-- End Page Header -->
<a href="#" href="javascript:;" data-bs-toggle="modal" data-bs-target="#numberModal" class="alert alert-soft-dark mb-4 mb-lg-5 d-block" role="alert">
<div class="d-flex align-items-center">
<div class="flex-shrink-0 d-none d-sm-block">
<img class="avatar avatar-xl" src="./assets/svg/illustrations/oc-megaphone.svg" alt="Image Description" data-hs-theme-appearance="default">
@@ -544,6 +563,230 @@
</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>
@@ -564,7 +807,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 -->
@@ -573,11 +816,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">
@@ -1301,8 +1544,350 @@
</div>
<!-- End Welcome Message -->
<!-- Create a new user Modal -->
<div class="modal fade" id="inviteUserModal" tabindex="-1" aria-labelledby="inviteUserModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="inviteUserModalLabel">Invite users</h4>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<!-- Body -->
<div class="modal-body">
<!-- Form -->
<div class="mb-4">
<div class="input-group mb-2 mb-sm-0">
<input type="text" class="form-control" name="fullName" placeholder="Search name or emails" aria-label="Search name or emails">
<div class="input-group-append input-group-append-last-sm-down-none">
<!-- Select -->
<div class="tom-select-custom tom-select-custom-end">
<select class="js-select form-select" autocomplete="off"
data-hs-tom-select-options='{
"searchInDropdown": false,
"hideSearch": true,
"dropdownWidth": "11rem"
}'>
<option value="guest" selected>Guest</option>
<option value="can edit">Can edit</option>
<option value="can comment">Can comment</option>
<option value="full access">Full access</option>
</select>
</div>
<!-- End Select -->
<a class="btn btn-primary d-none d-sm-inline-block" href="javascript:;">Invite</a>
</div>
</div>
<a class="btn btn-primary w-100 d-sm-none" href="javascript:;">Invite</a>
</div>
<!-- End Form -->
<div class="row">
<h5 class="col modal-title">Invite users</h5>
<div class="col-auto">
<a class="d-flex align-items-center small text-body" href="#">
<img class="avatar avatar-xss avatar-4x3 me-2" src="./assets/svg/brands/gmail-icon.svg" alt="Image Description">
Import contacts
</a>
</div>
</div>
<hr class="mt-2">
<ul class="list-unstyled list-py-2 mb-0">
<!-- List Group Item -->
<li>
<div class="d-flex">
<div class="flex-shrink-0">
<div class="avatar avatar-sm avatar-circle">
<img class="avatar-img" src="./assets/img/160x160/img10.jpg" alt="Image Description">
</div>
</div>
<div class="flex-grow-1 ms-3">
<div class="row align-items-center">
<div class="col-sm">
<h5 class="mb-0">Amanda Harvey <i class="bi-patch-check-fill text-primary" data-toggle="tooltip" data-placement="top" title="Top endorsed"></i></h5>
<span class="d-block small">amanda@site.com</span>
</div>
<div class="col-sm-auto">
<!-- Select -->
<div class="tom-select-custom tom-select-custom-sm-end">
<select class="js-select form-select form-select-borderless tom-select-custom-form-select-invite-user tom-select-form-select-ps-0" autocomplete="off"
data-hs-tom-select-options='{
"searchInDropdown": false,
"hideSearch": true,
"dropdownWidth": "11rem"
}'>
<option value="guest" selected>Guest</option>
<option value="can edit">Can edit</option>
<option value="can comment">Can comment</option>
<option value="full access">Full access</option>
<option value="remove" data-option-template='<div class="text-danger">Remove</div>'>Remove</option>
</select>
</div>
<!-- End Select -->
</div>
</div>
<!-- End Row -->
</div>
</div>
</li>
<!-- End List Group Item -->
<!-- List Group Item -->
<li>
<div class="d-flex">
<div class="flex-shrink-0">
<div class="avatar avatar-sm avatar-circle">
<img class="avatar-img" src="./assets/img/160x160/img3.jpg" alt="Image Description">
</div>
</div>
<div class="flex-grow-1 ms-3">
<div class="row align-items-center">
<div class="col-sm">
<h5 class="mb-0">David Harrison</h5>
<span class="d-block small">david@site.com</span>
</div>
<div class="col-sm-auto">
<!-- Select -->
<div class="tom-select-custom tom-select-custom-sm-end">
<select class="js-select form-select form-select-borderless tom-select-custom-form-select-invite-user tom-select-form-select-ps-0" autocomplete="off"
data-hs-tom-select-options='{
"searchInDropdown": false,
"hideSearch": true,
"dropdownWidth": "11rem"
}'>
<option value="guest" selected>Guest</option>
<option value="can edit">Can edit</option>
<option value="can comment">Can comment</option>
<option value="full access">Full access</option>
<option value="remove" data-option-template='<div class="text-danger">Remove</div>'>Remove</option>
</select>
</div>
<!-- End Select -->
</div>
</div>
<!-- End Row -->
</div>
</div>
</li>
<!-- End List Group Item -->
<!-- List Group Item -->
<li>
<div class="d-flex">
<div class="flex-shrink-0">
<div class="avatar avatar-sm avatar-circle">
<img class="avatar-img" src="./assets/img/160x160/img9.jpg" alt="Image Description">
</div>
</div>
<div class="flex-grow-1 ms-3">
<div class="row align-items-center">
<div class="col-sm">
<h5 class="mb-0">Ella Lauda <i class="bi-patch-check-fill text-primary" data-toggle="tooltip" data-placement="top" title="Top endorsed"></i></h5>
<span class="d-block small">Markvt@site.com</span>
</div>
<div class="col-sm-auto">
<!-- Select -->
<div class="tom-select-custom tom-select-custom-sm-end">
<select class="js-select form-select form-select-borderless tom-select-custom-form-select-invite-user tom-select-form-select-ps-0" autocomplete="off"
data-hs-tom-select-options='{
"searchInDropdown": false,
"hideSearch": true,
"dropdownWidth": "11rem"
}'>
<option value="guest" selected>Guest</option>
<option value="can edit">Can edit</option>
<option value="can comment">Can comment</option>
<option value="full access">Full access</option>
<option value="remove" data-option-template='<div class="text-danger">Remove</div>'>Remove</option>
</select>
</div>
<!-- End Select -->
</div>
</div>
<!-- End Row -->
</div>
</div>
</li>
<!-- End List Group Item -->
<!-- List Group Item -->
<li>
<div class="d-flex">
<div class="flex-shrink-0">
<div class="avatar avatar-sm avatar-soft-dark avatar-circle">
<span class="avatar-initials">B</span>
</div>
</div>
<div class="flex-grow-1 ms-3">
<div class="row align-items-center">
<div class="col-sm">
<h5 class="mb-0">Bob Dean</h5>
<span class="d-block small">bob@site.com</span>
</div>
<div class="col-sm-auto">
<!-- Select -->
<div class="tom-select-custom tom-select-custom-sm-end">
<select class="js-select form-select form-select-borderless tom-select-custom-form-select-invite-user tom-select-form-select-ps-0" autocomplete="off"
data-hs-tom-select-options='{
"searchInDropdown": false,
"hideSearch": true,
"dropdownWidth": "11rem"
}'>
<option value="guest" selected>Guest</option>
<option value="can edit">Can edit</option>
<option value="can comment">Can comment</option>
<option value="full access">Full access</option>
<option value="remove" data-option-template='<div class="text-danger">Remove</div>'>Remove</option>
</select>
</div>
<!-- End Select -->
</div>
</div>
<!-- End Row -->
</div>
</div>
</li>
<!-- End List Group Item -->
</ul>
</div>
<!-- End Body -->
<!-- Footer -->
<div class="modal-footer">
<div class="row align-items-center flex-grow-1 mx-n2">
<div class="col-sm-9 mb-2 mb-sm-0">
<input type="hidden" id="inviteUserPublicClipboard" value="https://themes.getbootstrap.com/product/front-multipurpose-responsive-template/">
<p class="modal-footer-text">The public share <a href="#">link settings</a>
<i class="bi-question-circle" data-bs-toggle="tooltip" data-bs-placement="top" title="The public share link allows people to view the project without giving access to full collaboration features."></i>
</p>
</div>
<div class="col-sm-3 text-sm-end">
<a class="js-clipboard btn btn-white btn-sm text-nowrap" href="javascript:;" data-bs-toggle="tooltip" data-bs-placement="top" title="Copy to clipboard!"
data-hs-clipboard-options='{
"type": "tooltip",
"successText": "Copied!",
"contentTarget": "#inviteUserPublicClipboard",
"container": "#inviteUserModal"
}'>
<i class="bi-link-45deg me-1"></i> Copy link</a>
</div>
</div>
</div>
<!-- End Footer -->
</div>
</div>
</div>
<!-- End Create a new user Modal -->
<!-- ========== END SECONDARY CONTENTS ========== -->
<div class="modal fade" id="qrModal" tabindex="-1" aria-labelledby="inviteUserModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="inviteUserModalLabel">Zeskanuj kod QR</h4>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<!-- Body -->
<div class="modal-body">
<div class="text-center mb-3">
Uruchom aplikację Magico Call na Twoim telefonie i zeskanuj wyświetlony kod QR
</div>
<hr class="mt-2">
<div class="text-center">
<img width="300" src="https://www.qr-online.pl/bin/qr/976f637559dcebd7040a7ceb143cfb7c.png">
</div>
</div>
<!-- End Body -->
<!-- Footer -->
<div class="modal-footer">
<div class="row align-items-center flex-grow-1 mx-n2">
<div class="col-sm-8 mb-2 mb-sm-0">
<input type="hidden" id="inviteUserPublicClipboard" value="https://themes.getbootstrap.com/product/front-multipurpose-responsive-template/">
<p class="modal-footer-text">Lub wprowadź kod ręcznie: <strong>547 542</strong></a>
<i class="bi-question-circle" data-bs-toggle="tooltip" data-bs-placement="top" title="Masz 60 sekund na wprowadzenie kodu parowania"></i>
</p>
</div>
<div class="col-sm-4 text-sm-end">
<a class="js-clipboard btn btn-white btn-sm text-nowrap" href="javascript:;" title="">
<i class="bi-link-45deg me-1"></i> Generuj nowy kod</a>
</div>
</div>
</div>
<!-- End Footer -->
</div>
</div>
</div>
<div class="modal fade" id="numberModal" tabindex="-1" aria-labelledby="inviteUserModalLabel" aria-hidden="true">
<div class="modal-dialog modal-xl modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="inviteUserModalLabel">+48 456 789 123</h4>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<!-- Body -->
<div class="modal-body">
<div class="row">
<div class="col-8">
123
</div>
<div class="col-4">
456
</div>
</div>
</div>
<!-- End Body -->
<!-- Footer -->
<div class="modal-footer">
<div class="row align-items-center flex-grow-1 mx-n2">
<div class="col-sm-8 mb-2 mb-sm-0">
<input type="hidden" id="inviteUserPublicClipboard" value="https://themes.getbootstrap.com/product/front-multipurpose-responsive-template/">
<p class="modal-footer-text">Lub wprowadź kod ręcznie: <strong>547 542</strong></a>
<i class="bi-question-circle" data-bs-toggle="tooltip" data-bs-placement="top" title="Masz 60 sekund na wprowadzenie kodu parowania"></i>
</p>
</div>
<div class="col-sm-4 text-sm-end">
<a class="js-clipboard btn btn-white btn-sm text-nowrap" href="javascript:;" title="">
<i class="bi-link-45deg me-1"></i> Generuj nowy kod</a>
</div>
</div>
</div>
<!-- End Footer -->
</div>
</div>
</div>
<!-- JS Global Compulsory hs-builder:build-delete -->
<script src="./node_modules/jquery/dist/jquery.min.js"></script>
<script src="./node_modules/jquery-migrate/dist/jquery-migrate.min.js"></script>