Added main page menu links highlighting

8 years ago · 1e613cfeb0
parent b14481e396
commit 1e613cfeb0
5 changed files with 15 additions and 7 deletions
--- a/.gitignore
+++ b/.gitignore
@ -106,3 +106,5 @@ venv.bak/

 # PyCharm
 .idea/
+
+db.sqlite3
--- a/project/settings.py
+++ b/project/settings.py
@ -39,6 +39,7 @@ INSTALLED_APPS = [
    'django.contrib.staticfiles',
 ] + [
    'anymail',
+    'active_link',
 ] + [
    'apps.auth.apps',
    'apps.user',
@ -154,3 +155,5 @@ DEFAULT_FROM_EMAIL = "postmaster@mail.9ev.ru"
 TWILIO_ACCOUNT = 'ACdf4a96b776cc764bc3ec0f0e136ba550'
 TWILIO_TOKEN = '559a6b1fce121759c9af2dcbb3f755ea'
 TWILIO_FROM_PHONE = '+37128914409'
+
+ACTIVE_LINK_STRICT = True
--- a/project/templates/lilcity/index.html
+++ b/project/templates/lilcity/index.html
@ -1,4 +1,6 @@
 {% load static %}
+{% load active_link_tags %}
+
 <!DOCTYPE html>
 <html>

@ -48,13 +50,13 @@
    <div class="outer js-outer">
      <header class="header js-header">
        <div class="header__center center">
-          <div class="header__container"><button class="header__menu js-header-menu"><svg class="icon icon-menu"><use xlink:href={% static "img/sprite.svg" %}#icon-menu></use></svg></button><a class="header__logo logo" href="#"></a>
+          <div class="header__container"><button class="header__menu js-header-menu"><svg class="icon icon-menu"><use xlink:href={% static "img/sprite.svg" %}#icon-menu></use></svg></button><a class="header__logo logo" href="/"></a>
            <div class="header__wrap js-header-wrap">
              <div class="header__top"><button class="header__close js-header-close"><svg class="icon icon-close"><use xlink:href={% static "img/sprite.svg" %}#icon-close></use></svg></button>
                <form class="header__search search js-search" action=""><input class="search__input js-search-input" type="text"><button class="search__btn js-search-btn" type="submit"><svg class="icon icon-search"><use xlink:href={% static "img/sprite.svg" %}#icon-search></use></svg></button></form>
              </div>
              <nav class="header__nav">
-                <div class="header__group"><a class="header__section header__section_sub js-header-section active" href="#">ОНЛАЙН-ШКОЛА</a>
+                <div class="header__group"><a class="header__section header__section_sub js-header-section {% active_link 'index' %}" href="{% url 'index' %}">ОНЛАЙН-ШКОЛА</a>
                  <div class="header__list js-header-list">
                    <a class="header__link" href="#">
                      <div class="header__title">О школе</div>
@ -88,7 +90,7 @@
                    </a>
                  </div>
                </div>
-                <div class="header__group"><a class="header__section header__section_sub js-header-section" href="#">ВИДЕО-КУРСЫ</a>
+                <div class="header__group"><a class="header__section header__section_sub js-header-section {% active_link 'courses' %}" href="{% url 'courses' %}">ВИДЕО-КУРСЫ</a>
                  <div class="header__list js-header-list">
                    <a class="header__link" href="#">
                      <div class="header__title">ПЕРСОНАЖ</div>
@ -130,7 +132,7 @@
      <footer class="footer">
        <div class="footer__center center">
          <div class="footer__row footer__row_first">
-            <div class="footer__col footer__col_md"><a class="footer__logo logo" href="#"></a>
+            <div class="footer__col footer__col_md"><a class="footer__logo logo" href="/"></a>
              <div class="footer__content">Первая онлайн-школа креативного мышления Lil City School</div>
            </div>
            <div class="footer__col">
--- a/project/urls.py
+++ b/project/urls.py
@ -23,8 +23,8 @@ from apps.course.views import CoursesView
 urlpatterns = [
    path('admin/', admin.site.urls),
    path('auth/', include(('apps.auth.urls', 'lilcity'))),
-    path('courses/', CoursesView.as_view()),
-    path('', TemplateView.as_view(template_name="templates/lilcity/index.html")),
+    path('courses/', CoursesView.as_view(), name='courses'),
+    path('', TemplateView.as_view(template_name="templates/lilcity/index.html"), name='index'),
 ]


--- a/requirements.txt
+++ b/requirements.txt
@ -5,4 +5,5 @@ paymentwall-python==1.0.7
 twilio==6.10.0
 psycopg2==2.7.3.2
 facepy==1.0.9
-Pillow==5.0.0
+Pillow==5.0.0
+django-active-link==0.1.2