arche / internal/archesrv/templates/srv_repo_home.html

commit a22ffc45
  1{{ define "title" }}{{.Repo}}{{ end }} {{ define "navextra" }}<a href="/{{.Repo}}">{{.Repo}}</a>
  2<a href="/{{.Repo}}/log">log</a> <a href="/{{.Repo}}/tree">tree</a>
  3<a href="/{{.Repo}}/issues">issues</a> <a href="/{{.Repo}}/stacks">stacks</a>
  4<a href="/{{.Repo}}/wiki">wiki</a>{{ end }} {{ define "srv_repo_home.html" }}{{
  5template "head" . }}
  6<style>
  7  .entry-dir a .folder-icon-open {
  8    display: none;
  9  }
 10  .entry-dir a:hover .folder-icon {
 11    display: none;
 12  }
 13  .entry-dir a:hover .folder-icon-open {
 14    display: inline;
 15  }
 16  .readme-box {
 17    border: 1px solid #ddd;
 18    border-radius: 4px;
 19    margin-top: 24px;
 20  }
 21  .readme-header {
 22    background: #f4f4f4;
 23    padding: 6px 12px;
 24    font-size: 12px;
 25    color: #666;
 26    border-bottom: 1px solid #ddd;
 27    border-radius: 4px 4px 0 0;
 28  }
 29  .readme-body {
 30    padding: 16px 20px;
 31    line-height: 1.6;
 32  }
 33  .readme-body h1,
 34  .readme-body h2,
 35  .readme-body h3 {
 36    margin: 1em 0 0.4em;
 37    font-size: 1.1em;
 38  }
 39  .readme-body h1 {
 40    font-size: 1.4em;
 41    border-bottom: 1px solid #eee;
 42    padding-bottom: 4px;
 43  }
 44  .readme-body h2 {
 45    font-size: 1.2em;
 46    border-bottom: 1px solid #eee;
 47    padding-bottom: 2px;
 48  }
 49  .readme-body p {
 50    margin: 0.6em 0;
 51  }
 52  .readme-body pre {
 53    background: #f8f8f8;
 54    border: 1px solid #ddd;
 55    border-radius: 3px;
 56    padding: 10px 12px;
 57    overflow-x: auto;
 58    font-size: 13px;
 59  }
 60  .readme-body code {
 61    background: #f0f0f0;
 62    padding: 1px 4px;
 63    border-radius: 2px;
 64    font-size: 12px;
 65  }
 66  .readme-body pre code {
 67    background: none;
 68    padding: 0;
 69  }
 70  .readme-body ul,
 71  .readme-body ol {
 72    padding-left: 1.5em;
 73    margin: 0.5em 0;
 74  }
 75  .readme-body blockquote {
 76    border-left: 3px solid #ddd;
 77    padding-left: 12px;
 78    color: #666;
 79    margin: 0.5em 0;
 80  }
 81  .readme-body a {
 82    color: #0645ad;
 83  }
 84  .readme-body table {
 85    border-collapse: collapse;
 86  }
 87  .readme-body th,
 88  .readme-body td {
 89    border: 1px solid #ddd;
 90    padding: 4px 8px;
 91  }
 92  .readme-body th {
 93    background: #f4f4f4;
 94  }
 95</style>
 96<div class="container">
 97    <h1 class="repo-name">{{.Repo}}</h1>
 98    <div class="repo-meta">
 99        at
100        <a href="/{{.Repo}}/commit?id={{.CommitHex}}"><code>{{.ShortHex}}</code></a>
101        &nbsp;·&nbsp; <a href="/{{.Repo}}/log">log</a> &nbsp;·&nbsp;
102        <a href="/{{.Repo}}/tree?id={{.CommitHex}}">browse tree</a>
103    </div>
104    {{ if .Entries }}
105    <table style="margin-top: 12px">
106        <thead>
107            <tr>
108                <th>Name</th>
109                <th>Type</th>
110            </tr>
111        </thead>
112        <tbody>
113            {{ range .Entries }}
114        <tr class="{{ if .IsDir }}entry-dir{{ else }}entry-file{{ end }}">
115            <td>
116                <a href="{{.Link}}">{{ if .IsDir }}
117                    <svg class="folder-icon"
118                         xmlns="http://www.w3.org/2000/svg"
119                         width="14"
120                         height="14"
121                         viewBox="0 0 24 24"
122                         style="vertical-align: -2px;
123                                margin-right: 4px">
124                        <path fill="currentColor" d="M4 20q-.825 0-1.412-.587T2 18V6q0-.825.588-1.412T4 4h6l2 2h8q.825 0 1.413.588T22 8v10q0 .825-.587 1.413T20 20zm0-2h16V8h-8.825l-2-2H4zm0 0V6z" />
125                    </svg>
126                    <svg class="folder-icon-open"
127                         xmlns="http://www.w3.org/2000/svg"
128                         width="14"
129                         height="14"
130                         viewBox="0 0 24 24"
131                         style="vertical-align: -2px;
132                                margin-right: 4px;
133                                display: none">
134                        <path fill="currentColor" d="M4 20q-.825 0-1.412-.587T2 18V6q0-.825.588-1.412T4 4h6l2 2h8q.825 0 1.413.588T22 8H11.175l-2-2H4v12l2.4-8h17.1l-2.575 8.575q-.2.65-.737 1.038T19 20zm2.1-2H19l1.8-6H7.9zm0 0l1.8-6zM4 8V6z" />
135                    </svg>
136                {{ end }}{{.Name}}</a>
137            </td>
138            <td style="color: #888; font-size: 12px">{{ if .IsDir }}dir{{ else }}{{.Mode}}{{ end }}</td>
139        </tr>
140        {{ end }}
141    </tbody>
142</table>
143{{ end }} {{ if .ReadmeName }}
144<div class="readme-box">
145    <div class="readme-header">{{.ReadmeName}}</div>
146    <div class="readme-body">{{.ReadmeHTML}}</div>
147</div>
148{{ end }}
149</div>
150{{ template "foot" . }} {{ end }}