feat(frontend): filtres, création d'issues, vue Focus, CDN vendorés
- vendor: HTMX/Alpine/SortableJS servis depuis /static/vendor (M3) - board.js: jeton CSRF, ordres source/destination envoyés, carte replacée + toast rouge en cas d'échec (M8), filtres texte/étiquette, formulaire de création d'issue - dashboard: 3 onglets Actifs/Inactifs/Archivés, recherche via data-search échappé au lieu d'une interpolation JS (M9) - board: cartes liées vers l'issue Gitea, méta CSRF, notes protégées - nouvelles pages focus.html et error.html - CSS: fond des badges en color-mix, l'ancien var(--accent)20 était invalide (M1); styles toolbar/focus/erreur/toast erreur
This commit is contained in:
@@ -3,10 +3,11 @@
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="csrf-token" content="{{ csrf_token }}">
|
||||
<title>{{ repo }} — Kanbante</title>
|
||||
<link rel="stylesheet" href="/static/css/style.css">
|
||||
<script src="https://unpkg.com/[email protected]"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/[email protected]/Sortable.min.js"></script>
|
||||
<script src="/static/vendor/htmx.min.js"></script>
|
||||
<script src="/static/vendor/sortable.min.js"></script>
|
||||
<script src="/static/js/board.js" defer></script>
|
||||
</head>
|
||||
<body>
|
||||
@@ -17,12 +18,29 @@
|
||||
<span>{{ owner }}/</span><strong>{{ repo }}</strong>
|
||||
</h1>
|
||||
<nav>
|
||||
<a href="/focus" class="btn-sm">🎯 Focus</a>
|
||||
{% if repo_info.html_url %}
|
||||
<a href="{{ repo_info.html_url }}" target="_blank" class="btn-sm">🔗 Gitea</a>
|
||||
{% endif %}
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<!-- Toolbar: text + label filters, and issue creation (Gitea-backed) -->
|
||||
<div class="board-toolbar">
|
||||
<input type="text" id="card-filter" placeholder="🔍 Filtrer les cartes...">
|
||||
<select id="label-filter">
|
||||
<option value="">Toutes les étiquettes</option>
|
||||
{% for label in labels %}
|
||||
<option value="{{ label.name }}">{{ label.name }}</option>
|
||||
{% endfor %}
|
||||
</select>
|
||||
<form id="create-issue-form">
|
||||
<input type="text" id="new-issue-title" maxlength="255"
|
||||
placeholder="➕ Nouvelle issue (titre)..." required>
|
||||
<button type="submit" class="btn-save btn-inline">Créer</button>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<main class="board-container">
|
||||
<div class="kanban-board">
|
||||
{% for col in ['backlog','todo','in_progress','review','done'] %}
|
||||
@@ -37,8 +55,14 @@
|
||||
<div class="kanban-card"
|
||||
data-issue="{{ issue.number }}"
|
||||
data-repo="{{ full_name }}"
|
||||
draggable="true">
|
||||
<div class="card-id">#{{ issue.number }}</div>
|
||||
data-title="{{ issue.title|lower }}"
|
||||
data-labels="{{ issue.labels|map(attribute='name')|join(',')|lower }}">
|
||||
<div class="card-id">
|
||||
#{{ issue.number }}
|
||||
{% if issue.html_url %}
|
||||
<a href="{{ issue.html_url }}" target="_blank" title="Ouvrir dans Gitea">↗</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="card-title">{{ issue.title }}</div>
|
||||
{% if issue.labels %}
|
||||
<div class="card-labels">
|
||||
@@ -65,8 +89,10 @@
|
||||
<!-- Notes panel -->
|
||||
<aside class="notes-panel">
|
||||
<h3>📝 Notes du projet</h3>
|
||||
<form hx-post="/api/notes" hx-swap="none">
|
||||
<form hx-post="/api/notes" hx-swap="none"
|
||||
hx-on::after-request="if(event.detail.successful) showNotesSaved()">
|
||||
<input type="hidden" name="repo_full_name" value="{{ full_name }}">
|
||||
<input type="hidden" name="csrf_token" value="{{ csrf_token }}">
|
||||
<textarea name="note" rows="10"
|
||||
placeholder="Notes, idées, liens...">{{ notes }}</textarea>
|
||||
<button type="submit" class="btn-save">💾 Sauvegarder</button>
|
||||
@@ -80,5 +106,14 @@
|
||||
<span>Mis à jour {{ repo_info.updated_at[:10] }}</span>
|
||||
{% endif %}
|
||||
</footer>
|
||||
<script>
|
||||
function showNotesSaved() {
|
||||
const toast = document.createElement('div');
|
||||
toast.className = 'toast';
|
||||
toast.textContent = '✅ Notes sauvegardées';
|
||||
document.body.appendChild(toast);
|
||||
setTimeout(() => toast.remove(), 2000);
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -6,40 +6,44 @@
|
||||
<title>Kanbante — Dashboard</title>
|
||||
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>📋</text></svg>">
|
||||
<link rel="stylesheet" href="/static/css/style.css">
|
||||
<script src="https://unpkg.com/[email protected]"></script>
|
||||
<script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/cdn.min.js"></script>
|
||||
<script defer src="/static/vendor/alpine.min.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<h1><a href="/">📋 <span class="gradient-text">Kanbante</span></a></h1>
|
||||
<nav>
|
||||
<a href="/focus" class="btn-sm">🎯 Focus</a>
|
||||
<span class="badge">{{ active_repos|length }} actifs</span>
|
||||
<span class="badge secondary">{{ inactive_repos|length }} archivés</span>
|
||||
<span class="badge secondary">{{ archived_repos|length }} archivés</span>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<main x-data="{ tab: 'active', search: '' }">
|
||||
<!-- Tabs -->
|
||||
<!-- Tabs: "actif" = mis à jour dans la fenêtre glissante;
|
||||
"archivé" = le vrai drapeau Gitea (repo.archived). -->
|
||||
<div class="tabs">
|
||||
<button :class="{ active: tab === 'active' }" @click="tab = 'active'">
|
||||
🟢 Actifs ({{ active_repos|length }})
|
||||
</button>
|
||||
<button :class="{ active: tab === 'inactive' }" @click="tab = 'inactive'">
|
||||
⚪ Archivés ({{ inactive_repos|length }})
|
||||
💤 Inactifs ({{ inactive_repos|length }})
|
||||
</button>
|
||||
<button :class="{ active: tab === 'archived' }" @click="tab = 'archived'">
|
||||
🗄️ Archivés ({{ archived_repos|length }})
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<!-- Search -->
|
||||
<!-- Search: the repo name lives in a data-* attribute (HTML-escaped
|
||||
by Jinja), never interpolated into a JS string literal. -->
|
||||
<div class="search-bar">
|
||||
<input type="text" placeholder="🔍 Filtrer les projets..." x-model="search">
|
||||
</div>
|
||||
|
||||
<!-- Active Projects -->
|
||||
<div x-show="tab === 'active'" class="project-grid">
|
||||
{% for repo in active_repos %}
|
||||
{% macro project_card(repo, archived=False) %}
|
||||
{% set full = repo.full_name %}
|
||||
<div class="project-card"
|
||||
x-show="search === '' || '{{ repo.name.lower() }}{{ repo.full_name.lower() }}'.includes(search.toLowerCase())">
|
||||
<div class="project-card{% if archived %} archived{% endif %}"
|
||||
data-search="{{ (repo.name ~ ' ' ~ repo.full_name ~ ' ' ~ (repo.description or ''))|lower }}"
|
||||
x-show="search === '' || $el.dataset.search.includes(search.toLowerCase())">
|
||||
<div class="card-header">
|
||||
<span class="org-tag">{{ repo.owner.login }}</span>
|
||||
<span class="date">{{ repo.updated_at[:10] }}</span>
|
||||
@@ -64,27 +68,23 @@
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
{% endmacro %}
|
||||
|
||||
<div x-show="tab === 'active'" class="project-grid">
|
||||
{% for repo in active_repos %}{{ project_card(repo) }}{% endfor %}
|
||||
</div>
|
||||
|
||||
<!-- Inactive Projects -->
|
||||
<div x-show="tab === 'inactive'" class="project-grid">
|
||||
{% for repo in inactive_repos %}
|
||||
<div class="project-card archived"
|
||||
x-show="search === '' || '{{ repo.name.lower() }}'.includes(search.toLowerCase())">
|
||||
<div class="card-header">
|
||||
<span class="org-tag">{{ repo.owner.login }}</span>
|
||||
<span class="date">{{ repo.updated_at[:10] }}</span>
|
||||
</div>
|
||||
<h3>{{ repo.name }}</h3>
|
||||
<p class="desc">{{ repo.description or '—' }}</p>
|
||||
</div>
|
||||
{% endfor %}
|
||||
{% for repo in inactive_repos %}{{ project_card(repo) }}{% endfor %}
|
||||
</div>
|
||||
|
||||
<div x-show="tab === 'archived'" class="project-grid">
|
||||
{% for repo in archived_repos %}{{ project_card(repo, archived=True) }}{% endfor %}
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer>
|
||||
Kanbante v0.1 · {{ active_repos|length + inactive_repos|length }} projets sur Gitea
|
||||
Kanbante v{{ version }} · {{ active_repos|length + inactive_repos|length + archived_repos|length }} projets sur Gitea · actifs = mis à jour depuis {{ active_window_days }} jours
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -0,0 +1,24 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr" data-theme="dark">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Erreur — Kanbante</title>
|
||||
<link rel="stylesheet" href="/static/css/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<h1><a href="/">📋 <span class="gradient-text">Kanbante</span></a></h1>
|
||||
</header>
|
||||
<main class="error-main">
|
||||
<div class="error-box">
|
||||
<h2>⚠️ Quelque chose s'est mal passé</h2>
|
||||
<p>{{ message }}</p>
|
||||
<p><a href="/" class="btn-sm">← Retour au dashboard</a></p>
|
||||
</div>
|
||||
</main>
|
||||
<footer>
|
||||
Kanbante v{{ version }}
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,62 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr" data-theme="dark">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Focus — Kanbante</title>
|
||||
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>🎯</text></svg>">
|
||||
<link rel="stylesheet" href="/static/css/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<h1><a href="/">📋 <span class="gradient-text">Kanbante</span></a> <span class="sep">/</span> 🎯 Focus</h1>
|
||||
<nav>
|
||||
<span class="badge">{{ groups|map(attribute='cards')|map('length')|sum }} cartes en cours</span>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<main class="focus-main">
|
||||
<p class="focus-intro">Tout ce qui est <strong>En cours</strong> ou <strong>En révision</strong>, tous projets actifs confondus.</p>
|
||||
{% if not groups %}
|
||||
<p class="focus-empty">🎉 Rien en cours ni en révision pour le moment.</p>
|
||||
{% endif %}
|
||||
{% for group in groups %}
|
||||
<section class="focus-group">
|
||||
<h2>
|
||||
<a href="/board/{{ group.full_name }}">{{ group.full_name }}</a>
|
||||
<span class="badge secondary">{{ group.cards|length }}</span>
|
||||
</h2>
|
||||
<div class="focus-cards">
|
||||
{% for card in group.cards %}
|
||||
<div class="kanban-card focus-card">
|
||||
<div class="card-id">
|
||||
#{{ card.issue.number }}
|
||||
<span class="chip" style="background: {{ column_colors[card.column] }}20; color: {{ column_colors[card.column] }}">
|
||||
{{ column_labels[card.column] }}
|
||||
</span>
|
||||
{% if card.issue.html_url %}
|
||||
<a href="{{ card.issue.html_url }}" target="_blank" title="Ouvrir dans Gitea">↗</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="card-title">{{ card.issue.title }}</div>
|
||||
{% if card.issue.labels %}
|
||||
<div class="card-labels">
|
||||
{% for label in card.issue.labels %}
|
||||
<span class="label-tag" style="background: #{{ label.color }}30; color: #{{ label.color }}">
|
||||
{{ label.name }}
|
||||
</span>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</section>
|
||||
{% endfor %}
|
||||
</main>
|
||||
|
||||
<footer>
|
||||
Kanbante v{{ version }} · vue Focus
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
+54
-1
@@ -56,7 +56,7 @@ nav { display: flex; gap: 10px; align-items: center; }
|
||||
padding: 4px 12px;
|
||||
border-radius: 20px;
|
||||
font-size: 0.8rem;
|
||||
background: var(--accent)20;
|
||||
background: color-mix(in srgb, var(--accent) 15%, transparent);
|
||||
color: var(--accent);
|
||||
}
|
||||
.badge.secondary { background: var(--surface2); color: var(--text2); }
|
||||
@@ -329,6 +329,59 @@ footer {
|
||||
::-webkit-scrollbar-thumb { background: var(--border); border-radius: 3px; }
|
||||
::-webkit-scrollbar-thumb:hover { background: var(--text2); }
|
||||
|
||||
/* Toast error variant */
|
||||
.toast.error { background: var(--red); }
|
||||
|
||||
/* Board toolbar (filters + create) */
|
||||
.board-toolbar {
|
||||
display: flex;
|
||||
gap: 10px;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
padding: 12px 24px;
|
||||
background: var(--surface);
|
||||
border-bottom: 1px solid var(--border);
|
||||
}
|
||||
.board-toolbar input[type="text"],
|
||||
.board-toolbar select {
|
||||
padding: 9px 14px;
|
||||
border-radius: 8px;
|
||||
border: 1px solid var(--border);
|
||||
background: var(--bg);
|
||||
color: var(--text);
|
||||
font-size: 0.9rem;
|
||||
outline: none;
|
||||
}
|
||||
.board-toolbar input[type="text"]:focus,
|
||||
.board-toolbar select:focus { border-color: var(--accent); }
|
||||
.board-toolbar form { display: flex; gap: 8px; flex: 1; min-width: 260px; }
|
||||
.board-toolbar form input { flex: 1; }
|
||||
.btn-inline { margin-top: 0; padding: 9px 18px; }
|
||||
.card-id a { color: var(--text2); }
|
||||
.card-id a:hover { color: var(--accent2); }
|
||||
|
||||
/* Focus view */
|
||||
.focus-main { padding: 24px; max-width: 1100px; width: 100%; margin: 0 auto; }
|
||||
.focus-intro { color: var(--text2); margin-bottom: 20px; }
|
||||
.focus-empty { font-size: 1.05rem; padding: 32px 0; }
|
||||
.focus-group { margin-bottom: 28px; }
|
||||
.focus-group h2 { font-size: 1.05rem; margin-bottom: 12px; display: flex; gap: 10px; align-items: center; }
|
||||
.focus-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 12px; }
|
||||
.focus-card { margin-bottom: 0; cursor: default; }
|
||||
|
||||
/* Error page */
|
||||
.error-main { flex: 1; display: flex; align-items: center; justify-content: center; padding: 24px; }
|
||||
.error-box {
|
||||
background: var(--surface);
|
||||
border: 1px solid var(--border);
|
||||
border-radius: var(--radius);
|
||||
padding: 32px;
|
||||
max-width: 560px;
|
||||
text-align: center;
|
||||
}
|
||||
.error-box h2 { margin-bottom: 12px; }
|
||||
.error-box p { color: var(--text2); margin-bottom: 16px; line-height: 1.5; }
|
||||
|
||||
/* Responsive */
|
||||
@media (max-width: 768px) {
|
||||
.board-container { flex-direction: column; }
|
||||
|
||||
+97
-30
@@ -1,59 +1,126 @@
|
||||
/**
|
||||
* Kanbante — Kanban board drag & drop
|
||||
* Kanbante — Kanban board: drag & drop with persisted order,
|
||||
* filters, and issue creation.
|
||||
*
|
||||
* Failure contract: if the server rejects a move (HTTP error, network
|
||||
* error, or ok:false), the card is put back where it came from and an
|
||||
* error (red) toast is shown — the UI never claims a move that the
|
||||
* backend did not record.
|
||||
*/
|
||||
document.addEventListener('DOMContentLoaded', () => {
|
||||
const columns = document.querySelectorAll('.column-cards');
|
||||
const csrfToken = document.querySelector('meta[name="csrf-token"]')?.content || '';
|
||||
const repoFullName = document.querySelector('.kanban-card')?.dataset.repo
|
||||
|| document.querySelector('footer span')?.textContent || '';
|
||||
|
||||
columns.forEach(col => {
|
||||
function orderOf(columnEl) {
|
||||
return Array.from(columnEl.querySelectorAll('.kanban-card'))
|
||||
.map(card => card.dataset.issue).join(',');
|
||||
}
|
||||
|
||||
function revert(evt) {
|
||||
const from = evt.from;
|
||||
const ref = from.children[evt.oldIndex] || null;
|
||||
from.insertBefore(evt.item, ref);
|
||||
updateCounts();
|
||||
}
|
||||
|
||||
document.querySelectorAll('.column-cards').forEach(col => {
|
||||
new Sortable(col, {
|
||||
group: 'kanban',
|
||||
animation: 200,
|
||||
ghostClass: 'dragging',
|
||||
dragClass: 'dragging',
|
||||
onEnd: function(evt) {
|
||||
onEnd: function (evt) {
|
||||
if (evt.from === evt.to && evt.oldIndex === evt.newIndex) return;
|
||||
const card = evt.item;
|
||||
const toColumn = evt.to.dataset.column;
|
||||
const issueNumber = card.dataset.issue;
|
||||
const repoFullName = card.dataset.repo;
|
||||
|
||||
// Update column count
|
||||
updateCounts();
|
||||
|
||||
// Save to backend
|
||||
const formData = new FormData();
|
||||
formData.append('repo_full_name', repoFullName);
|
||||
formData.append('issue_number', issueNumber);
|
||||
formData.append('to_column', toColumn);
|
||||
formData.append('repo_full_name', card.dataset.repo);
|
||||
formData.append('issue_number', card.dataset.issue);
|
||||
formData.append('to_column', evt.to.dataset.column);
|
||||
formData.append('from_column', evt.from.dataset.column);
|
||||
formData.append('to_order', orderOf(evt.to));
|
||||
formData.append('from_order', orderOf(evt.from));
|
||||
formData.append('csrf_token', csrfToken);
|
||||
|
||||
fetch('/api/move', {
|
||||
method: 'POST',
|
||||
body: formData,
|
||||
}).then(r => r.json()).then(data => {
|
||||
if (data.ok) {
|
||||
showToast('✅ Déplacé vers ' + toColumn.replace('_', ' '));
|
||||
}
|
||||
}).catch(err => {
|
||||
console.error('Move failed:', err);
|
||||
showToast('❌ Erreur de déplacement');
|
||||
});
|
||||
fetch('/api/move', { method: 'POST', body: formData })
|
||||
.then(async r => {
|
||||
const data = await r.json().catch(() => ({}));
|
||||
if (!r.ok || !data.ok) throw new Error(data.error || ('HTTP ' + r.status));
|
||||
return data;
|
||||
})
|
||||
.then(data => {
|
||||
updateCounts();
|
||||
let msg = '✅ Déplacé vers ' + evt.to.dataset.column.replace('_', ' ');
|
||||
if (data.gitea_sync === 'closed') msg += ' · issue fermée dans Gitea';
|
||||
if (data.gitea_sync === 'reopened') msg += ' · issue rouverte dans Gitea';
|
||||
if (data.gitea_sync === 'failed') {
|
||||
showToast('⚠️ Déplacé localement, mais la synchro Gitea a échoué', true);
|
||||
return;
|
||||
}
|
||||
showToast(msg);
|
||||
})
|
||||
.catch(err => {
|
||||
console.error('Move failed:', err);
|
||||
revert(evt);
|
||||
showToast('❌ Échec du déplacement — carte replacée', true);
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
// ── Filters (text + label), client-side ────────────────
|
||||
const textFilter = document.getElementById('card-filter');
|
||||
const labelFilter = document.getElementById('label-filter');
|
||||
function applyFilters() {
|
||||
const q = (textFilter?.value || '').toLowerCase();
|
||||
const label = (labelFilter?.value || '').toLowerCase();
|
||||
document.querySelectorAll('.kanban-card').forEach(card => {
|
||||
const matchesText = !q || (card.dataset.title || '').includes(q);
|
||||
const matchesLabel = !label || (card.dataset.labels || '').split(',').includes(label);
|
||||
card.style.display = (matchesText && matchesLabel) ? '' : 'none';
|
||||
});
|
||||
updateCounts();
|
||||
}
|
||||
textFilter?.addEventListener('input', applyFilters);
|
||||
labelFilter?.addEventListener('change', applyFilters);
|
||||
|
||||
// ── Create issue (goes to Gitea, card lands in Backlog) ─
|
||||
const createForm = document.getElementById('create-issue-form');
|
||||
createForm?.addEventListener('submit', async (e) => {
|
||||
e.preventDefault();
|
||||
const titleInput = document.getElementById('new-issue-title');
|
||||
const title = titleInput.value.trim();
|
||||
if (!title || !repoFullName) return;
|
||||
const formData = new FormData();
|
||||
formData.append('repo_full_name', repoFullName);
|
||||
formData.append('title', title);
|
||||
formData.append('column', 'backlog');
|
||||
formData.append('csrf_token', csrfToken);
|
||||
try {
|
||||
const r = await fetch('/api/issues', { method: 'POST', body: formData });
|
||||
const data = await r.json().catch(() => ({}));
|
||||
if (!r.ok || !data.ok) throw new Error(data.error || ('HTTP ' + r.status));
|
||||
showToast('✅ Issue #' + data.issue.number + ' créée');
|
||||
setTimeout(() => location.reload(), 600);
|
||||
} catch (err) {
|
||||
console.error('Create failed:', err);
|
||||
showToast('❌ Échec de la création : ' + err.message, true);
|
||||
}
|
||||
});
|
||||
|
||||
function updateCounts() {
|
||||
document.querySelectorAll('.kanban-column').forEach(col => {
|
||||
const colName = col.querySelector('.column-cards').dataset.column;
|
||||
const count = col.querySelectorAll('.kanban-card').length;
|
||||
const badge = col.querySelector('.column-count');
|
||||
if (badge) badge.textContent = count;
|
||||
});
|
||||
}
|
||||
|
||||
function showToast(msg) {
|
||||
function showToast(msg, isError = false) {
|
||||
const toast = document.createElement('div');
|
||||
toast.className = 'toast';
|
||||
toast.className = 'toast' + (isError ? ' error' : '');
|
||||
toast.textContent = msg;
|
||||
document.body.appendChild(toast);
|
||||
setTimeout(() => toast.remove(), 2500);
|
||||
setTimeout(() => toast.remove(), 3000);
|
||||
}
|
||||
});
|
||||
|
||||
Vendored
+5
File diff suppressed because one or more lines are too long
Vendored
+1
File diff suppressed because one or more lines are too long
Vendored
+2
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user