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-content">
|
||||
<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>
|
||||
</div>
|
||||
|
||||
@@ -1655,11 +1655,177 @@
|
||||
<div class="modal-body">
|
||||
|
||||
<div class="row">
|
||||
<div class="col-8">
|
||||
123
|
||||
<div class="col-12 col-md-8">
|
||||
<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 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>
|
||||
<div class="col-4">
|
||||
456
|
||||
<!-- 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>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user