expo-166 ready

remotes/origin/1203
pavel 11 years ago
parent 8689a4fdec
commit 87397be795
  1. 1
      templates/client/popups/advertise.html
  2. 375
      templates/client/simple_pages/advertising.html
  3. 51
      templates/client/static_client/js/_modules/page.advertising.js
  4. 1
      templates/client/static_client/js_min/_modules/page.advertising.min.js
  5. 2
      templates/client/static_client/js_min/vendor.min.js

@ -31,6 +31,7 @@
<div class="pwf-buttons-line">
<button type="submit" class="submit">{% trans 'Заказать услугу' %}</button>
</div>
<input type="hidden" id="id_type" name="type" value="">
</form>
</div>
</div>

@ -19,196 +19,205 @@
{% block content_list %}
<div class="m-article">
<div class="graph-title">{% trans 'Рост аудитории Expomap 2009–2014 гг.' %}</div>
<div class="a-graphic">
<table>
<tbody class="main">
<tr>
<td><div>300 000</div></td>
<td rowspan="10">
<table>
<tr>
<td><div class="at-bar bh1"></div></td>
<td><div class="at-bar bh2"></div></td>
<td><div class="at-bar bh4"></div></td>
<td><div class="at-bar bh6"></div></td>
<td><div class="at-bar bh9"></div></td>
<td>
<div class="at-bar bh10">
<div class="atb-text">
<p>
<b>300 000</b>
{% trans 'посещений в' %}&nbsp;{% trans 'месяц' %}
</p>
<p>
<b>1 000 000 +</b>
{% trans 'целевых' %}<br />{% trans 'просмотров' %}<br />{% trans 'вашей рекламы' %}
</p>
</div>
</div>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td><div>250 000</div></td>
</tr>
<tr>
<td><div>200 000</div></td>
</tr>
<tr>
<td><div>150 000</div></td>
</tr>
<tr>
<td><div>100 000</div></td>
</tr>
<tr>
<td><div>48 000</div></td>
</tr>
<tr>
<td><div>24 000</div></td>
</tr>
<tr>
<td><div>12 000</div></td>
</tr>
<tr>
<td><div>6 000</div></td>
</tr>
<tr>
<td><div>2 000</div></td>
</tr>
</tbody>
<tbody class="bottom">
<tr>
<td><div>{% trans 'Посещений в' %}&nbsp;{% trans 'месяц' %}</div></td>
<td>
<table>
<tr>
<td>2009</td>
<td>2010</td>
<td>2011</td>
<td>2012</td>
<td>2013</td>
<td>2014</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="tad-price">
<ul>
<li>
<div class="tad-pict"><a href="#"><img src="{% static 'client/img/themes/expo-1.png' %}" alt=""/></a></div>
<div class="tadi-body">
<h3>{% trans 'Баннерная реклама' %}</h3>
<div class="tadi-text">
<p>{% trans 'Вы можете таргетировать Вашу рекламу, привязывая ее показы к определенной тематической отрасли (например, события в сфере строительства) или географической зоне (например, выставки и конференции Москвы).' %}</p>
<p>{% trans 'Возможные варианты размещения и размеры баннеров можно посмотреть на эскизе.' %}</p>
</div>
<div class="btn-wrap">
<div class="order-button">
<span class="ob-price">{% trans 'от' %} 10 000 <em class="rub"><i>{% trans 'руб.' %}</i></em> до 80 000 <em class="rub"><i>{% trans 'руб.' %}</i></em></span>
<a class="ob-text pw-open" href="#pw-advertise">{% trans 'Заказать услугу' %}</a>
</div>
<div class="tad-prise-descr">{% trans 'за месяц размещения' %}</div>
</div>
<p>{% trans 'Скидки при длительном размещении, а также агентствам.' %}</p>
</div>
</li>
<li class="p-left">
<div class="tad-pict"><a href="#"><img src="{% static 'client/img/themes/expo-2.png' %}" alt="" /></a></div>
<div class="tadi-body">
<h3>{% trans 'Приоритетное размещение событий в каталоге' %}</h3>
<div class="tadi-text">
<p>{% trans 'Ваше событие всегда в Топе тематического календаря и выделено цветом — вне зависимости от дат его проведения.' %}</p>
</div>
<div class="btn-wrap">
<div class="order-button">
<span class="ob-price">5 000 <em class="rub"><i>{% trans 'руб.' %}</i></em></span>
<a class="ob-text pw-open" href="#pw-advertise">{% trans 'Заказать услугу' %}</a>
</div>
<div class="tad-prise-descr">{% trans 'за месяц размещения в ТОП в 1 тематике' %}</div>
</div>
</div>
</li>
<li>
<div class="tad-pict"><a href="#"><img src="{% static 'client/img/themes/expo-3.png' %}" alt="" /></a></div>
<div class="tadi-body">
<h3>{% trans 'Персональная визитка Вашей компании' %}</h3>
<div class="tadi-text">
<p>{% trans 'В связи с недавним появлением каталога, спешите занять первые места в рубриках!' %}</p>
</div>
<div class="btn-wrap">
<div class="order-button">
<span class="ob-price">12 000 <em class="rub"><i>{% trans 'руб.' %}</i></em></span>
<a class="ob-text pw-open" href="#pw-advertise">{% trans 'Заказать услугу' %}</a>
</div>
<div class="tad-prise-descr">{% trans 'за год за 1 тематический раздел' %}</div>
</div>
</div>
</li>
</ul>
</div>
<div class="m-article">
<div class="targets t-layout">
<div class="t-col">
<div class="tg-title icon-people">{% trans 'Наша аудитория' %}</div>
<ul>
<li>{% trans 'Маркетологи' %}</li>
<li>{% trans 'PR-специалисты' %}</li>
<li>{% trans 'Профильные специалисты' %}</li>
<li>{% trans 'Руководители департаментов' %} <small>{% trans '(продажи, снабжение, маркетинг, PR и др.)' %}</small>
</li>
<li>{% trans 'Руководители компаний' %}</li>
<li>{% trans 'Собственники бизнеса' %}</li>
</ul>
<div class="a-graphic">
<table>
<tbody class="main">
<tr>
<td><div>300 000</div></td>
<td rowspan="10">
<table>
<tr>
<td><div class="at-bar bh1"></div></td>
<td><div class="at-bar bh2"></div></td>
<td><div class="at-bar bh4"></div></td>
<td><div class="at-bar bh6"></div></td>
<td><div class="at-bar bh9"></div></td>
<td>
<div class="at-bar bh10">
<div class="atb-text">
<p>
<b>300 000</b>
{% trans 'посещений в' %}&nbsp;{% trans 'месяц' %}
</p>
<p>
<b>1 000 000 +</b>
{% trans 'целевых' %}<br />{% trans 'просмотров' %}<br />{% trans 'вашей рекламы' %}
</p>
</div>
</div>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td><div>250 000</div></td>
</tr>
<tr>
<td><div>200 000</div></td>
</tr>
<tr>
<td><div>150 000</div></td>
</tr>
<tr>
<td><div>100 000</div></td>
</tr>
<tr>
<td><div>48 000</div></td>
</tr>
<tr>
<td><div>24 000</div></td>
</tr>
<tr>
<td><div>12 000</div></td>
</tr>
<tr>
<td><div>6 000</div></td>
</tr>
<tr>
<td><div>2 000</div></td>
</tr>
</tbody>
<tbody class="bottom">
<tr>
<td><div>{% trans 'Посещений в' %}&nbsp;{% trans 'месяц' %}</div></td>
<td>
<table>
<tr>
<td>2009</td>
<td>2010</td>
<td>2011</td>
<td>2012</td>
<td>2013</td>
<td>2014</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
<div class="t-col">
</div>
</div>
<div class="tg-title icon-case">{% trans 'Наши рекламодатели' %}</div>
<div class="tad-price">
<ul>
<li>
<div class="tad-pict"><a href="#"><img src="{% static 'client/img/themes/expo-1.png' %}" alt=""/></a></div>
<div class="tadi-body">
<h3>{% trans 'Баннерная реклама' %}</h3>
<div class="tadi-text">
<p>{% trans 'Вы можете таргетировать Вашу рекламу, привязывая ее показы к определенной тематической отрасли (например, события в сфере строительства) или географической зоне (например, выставки и конференции Москвы).' %}</p>
<p>{% trans 'Возможные варианты размещения и размеры баннеров можно посмотреть на эскизе.' %}</p>
</div>
<div class="btn-wrap">
<div class="order-button">
<span class="ob-price">{% trans 'от' %} 10 000 <em class="rub"><i>{% trans 'руб.' %}</i></em> до 80 000 <em class="rub"><i>{% trans 'руб.' %}</i></em></span>
<a class="ob-text pw-open advert-modal" href="#pw-advertise" data-type-title="{% trans 'Баннерная реклама' %}">{% trans 'Заказать услугу' %}</a>
</div>
<div class="tad-prise-descr">{% trans 'за месяц размещения' %}</div>
</div>
<p>{% trans 'Скидки при длительном размещении, а также агентствам.' %}</p>
</div>
</li>
<li class="p-left">
<div class="tad-pict"><a href="#"><img src="{% static 'client/img/themes/expo-2.png' %}" alt="" /></a></div>
<div class="tadi-body">
<h3>{% trans 'Приоритетное размещение событий в каталоге' %}</h3>
<div class="tadi-text">
<p>{% trans 'Ваше событие всегда в Топе тематического календаря и выделено цветом — вне зависимости от дат его проведения.' %}</p>
</div>
<div class="btn-wrap">
<div class="order-button">
<span class="ob-price">5 000 <em class="rub"><i>{% trans 'руб.' %}</i></em></span>
<a class="ob-text pw-open advert-modal" href="#pw-advertise" data-type-title="{% trans 'Приоритетное размещение событий в каталоге' %}">{% trans 'Заказать услугу' %}</a>
</div>
<div class="tad-prise-descr">{% trans 'за месяц размещения в ТОП в 1 тематике' %}</div>
</div>
</div>
</li>
<li>
<div class="tad-pict"><a href="#"><img src="{% static 'client/img/themes/expo-3.png' %}" alt="" /></a></div>
<div class="tadi-body">
<h3>{% trans 'Персональная визитка Вашей компании' %}</h3>
<div class="tadi-text">
<p>{% trans 'В связи с недавним появлением каталога, спешите занять первые места в рубриках!' %}</p>
</div>
<div class="btn-wrap">
<div class="order-button">
<span class="ob-price">12 000 <em class="rub"><i>{% trans 'руб.' %}</i></em></span>
<a class="ob-text pw-open advert-modal" href="#pw-advertise" data-type-title="{% trans 'Персональная визитка Вашей компании' %}">{% trans 'Заказать услугу' %}</a>
</div>
<div class="tad-prise-descr">{% trans 'за год за 1 тематический раздел' %}</div>
</div>
</div>
</li>
</ul>
</div>
<ul>
<li>{% trans 'Организаторы мероприятий' %}</li>
<li>{% trans 'Туристические компании' %}</li>
<li>{% trans 'Гостиницы и системы бронирования' %}</li>
<li>{% trans 'Сервис-компании в сфере конгрессно-выставочного бизнеса' %}</li>
<li>{% trans 'Компании-производители' %}</li>
<li>{% trans 'Торговые компании' %}</li>
</ul>
</div>
<div class="m-article">
</div>
<div class="targets t-layout">
</div>
<div class="t-col">
<div class="tg-title icon-people">{% trans 'Наша аудитория' %}</div>
<ul>
<li>{% trans 'Маркетологи' %}</li>
<li>{% trans 'PR-специалисты' %}</li>
<li>{% trans 'Профильные специалисты' %}</li>
<li>{% trans 'Руководители департаментов' %} <small>{% trans '(продажи, снабжение, маркетинг, PR и др.)' %}</small>
</li>
<li>{% trans 'Руководители компаний' %}</li>
<li>{% trans 'Собственники бизнеса' %}</li>
</ul>
</div>
<div class="t-col">
<div class="tg-title icon-case">{% trans 'Наши рекламодатели' %}</div>
<ul>
<li>{% trans 'Организаторы мероприятий' %}</li>
<li>{% trans 'Туристические компании' %}</li>
<li>{% trans 'Гостиницы и системы бронирования' %}</li>
<li>{% trans 'Сервис-компании в сфере конгрессно-выставочного бизнеса' %}</li>
<li>{% trans 'Компании-производители' %}</li>
<li>{% trans 'Торговые компании' %}</li>
</ul>
</div>
</div>
</div>
<div class="popups-wrap">
{% include 'client/popups/advertise.html' %}
</div>
{% if request.GET.debug == '1' %}
<script src="{% static 'client/js/_modules/page.advertising.js' %}"></script>
{% else %}
<script src="{% static 'client/js_min/_modules/page.advertising.min.js' %}"></script>
{% endif %}
<script>
EXPO.advertising.init({});
</script>
{% endblock %}

