pygitweb 0.1.0__py3-none-any.whl

pygitweb/templates/addproject.html

@@ -0,0 +1,174 @@
+<h1 class="page-title">Add project</h1>
+{% if show_sign_in_notice %}
+<div class="alert board-task-error-hint py-2 px-3 mb-3" role="alert">
+  You must be signed in to add a project (sign in via the sidebar or <a href="/login?next=/addproject">open the sign-in page</a>).
+</div>
+{% endif %}
+<div class="card">
+  <div class="card-body">
+    <form action="/addproject" method="post" enctype="multipart/form-data" class="needs-validation" novalidate>
+      <div class="mb-3" id="project_name_wrapper">
+        <label class="form-label required" for="project_name">Project Name</label>
+        <input type="text" class="form-control" id="project_name" name="project_name" required
+               placeholder="my-repo" autocomplete="off">
+        <small class="form-hint">Unique name for the project (no path segments).</small>
+      </div>
+
+      <div class="mb-3">
+        <label class="form-label">Project Type</label>
+        <radio-picker aria-label="Project source" role="radiogroup">
+          <label><input type="radio" name="project_source_type" id="empty-repo" value="empty" checked>Empty Repo</label>
+          <label><input type="radio" name="project_source_type" id="upload-zip" value="zip">Upload Zip</label>
+        </radio-picker>
+        <radio-tabs>
+          <div id="tab-empty-repo" tabindex="0" class="mt-3">
+            {{ empty_repo_form_content | safe }}
+          </div>
+          <div id="tab-upload-zip" tabindex="0" class="mt-3 d-none">
+            {{ upload_zip_form_content | safe }}
+          </div>
+        </radio-tabs>
+      </div>
+
+      <div class="mb-3">
+        <div class="form-check">
+          <input type="checkbox" class="form-check-input" id="perform_maintenance" name="perform_maintenance" value="on">
+          <label class="form-check-label" for="perform_maintenance">Perform maintenance</label>
+        </div>
+        <small class="form-hint">Run <code>git maintenance start</code> to schedule gc and other maintenance at a specified interval.</small>
+      </div>
+
+      <div class="mb-3">
+        <div class="form-check">
+          <input type="checkbox" class="form-check-input" id="create_task_board" name="create_task_board" value="on">
+          <label class="form-check-label" for="create_task_board">Create task board</label>
+        </div>
+        <small class="form-hint">Create a task board for this project; tasks are stored in the object database.</small>
+      </div>
+
+      <div class="form-footer">
+        <button type="submit" class="btn btn-primary">Add project</button>
+        <a href="/" class="btn btn-ghost-secondary">Cancel</a>
+      </div>
+    </form>
+  </div>
+</div>
+
+<script>
+(function() {
+  var projectNameInput = document.getElementById('project_name');
+  var nameValidTimeout = null;
+
+  function setProjectNameBorder(valid) {
+    projectNameInput.classList.remove('border', 'border-success', 'border-danger');
+    projectNameInput.classList.add('border');
+    if (valid === true) {
+      projectNameInput.classList.add('border-success');
+    } else if (valid === false) {
+      projectNameInput.classList.add('border-danger');
+    } else {
+      projectNameInput.classList.remove('border');
+    }
+  }
+
+  function checkProjectName() {
+    var name = (projectNameInput.value || '').trim();
+    if (!name) {
+      setProjectNameBorder(null);
+      return;
+    }
+    var url = '/projectnamevalid?name=' + encodeURIComponent(name);
+    fetch(url, { credentials: 'same-origin' })
+      .then(function(res) {
+        // 401/403 when not logged in → red outline; same as other validation failures.
+        setProjectNameBorder(res.ok);
+      })
+      .catch(function() {
+        setProjectNameBorder(null);
+      });
+  }
+
+  projectNameInput.addEventListener('blur', function() {
+    checkProjectName();
+  });
+  projectNameInput.addEventListener('input', function() {
+    clearTimeout(nameValidTimeout);
+    var name = (projectNameInput.value || '').trim();
+    if (!name) {
+      setProjectNameBorder(null);
+      return;
+    }
+    nameValidTimeout = setTimeout(checkProjectName, 400);
+  });
+})();
+
+(function() {
+  var sourceRadios = Array.prototype.slice.call(document.querySelectorAll('input[name="project_source_type"]'));
+  var emptyTab = document.getElementById('tab-empty-repo');
+  var zipTab = document.getElementById('tab-upload-zip');
+  var remoteInput = document.getElementById('pull_from_remote');
+  var zipInput = document.getElementById('repo_zip');
+
+  function getSelectedSource() {
+    for (var i = 0; i < sourceRadios.length; i++) {
+      if (sourceRadios[i].checked) {
+        return sourceRadios[i].value;
+      }
+    }
+    return 'empty';
+  }
+
+  function updateSourceTabs() {
+    var selected = getSelectedSource();
+    var isZip = selected === 'zip';
+    emptyTab.classList.toggle('d-none', isZip);
+    zipTab.classList.toggle('d-none', !isZip);
+    if (isZip) {
+      remoteInput.value = '';
+    } else {
+      zipInput.value = '';
+      zipInput.dispatchEvent(new Event('change'));
+    }
+  }
+
+  sourceRadios.forEach(function(radio) {
+    radio.addEventListener('change', updateSourceTabs);
+  });
+  updateSourceTabs();
+})();
+
+(function() {
+  var dropzone = document.getElementById('dropzone');
+  var input = document.getElementById('repo_zip');
+  var placeholder = dropzone.querySelector('[data-dropzone-placeholder]');
+  var filenameEl = dropzone.querySelector('[data-dropzone-filename]');
+
+  function showFile(name) {
+    if (name) {
+      placeholder.classList.add('d-none');
+      filenameEl.classList.remove('d-none');
+      filenameEl.textContent = 'Selected: ' + name;
+    } else {
+      placeholder.classList.remove('d-none');
+      filenameEl.classList.add('d-none');
+      filenameEl.textContent = '';
+    }
+  }
+
+  dropzone.addEventListener('click', function() { input.click(); });
+  dropzone.addEventListener('dragover', function(e) { e.preventDefault(); dropzone.classList.add('border-primary'); });
+  dropzone.addEventListener('dragleave', function() { dropzone.classList.remove('border-primary'); });
+  dropzone.addEventListener('drop', function(e) {
+    e.preventDefault();
+    dropzone.classList.remove('border-primary');
+    var files = e.dataTransfer.files;
+    if (files.length && files[0].name.toLowerCase().endsWith('.zip')) {
+      input.files = files;
+      showFile(files[0].name);
+    }
+  });
+  input.addEventListener('change', function() {
+    showFile(input.files.length ? input.files[0].name : null);
+  });
+})();
+</script>

