engagements/templates/engagements/snippets/effort_detail.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

<div id="effort-detail-{{ effort.id }}" class="bg-gray-100 p-4">
    <div class="flex justify-between items-center mb-2">
        <h4 class="text-lg font-semibold">Effort Details</h4>
        <button onclick="closeEffortDetail({{ effort.id }})" class="text-gray-500 hover:text-gray-700">
            <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"
                 xmlns="http://www.w3.org/2000/svg">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
            </svg>
        </button>
    </div>
    <div class="p-4">
        <h4 class="text-lg font-semibold mb-2">Effort Details</h4>
        <p><strong>Type:</strong> {{ effort.effort_type }}</p>
        <p><strong>Date:</strong> {{ effort.proposed_start_date|date:"d M Y" }}</p>
        <p><strong>Hours:</strong> {{ effort.hours }}</p>
        <p><strong>Notes:</strong> {{ effort.notes|default:"No notes available" }}</p>
        <!-- Add more fields as needed -->
    </div>
</div>

<script>
    function closeEffortDetail(effortId) {
        const detailDiv = document.getElementById(`effort-detail-${effortId}`);
        detailDiv.classList.add('hidden');
    }

</script>