edward/add-links
1
0
Fork 0
Code Issues 3 Pull requests Projects Releases Packages Wiki Activity

Redesign UI and fix several bugs

Browse source 
- Add navbar with login/logout, search form, and Find Link branding
- Clean up index page: search-only, examples behind ?debug=1
- Improve article page: remove debug clutter, named Wikipedia links, collapsible candidates
- Add SVG favicon (🔗 emoji)
- Fix diff CSS: compact layout, auto table layout to eliminate wide marker column gap
- Catch TokenRequestDenied in OAuth start and show error page
- Store username in session at login; clear bad session on API failure
- Raise NoMatch when diff is empty (edit already applied)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Edward Betts 2026-05-11 11:30:12 +01:00
parent 7867122326
commit bc6265d4cd
11 changed files with 167 additions and 90 deletions
Download patch file Download diff file Expand all files Collapse all files

11
templates/all_done.html
View file

@ -1,10 +1,11 @@
{% extends "base.html" %}
{% block title %}Index{% endblock %}
{% block title %}All done{% endblock %}
{% block content %}
<div class="container">
<h1>All done</h1>
<div><a href="{{ url_for('index') }}">back to index </a></div>
</div>
<div class="container text-center mt-5">
<h1 class="mb-3">All done</h1>
<p class="text-muted mb-4">No more candidates found for this article.</p>
<a href="{{ url_for('index') }}" class="btn btn-primary">Search another article</a>
</div>
{% endblock %}

68
templates/article.html
View file

