You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
247 lines
14 KiB
247 lines
14 KiB
{% load static i18n %}
|
|
<!doctype html>
|
|
<html lang="ru">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
<title>{% trans 'Настройте рассылку от Expomap' %}</title>
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.4/jquery.fancybox.min.css">
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/malihu-custom-scrollbar-plugin/3.1.5/jquery.mCustomScrollbar.min.css">
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css">
|
|
<link rel="stylesheet" href="{% static 'mailing_settings/css/main.css' %}">
|
|
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js" defer></script>
|
|
</head>
|
|
|
|
<body>
|
|
{% if user.is_authenticated %}
|
|
<header class="page_header">
|
|
<div class="container">
|
|
<div class="logo_block">
|
|
<a href="{% url 'index' %}"><img src="{% static 'mailing_settings/images/logo.png' %}" alt="Expomap"></a>
|
|
<a href="{% url 'index' %}" class="back_to_site">expomap.ru <span>›</span></a>
|
|
</div>
|
|
<h1>{% trans 'Настройте рассылку от Expomap' %}</h1>
|
|
<p>{% trans 'для' %} <span>{{ object.email }}</span></p>
|
|
</div>
|
|
</header>
|
|
{% else %}
|
|
<header id="pr-header">
|
|
<div class="container">
|
|
<div class="pr-header-box">
|
|
<a class="pr-phone" href="tel:+7 (499) 999-12-07">+7 (499) 999-12-07</a>
|
|
<ul class="pr-social">
|
|
<li><a href="https://instagram.com/expomap/"><img src="{% static 'mailing_settings/images/sm-icon-inst.png' %}" /></a></li>
|
|
<li><a href="https://www.youtube.com/user/expomaptv"><img src="{% static 'mailing_settings/images/sm-icon-youtube.png' %}" /></a></li>
|
|
<li><a href="https://www.facebook.com/Expomap"><img src="{% static 'mailing_settings/images/sm-icon-fb.png' %}" /></a></li>
|
|
<li><a href="http://www.linkedin.com/company/expomap-ru/"><img src="{% static 'mailing_settings/images/sm-icon-lin.png' %}" /></a></li>
|
|
<li><a href="http://vk.com/expomap"><img src="{% static 'mailing_settings/images/sm-icon-vk.png' %}" /></a></li>
|
|
<li><a href="https://twitter.com/expomap_ru"><img src="{% static 'mailing_settings/images/sm-icon-twit.png' %}" /></a></li>
|
|
</ul>
|
|
</div>
|
|
<strong class="pr-logo"><a href="{% url 'index' %}">Expomap</a></strong>
|
|
<span class="pr-slogan">{% blocktrans %}П<span class="pr-search-icon"></span>исковик деловых событий{% endblocktrans %}</span>
|
|
</div>
|
|
</header>
|
|
{% endif %}
|
|
|
|
<form action="." method="post" id="mailing_settings_form">
|
|
{% csrf_token %}
|
|
|
|
{% if not user.is_authenticated %}
|
|
<section id="pr-promo">
|
|
<div class="container">
|
|
<h1>{% trans 'Анонсы выставок' %} <br />{% trans 'и конференций на ваш e-mail' %}</h1>
|
|
<h2>{% trans 'Хотите быть в курсе событий?' %}</h2>
|
|
<div class="pr-form">
|
|
<fieldset>
|
|
<div class="pr-row">
|
|
<span class="pr-input pr-name {% if form.first_name.errors %}field_error{% endif %}">
|
|
{% if form.first_name.errors %}<span class="text_error">{{ form.first_name.errors }}</span>{% endif %}
|
|
{{ form.first_name }}
|
|
</span>
|
|
|
|
<span class="pr-input pr-email {% if form.email.errors %}field_error{% endif %}">
|
|
{% if form.email.errors %}<span class="text_error">{{ form.email.errors }}</span>{% endif %}
|
|
{{ form.email }}
|
|
</span>
|
|
</div>
|
|
{% comment %}<button>{% trans 'Выбрать рубрики' %}</button>{% endcomment %}
|
|
<a href="#themes_block" class="button smooth_scroll">{% trans 'Выбрать рубрики' %}</a>
|
|
</fieldset>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
{% endif %}
|
|
|
|
<div id="themes_block" class="themes_block">
|
|
<div class="container">
|
|
<h2>{% trans 'Какие события включать в ваше письмо?' %}</h2>
|
|
<div class="columns">
|
|
<div class="column">
|
|
<div id="selected_themes_block">
|
|
<h3>{% trans 'Ваши темы:' %}</h3>
|
|
<p>Отметьте темы, по которым вы хотите получать анонсы событий</p>
|
|
|
|
{% if not user.is_authenticated %}
|
|
<ul id="popular_themes" class="popular_themes">
|
|
{% for theme in popular_themes %}
|
|
<li>
|
|
<input id="id_popular_theme_{{ theme.pk }}" type="checkbox" name="th" value="{{ theme.pk }}">
|
|
<label for="id_popular_theme_{{ theme.pk }}">{{ theme }}</label>
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|
|
{% endif %}
|
|
|
|
<ul id="selected_themes" class="selected selected_themes">
|
|
{% for theme in object.themes.all %}
|
|
<li data-id="{{ theme.pk }}" data-type="th" class="theme_{{ theme.pk }}">
|
|
<input type="hidden" name="th" value="{{ theme.pk }}">
|
|
{{ theme }}
|
|
<a href="#">×</a>
|
|
</li>
|
|
{% endfor %}
|
|
{% for tag in object.tags.all %}
|
|
<li data-id="{{ tag.pk }}" data-type="tg" data-parent="{{ tag.theme.pk }}" class="tag_{{ tag.pk }}">
|
|
<input type="hidden" name="tg" value="{{ tag.pk }}">
|
|
{{ tag }}
|
|
<a href="#">×</a>
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|
|
<a href="#search-modal" class="modal_trigger themes_trigger">
|
|
{% comment %}{% trans 'Уточнить темы' %}{% endcomment %}
|
|
{% trans 'Выбрать из полного списка' %}
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="column">
|
|
<h3>{% trans 'Ваши гео-фильтры:' %}</h3>
|
|
<ul class="geo_filters">
|
|
<li>
|
|
<label>
|
|
{{ form.moscow }}
|
|
<span class="label moscow">
|
|
<i class="fa fa-map-marker"></i>
|
|
{{ form.moscow.label }}
|
|
</span>
|
|
<span class="geo_checkbox"></span>
|
|
</label>
|
|
</li>
|
|
<li>
|
|
<label>
|
|
{{ form.russia }}
|
|
<span class="label rf">
|
|
<i class="fa fa-map-marker"></i>
|
|
{{ form.russia.label }}
|
|
</span>
|
|
<span class="geo_checkbox"></span>
|
|
</label>
|
|
<a href="#cities-modal" class="modal_trigger">{% trans 'Выбрать города' %}</a>
|
|
<ul id="selected_cities" class="selected"></ul>
|
|
{{ form.r_cities }}
|
|
</li>
|
|
<li>
|
|
<label>
|
|
{{ form.foreign }}
|
|
<span class="label foreign">
|
|
<i class="fa fa-map-marker"></i>
|
|
{{ form.foreign.label }}
|
|
</span>
|
|
<span class="geo_checkbox"></span>
|
|
</label>
|
|
<a href="#countries_modal" class="modal_trigger">{% trans 'Выбрать страны' %}</a>
|
|
<ul id="selected_areas" class="selected"></ul>
|
|
<ul id="selected_countries" class="selected"></ul>
|
|
{{ form.area }}
|
|
{{ form.co }}
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="subjects_block">
|
|
<div class="container">
|
|
<h2>{% trans 'Включать ли новости / обзоры / статьи в письмо?' %}</h2>
|
|
<div class="columns">
|
|
<div class="column">
|
|
{{ form.content_news }}
|
|
{{ form.content_news.label_tag }}
|
|
<p>{% trans "Получайте новости выставок и конференций по выбранным тематикам" %}</p>
|
|
</div>
|
|
<div class="column">
|
|
{{ form.content_overview }}
|
|
{{ form.content_overview.label_tag }}
|
|
<p>{% trans "Практические материалы, интервью, кейсы, которые помогут эффективно участвовать в выставках" %}</p>
|
|
</div>
|
|
<div class="column">
|
|
{{ form.content_articles }}
|
|
{{ form.content_articles.label_tag }}
|
|
<p>{% trans "Блог о том, как создавать и продвигать крутые event`ы" %}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="button_block">
|
|
<div class="container">
|
|
{% if not user.is_authenticated %}
|
|
<div class="tos">
|
|
<strong>{% trans 'Нажимая «Подписаться», вы соглашаетесь получать' %} <br /> {% trans 'материалы компании Expomap на свой электронный адрес' %} </strong>
|
|
<br />
|
|
<a href="{% url 'termsofuse' %}" style="color:#a2a2a2;">{% trans "Пользовательское соглашение" %}</a>
|
|
</div>
|
|
{% endif %}
|
|
|
|
<button type="submit">
|
|
{% if user.is_authenticated %}
|
|
{% trans "Сохранить" %}
|
|
{% else %}
|
|
{% trans 'Подписаться' %}
|
|
{% endif %}
|
|
</button>
|
|
{% if user.is_authenticated %}
|
|
<a href="?unsibscribe=1">{% trans 'Не хочу быть в курсе событий (отписаться от всего)' %}</a>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
</form>
|
|
<footer class="page_footer">© Expomap {% now "Y" %}</footer>
|
|
<div class="modals">
|
|
<div id="search-modal">
|
|
{% include 'client/popups/new_themes.html' %}
|
|
</div>
|
|
<div id="cities-modal">
|
|
{% include 'client/popups/russia_cities.html' %}
|
|
</div>
|
|
<div id="countries_modal">
|
|
{% include 'client/popups/mailing_settings_countries.html' %}
|
|
</div>
|
|
{% if unsubscribe_success or unsubscribed %}
|
|
<div id="unsibscribed_modal">
|
|
{% include 'client/popups/unsubscribed.html' %}
|
|
</div>
|
|
{% endif %}
|
|
|
|
<div id="error_modal">
|
|
<div class="popup-window">
|
|
<header>
|
|
<div class="title">{% trans 'Ошибка' %}</div>
|
|
</header>
|
|
|
|
<div class="body error_messages" id="error_messages"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.4/jquery.fancybox.pack.min.js" defer></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/malihu-custom-scrollbar-plugin/3.1.5/jquery.mCustomScrollbar.min.js" defer></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/mustache.js/2.3.0/mustache.min.js" defer></script>
|
|
<script src="{% static 'mailing_settings/js/main.js' %}" defer></script>
|
|
</body>
|
|
</html>
|
|
|
|
|
|
|