repos / pgit

issues.page.tmpl

 1{{template "base" .}}
 2
 3{{define "title"}}Issues - {{.Repo.RepoName}}{{end}}
 4{{define "meta"}}{{end}}
 5
 6{{define "content"}}
 7<div class="issues-page-header flex justify-between items-center mb-2">
 8    <div class="filters">
 9        <input type="text" id="issue-filter-input" placeholder="Filter all issues" class="mono">
10    </div>
11    <a id="new-issue-btn" href="#" class="btn">New Issue</a>
12</div>
13
14<div class="box">
15    <header class="issues-list-header flex items-center p border-b">
16        <strong>{{len .Issues}} Issues</strong>
17    </header>
18    <ul class="list-none p-0 m-0" id="issues-list">
19        {{range .Issues}}
20        <li class="issue-list-item flex items-center gap p" data-issue-title="{{.Title}}">
21            <span class="issue-status issue-status-{{.StatusClass}}">
22                {{if .IsClosed}}
23                <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path d="M11.28 6.78a.75.75 0 0 0-1.06-1.06L7.25 8.69 5.78 7.22a.75.75 0 0 0-1.06 1.06l2 2a.75.75 0 0 0 1.06 0l3.5-3.5Z"></path><path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0Zm-1.5 0a6.5 6.5 0 1 0-13 0 6.5 6.5 0 0 0 13 0Z"></path></svg>
24                {{else}}
25                <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"></path><path d="M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0ZM1.5 8a6.5 6.5 0 1 1 13 0 6.5 6.5 0 0 1-13 0Z"></path></svg>
26                {{end}}
27            </span>
28            <div class="flex-1">
29                <a href="{{.URL}}" class="font-bold">{{.Title}}</a>
30                <div class="text-sm font-grey-light">
31                    #{{.ID}} opened on {{.CreatedAt.Format "Jan 2, 2006"}} by {{getAuthor .Author}}
32                </div>
33            </div>
34            <div class="issue-actions">
35                <div class="dropdown">
36                    <button class="btn btn-secondary dropdown-toggle">Mark as ▼</button>
37                    <div class="dropdown-menu">
38                        {{$issueID := .ID}}
39                        {{range $status, $class := $.Repo.IssueDB.MarkAs}}
40                        <a href="#" class="dropdown-item mark-as-btn" data-issue-id="{{$issueID}}" data-status="{{$status}}">{{$status}}</a>
41                        {{end}}
42                    </div>
43                </div>
44            </div>
45        </li>
46        {{else}}
47        <li class="p">No issues found.</li>
48        {{end}}
49    </ul>
50</div>
51{{end}}