tp_servicedesk/ui/views/project/index.html

<h3 class="title">Projects</h3>

<table class="table is-fullwidth is-hoverable is-bordered">
    <thead>
        <tr class="is-primary">
            <th>ID</th>
            <th>Title</th>
            <th>Requester</th>
            <th>Created By</th>
            <th>Created At</th>
            <th>Start Date</th>
            <th>End Date</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>{id}</td>
            <td>{title}</td>
            <td>{requester}</td>
            <td>{created_by}</td>
            <td>{created_at}</td>
            <td>{start_date}</td>
            <td>{end_date}</td>
        </tr>
    </tbody>
</table>

<hr>


<h3 class="title">Project {NAME}</h3>
<div class="columns">
    <div class="column is-two-thirds">
        <h3 class="title subtitle">Overview</h3>
        <div class="skeleton-lines">
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
        </div>
    </div>
    <div class="column">
        <div class="block">
            <h3 class="title subtitle">Links</h3>
                <div class="skeleton-lines">
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                </div>
        </div>
    </div>
</div>

<hr>

<div class="columns">
    <div class="column">
        <h3 class="title subtitle">Tickets</h3>
            <div class="skeleton-lines">
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
            </div>
    </div>
    <div class="column">
        <h3 class="title subtitle">Tasks</h3>
            <div class="skeleton-lines">
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
            </div>
    </div>
    <div class="column">
        <h3 class="title subtitle">Events</h3>
            <div class="skeleton-lines">
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
            </div>
    </div>
</div>

<hr>

<div class="columns">
    <div class="column">
        <h3 class="title">Timeline</h3>
        <div class="skeleton-lines">
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
        </div>
    </div>
</div>

<parsedown inline="true">
---
## View project 

A central place to see everything for this project:

- Overview: (title, description, links, start/end dates).
- related tickets (with status and priorities)
- events
- tasks
- timeline combining events, tickets, milestone dates

## Example Workflow

- create a project - `team manager overview`
-- attach relevant links
- add tickets - each new request or issue can be a ticket referencing this project
- add events - quick notes about management meetings, or verbal discussions that don't need ticket overhead
-- meeting on 01 jan to discuss layout
-- teams message on 28 jan clarifying data requirements
- project tasks - for smaller to do items that don't warrant a full ticket
-- identify location of required data, create initial pq connections, build a mockup layout

## Reporting Timelines
- timeline view - merge ticket data with project_events sorted by date - chronological Overview
- status summaries - how many tickets open, on hold, completed
- progress tracking - sumarries or gantt style charts
</parsedown>