<!DOCTYPE html>
<html lang="en">
<head>
{% block head %}
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="Newspipe is a web news aggregator and reader." />
<meta name="author" content="" />
<title>Newspipe{% if head_titles %} - {{ ' - '.join(head_titles) }}{% endif %}</title>
<link rel="shortcut icon" href="{{ url_for("static", filename="img/favicon.ico") }}" />
<!-- CSS -->
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='npm_components/bootstrap/dist/css/bootstrap.min.css') }}" media="screen" />
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='npm_components/fork-awesome/css/fork-awesome.min.css') }}" />
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='css/custom.css') }}" />
<!-- JavaScript -->
<script type="text/javascript" src="{{ url_for('static', filename='npm_components/popper.js/dist/umd/popper.min.js') }}"></script>
<script type="text/javascript" src="{{ url_for('static', filename='npm_components/bootstrap/dist/js/bootstrap.min.js') }}"></script>
{% endblock %}
</head>
<body>
{% block menu %}
<nav class="navbar navbar-expand-lg navbar-dark bg-newspipe-blue">
<div class="container-fluid">
<a class="navbar-brand" href="/">🗞 Newspipe</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
{% block menu_links %}
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto w-100 justify-content-end">
{% if current_user.is_authenticated %}
{% if current_user.is_admin %}
<li class="nav-item">
<a class="nav-link" href="{{ url_for('fetch') }}" title="{{ _('Fetch') }}"><i class="fa fa-download" aria-hidden="true"></i> {{ _('Fetch') }}</a>
</li>
{% endif %}
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownRSS" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fa fa-rss" aria-hidden="true"></i> {{ _('Feeds') }}</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownRSS">
<a class="dropdown-item" href="{{ url_for('feeds.feeds') }}">{{ _('Feeds') }}</a>
<a class="dropdown-item" href="{{ url_for('feeds.inactives') }}">{{ _('Inactive') }}</a>
<a class="dropdown-item" href="{{ url_for('popular') }}">{{ _('Popular') }}</a>
<a class="dropdown-item" href="{{ url_for('articles.history') }}">{{ _('History') }}</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="{{ url_for('feed.form') }}">{{ _('Add a new feed') }}</a>
<form class="navbar-form navbar-left px-4 py-3" action="{{ url_for('feed.bookmarklet') }}">
<label class="sr-only" for="inlineFormInputGroupAPIKey">{{ _('Add a new feed') }}</label>
<div class="input-group input-group-inline">
<div class="input-group-prepend">
<input class="form-control" name="url" type="url" placeholder="{{_('Site or feed url')}}" required="required"/>
</div>
<button type="submit" class="btn btn-primary"><i class="fa fa-plus" aria-hidden="true"></i></button>
</div>
</form>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownCategory" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fa fa-tag" aria-hidden="true"></i> {{ _('Categories') }}</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownCategory">
<a class="dropdown-item" href="{{ url_for('categories.list_') }}">{{ _('Categories') }}</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="{{ url_for('category.form') }}">{{ _('Add a new category') }}</a>
<form class="navbar-form navbar-left px-4 py-3" action="{{ url_for('category.form') }}" method="POST" name="category">
<label class="sr-only" for="inlineFormInputGroupAPIKey">{{ _('Add a new category') }}</label>
<div class="input-group input-group-inline">
<div class="input-group-prepend">
<input class="form-control" name="name" type="text" placeholder="{{_('Category name')}}" required="required"/>
</div>
<button type="submit" class="btn btn-primary"><i class="fa fa-plus" aria-hidden="true"></i></button>
</div>
</form>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownBookmark" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fa fa-bookmark" aria-hidden="true"></i> {{ _('Bookmarks') }}</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownBookmark">
<a class="dropdown-item" href="{{ url_for('bookmarks.list_') }}">{{ _('Bookmarks') }}</a>
<a class="dropdown-item" href="{{ url_for('bookmark.form') }}">{{ _('Add a new bookmark') }}</a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownSearch" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fa fa-search" aria-hidden="true"></i></i> {{ _('Search') }}</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownSearch">
<form class="navbar-form navbar-left px-4 py-3" action="{{ url_for('home') }}" method="GET">
<div class="form-group">
<input class="form-control" name="query" type="text" placeholder="{{_('Query')}}" required="required"/>
</div>
<div class="form-group form-check">
<input type="checkbox" class="form-check-input" id="checkTitle" name="search_title" checked>
<label class="form-check-label" for="checkTitle">Search in title</label>
</div>
<div class="form-group form-check">
<input type="checkbox" class="form-check-input" id="checkContent" name="search_content">
<label class="form-check-label" for="checkContent">Search in content</label>
</div>
<button type="submit" class="btn btn-primary">OK</button>
</form>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownUser" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fa fa-user" aria-hidden="true"></i></a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownUser">
<a class="dropdown-item" href="{{ url_for('user.profile') }}">{{ _('Profile') }}</a>
<a class="dropdown-item" href="{{ url_for('user.management') }}">{{ _('Your data') }}</a>
{% if current_user.is_admin %}
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="{{ url_for('admin.dashboard') }}">{{ _('Dashboard') }}</a>
<div class="dropdown-divider"></div>
{% endif %}
<a class="dropdown-item" href="{{ url_for('about') }}">{{ _('About') }}</a>
<a class="dropdown-item" href="{{ url_for('logout') }}" title="{{ _('Logout') }}">Logout</a>
</div>
</li>
{% else %}
<li class="nav-item">
<a class="nav-link" href="{{ url_for('bookmarks.list_') }}" title="{{ _('Recent bookmarks') }}">{{ _('Recent bookmarks') }}</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{ url_for('popular') }}" title="{{ _('Popular feeds') }}">{{ _('Popular feeds') }}</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{ url_for('about') }}" title="{{ _('About') }}">{{ _('About') }}</a>
</li>
{% endif %}
</ul>
</div>
{% endblock %}
</div>
</nav>
{% endblock %}
<br />
<div class="container alert-message not-at-home">
{% block messages %}
{% with messages = get_flashed_messages(with_categories=true) %}
{% if messages %}
<div class="row justify-content-center">
<div class="col-md-6">
{% for category, message in messages %}
<div class="alert alert-{{category}}">
<button type="button" class="close" data-dismiss="alert">×</button>
{{ message }}
</div>
{% endfor %}
</div>
</div>
{% endif %}
{% endwith %}
{% endblock %}
</div>
{% block content %}{% endblock %}
<!-- Placed at the end of the document so the pages load faster -->
<script type="text/javascript" src="{{ url_for('static', filename = 'js/articles.js') }}"></script>
<script type="text/javascript" src="{{ url_for('static', filename = 'js/feed.js') }}"></script>
</body>
</html>