summaryrefslogtreecommitdiff
path: root/cgithub
diff options
context:
space:
mode:
Diffstat (limited to 'cgithub')
-rw-r--r--cgithub/views/_tree.eta7
-rw-r--r--cgithub/views/repo.eta5
2 files changed, 10 insertions, 2 deletions
diff --git a/cgithub/views/_tree.eta b/cgithub/views/_tree.eta
index 2eb445f..fc7707b 100644
--- a/cgithub/views/_tree.eta
+++ b/cgithub/views/_tree.eta
@@ -1,7 +1,12 @@
<%~ include("./_nav.eta", {...it, isTree: true}) %>
<% const commitPath = it.path && it.path !== "/" ? it.path : ""; %>
-<div class="placeholder box" data-src="/api/<%= it.repo.owner %>/<%= it.repo.name %>/latest-commit/<%= it.branch %>/<%= commitPath %>">Loading latest commit…</div>
+<div class="placeholder commit box" data-src="/api/<%= it.repo.owner %>/<%= it.repo.name %>/latest-commit/<%= it.branch %>/<%= commitPath %>">
+ <div>
+ <div>…</div>
+ <div class="commit-author">…</div>
+ </div>
+</div>
<table>
<% for (const item of it.items) { %>
diff --git a/cgithub/views/repo.eta b/cgithub/views/repo.eta
index 9122594..1bff97f 100644
--- a/cgithub/views/repo.eta
+++ b/cgithub/views/repo.eta
@@ -29,6 +29,9 @@
</div>
<% } %>
-<div class="placeholder box" data-src="/api/<%= it.repo.owner %>/<%= it.repo.name %>/languages">Loading languages…</div>
+<div class="placeholder languages box" data-src="/api/<%= it.repo.owner %>/<%= it.repo.name %>/languages">
+ <div class="language-bar"><span style="width: 100%; background: #ededed"></span></div>
+ <ul class="language-list"><li>…</li></ul>
+</div>
<%~ include("./_tree", it) %>