@ -1,48 +1,54 @@
{% extends "base.html" %}
{% block title %}Link '{{ title }}' in '{{ hit_title }}'{% endblock %}
{% block title %}{{ title }} in {{ hit_title }}{% endblock %}
{% block style %}
<link href="{{ url_for("static", filename="css/diff.css") }}" rel="stylesheet"/>
{% endblock %}
{% block content %}
<div class="container">
<h1>Link '{{ title }}' in '{{ hit_title }}'</h1>
<form action="{{ url_for("index") }}">
<input name="q">
<input type="submit" value="search">
</form>
<div class="container">
<nav aria-label="breadcrumb" class="mb-3">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="{{ url_for('index') }}">Home</a></li>
<li class="breadcrumb-item active">{{ title }}</li>
</ol>
</nav>
<div>Username: {{ g.user }}</div>
<div class="d-flex flex-wrap align-items-baseline gap-3 mb-1">
<h1 class="h4 mb-0">Link "{{ title }}" in "{{ hit_title }}"</h1>
<a href="https://en.wikipedia.org/wiki/{{ title }}" target="_blank" class="text-muted small">{{ title }} ↗</a>
<a href="https://en.wikipedia.org/wiki/{{ hit_title }}" target="_blank" class="text-muted small">{{ hit_title }} ↗</a>
</div>
<div><a href="https://en.wikipedia.org/wiki/{{ title }}" target="_blank">view article</a></div>
<div class="d-flex gap-3 mb-4 text-muted small">
<span>{{ total }} mentions total</span>
<span>{{ with_link }} already linked ({{ "{:.0%}".format(with_link / total) }})</span>
</div>
<div><a href="{{ url_for('index') }}">back to index </a></div>
<div class="mb-4">
<table class="diff">{{ diff | safe }}</table>
</div>
<div>total: {{ total }}</div>
<div>with link: {{ with_link }}</div>
<div>ratio: {{ "{:.1%}".format(with_link / total) }}</div>
{# <div>hit: {{ hit }}</div> #}
<div>replacement: {{ found.replacement }}</div>
<div>section: {{ found.section }}</div>
<table>
{{ diff | safe }}
</table>
<form method="POST">
<input type="hidden" name="hit" value="{{ hit_title }}">
<div class="my-3">
<input type="submit" class="btn btn-primary" value="save"/>
<a href="{{url_for("article_page", url_title=url_title, after=hit_title)}}" class="btn btn-primary">skip</a>
</div>
</form>
<form method="POST" class="mb-4">
<input type="hidden" name="hit" value="{{ hit_title }}">
<div class="d-flex gap-2">
<button type="submit" class="btn btn-success">Save edit</button>
<a href="{{ url_for("article_page", url_title=url_title, after=hit_title) }}" class="btn btn-outline-secondary">Skip</a>
</div>
</form>
<ol>
{% if hits %}
<details class="border rounded p-3">
<summary class="text-muted small" style="cursor:pointer">{{ hits | length }} other candidates</summary>
<ol class="mt-3 mb-0 small">
{% for hit in hits %}
{% set url = url_for("article_page", url_title=url_title, title=hit.title) %}
<li><a href="{{ url }}">{{ hit.title }}</a> &ndash; {{ hit.snippet | safe }}</li>
<li class="mb-1">
<a href="{{ url_for("article_page", url_title=url_title, title=hit.title) }}">{{ hit.title }}</a>
</li>
{% endfor %}
</ol>
</div>
</details>
{% endif %}
</div>
{% endblock %}

28
templates/base.html
View file

@ -4,19 +4,33 @@
<meta charset="utf-8">
<link href="{{ url_for("static", filename="bootstrap5/css/bootstrap.min.css") }}" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>
{% block title %}{% endblock %}
</title>
<link rel="icon" type="image/svg+xml" href="{{ url_for('static', filename='favicon.svg') }}">
<title>{% block title %}{% endblock %} – Find Link</title>
{% block style %}{% endblock %}
</head>
<body>
<nav class="navbar navbar-expand-md navbar-dark bg-dark mb-4">
<div class="container">
<a class="navbar-brand fw-semibold" href="{{ url_for('index') }}">Find Link</a>
<div class="d-flex align-items-center gap-2">
<form class="d-flex" action="{{ url_for('index') }}">
<input class="form-control form-control-sm me-2" name="q" placeholder="Article title…" style="width:240px">
<button class="btn btn-outline-light btn-sm" type="submit">Go</button>
</form>
{% if g.user %}
<span class="text-light small opacity-75">{{ g.user }}</span>
<a class="btn btn-outline-light btn-sm" href="{{ url_for('oauth_disconnect') }}">Log out</a>
{% else %}
<a class="btn btn-outline-light btn-sm" href="{{ url_for('start_oauth') }}">Log in with Wikipedia</a>
{% endif %}
</div>
</div>
</nav>
{% block content %}{% endblock %}
<script src="{{ url_for("static", filename="bootstrap5/js/bootstrap.bundle.min.js")}}></script>
<script src="{{ url_for("static", filename="bootstrap5/js/bootstrap.bundle.min.js") }}"></script>
{% block script %}{% endblock %}
</body>
</html>

17
templates/error.html Normal file
View file

@ -0,0 +1,17 @@
{% extends "base.html" %}
{% block title %}Error{% endblock %}
{% block content %}
<div class="container mt-5">
<div class="row justify-content-center">
<div class="col-md-7">
<div class="alert alert-danger">
<h4 class="alert-heading">Something went wrong</h4>
<p class="mb-0"><code>{{ message }}</code></p>
</div>
<a href="{{ url_for('index') }}" class="btn btn-outline-secondary btn-sm">Back to home</a>
</div>
</div>
</div>
{% endblock %}

57
templates/index.html
View file

@ -1,25 +1,44 @@
{% extends "base.html" %}
{% block title %}Index{% endblock %}
{% block title %}Find Link{% endblock %}
{% block content %}
<div class="container">
<h1>Index</h1>
<form>
<input name="q">
<input type="submit" value="search">
</form>
<div>Username: {{ g.user }}</div>
<table class="table w-auto">
{% for item in examples %}
<tr>
<td><a href="{{ article_url(item.title) }}">{{ item.title }}</a></td>
<td>{{ item.total }}</td>
<td>{{ "{:.1%}".format(item.with_links / item.total) }}</td>
</tr>
{% endfor %}
</table>
<div class="container">
<div class="row justify-content-center mt-5">
<div class="col-md-6 text-center">
<h1 class="mb-2">Find Link</h1>
<p class="text-muted mb-4">Find unlinked mentions of a Wikipedia article and add the links.</p>
<form class="d-flex gap-2 justify-content-center" action="{{ url_for('index') }}">
<input class="form-control" name="q" placeholder="Article title…" style="max-width:360px" autofocus>
<button class="btn btn-primary" type="submit">Search</button>
</form>
</div>
</div>
{% if debug %}
<div class="row mt-5">
<div class="col">
<h2 class="h6 text-muted text-uppercase mb-3">Examples</h2>
<table class="table table-sm table-hover w-auto">
<thead class="table-light">
<tr>
<th>Article</th>
<th class="text-end">Total</th>
<th class="text-end">% linked</th>
</tr>
</thead>
<tbody>
{% for item in examples %}
<tr>
<td><a href="{{ article_url(item.title) }}">{{ item.title }}</a></td>
<td class="text-end text-muted">{{ item.total }}</td>
<td class="text-end text-muted">{{ "{:.0%}".format(item.with_links / item.total) }}</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
</div>
{% endif %}
</div>
{% endblock %}

11
templates/save_done.html
View file

@ -1,10 +1,11 @@
{% extends "base.html" %}
{% block title %}Index{% endblock %}
{% block title %}Edit saved{% endblock %}
{% block content %}
<div class="container">
<h1>Save done</h1>
<div>Save is complete.</div>
</div>
<div class="container text-center mt-5">
<h1 class="mb-3">Edit saved</h1>
<p class="text-muted mb-4">Your edit has been saved to Wikipedia.</p>
<a href="{{ url_for('index') }}" class="btn btn-primary">Search another article</a>
</div>
{% endblock %}