@ -0,0 +1,51 @@
var EXPO = EXPO || {}; //isolated namespace
if (EXPO.advertising) {
console.warn('WARNING: EXPO.advertising is already defined!');
} else {
EXPO.advertising = (function () {
/**
* private (visible inside this module only) variables
*/
/**
* @type {Object} - module API interafce realization
*/
var that = {};
/**
* @type {Object} default setting
*/
that.opt = {};
/**
* dependencies.Place where you can switch on dependencies for module
* @type {EXPO.common|*} - mostly used in project functions and data (block.common.js)
*/
var com = EXPO.common;
/**
* current module general initialization
* @param {Object} options - options recieved from web page view
*/
that.init = function (options) {
/**
* default module options
* @type {Object}
*/
this.opt = {
linkClass:"advert-modal",
inputId:"id_type"
};
// settings extending
$.extend(this.opt, options);
// begin of initialization
var self = this,
opt = this.opt;
$('.'+opt.linkClass).on("mousedown", function () {
$(document.getElementById(opt.inputId)).val($(this).attr("data-type-title"));
});
};
return that;
}());
}

@ -0,0 +1 @@
var EXPO=EXPO||{};EXPO.advertising?console.warn("WARNING: EXPO.advertising is already defined!"):EXPO.advertising=function(){var t={};t.opt={};EXPO.common;return t.init=function(t){this.opt={linkClass:"advert-modal",inputId:"id_type"},$.extend(this.opt,t);var n=this.opt;$("."+n.linkClass).on("mousedown",function(){$(document.getElementById(n.inputId)).val($(this).attr("data-type-title"))})},t}();

File diff suppressed because one or more lines are too long
Loading…
Cancel
Save