mitri4
/
expomap
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

expo-166 ready

Browse Source
remotes/origin/1203
pavel 11 years ago
parent 8689a4fdec
commit 87397be795
5 changed files with 246 additions and 184 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  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

1
templates/client/popups/advertise.html
Unescape View File

@ -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>

375
templates/client/simple_pages/advertising.html
Unescape View File

@ -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 %}

51
templates/client/static_client/js/_modules/page.advertising.js
Unescape View File

@ -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;
}());
}

1
templates/client/static_client/js_min/_modules/page.advertising.min.js vendored
Unescape View File

@ -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}();

2
templates/client/static_client/js_min/vendor.min.js vendored
View File

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