1
0
mirror of git://f0xx.org/android_cast synced 2026-07-29 04:38:53 +03:00
This commit is contained in:
Anton Afanasyeu
2026-06-09 14:25:22 +02:00
parent 507924229d
commit 9f6d33cb26
5 changed files with 96 additions and 76 deletions

View File

@@ -180,42 +180,6 @@ a:hover { text-decoration: underline; }
box-sizing: border-box;
}
/* Hamburger (nav handle) */
.nav-link--create {
border: none;
cursor: pointer;
background: rgba(61, 139, 253, .18);
color: var(--accent);
font: inherit;
}
.nav-link--create:hover,
.nav-link--create:focus-visible {
background: rgba(61, 139, 253, .32);
color: var(--accent);
outline: none;
}
.nav-icon--plus {
width: 18px;
height: 18px;
position: relative;
}
.nav-icon--plus::before,
.nav-icon--plus::after {
content: "";
position: absolute;
left: 50%;
top: 50%;
background: currentColor;
border-radius: 1px;
transform: translate(-50%, -50%);
}
.nav-icon--plus::before {
width: 14px;
height: 2px;
}
.nav-icon--plus::after {
width: 2px;
height: 14px;
}
.nav-icon--menu {
width: 18px;
height: 2px;
@@ -1767,33 +1731,85 @@ button.report-tag--filter:hover {
pointer-events: none;
white-space: nowrap;
}
.modal-dialog {
.ticket-create-dialog {
border: 1px solid var(--border);
border-radius: 12px;
padding: 0;
margin: auto;
max-width: 36rem;
width: calc(100% - 32px);
background: var(--surface);
color: var(--text);
max-width: 32rem;
width: calc(100% - 32px);
box-shadow: 0 16px 48px rgba(0, 0, 0, 0.45);
}
.modal-dialog::backdrop { background: rgba(8, 12, 20, 0.72); }
.modal-form {
.ticket-create-dialog::backdrop {
background: rgba(8, 12, 20, 0.72);
}
.ticket-create-form {
display: flex;
flex-direction: column;
margin: 0;
}
.ticket-create-header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 14px 18px;
border-bottom: 1px solid var(--border);
}
.ticket-create-header h2 {
margin: 0;
font-size: 1.05rem;
font-weight: 600;
}
.ticket-create-close {
border: none;
background: transparent;
color: var(--muted);
font-size: 1.4rem;
line-height: 1;
padding: 4px 8px;
border-radius: 8px;
cursor: pointer;
}
.ticket-create-close:hover {
color: var(--text);
background: var(--row-hover);
}
.ticket-create-body {
display: flex;
flex-direction: column;
gap: 12px;
padding: 20px 22px;
padding: 16px 18px;
}
.modal-form label { display: flex; flex-direction: column; gap: 6px; font-size: 0.9rem; }
.modal-form input,
.modal-form textarea {
.ticket-create-body label {
display: flex;
flex-direction: column;
gap: 6px;
font-size: 0.9rem;
color: var(--muted);
}
.ticket-create-body input,
.ticket-create-body textarea {
width: 100%;
padding: 8px 10px;
padding: 10px 12px;
border-radius: 8px;
border: 1px solid var(--border);
background: var(--surface2);
background: var(--bg);
color: var(--text);
font: inherit;
}
.ticket-create-footer {
padding: 12px 18px 16px;
border-top: 1px solid var(--border);
}
.ticket-create-actions {
display: flex;
gap: 8px;
justify-content: flex-end;
margin-top: 8px;
}
.modal-actions { display: flex; gap: 8px; justify-content: flex-end; margin-top: 4px; }
.graphs-grid canvas { width: 100%; height: auto; max-width: 100%; min-height: 120px; }
.graph-detail-overlay {
position: fixed;

View File

@@ -146,7 +146,6 @@
"nav.security": "Security",
"footer.copyright": "© Anton Afanaasyeu, {year}",
"tickets.title": "Tickets",
"issue.new": "+ New issue",
"tickets.new": "New ticket",
"ticket.create": "Create",
"ticket.cancel": "Cancel",

View File

@@ -4,6 +4,12 @@
"nav.reports": "Задачи (Issues)",
"nav.tickets": "Задачи",
"tickets.title": "Задачи",
"tickets.new": "Новая задача",
"ticket.create": "Создать",
"ticket.cancel": "Отмена",
"ticket.title": "Заголовок",
"ticket.brief": "Кратко",
"ticket.body": "Описание",
"tickets.empty": "Задач пока нет.",
"ticket.detail_title": "Задача",
"nav.logout": "Выход",
@@ -148,7 +154,6 @@
"nav.security": "Безопасность",
"footer.copyright": "© Anton Afanaasyeu, {year}",
"nav.tickets": "Тикеты",
"issue.new": "+ Новая задача",
"ticket.lifecycle": "Жизненный цикл",
"ticket.assignees": "Исполнители",
"ticket.assignee_add": "Добавить",

View File

@@ -22,19 +22,25 @@
const dialog = document.getElementById('ticket-create-dialog');
const form = document.getElementById('ticket-create-form');
const cancelBtn = document.getElementById('ticket-create-cancel');
const closeBtn = document.getElementById('ticket-create-close');
const status = document.getElementById('ticket-create-status');
if (!dialog || !form) return;
document.querySelectorAll('.js-new-issue-btn').forEach((btn) => {
document.querySelectorAll('.js-new-ticket-btn').forEach((btn) => {
btn.addEventListener('click', (ev) => {
ev.preventDefault();
openDialog();
});
});
if (cancelBtn) {
cancelBtn.addEventListener('click', () => dialog.close());
function closeDialog() {
dialog.close();
}
if (cancelBtn) cancelBtn.addEventListener('click', closeDialog);
if (closeBtn) closeBtn.addEventListener('click', closeDialog);
dialog.addEventListener('click', (ev) => {
if (ev.target === dialog) closeDialog();
});
form.addEventListener('submit', (ev) => {
ev.preventDefault();

View File

@@ -58,14 +58,6 @@
<span class="nav-icon nav-icon--menu" aria-hidden="true"></span>
</button>
<ul class="nav-list">
<li>
<button type="button" class="nav-link nav-link--create js-new-issue-btn"
data-i18n-aria="issue.new" data-i18n-title="issue.new"
aria-label="New issue" title="New issue">
<span class="nav-icon nav-icon--plus" aria-hidden="true"></span>
<span class="nav-label" data-i18n="issue.new">New issue</span>
</button>
</li>
<li>
<a href="<?= h(Auth::basePath()) ?>/?view=home"
class="nav-link <?= ($view ?? '') === 'home' ? 'active' : '' ?>"
@@ -171,12 +163,7 @@
</nav>
<main class="main-pane">
<?php if (($view ?? 'home') === 'home'): ?>
<div class="toolbar reports-toolbar home-toolbar">
<h1 data-i18n="home.title">Issues console</h1>
<div class="toolbar-actions">
<button type="button" class="btn btn-primary js-new-issue-btn" data-i18n="issue.new">+ New issue</button>
</div>
</div>
<h1 data-i18n="home.title">Issues console</h1>
<p data-i18n="home.intro">Operator console for crash triage and tickets — not the public upload API. Open <strong>Issues</strong> to browse and group fingerprints, or use the shortcuts below.</p>
<?php $skip_home_link = true; require __DIR__ . '/partials/console_quick_links.php'; ?>
<?php elseif (($view ?? '') === 'report' && !empty($report)): ?>
@@ -188,7 +175,7 @@
<div class="toolbar reports-toolbar">
<h1 data-i18n="tickets.title">Tickets</h1>
<div class="toolbar-actions">
<button type="button" class="btn btn-primary js-new-issue-btn" data-i18n="issue.new">+ New issue</button>
<button type="button" class="btn btn-primary js-new-ticket-btn" data-i18n="tickets.new">New ticket</button>
<label class="toolbar-select">
<span data-i18n="theme.label">Theme</span>
<select id="theme-select" aria-label="UI theme">
@@ -242,7 +229,7 @@
<div class="toolbar reports-toolbar">
<h1 data-i18n="reports.title">Issues</h1>
<div class="toolbar-actions">
<button type="button" class="btn btn-primary js-new-issue-btn" data-i18n="issue.new">+ New issue</button>
<button type="button" class="btn btn-primary js-new-ticket-btn" data-i18n="tickets.new">New ticket</button>
<button type="button" class="btn reports-mode-btn active" data-grouped="0" data-i18n="reports.by_time">By time</button>
<button type="button" class="btn reports-mode-btn" data-grouped="1" data-i18n="reports.grouped">Grouped</button>
<label class="toolbar-select">
@@ -547,20 +534,27 @@
</div>
</div>
<?php endif; ?>
<dialog id="ticket-create-dialog" class="modal-dialog">
<form method="dialog" id="ticket-create-form" class="modal-form">
<h2 data-i18n="issue.new">New issue</h2>
<dialog id="ticket-create-dialog" class="ticket-create-dialog">
<form method="dialog" id="ticket-create-form" class="ticket-create-form">
<header class="ticket-create-header">
<h2 data-i18n="tickets.new">New ticket</h2>
<button type="button" class="ticket-create-close" id="ticket-create-close" data-i18n-aria="tag.close" aria-label="Close">×</button>
</header>
<div class="ticket-create-body">
<label><span data-i18n="ticket.title">Title</span>
<input name="title" id="ticket-create-title" required maxlength="256" autofocus></label>
<label><span data-i18n="ticket.brief">Brief</span>
<input name="brief" id="ticket-create-brief" maxlength="512"></label>
<label><span data-i18n="ticket.body">Description</span>
<textarea name="body" id="ticket-create-body" rows="6"></textarea></label>
<div class="modal-actions">
<button type="button" class="btn" id="ticket-create-cancel" data-i18n="ticket.cancel">Cancel</button>
<button type="submit" class="btn btn-primary" data-i18n="ticket.create">Create</button>
</div>
<p id="ticket-create-status" class="muted" aria-live="polite"></p>
<footer class="ticket-create-footer">
<p id="ticket-create-status" class="muted" aria-live="polite"></p>
<div class="ticket-create-actions">
<button type="button" class="btn" id="ticket-create-cancel" data-i18n="ticket.cancel">Cancel</button>
<button type="submit" class="btn btn-primary" data-i18n="ticket.create">Create</button>
</div>
</footer>
</form>
</dialog>
<?php platform_render_footer(); ?>