heckyel/libretube
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

remove menu-toogle

Browse Source
This commit is contained in:
Jesús 2019-06-08 11:25:16 -05:00
parent 03a25dcfcc
commit 0117039574
No known key found for this signature in database
GPG Key ID: F6EE7BC59A315766
2 changed files with 15 additions and 81 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
libretube-theme/static/js/menu.js
View File

@ -1,48 +0,0 @@
// @licstart The following is the entire license notice for the
// JavaScript code in this page.
//
// Copyright (C) 2019 Jesús E.
//
// Menu is free software: you can redistribute it and/or modify
// it under the terms of the GNU Affero General Public License as
// published by the Free Software Foundation, either version 3 of the
// License, or (at your option) any later version.
//
// Menu is distributed in the hope that it will be useful,
// but WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
// GNU Affero General Public License for more details.
//
// You should have received a copy of the GNU Affero General Public License
// along with Menu. If not, see <http://www.gnu.org/licenses/>.
//
// @licend The above is the entire license notice for the
// JavaScript code in this page.
document.addEventListener('DOMContentLoaded', () => {
function toggleMenu() {
document.getElementById('menu-toggle').addEventListener('click', function(e) {
let sidebar = document.getElementById("sidebar-wrapper");
if (sidebar.classList) {
sidebar.classList.toggle("active");
}
});
}
function closeMenu() {
document.getElementById('menu-close').addEventListener('click', function(e) {
let close = document.getElementById("sidebar-wrapper");
if (close.classList) {
close.classList.remove("active");
}
});
}
// Open Menu
toggleMenu();
// Close Menu
closeMenu();
});

48
libretube-theme/templates/base.html
View File

@ -8,12 +8,12 @@
<title>{% block title %}{{ SITENAME }}{% endblock title %}</title>
{% block extra_head %}
{% set SITE_DESCRIPTION = _('Videoteca de software libre brindando avance tecnológico') %}
<meta name="description" content="{{ SITE_DESCRIPTION }}">
<meta property="og:title" content="{{ SITENAME }}">
<meta property="og:type" content="website">
<meta property="og:url" content="{{ SITEURL }}">
<meta property="og:description" content="{{ SITE_DESCRIPTION }}">
{% set SITE_DESCRIPTION = _('Videoteca de software libre brindando avance tecnológico') %}
<meta name="description" content="{{ SITE_DESCRIPTION }}">
<meta property="og:title" content="{{ SITENAME }}">
<meta property="og:type" content="website">
<meta property="og:url" content="{{ SITEURL }}">
<meta property="og:description" content="{{ SITE_DESCRIPTION }}">
{% endblock %}
<!-- Bootstrap 4.3.1 -->
@ -38,31 +38,11 @@
<div class="container-fluid">
<nav id="sidebar-wrapper">
<aside class="sidebar">
<a href="#" id="menu-close" class="float-xs-right toggle"><i class="soumaicon"><svg><use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/svg/master.svg#close"/></svg></i></a>
<ul>
<li class="title">Menu</li>
<li><a href="#"><i class="soumaicon"><svg><use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/svg/master.svg#eye"/></svg></i> What to watch</a></li>
<li><a href="#"><i class="soumaicon"><svg><use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/svg/master.svg#user"/></svg></i> My Channel</a></li>
<li><a href="#"><i class="soumaicon"><svg><use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/svg/master.svg#clock"/></svg></i> History</a></li>
<li><a href="#"><i class="soumaicon"><svg><use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/svg/master.svg#repeat"/></svg></i> Watch Later</a></li>
</ul>
<ul id="playlist">
<li class="title">Playlists</li>
<li><a href="#"><i class="soumaicon"><svg><use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/svg/master.svg#headphones"/></svg></i>Best of David Guetta <p>David Guetta</p></a></li>
<li><a href="#"><i class="soumaicon"><svg><use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/svg/master.svg#film"/></svg></i>Favourite Videos <p>Check your favourite videos</p></a></li>
<li><a href="#"><i class="soumaicon"><svg><use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/svg/master.svg#like"/></svg></i>Liked Videos <p>Reach all the videos you like</p></a></li>
</ul>
</aside> <!-- End Sidebar -->
</nav> <!-- End Sidebar-wrapper -->
<div class="row ml-1">
<header class="fixed-top">
<div class="col-md-12">
<div class="row mt-2 mb-2">
<div class="col-lg-2 align-self-center">
<a id="menu-toggle" class="menu-bars" href="#"><i class="soumaicon"><svg><use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/svg/master.svg#bars"/></svg></i></a>
<a class="menu-logo" href="{{ SITEURL }}/" rel="home"><img src="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/logo.svg" class="logo" alt="logo" ></a>
</div>
<div class="col-lg-5 align-self-center">
@ -94,13 +74,15 @@
{% if DISPLAY_PAGES_ON_MENU %}
<hr>
<ul class="tab">
<li class="{% if output_file == 'index.html' %}active{% endif %}"><a href="{{ SITEURL }}/" class="navbar-item is-tab">{{ _('Inicio') }}</a></li>
{% for p in pages %}
<li class="navbar-item is-tab {% if p == page %} active{% endif %}"><a href="{{ SITEURL }}/{{ p.url }}">{{ p.title }}</a></li>
{% endfor %}
<li class="navbar-item is-tab {% if output_file == ARCHIVES_SAVE_AS %} active {% endif %}"><a href="{{ SITEURL }}/{{ ARCHIVES_URL }}">{{ _('Archivos') }}</a></li>
</ul> <!-- End Tabs -->
<nav>
<ul class="tab">
<li class="{% if output_file == 'index.html' %}active{% endif %}"><a href="{{ SITEURL }}/" class="navbar-item is-tab">{{ _('Inicio') }}</a></li>
{% for p in pages %}
<li class="navbar-item is-tab {% if p == page %} active{% endif %}"><a href="{{ SITEURL }}/{{ p.url }}">{{ p.title }}</a></li>
{% endfor %}
<li class="navbar-item is-tab {% if output_file == ARCHIVES_SAVE_AS %} active {% endif %}"><a href="{{ SITEURL }}/{{ ARCHIVES_URL }}">{{ _('Archivos') }}</a></li>
</ul> <!-- End Tabs -->
</nav>
<hr>
{% endif %}