pygitweb/templates/blobdiff.html

@@ -0,0 +1,57 @@
+<h1>Blob diff {{ path_new }}</h1>
+<p>Project: <a href="/project/{{ project }}">{{ project }}</a> · <a href="{{ blob_link }}">blob</a></p>
+<div id="d2h-container" data-diff-b64="{{ diff_b64 }}" data-has-diff="{{ 'true' if diff_b64 else 'false' }}">
+  <div id="d2h-output"></div>
+  <p id="d2h-empty" class="text-muted" style="display: none;">No changes between these blobs.</p>
+</div>
+<script>
+(function () {
+  var container = document.getElementById('d2h-container');
+  var output = document.getElementById('d2h-output');
+  var emptyEl = document.getElementById('d2h-empty');
+  var diffB64 = container.getAttribute('data-diff-b64');
+  var hasDiff = container.getAttribute('data-has-diff') === 'true';
+
+  function render() {
+    if (!hasDiff || !diffB64) {
+      emptyEl.style.display = 'block';
+      return;
+    }
+    try {
+      var raw = atob(diffB64);
+      if (!raw) {
+        emptyEl.style.display = 'block';
+        return;
+      }
+      var diffStr = (typeof TextDecoder !== 'undefined')
+        ? new TextDecoder('utf-8').decode(Uint8Array.from(raw, function (c) { return c.charCodeAt(0); }))
+        : raw;
+      if (typeof Diff2HtmlUI === 'undefined') {
+        output.innerHTML = '<p class="text-warning">Diff2HtmlUI not loaded.</p>';
+        return;
+      }
+      var config = {
+        drawFileList: true,
+        matching: 'lines',
+        outputFormat: 'side-by-side',
+        synchronisedScroll: true,
+        highlight: true
+      };
+      var diff2htmlUi = new Diff2HtmlUI(output, diffStr, config);
+      diff2htmlUi.draw();
+      diff2htmlUi.highlightCode();
+    } catch (e) {
+      output.innerHTML = '<p class="text-danger">Failed to render diff: ' + (e.message || e) + '</p>';
+    }
+  }
+
+  var script = document.getElementById('diff2html-script');
+  if (script && (typeof Diff2HtmlUI !== 'undefined')) {
+    render();
+  } else if (script) {
+    script.addEventListener('load', render);
+  } else {
+    render();
+  }
+})();
+</script>

