110 lines
7.0 KiB
HTML
110 lines
7.0 KiB
HTML
|
|
<!-- Title for the modal, to be grabbed by JS -->
|
|
<div id="instance-modal-title" class="d-none">
|
|
Staszek Ptaszek - Follow-up</div>
|
|
|
|
|
|
<div class="process-steps-container">
|
|
<h5>Kroki procesu</h5>
|
|
<ul class="list-group">
|
|
<li class="list-group-item d-flex justify-content-between align-items-center list-group-item-primary">
|
|
<div>
|
|
<i class="bi bi-arrow-right-circle-fill text-primary me-2"></i> <strong>Follow-up Call</strong>
|
|
</div>
|
|
</li>
|
|
<li class="list-group-item d-flex justify-content-between align-items-center text-muted">
|
|
<div>
|
|
<i class="bi bi-circle me-2"></i> <strong></strong>
|
|
</div>
|
|
</li>
|
|
<li class="list-group-item d-flex justify-content-between align-items-center text-muted">
|
|
<div>
|
|
<i class="bi bi-circle me-2"></i> <strong>Call Scheduled</strong>
|
|
</div>
|
|
</li>
|
|
<li class="list-group-item d-flex justify-content-between align-items-center text-muted">
|
|
<div>
|
|
<i class="bi bi-circle me-2"></i> <strong>No Answer Logged</strong>
|
|
</div>
|
|
</li>
|
|
<li class="list-group-item d-flex justify-content-between align-items-center text-muted">
|
|
<div>
|
|
<i class="bi bi-circle me-2"></i> <strong>Wants to Join</strong>
|
|
</div>
|
|
</li>
|
|
<li class="list-group-item d-flex justify-content-between align-items-center text-muted">
|
|
<div>
|
|
<i class="bi bi-circle me-2"></i> <strong>Declined</strong>
|
|
</div>
|
|
</li>
|
|
<li class="list-group-item d-flex justify-content-between align-items-center text-muted">
|
|
<div>
|
|
<i class="bi bi-circle me-2"></i> <strong>Process Ended</strong>
|
|
</div>
|
|
</li>
|
|
<li class="list-group-item d-flex justify-content-between align-items-center text-muted">
|
|
<div>
|
|
<i class="bi bi-circle me-2"></i> <strong>Process Terminated</strong>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
<div class="mt-3">
|
|
<h5>Available Actions</h5>
|
|
<form id="transition-form">
|
|
<div class="mb-3">
|
|
<label for="call_date" class="form-label">Call Date</label>
|
|
<input type="datetime-local" id="call_date" name="call_date" class="form-control" value="2026-01-11T07:00">
|
|
</div>
|
|
<div class="mb-3">
|
|
<label for="outcome_status" class="form-label">Call Outcome</label>
|
|
<select id="outcome_status" name="outcome_status" class="form-select">
|
|
<option value="">-- Select Outcome --</option>
|
|
<option value="no_answer">No Answer</option>
|
|
<option value="wants_to_join">Wants to Join</option>
|
|
<option value="declined">Declined</option>
|
|
<option value="call_later">Call Later</option>
|
|
</select>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label for="note" class="form-label">Notes</label>
|
|
<textarea id="note" name="note" class="form-control"></textarea>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label for="next_contact_date" class="form-label">Next Contact Date</label>
|
|
<input type="datetime-local" id="next_contact_date" name="next_contact_date" class="form-control" value="">
|
|
</div>
|
|
</form>
|
|
<button class="btn btn-sm btn-primary apply-transition-btn"
|
|
data-instance-id="21"
|
|
data-transition-id="submit_outcome">
|
|
Log Call Attempt </button>
|
|
<button class="btn btn-sm btn-primary apply-transition-btn"
|
|
data-instance-id="21"
|
|
data-transition-id="terminate_from_awaiting_call">
|
|
Zakończ proces </button>
|
|
</div>
|
|
</div>
|
|
|
|
<hr>
|
|
|
|
<div class="add-note-container">
|
|
<h5>Dodaj notatkę</h5>
|
|
<div class="mb-3">
|
|
<textarea id="noteMessage" class="form-control" rows="2" placeholder="Wpisz treść notatki..."></textarea>
|
|
</div>
|
|
<button id="addNoteBtn" class="btn btn-secondary" data-instance-id="21">Dodaj notatkę</button>
|
|
</div>
|
|
|
|
<hr>
|
|
|
|
<div class="history-container">
|
|
<h5>Historia</h5>
|
|
<ul class="list-group">
|
|
<li class="list-group-item">
|
|
<strong>System</strong>
|
|
<p class="mb-1 text-muted fst-italic">Process started.</p> <small class="text-muted">By Admin User on 11.01.2026, 07:00</small>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|