2017-11-20 06:10:04 +01:00
|
|
|
{{ define "base" }}
|
|
|
|
<!DOCTYPE html>
|
|
|
|
<html>
|
|
|
|
<head>
|
|
|
|
<meta charset="utf-8">
|
2018-07-19 07:30:05 +02:00
|
|
|
<title>{{template "title" .}} - Miniflux</title>
|
2017-12-16 06:28:54 +01:00
|
|
|
|
2018-07-19 07:30:05 +02:00
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
2017-12-03 00:01:05 +01:00
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
2017-12-16 06:28:54 +01:00
|
|
|
<meta name="mobile-web-app-capable" content="yes">
|
|
|
|
<meta name="apple-mobile-web-app-title" content="Miniflux">
|
2017-12-23 05:16:49 +01:00
|
|
|
<link rel="manifest" href="{{ route "webManifest" }}">
|
2017-12-16 06:28:54 +01:00
|
|
|
|
2017-11-20 06:10:04 +01:00
|
|
|
<meta name="robots" content="noindex,nofollow">
|
|
|
|
<meta name="referrer" content="no-referrer">
|
2017-12-16 06:28:54 +01:00
|
|
|
|
2018-07-19 06:30:54 +02:00
|
|
|
<!-- Favicons -->
|
|
|
|
<link rel="icon" type="image/png" sizes="16x16" href="{{ route "appIcon" "filename" "favicon-16.png" }}">
|
|
|
|
<link rel="icon" type="image/png" sizes="32x32" href="{{ route "appIcon" "filename" "favicon-32.png" }}">
|
|
|
|
|
|
|
|
<!-- Android icons -->
|
|
|
|
<link rel="icon" type="image/png" sizes="128x128" href="{{ route "appIcon" "filename" "icon-128.png" }}">
|
|
|
|
<link rel="icon" type="image/png" sizes="192x192" href="{{ route "appIcon" "filename" "icon-192.png" }}">
|
|
|
|
|
|
|
|
<!-- iOS icons -->
|
|
|
|
<link rel="apple-touch-icon" sizes="120x120" href="{{ route "appIcon" "filename" "icon-120.png" }}">
|
|
|
|
<link rel="apple-touch-icon" sizes="152x152" href="{{ route "appIcon" "filename" "icon-152.png" }}">
|
|
|
|
<link rel="apple-touch-icon" sizes="167x167" href="{{ route "appIcon" "filename" "icon-167.png" }}">
|
|
|
|
<link rel="apple-touch-icon" sizes="180x180" href="{{ route "appIcon" "filename" "icon-180.png" }}">
|
2017-12-16 06:28:54 +01:00
|
|
|
|
2017-11-20 06:10:04 +01:00
|
|
|
{{ if .csrf }}
|
|
|
|
<meta name="X-CSRF-Token" value="{{ .csrf }}">
|
|
|
|
{{ end }}
|
2018-07-19 07:30:05 +02:00
|
|
|
|
|
|
|
<meta name="theme-color" content="{{ theme_color .theme }}">
|
|
|
|
<link rel="stylesheet" type="text/css" href="{{ route "stylesheet" "name" .theme }}">
|
2018-07-16 06:51:09 +02:00
|
|
|
|
|
|
|
<script type="text/javascript" src="{{ route "javascript" "name" "app" }}" defer></script>
|
|
|
|
<script type="text/javascript" src="{{ route "javascript" "name" "sw" }}" defer id="service-worker-script"></script>
|
2017-11-20 06:10:04 +01:00
|
|
|
</head>
|
|
|
|
<body data-entries-status-url="{{ route "updateEntriesStatus" }}">
|
|
|
|
{{ if .user }}
|
|
|
|
<header class="header">
|
|
|
|
<nav>
|
|
|
|
<div class="logo">
|
|
|
|
<a href="{{ route "unread" }}">Mini<span>flux</span></a>
|
|
|
|
</div>
|
|
|
|
<ul>
|
2017-12-22 20:33:01 +01:00
|
|
|
<li {{ if eq .menu "unread" }}class="active"{{ end }} title="{{ t "Keyboard Shortcut: %s" "g u" }}">
|
2018-05-21 12:38:44 +02:00
|
|
|
<a href="{{ route "unread" }}" data-page="unread">{{ t "Unread" }}
|
|
|
|
{{ if gt .countUnread 0 }}
|
|
|
|
<span class="unread-counter-wrapper">(<span class="unread-counter">{{ .countUnread }}</span>)</span>
|
|
|
|
{{ end }}
|
|
|
|
</a>
|
2017-11-20 06:10:04 +01:00
|
|
|
</li>
|
2017-12-22 20:33:01 +01:00
|
|
|
<li {{ if eq .menu "starred" }}class="active"{{ end }} title="{{ t "Keyboard Shortcut: %s" "g b" }}">
|
|
|
|
<a href="{{ route "starred" }}" data-page="starred">{{ t "Starred" }}</a>
|
|
|
|
</li>
|
|
|
|
<li {{ if eq .menu "history" }}class="active"{{ end }} title="{{ t "Keyboard Shortcut: %s" "g h" }}">
|
2017-11-20 06:10:04 +01:00
|
|
|
<a href="{{ route "history" }}" data-page="history">{{ t "History" }}</a>
|
|
|
|
</li>
|
2017-12-22 20:33:01 +01:00
|
|
|
<li {{ if eq .menu "feeds" }}class="active"{{ end }} title="{{ t "Keyboard Shortcut: %s" "g f" }}">
|
2017-11-20 06:10:04 +01:00
|
|
|
<a href="{{ route "feeds" }}" data-page="feeds">{{ t "Feeds" }}</a>
|
|
|
|
</li>
|
2017-12-22 20:33:01 +01:00
|
|
|
<li {{ if eq .menu "categories" }}class="active"{{ end }} title="{{ t "Keyboard Shortcut: %s" "g c" }}">
|
2017-11-20 06:10:04 +01:00
|
|
|
<a href="{{ route "categories" }}" data-page="categories">{{ t "Categories" }}</a>
|
|
|
|
</li>
|
2017-12-22 20:33:01 +01:00
|
|
|
<li {{ if eq .menu "settings" }}class="active"{{ end }} title="{{ t "Keyboard Shortcut: %s" "g s" }}">
|
2017-11-20 06:10:04 +01:00
|
|
|
<a href="{{ route "settings" }}" data-page="settings">{{ t "Settings" }}</a>
|
|
|
|
</li>
|
|
|
|
<li>
|
2018-01-19 05:23:26 +01:00
|
|
|
<a href="{{ route "logout" }}" title="{{ t "Logged as %s" .user.Username }}">{{ t "Logout" }}</a>
|
2017-11-20 06:10:04 +01:00
|
|
|
</li>
|
|
|
|
</ul>
|
2018-07-05 07:05:19 +02:00
|
|
|
<div class="search">
|
|
|
|
<div class="search-toggle-switch {{ if $.searchQuery }}has-search-query{{ end }}">
|
|
|
|
<a href="#" data-action="search">« {{ t "Search" }}</a>
|
|
|
|
</div>
|
|
|
|
<form action="{{ route "searchEntries" }}" class="search-form {{ if $.searchQuery }}has-search-query{{ end }}">
|
|
|
|
<input type="search" name="q" id="search-input" placeholder="{{ t "Search..." }}" {{ if $.searchQuery }}value="{{ .searchQuery }}"{{ end }} required>
|
|
|
|
</form>
|
|
|
|
</div>
|
2017-11-20 06:10:04 +01:00
|
|
|
</nav>
|
|
|
|
</header>
|
|
|
|
{{ end }}
|
2017-12-17 03:07:53 +01:00
|
|
|
{{ if .flashMessage }}
|
|
|
|
<div class="flash-message alert alert-success">{{ .flashMessage }}</div>
|
|
|
|
{{ end }}
|
|
|
|
{{ if .flashErrorMessage }}
|
|
|
|
<div class="flash-error-message alert alert-error">{{ .flashErrorMessage }}</div>
|
|
|
|
{{ end }}
|
2017-12-03 02:04:01 +01:00
|
|
|
<main>
|
2017-11-20 06:10:04 +01:00
|
|
|
{{template "content" .}}
|
2017-12-03 02:04:01 +01:00
|
|
|
</main>
|
2017-12-29 01:27:54 +01:00
|
|
|
<template id="keyboard-shortcuts">
|
|
|
|
<div id="modal-left">
|
|
|
|
<a href="#" class="btn-close-modal">x</a>
|
|
|
|
<h3>{{ t "Keyboard Shortcuts" }}</h3>
|
|
|
|
|
|
|
|
<div class="keyboard-shortcuts">
|
|
|
|
<p>{{ t "Sections Navigation" }}</p>
|
|
|
|
<ul>
|
|
|
|
<li>{{ t "Go to unread" }} = <strong>g + u</strong></li>
|
|
|
|
<li>{{ t "Go to bookmarks" }} = <strong>g + b</strong></li>
|
|
|
|
<li>{{ t "Go to history" }} = <strong>g + h</strong></li>
|
|
|
|
<li>{{ t "Go to feeds" }} = <strong>g + f</strong></li>
|
|
|
|
<li>{{ t "Go to categories" }} = <strong>g + c</strong></li>
|
|
|
|
<li>{{ t "Go to settings" }} = <strong>g + s</strong></li>
|
|
|
|
<li>{{ t "Show keyboard shortcuts" }} = <strong>?</strong></li>
|
|
|
|
</ul>
|
|
|
|
|
|
|
|
<p>{{ t "Items Navigation" }}</p>
|
|
|
|
<ul>
|
2018-06-21 15:47:23 +02:00
|
|
|
<li>{{ t "Go to previous item" }} = <strong>p {{ t "or" }} j {{ t "or" }} ◄</strong></li>
|
|
|
|
<li>{{ t "Go to next item" }} = <strong>n {{ t "or" }} k {{ t "or" }} ►</strong></li>
|
2017-12-29 01:27:54 +01:00
|
|
|
</ul>
|
|
|
|
|
|
|
|
<p>{{ t "Pages Navigation" }}</p>
|
|
|
|
<ul>
|
|
|
|
<li>{{ t "Go to previous page" }} = <strong>h</strong></li>
|
|
|
|
<li>{{ t "Go to next page" }} = <strong>l</strong></li>
|
|
|
|
</ul>
|
|
|
|
|
|
|
|
<p>{{ t "Actions" }}</p>
|
|
|
|
<ul>
|
|
|
|
<li>{{ t "Open selected item" }} = <strong>o</strong></li>
|
|
|
|
<li>{{ t "Open original link" }} = <strong>v</strong></li>
|
|
|
|
<li>{{ t "Toggle read/unread" }} = <strong>m</strong></li>
|
|
|
|
<li>{{ t "Mark current page as read" }} = <strong>A</strong></li>
|
|
|
|
<li>{{ t "Download original content" }} = <strong>d</strong></li>
|
|
|
|
<li>{{ t "Toggle bookmark" }} = <strong>f</strong></li>
|
2017-12-29 03:59:17 +01:00
|
|
|
<li>{{ t "Save article" }} = <strong>s</strong></li>
|
2018-07-05 07:05:19 +02:00
|
|
|
<li>{{ t "Set focus on search form" }} = <strong>/</strong></li>
|
2017-12-29 01:27:54 +01:00
|
|
|
<li>{{ t "Close modal dialog" }} = <strong>Esc</strong></li>
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</template>
|
2017-11-20 06:10:04 +01:00
|
|
|
</body>
|
|
|
|
</html>
|
2018-01-18 00:57:30 +01:00
|
|
|
{{ end }}
|