pygitweb/templates/board.html

@@ -0,0 +1,31 @@
+{# Board view: columns (dropzones) and task cards. Expects: project, project_url, board_name, board_url, columns [ { status, label, tasks } ] #}
+
+<template id="board-card-template">
+  {% include "board_card.html" without context %}
+</template>
+
+<h1 class="page-title d-flex align-items-center gap-2">
+  <a href="{{ project_url }}" class="text-reset">{{ project }}</a>
+  <span class="text-muted">/</span>
+  <span>{{ board_name }} board</span>
+</h1>
+
+<div class="board-columns d-flex gap-3 overflow-auto pb-2" style="min-height: 70vh;" data-project="{{ project }}" data-board="{{ board_name }}">
+  {% for col in columns %}
+  <div class="board-column flex-shrink-0 rounded border p-2 dropzone"
+       data-status="{{ col.status }}"
+       style="min-width: 280px; width: 280px;">
+    <div class="d-flex align-items-center justify-content-between mb-2">
+      <h3 class="h6 mb-0 text-muted">{{ col.label }}</h3>
+      <button type="button" class="badge bg-secondary border-0 board-column-add-card" aria-label="Add card">{{ col.tasks | length }}</button>
+    </div>
+    <div class="board-column-cards d-flex flex-column">
+      {% for task in col.tasks %}
+      {% include "board_card.html" %}
+      {% endfor %}
+    </div>
+  </div>
+  {% endfor %}
+</div>
+
+<script src="/static/board.js"></script>

pygitweb/templates/board_card.html

@@ -0,0 +1,44 @@
+{# Static card structure. When `task` is provided and truthy, title and meta are filled (server); otherwise empty for template clone / JS fill. .board-card-details is hidden on the small card and shown in the popout. #}
+<div class="card board-card mb-2 draggable" data-task-ref="{{ task.ref if task else '' }}" data-task-status="{{ (task.status or 'TODO') if task else 'TODO' }}" draggable="true">
+  <div class="card-body py-2 px-3 position-relative">
+    <span class="board-card-icon-wrap position-absolute top-0 end-0 mt-1 me-1" aria-hidden="true"><span class="board-card-icon" data-icon="cloud"></span></span>
+    <div class="board-card-title fw-medium text-truncate"{% if task %} title="{{ task.title }}"{% endif %}>{% if task %}{{ task.title or 'Untitled' }}{% endif %}</div>
+    <div class="board-card-description small board-card-description-preview mt-1 text-truncate">{% if task and task.description %}{{ task.description }}{% else %}{% endif %}</div>
+    <div class="board-card-meta d-flex align-items-center gap-1 mt-1 small text-muted">
+      {% if task %}
+        {% if task.priority and task.priority != 'LOW' %}
+        <span class="badge badge-outline text-{{ 'danger' if task.priority == 'CRITICAL' else 'warning' if task.priority == 'HIGH' else 'secondary' }}">{{ task.priority }}</span>
+        {% else %}
+        <span class="badge badge-outline text-secondary">LOW</span>
+        {% endif %}
+        {% if task.assignee %}
+        <span class="text-truncate">{{ task.assignee }}</span>
+        {% else %}
+        <span class="text-truncate">None</span>
+        {% endif %}
+        <span class="ms-auto board-card-comments-count-meta">{{ task.comments_count | default(0) }} comment{{ 's' if (task.comments_count | default(0)) != 1 else '' }}</span>
+      {% else %}
+        <span class="badge badge-outline text-secondary">LOW</span>
+        <span class="text-truncate">None</span>
+        <span class="ms-auto">0 comments</span>
+      {% endif %}
+    </div>
+    <div class="board-card-details d-none mt-2 pt-2 border-top small">
+      <div class="mb-2"><strong class="text-muted">Description</strong><div class="board-card-description-full board-card-editable board-card-markdown mt-1">{% if task and task.description %}{{ task.description }}{% else %}{% endif %}</div></div>
+      <div class="mb-2"><strong class="text-muted">Due date</strong><div class="board-card-due-date board-card-editable text-muted mt-1">{% if task and task.due_date %}{{ task.due_date }}{% else %}None{% endif %}</div></div>
+      <div class="mb-2"><strong class="text-muted">Last modified</strong><div class="board-card-updated-at text-muted mt-1">{% if task and task.updated_at %}{{ task.updated_at }}{% else %}None{% endif %}</div></div>
+      <div class="mb-2"><strong class="text-muted">Status</strong><div class="board-card-status board-card-editable text-muted mt-1">{% if task %}{{ task.status or 'TODO' }}{% else %}TODO{% endif %}</div></div>
+      <div class="mb-2"><strong class="text-muted">Priority</strong><div class="board-card-priority board-card-editable text-muted mt-1">{% if task and task.priority %}{{ task.priority }}{% else %}LOW{% endif %}</div></div>
+      <div class="mb-2"><strong class="text-muted">Assignee</strong><div class="board-card-assignee text-muted mt-1">{% if task and task.assignee %}{{ task.assignee }}{% else %}None{% endif %}</div></div>
+      <div class="mb-0 board-card-comments-section">
+        <strong class="text-muted">Comments</strong>
+        <div class="board-card-comments-list mt-2"></div>
+        <form class="board-card-comment-form d-none mt-2" action="#" method="post">
+          <textarea class="form-control form-control-sm board-card-comment-input" rows="2" placeholder="Add a comment…" aria-label="Comment"></textarea>
+          <button type="submit" class="btn btn-sm btn-primary mt-1">Post comment</button>
+        </form>
+        <p class="board-card-comment-signin-hint text-muted small mt-1 mb-0 d-none">Sign in to add a comment.</p>
+      </div>
+    </div>
+  </div>
+</div>

pygitweb/templates/commitdiff.html

@@ -0,0 +1,57 @@
+<h1>Commit diff {{ oid_short }}</h1>
+<p>Project: <a href="/project/{{ project }}">{{ project }}</a> · <a href="{{ commit_link }}">commit</a></p>
+<div id="d2h-container" data-diff-b64="{{ diff_b64 }}" data-has-diff="{{ 'true' if diff_b64 else 'false' }}">
+  <div id="d2h-output"></div>
+  <p id="d2h-empty" class="text-muted" style="display: none;">No changes in this commit.</p>
+</div>
+<script>
+(function () {
+  var container = document.getElementById('d2h-container');
+  var output = document.getElementById('d2h-output');
+  var emptyEl = document.getElementById('d2h-empty');
+  var diffB64 = container.getAttribute('data-diff-b64');
+  var hasDiff = container.getAttribute('data-has-diff') === 'true';
+
+  function render() {
+    if (!hasDiff || !diffB64) {
+      emptyEl.style.display = 'block';
+      return;
+    }
+    try {
+      var raw = atob(diffB64);
+      if (!raw) {
+        emptyEl.style.display = 'block';
+        return;
+      }
+      var diffStr = (typeof TextDecoder !== 'undefined')
+        ? new TextDecoder('utf-8').decode(Uint8Array.from(raw, function (c) { return c.charCodeAt(0); }))
+        : raw;
+      if (typeof Diff2HtmlUI === 'undefined') {
+        output.innerHTML = '<p class="text-warning">Diff2HtmlUI not loaded.</p>';
+        return;
+      }
+      var config = {
+        drawFileList: true,
+        matching: 'lines',
+        outputFormat: 'side-by-side',
+        synchronisedScroll: true,
+        highlight: true
+      };
+      var diff2htmlUi = new Diff2HtmlUI(output, diffStr, config);
+      diff2htmlUi.draw();
+      diff2htmlUi.highlightCode();
+    } catch (e) {
+      output.innerHTML = '<p class="text-danger">Failed to render diff: ' + (e.message || e) + '</p>';
+    }
+  }
+
+  var script = document.getElementById('diff2html-script');
+  if (script && (typeof Diff2HtmlUI !== 'undefined')) {
+    render();
+  } else if (script) {
+    script.addEventListener('load', render);
+  } else {
+    render();
+  }
+})();
+</script>

pygitweb/templates/hooks_summary_cell.html

@@ -0,0 +1,37 @@
+{# Project summary hooks row: installed hooks + install dropdown (hook-install.js). #}
+{% if mode == "unavailable" %}
+<span class="text-muted">unavailable</span>
+{% else %}
+{% if installed %}
+<ul class="list-unstyled mb-2">
+  {% for hook in installed %}
+  <li class="d-flex flex-wrap align-items-center gap-2 mb-1">
+    <span>{{ hook.label }} (<code>{{ hook.target }}</code>)</span>
+    {% if hook.version %}
+    <span class="text-muted small">v{{ hook.version }}</span>
+    {% endif %}
+    {% if hook.status == "installed" %}
+    <button type="button" class="btn btn-sm btn-ghost-secondary hook-toggle" data-project="{{ project_enc }}" data-sample="{{ hook.name }}" data-op="remove">Uninstall</button>
+    {% elif hook.status == "different" %}
+    <span class="text-muted small">custom hook installed; refusing to manage</span>
+    {% endif %}
+  </li>
+  {% endfor %}
+</ul>
+{% else %}
+<p class="text-muted mb-2">No hooks installed.</p>
+{% endif %}
+{% if available %}
+<div class="d-flex flex-wrap align-items-center gap-2">
+  <label for="hook-install-select" class="visually-hidden">Install hook</label>
+  <select id="hook-install-select" class="form-select form-select-sm" style="width: auto; min-width: 12rem;">
+    {% for hook in available %}
+    <option value="{{ hook.name }}">{{ hook.label }} ({{ hook.target }})</option>
+    {% endfor %}
+  </select>
+  <button type="button" class="btn btn-sm btn-primary hook-install-btn" data-project="{{ project_enc }}" data-op="add">Install</button>
+</div>
+{% else %}
+<span class="text-muted">All available hooks are installed.</span>
+{% endif %}
+{% endif %}

pygitweb/templates/login.html

@@ -0,0 +1,37 @@
+<h1 class="page-title">Sign in</h1>
+<div class="card">
+  <div class="card-body">
+    {% if error %}
+    <div class="alert alert-danger mb-3" role="alert">{{ error }}</div>
+    {% endif %}
+    {% if oauth_available %}
+    <p class="mb-3">
+      <a class="btn btn-outline-primary" href="/auth/oauth/start?next={{ next | urlencode }}">
+        Sign in with {{ oauth_provider | e }}
+      </a>
+    </p>
+    {% if local_available %}
+    <p class="text-muted small mb-3">or use a local account</p>
+    {% endif %}
+    {% endif %}
+    {% if local_available %}
+    <form method="post" action="/login" class="needs-validation" novalidate>
+      <input type="hidden" name="next" value="{{ next }}">
+      <div class="mb-3">
+        <label class="form-label required" for="login_username">Username</label>
+        <input type="text" class="form-control" id="login_username" name="username" required
+               autocomplete="username" autofocus>
+      </div>
+      <div class="mb-3">
+        <label class="form-label required" for="login_password">Password</label>
+        <input type="password" class="form-control" id="login_password" name="password" required
+               autocomplete="current-password">
+      </div>
+      <button type="submit" class="btn btn-primary">Sign in</button>
+    </form>
+    <p class="mt-3 mb-0 text-muted small">API clients can use <code>POST /token</code> (OAuth2 password) instead.</p>
+    {% elif not oauth_available %}
+    <p class="text-muted mb-0">No sign-in methods are configured.</p>
+    {% endif %}
+  </div>
+</div>

pygitweb/templates/merge_request_summary_cell.html

@@ -0,0 +1,18 @@
+{# Summary row: open MR from branch picks. Expects: project, branches [ { short, ref } ], theirs_default_ref, ours_default_ref #}
+<form method="post" action="/mr/create" class="d-flex flex-wrap align-items-center gap-2">
+  <input type="hidden" name="project" value="{{ project }}" />
+  <label for="summary-mr-theirs" class="form-label mb-0 text-muted small">Theirs</label>
+  <select name="theirs" id="summary-mr-theirs" class="form-select form-select-sm" style="width: auto; min-width: 10rem;" required>
+    {% for b in branches %}
+    <option value="{{ b.ref }}" {% if b.ref == theirs_default_ref %}selected{% endif %}>{{ b.short }}</option>
+    {% endfor %}
+  </select>
+  <span class="text-muted" aria-hidden="true">→</span>
+  <label for="summary-mr-ours" class="form-label mb-0 text-muted small">Ours</label>
+  <select name="ours" id="summary-mr-ours" class="form-select form-select-sm" style="width: auto; min-width: 10rem;" required>
+    {% for b in branches %}
+    <option value="{{ b.ref }}" {% if b.ref == ours_default_ref %}selected{% endif %}>{{ b.short }}</option>
+    {% endfor %}
+  </select>
+  <button type="submit" class="btn btn-sm btn-primary">Open merge request</button>
+</form>

pygitweb/templates/merge_request_tag.html

@@ -0,0 +1,90 @@
+{# Merge request view for annotated MR tags. Expects: project, project_url, tag_name, tag_oid, tag_view_url, mr_title, mr_description, ours_ref, ours_url, theirs_ref, theirs_url, head_short, head_url, head_full, tagger, tagger_date, opener, created_at, updated_at, comments [ (short, url) ], merge_action_url, status_code, status_label, status_detail, show_merge_button #}
+
+<h1 class="page-title mb-3">Merge request</h1>
+
+<p class="text-muted mb-4">
+  Project: <a href="{{ project_url }}" class="text-reset">{{ project }}</a>
+  · Tag: <a href="{{ tag_view_url }}" class="text-reset">{{ tag_name }}</a>
+</p>
+
+<div class="row row-cards mb-4">
+  <div class="col-12">
+    <div class="card">
+      <div class="card-header">
+        <h2 class="card-title mb-0">{{ mr_title }}</h2>
+      </div>
+      <div class="card-body">
+        {% if mr_description %}
+        <div class="markdown-body mb-3" style="white-space: pre-wrap;">{{ mr_description }}</div>
+        {% endif %}
+        <dl class="row mb-0">
+          <dt class="col-sm-3">Ours</dt>
+          <dd class="col-sm-9"><a href="{{ ours_url }}">{{ ours_ref }}</a></dd>
+          <dt class="col-sm-3">Theirs</dt>
+          <dd class="col-sm-9">
+            {% if theirs_ref %}
+            <a href="{{ theirs_url }}">{{ theirs_ref }}</a>
+            {% else %}
+            <span class="text-muted">(not tracked)</span>
+            {% endif %}
+          </dd>
+          <dt class="col-sm-3">Head</dt>
+          <dd class="col-sm-9">
+            {% if head_url %}<a href="{{ head_url }}">{{ head_short }}</a>{% else %}{{ head_short }}{% endif %}
+            <span class="text-muted small ms-1">{{ head_full }}</span>
+          </dd>
+          <dt class="col-sm-3">Tagger (annotated tag)</dt>
+          <dd class="col-sm-9">{{ tagger }} · {{ tagger_date }}</dd>
+          <dt class="col-sm-3">Opener (payload)</dt>
+          <dd class="col-sm-9">{{ opener }}</dd>
+          <dt class="col-sm-3">Created</dt>
+          <dd class="col-sm-9"><code class="small">{{ created_at }}</code></dd>
+          <dt class="col-sm-3">Updated</dt>
+          <dd class="col-sm-9"><code class="small">{{ updated_at }}</code></dd>
+        </dl>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="row row-cards mb-4">
+  <div class="col-12 col-lg-6">
+    <div class="card">
+      <div class="card-header">
+        <h3 class="card-title">Merge status</h3>
+      </div>
+      <div class="card-body">
+        <p class="mb-1"><span class="badge bg-secondary">{{ status_code }}</span> {{ status_label }}</p>
+        {% if status_detail %}
+        <p class="text-danger small mb-0">{{ status_detail }}</p>
+        {% endif %}
+        <form method="post" action="{{ merge_action_url }}" class="mt-3">
+          <button type="submit" class="btn btn-primary" {% if not show_merge_button %}disabled{% endif %}>
+            Merge (fast-forward only)
+          </button>
+          {% if not show_merge_button %}
+          <span class="text-muted small ms-2">Only available when a fast-forward merge is possible.</span>
+          {% endif %}
+        </form>
+      </div>
+    </div>
+  </div>
+  <div class="col-12 col-lg-6">
+    <div class="card">
+      <div class="card-header">
+        <h3 class="card-title">Comments</h3>
+      </div>
+      <div class="card-body">
+        {% if comments %}
+        <ul class="list-unstyled mb-0">
+          {% for short_id, url in comments %}
+          <li class="mb-1"><a href="{{ url }}">{{ short_id }}</a></li>
+          {% endfor %}
+        </ul>
+        {% else %}
+        <p class="text-muted mb-0">No comment references.</p>
+        {% endif %}
+      </div>
+    </div>
+  </div>
+</div>

pygitweb/templates/pagination.html

@@ -0,0 +1,44 @@
+{# Tabler-style pagination. Expects: current_page, pagecount, has_prev, has_next, prev_url, next_url; optional: total_pages, page_links (list of (page_num, url) for numbered links). #}
+<nav aria-label="Pagination" class="d-flex justify-content-between align-items-center mt-3">
+  <div class="text-secondary small">
+    Page {{ current_page }}{% if total_pages is defined and total_pages is not none %} of {{ total_pages }}{% endif %}
+    <span class="ms-2">({{ pagecount }} per page)</span>
+  </div>
+  <ul class="pagination mb-0">
+    <li class="page-item{% if not has_prev %} disabled{% endif %}">
+      {% if has_prev %}
+      <a class="page-link" href="{{ prev_url }}" aria-label="Previous">
+        <span aria-hidden="true">&laquo;</span>
+      </a>
+      {% else %}
+      <span class="page-link" aria-label="Previous" aria-disabled="true">
+        <span aria-hidden="true">&laquo;</span>
+      </span>
+      {% endif %}
+    </li>
+    {% if page_links is defined and page_links %}
+      {% for p, u in page_links %}
+    <li class="page-item{% if p == current_page %} active{% endif %}{% if not u %} disabled{% endif %}">
+      {% if u %}
+      <a class="page-link" href="{{ u }}">{{ p }}</a>
+      {% else %}
+      <span class="page-link">&hellip;</span>
+      {% endif %}
+    </li>
+      {% endfor %}
+    {% else %}
+    <li class="page-item active"><span class="page-link">{{ current_page }}</span></li>
+    {% endif %}
+    <li class="page-item{% if not has_next %} disabled{% endif %}">
+      {% if has_next %}
+      <a class="page-link" href="{{ next_url }}" aria-label="Next">
+        <span aria-hidden="true">&raquo;</span>
+      </a>
+      {% else %}
+      <span class="page-link" aria-label="Next" aria-disabled="true">
+        <span aria-hidden="true">&raquo;</span>
+      </span>
+      {% endif %}
+    </li>
+  </ul>
+</nav>