diff options
Diffstat (limited to 'cgithub/views')
| -rw-r--r-- | cgithub/views/_languages.eta | 17 | ||||
| -rw-r--r-- | cgithub/views/_tree.eta | 2 | ||||
| -rw-r--r-- | cgithub/views/repo.eta | 2 |
3 files changed, 20 insertions, 1 deletions
diff --git a/cgithub/views/_languages.eta b/cgithub/views/_languages.eta new file mode 100644 index 0000000..8aca447 --- /dev/null +++ b/cgithub/views/_languages.eta @@ -0,0 +1,17 @@ +<% if (it.languages.length > 0) { %> + <div class="languages box"> + <div class="language-bar"> + <% for (const lang of it.languages) { %> + <span style="width: <%= lang.percentage %>%; background: <%= lang.color ?? "#ededed" %>" title="<%= lang.name %> <%= lang.percentage %>%"></span> + <% } %> + </div> + <ul class="language-list"> + <% for (const lang of it.languages) { %> + <li> + <span class="language-dot" style="background: <%= lang.color ?? "#ededed" %>"></span> + <%= lang.name %> <span class="language-percentage"><%= lang.percentage %>%</span> + </li> + <% } %> + </ul> + </div> +<% } %> diff --git a/cgithub/views/_tree.eta b/cgithub/views/_tree.eta index a0ecfab..2eb445f 100644 --- a/cgithub/views/_tree.eta +++ b/cgithub/views/_tree.eta @@ -1,7 +1,7 @@ <%~ include("./_nav.eta", {...it, isTree: true}) %> <% const commitPath = it.path && it.path !== "/" ? it.path : ""; %> -<div class="latest-commit-placeholder box" data-src="/api/<%= it.repo.owner %>/<%= it.repo.name %>/latest-commit/<%= it.branch %>/<%= commitPath %>">Loading latest commit…</div> +<div class="placeholder box" data-src="/api/<%= it.repo.owner %>/<%= it.repo.name %>/latest-commit/<%= it.branch %>/<%= commitPath %>">Loading latest commit…</div> <table> <% for (const item of it.items) { %> diff --git a/cgithub/views/repo.eta b/cgithub/views/repo.eta index 683a9ad..9122594 100644 --- a/cgithub/views/repo.eta +++ b/cgithub/views/repo.eta @@ -29,4 +29,6 @@ </div> <% } %> +<div class="placeholder box" data-src="/api/<%= it.repo.owner %>/<%= it.repo.name %>/languages">Loading languages…</div> + <%~ include("./_tree", it) %> |