helpdesk.magico: Widok modala podglądu zadania
This commit is contained in:
@@ -1647,7 +1647,7 @@
|
|||||||
<div class="modal-dialog modal-xl modal-dialog-centered">
|
<div class="modal-dialog modal-xl modal-dialog-centered">
|
||||||
<div class="modal-content">
|
<div class="modal-content">
|
||||||
<div class="modal-header">
|
<div class="modal-header">
|
||||||
<h4 class="modal-title" id="inviteUserModalLabel">+48 456 789 123</h4>
|
<h4 class="modal-title" id="inviteUserModalLabel">Jan Kowalski +48 456 789 123</h4>
|
||||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -1655,11 +1655,177 @@
|
|||||||
<div class="modal-body">
|
<div class="modal-body">
|
||||||
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-8">
|
<div class="col-12 col-md-8">
|
||||||
123
|
<div class="mb-5">
|
||||||
|
<button type="button" class="btn btn-primary">Zadzwoń</button>
|
||||||
|
<button type="button" class="btn btn-light">Wyślij SMS</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-4">
|
|
||||||
456
|
<div class="magico-scroll" style="overflow-y: auto; overflow-x: hidden; height: 40rem;">
|
||||||
|
|
||||||
|
<!-- Step -->
|
||||||
|
<ul class="step">
|
||||||
|
<!-- Step Item -->
|
||||||
|
<li class="step-item">
|
||||||
|
<div class="step-content-wrapper">
|
||||||
|
<small class="step-divider">Dziś</small>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<!-- End Step Item -->
|
||||||
|
|
||||||
|
<!-- Step Item -->
|
||||||
|
<li class="step-item">
|
||||||
|
<div class="step-content-wrapper">
|
||||||
|
<div class="step-avatar">
|
||||||
|
<img class="step-avatar" src="./assets/img/160x160/img9.jpg" alt="Image Description">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="step-content">
|
||||||
|
<div class="d-flex justify-content-between">
|
||||||
|
<h5 class="mb-1">Zmiana statusu</h5>
|
||||||
|
<p class="fs-5 mb-1 pe-3">2 minuty temu</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<p class="fs-5 mb-1">Zmieniono status na <span class="badge bg-soft-success text-primary rounded-pill"><span class="legend-indicator bg-success"></span>"GOTOWE"</span></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<!-- End Step Item -->
|
||||||
|
|
||||||
|
<!-- Step Item -->
|
||||||
|
<li class="step-item">
|
||||||
|
<div class="step-content-wrapper">
|
||||||
|
<div class="step-avatar">
|
||||||
|
<img class="step-avatar" src="./assets/img/160x160/img9.jpg" alt="Image Description">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="step-content">
|
||||||
|
<div class="d-flex justify-content-between">
|
||||||
|
<h5 class="mb-1">Połączenie wychodzące</h5>
|
||||||
|
<p class="fs-5 mb-1 pe-3">4 minuty temu</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<p class="fs-5 mb-1">Czas trwania: 2:54</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<!-- End Step Item -->
|
||||||
|
|
||||||
|
<!-- Step Item -->
|
||||||
|
<li class="step-item">
|
||||||
|
<div class="step-content-wrapper">
|
||||||
|
<span class="step-icon step-icon-soft-dark">
|
||||||
|
<i class="bi bi-telephone-inbound"></i>
|
||||||
|
</span>
|
||||||
|
|
||||||
|
<div class="step-content">
|
||||||
|
<div class="d-flex justify-content-between">
|
||||||
|
<h5 class="mb-1">Połączenie przychodzące</h5>
|
||||||
|
<p class="fs-5 mb-1 pe-3">14 minuty temu</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<p class="fs-5 mb-1">Czas trwania: 2:54</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<!-- End Step Item -->
|
||||||
|
|
||||||
|
<!-- Step Item -->
|
||||||
|
<li class="step-item">
|
||||||
|
<div class="step-content-wrapper">
|
||||||
|
<span class="step-icon step-icon-soft-danger">
|
||||||
|
<i class="bi bi-telephone-x"></i>
|
||||||
|
</span>
|
||||||
|
|
||||||
|
<div class="step-content">
|
||||||
|
<div class="d-flex justify-content-between">
|
||||||
|
<h5 class="mb-1">Połączenie nieodebrane</h5>
|
||||||
|
<p class="fs-5 mb-1 pe-3">25 minut temu</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<!-- End Step Item -->
|
||||||
|
|
||||||
|
<!-- Step Item -->
|
||||||
|
<li class="step-item">
|
||||||
|
<div class="step-content-wrapper">
|
||||||
|
<small class="step-divider">Wczoraj</small>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<!-- End Step Item -->
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Step Item -->
|
||||||
|
<li class="step-item">
|
||||||
|
<div class="step-content-wrapper">
|
||||||
|
<span class="step-icon step-icon-soft-info">D</span>
|
||||||
|
|
||||||
|
<div class="step-content">
|
||||||
|
<div class="d-flex justify-content-between">
|
||||||
|
<h5 class="mb-1">Dodano komentarz</h5>
|
||||||
|
<p class="fs-5 mb-1 pe-3">wczoraj 14:30</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<p class="fs-5 mb-1">Lorem ipsum, dolor, sit amet consectetur adipisicing elit. Maxime, accusantium praesentium obcaecati sed pariatur ipsa aperiam cupiditate labore non tempora rem ut aspernatur reprehenderit corrupti veritatis rerum, odio quo excepturi.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<!-- End Step Item -->
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
<!-- End Step -->
|
||||||
|
|
||||||
|
<!-- Footer -->
|
||||||
|
<div class="d-grid">
|
||||||
|
<a class="btn btn-white" href="javascript:;">
|
||||||
|
<i class="bi-arrow-clockwise me-1"></i> Wczytaj więcej
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<!-- End Footer -->
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="col-12 col-md-4">
|
||||||
|
|
||||||
|
<div class="text-end mb-4">
|
||||||
|
<button type="button" class="btn btn-soft-primary" data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="Zaplanuj połączenie">
|
||||||
|
<i class="bi bi-clock"></i>
|
||||||
|
</button>
|
||||||
|
|
||||||
|
<div class="btn-group" role="group">
|
||||||
|
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#uploadFilesModal">
|
||||||
|
<i class="bi-telephone-fill me-1"></i> W KOLEJCE
|
||||||
|
</button>
|
||||||
|
|
||||||
|
<div class="btn-group">
|
||||||
|
<button type="button" class="btn btn-primary dropdown-toggle" id="uploadGroupDropdown" data-bs-toggle="dropdown" aria-expanded="false"></button>
|
||||||
|
|
||||||
|
<div class="dropdown-menu dropdown-menu-end" aria-labelledby="uploadGroupDropdown" style="">
|
||||||
|
<a class="dropdown-item text-success" href="#">
|
||||||
|
<h2><span class="badge bg-success d-block">GOTOWE</span></h2>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr class="mb-4">
|
||||||
|
|
||||||
|
<form>
|
||||||
|
<div class="mb-3">
|
||||||
|
<textarea id="exampleFormControlTextarea1" class="form-control" placeholder="Komentarz" rows="4"></textarea>
|
||||||
|
</div>
|
||||||
|
<div class="d-flex justify-content-end gap-3">
|
||||||
|
<a class="js-delete-field btn btn-white btn-sm" href="javascript:;" data-hs-add-field-delete="0">Anuluj</a>
|
||||||
|
<a class="btn btn-primary btn-sm" href="javascript:;">Skomentuj</a>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
@@ -470,7 +470,7 @@
|
|||||||
<div class="modal-dialog modal-xl modal-dialog-centered">
|
<div class="modal-dialog modal-xl modal-dialog-centered">
|
||||||
<div class="modal-content">
|
<div class="modal-content">
|
||||||
<div class="modal-header">
|
<div class="modal-header">
|
||||||
<h4 class="modal-title" id="inviteUserModalLabel">+48 456 789 123</h4>
|
<h4 class="modal-title" id="inviteUserModalLabel">Jan Kowalski +48 456 789 123</h4>
|
||||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -478,11 +478,177 @@
|
|||||||
<div class="modal-body">
|
<div class="modal-body">
|
||||||
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-8">
|
<div class="col-12 col-md-8">
|
||||||
123
|
<div class="mb-5">
|
||||||
|
<button type="button" class="btn btn-primary">Zadzwoń</button>
|
||||||
|
<button type="button" class="btn btn-light">Wyślij SMS</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-4">
|
|
||||||
456
|
<div class="magico-scroll" style="overflow-y: auto; overflow-x: hidden; height: 40rem;">
|
||||||
|
|
||||||
|
<!-- Step -->
|
||||||
|
<ul class="step">
|
||||||
|
<!-- Step Item -->
|
||||||
|
<li class="step-item">
|
||||||
|
<div class="step-content-wrapper">
|
||||||
|
<small class="step-divider">Dziś</small>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<!-- End Step Item -->
|
||||||
|
|
||||||
|
<!-- Step Item -->
|
||||||
|
<li class="step-item">
|
||||||
|
<div class="step-content-wrapper">
|
||||||
|
<div class="step-avatar">
|
||||||
|
<img class="step-avatar" src="./assets/img/160x160/img9.jpg" alt="Image Description">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="step-content">
|
||||||
|
<div class="d-flex justify-content-between">
|
||||||
|
<h5 class="mb-1">Zmiana statusu</h5>
|
||||||
|
<p class="fs-5 mb-1 pe-3">2 minuty temu</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<p class="fs-5 mb-1">Zmieniono status na <span class="badge bg-soft-success text-primary rounded-pill"><span class="legend-indicator bg-success"></span>"GOTOWE"</span></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<!-- End Step Item -->
|
||||||
|
|
||||||
|
<!-- Step Item -->
|
||||||
|
<li class="step-item">
|
||||||
|
<div class="step-content-wrapper">
|
||||||
|
<div class="step-avatar">
|
||||||
|
<img class="step-avatar" src="./assets/img/160x160/img9.jpg" alt="Image Description">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="step-content">
|
||||||
|
<div class="d-flex justify-content-between">
|
||||||
|
<h5 class="mb-1">Połączenie wychodzące</h5>
|
||||||
|
<p class="fs-5 mb-1 pe-3">4 minuty temu</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<p class="fs-5 mb-1">Czas trwania: 2:54</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<!-- End Step Item -->
|
||||||
|
|
||||||
|
<!-- Step Item -->
|
||||||
|
<li class="step-item">
|
||||||
|
<div class="step-content-wrapper">
|
||||||
|
<span class="step-icon step-icon-soft-dark">
|
||||||
|
<i class="bi bi-telephone-inbound"></i>
|
||||||
|
</span>
|
||||||
|
|
||||||
|
<div class="step-content">
|
||||||
|
<div class="d-flex justify-content-between">
|
||||||
|
<h5 class="mb-1">Połączenie przychodzące</h5>
|
||||||
|
<p class="fs-5 mb-1 pe-3">14 minuty temu</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<p class="fs-5 mb-1">Czas trwania: 2:54</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<!-- End Step Item -->
|
||||||
|
|
||||||
|
<!-- Step Item -->
|
||||||
|
<li class="step-item">
|
||||||
|
<div class="step-content-wrapper">
|
||||||
|
<span class="step-icon step-icon-soft-danger">
|
||||||
|
<i class="bi bi-telephone-x"></i>
|
||||||
|
</span>
|
||||||
|
|
||||||
|
<div class="step-content">
|
||||||
|
<div class="d-flex justify-content-between">
|
||||||
|
<h5 class="mb-1">Połączenie nieodebrane</h5>
|
||||||
|
<p class="fs-5 mb-1 pe-3">25 minut temu</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<!-- End Step Item -->
|
||||||
|
|
||||||
|
<!-- Step Item -->
|
||||||
|
<li class="step-item">
|
||||||
|
<div class="step-content-wrapper">
|
||||||
|
<small class="step-divider">Wczoraj</small>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<!-- End Step Item -->
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Step Item -->
|
||||||
|
<li class="step-item">
|
||||||
|
<div class="step-content-wrapper">
|
||||||
|
<span class="step-icon step-icon-soft-info">D</span>
|
||||||
|
|
||||||
|
<div class="step-content">
|
||||||
|
<div class="d-flex justify-content-between">
|
||||||
|
<h5 class="mb-1">Dodano komentarz</h5>
|
||||||
|
<p class="fs-5 mb-1 pe-3">wczoraj 14:30</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<p class="fs-5 mb-1">Lorem ipsum, dolor, sit amet consectetur adipisicing elit. Maxime, accusantium praesentium obcaecati sed pariatur ipsa aperiam cupiditate labore non tempora rem ut aspernatur reprehenderit corrupti veritatis rerum, odio quo excepturi.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<!-- End Step Item -->
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
<!-- End Step -->
|
||||||
|
|
||||||
|
<!-- Footer -->
|
||||||
|
<div class="d-grid">
|
||||||
|
<a class="btn btn-white" href="javascript:;">
|
||||||
|
<i class="bi-arrow-clockwise me-1"></i> Wczytaj więcej
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<!-- End Footer -->
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="col-12 col-md-4">
|
||||||
|
|
||||||
|
<div class="text-end mb-4">
|
||||||
|
<button type="button" class="btn btn-soft-primary" data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="Zaplanuj połączenie">
|
||||||
|
<i class="bi bi-clock"></i>
|
||||||
|
</button>
|
||||||
|
|
||||||
|
<div class="btn-group" role="group">
|
||||||
|
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#uploadFilesModal">
|
||||||
|
<i class="bi-telephone-fill me-1"></i> W KOLEJCE
|
||||||
|
</button>
|
||||||
|
|
||||||
|
<div class="btn-group">
|
||||||
|
<button type="button" class="btn btn-primary dropdown-toggle" id="uploadGroupDropdown" data-bs-toggle="dropdown" aria-expanded="false"></button>
|
||||||
|
|
||||||
|
<div class="dropdown-menu dropdown-menu-end" aria-labelledby="uploadGroupDropdown" style="">
|
||||||
|
<a class="dropdown-item text-success" href="#">
|
||||||
|
<h2><span class="badge bg-success d-block">GOTOWE</span></h2>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr class="mb-4">
|
||||||
|
|
||||||
|
<form>
|
||||||
|
<div class="mb-3">
|
||||||
|
<textarea id="exampleFormControlTextarea1" class="form-control" placeholder="Komentarz" rows="4"></textarea>
|
||||||
|
</div>
|
||||||
|
<div class="d-flex justify-content-end gap-3">
|
||||||
|
<a class="js-delete-field btn btn-white btn-sm" href="javascript:;" data-hs-add-field-delete="0">Anuluj</a>
|
||||||
|
<a class="btn btn-primary btn-sm" href="javascript:;">Skomentuj</a>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user