Ценовая выдача для одного окна

2022-12-30 15:30:05 +03:00
parent 5a38181cd3
commit 6c4dcd1cb7
5 changed files with 859 additions and 9 deletions
--- a/oknardia/templates/report/report_precelist_one_flap_frame.html
+++ b/oknardia/templates/report/report_precelist_one_flap_frame.html
@@ -0,0 +1,141 @@
+{% load static %}{% load filters %}{% for CurOffer in PRICE_FRAME %}
+    <tr>
+      <td colspan="7" style="font-size:xx-small;border-top:double black;border-bottom: solid 1px white;padding: 0;"></td>
+		</tr>{% for CurInOffer in CurOffer.DIM %}
+    <tr>
+    {% if forloop.first %}
+      <th rowspan="{% if CurOffer.DIM|length == 1 %}2{% else %}{{ CurOffer.DIM|length }}{% endif %}" title="Добавить коммерческое предложение окна к сравнению">{# красивые чекбоксы BEGIN #}<div class="checkbox"><label><input id="CHK{{ CurOffer.SETS_ID }}" type="checkbox" name="ForCompare" value="{{ CurOffer.SETS_ID }}" onChange="ChangeCountCheckedBox({{ CurOffer.SETS_ID }});" /><span class="cr"><i class="cr-icon glyphicon glyphicon-ok"></i></span></label></div>{# красивые чекбоксы END #}</th>
+			<td rowspan="{% if CurOffer.DIM|length == 1 %}2{% else %}{{ CurOffer.DIM|length }}{% endif %}"{% if CurOffer.IS_COMMERCIAL %} style="background-image: url(/media/{{ CurOffer.MERCHANT_LOGO }})"{% endif %} title="Краткая спецификация коммерческого предложения">
+        <span itemprop="description">
+          <h3 class="set-name shake-trigger" id="btn{{ CurOffer.SETS_ID }}"><a href="javascript://" onclick="show_dtl({{ CurOffer.SETS_ID }})">{{ CurOffer.MERCHANT }} – {{ CurOffer.SETS_NAME }}<i class="glyphicon glyphicon-chevron-down shake-vertical"></i></a></h3>
+
+          <DiV id="dtl{{ CurOffer.SETS_ID }}" class="collapse">■ Профиль: <a href="/catalog/profile/{{ CurOffer.PVC_ID }}-{{ CurOffer.PVC_MANUFACTURER_T }}/{{ CurOffer.PVC_ID }}-{{ CurOffer.PVC_NAME_T }}">{{ CurOffer.PVC_NAME|safe }}</a> (<a href="/catalog/profile/{{ CurOffer.PVC_ID }}-{{ CurOffer.PVC_MANUFACTURER_T }}">{{ CurOffer.PVC_MANUFACTURER }}</a>)
+            ■&nbsp;{{ CurOffer.GLAZING_NAME_B|safe }} <nobr>({{ CurOffer.GLAZING_MARK }})</nobr>
+            ■&nbsp;Тонирование:&nbsp;{{ CurOffer.GLAZING_TONING }}
+            {% if CurOffer.PVC_SEAL %}■&nbsp;Уплотнитель:&nbsp;{{ CurOffer.PVC_SEAL }}
+            {% endif %}{% if CurOffer.SETS_IMPLEMENT %}■&nbsp;Фурнитура:&nbsp;{{ CurOffer.SETS_IMPLEMENT|capfirst|safe }}
+            {% endif %}{% if CurOffer.SETS_IMPLEMENT_R %}■&nbsp;Ручки:&nbsp;{{ CurOffer.SETS_IMPLEMENT_R|capfirst|safe }}
+            {% endif %}{% if CurOffer.SETS_IMPLEMENT_P %}■&nbsp;Петли:&nbsp;{{ CurOffer.SETS_IMPLEMENT_P|capfirst|safe }}
+            {% endif %}{% if CurOffer.SETS_IMPLEMENT_Z %}■&nbsp;Запоры:&nbsp;{{ CurOffer.SETS_IMPLEMENT_Z|capfirst|safe }}
+            {% endif %}{% if CurOffer.SETS_IMPLEMENT_O %}■&nbsp;Ограничители:&nbsp;{{ CurOffer.SETS_IMPLEMENT_O|capfirst|safe }}
+            {% endif %}{% if CurOffer.SETS_IMPLEMENT_F %}■&nbsp;Фиксаторы:&nbsp;{{ CurOffer.SETS_IMPLEMENT_F|capfirst|safe }}
+            {% endif %}{% if CurOffer.SETS_CLIMATE_CONTROL %}<span {% if CurOffer.SETS_CLIMATE_CONTROL|capfirst != "Нет" or CurOffer.SETS_CLIMATE_CONTROL|length > 3 %}class="bullet-green"{% endif %}>■&nbsp;Климат-контроль:&nbsp;{{ CurOffer.SETS_CLIMATE_CONTROL|capfirst|safe }}</span>
+            {% endif %}{% if CurOffer.SETS_SILL %}<span {% if CurOffer.SETS_SILL|capfirst == "Нет" or CurOffer.SETS_SILL|length < 3 %}class="bullet-red"{% endif %}>■&nbsp;Подоконник:&nbsp;{{ CurOffer.SETS_SILL|capfirst|safe }}</span>
+            {% endif %}{% if CurOffer.SETS_SLOPE %}<span {% if CurOffer.SETS_SLOPE|capfirst == "Нет" or CurOffer.SETS_SLOPE|length < 3 %}class="bullet-red"{% endif %}>■&nbsp;Откос:&nbsp;{{ CurOffer.SETS_SLOPE|capfirst|safe }}</span>
+            {% endif %}{% if CurOffer.SETS_PANES %}<span {% if CurOffer.SETS_PANES|capfirst == "Нет" or CurOffer.SETS_PANES|length < 3 %}class="bullet-red"{% endif %}>■&nbsp;Водоотлив:&nbsp;{{ CurOffer.SETS_PANES|capfirst|safe }}</span>
+            {% endif %}{% if CurOffer.SETS_UNINSTALL_INSTALL %}<span {% if CurOffer.SETS_UNINSTALL_INSTALL_B %}class="bullet-green"{% else %}class="bullet-red"{% endif %}>■&nbsp;Демонтаж/монтаж:&nbsp;{{ CurOffer.SETS_UNINSTALL_INSTALL|capfirst|safe }}</span>
+            {% endif %}{% if CurOffer.SETS_DELIVERY %}<span {% if CurOffer.SETS_DELIVERY_B %}class="bullet-green"{% else %}class="bullet-red"{% endif %}>■&nbsp;Доставка:&nbsp;{{ CurOffer.SETS_DELIVERY|capfirst|safe }}</span>{% endif %}{% comment %} {% if CurOffer.SETS_OTHER %}■&nbsp;Прочие условия:&nbsp;{{ CurOffer.SETS_OTHER|capfirst|safe }}
+            {% endif %}{% endcomment %}
+          </DiV>
+          <!-- Дата обновления  -->
+          <nobr class="badge badge4price" title="Дата обновления коммерческого предложения окон — {{ CurOffer.SETS_DATA_MODIFY|date:"d.M.Y" }}"><b class="glyphicon glyphicon-calendar"></b> {{ CurOffer.SETS_DATA_MODIFY|date:"d.M.Y" }}</nobr>
+          <!-- Звездочки рейтинга -->
+          <nobr class="badge badge4price" title="Рейтинг «Окнардии»{% if CurOffer.SETS_RATING > -0.1 %} — {{ CurOffer.SETS_RATING|stringformat:".2f" }} баллов{% endif %}"><a
+                href="javascript://"
+                id-set="{{ CurOffer.SETS_ID }}"
+                data-trigger="focus" tabindex="0"
+                title="{% if CurOffer.SETS_RATING > 0.01 %}<b> Рейтинг {{ CurOffer.SETS_RATING|stringformat:".2f" }}</b> для оконого набора «{{ CurOffer.SETS_NAME }}» компании «{{ CurOffer.MERCHANT }}» состоит&nbsp;из:{% else %}Рейтинг не присвоен{% endif %}"
+                data-toggle="popover">рейтинг</a>:&nbsp;{% for Star in CurOffer.SETS_RATING_STARTS %}{% if Star == 0 %}<b class="glyphicon glyphicon-star-empty"></b>{% else %}<b class="glyphicon glyphicon-star"></b>{% endif %}{% endfor %} {% if CurOffer.SETS_RATING > -0.1 %} {{ CurOffer.SETS_RATING|stringformat:".2f" }}{% endif %}</nobr>
+        </span>
+        <span itemprop="brand" itemscope itemtype="http://schema.org/Brand">
+				  <meta itemprop="name" content="{{ CurOffer.MERCHANT }}" />
+				  <meta itemprop="logo" content="https://oknardia.ru/media/{{ CurOffer.MERCHANT_LOGO }}" />
+        </span></td>
+      <!--- Конец большой ячейки со спецификацией оконного предложения --->
+    {% endif %}
+
+			<td class="rnw" title="Схема открывания окна или двери {{ CurInOffer.WIDTH|stringformat:".0f" }}0x{{ CurInOffer.HIGHT|stringformat:".0f" }}0 мм."><img src="{% static CurInOffer.IMG_MINI %}" alt="Схема открывания: {{ CurInOffer.DESCRIPTION }} — {{ CurInOffer.WIDTH|stringformat:".0f" }}0x{{ CurInOffer.HIGHT|stringformat:".0f" }}0 мм." /></td>
+
+    {% if forloop.first %}<!-- FIRST -->
+
+			<td class="rnw" title="Стоимость {{ CurOffer.TOTAL|stringformat:".2f" }} рублей за все окна квартиры {{ APART|safe }}.">{{ CurOffer.TOTAL|stringformat:".2f"|price_format }}</td>
+			<th{% if CurOffer.DISCOUNT_COLOR2 != "" %} style="background-color:{{ CurOffer.DISCOUNT_COLOR2 }};"{% endif %} title="{% if CurOffer.DISCOUNT < 0.1 %}Нет скидки{% else %}Скидка — {{ CurOffer.DISCOUNT|stringformat:".1f" }}%{% endif %}">{% if CurOffer.DISCOUNT < 0.1 %}—{% else %}&minus;{{ CurOffer.DISCOUNT|stringformat:".1f" }}%{% endif %}</th>
+			<th{% if CurOffer.DISCOUNT_COLOR1 != "" %} style="background-color:{{ CurOffer.DISCOUNT_COLOR1 }};"{% endif %} itemprop="offers" itemscope itemtype="http://schema.org/Offer" title="Итого за все окна с учетом скидки: {{ CurOffer.FIN_PRICE|stringformat:".2f" }} рублей">
+        Итого: {{ CurOffer.FIN_PRICE|stringformat:".2f"|price_format }}&thinsp;<small class="glyphicon glyphicon-ruble" aria-label="₽ (руб.)" title="₽ (руб.)"></small>
+        <meta itemprop="price" content="{{ CurOffer.FIN_PRICE }}" />
+        <meta itemprop="priceCurrency" content="RUB" />
+      </th>
+      {% if CurOffer.DIM|length == 1 %}
+
+    </tr><tr>
+		  <td colspan="2">&nbsp;</td>
+		  <td colspan="3">
+
+      {% endif %}
+
+    {% elif forloop.counter0 == 1 %}
+
+      <td colspan="3" rowspan="{{ CurOffer.DIM|length|add:"-1" }}">
+
+    {% endif %}
+    {% if forloop.counter0 == 1 or CurOffer.DIM|length == 1 %}
+
+        <stong>{{ CurOffer.OFFICE_NAME }}</stong><br />
+        <div id="hid{{ CurOffer.SETS_ID }}" class="collapse in">
+          <a class="btn btn-info btn-xs shake-trigger" data-toggle="collapse" data-target="#tel{{ CurOffer.SETS_ID }}" onclick="show_phone_num({{ CurOffer.SETS_ID }})"><b class="glyphicon glyphicon-phone-alt shake-vertical"></b> Показать телефон</a>
+        </div>
+        <div id="tel{{ CurOffer.SETS_ID }}" class="collapse">
+          <small>{{ CurOffer.OFFICE_ADDRESS }}</small><br />  <b class="glyphicon glyphicon-phone-alt"></b> {{ CurOffer.OFFICE_PHONES }}<br />
+				  <small><nobr>Пожалуйста, скажите, что нашли цены на oknardia.ru</nobr></small>
+        </div>
+      </td>
+
+    {% endif %}
+		</tr>{% endfor %}<!----- ПРОВЕРКА --->{% endfor %}
+
+    <Tr id="preloader_{{ N }}">
+      <tH colspan="7"><center><img src="{% static "img/preloader.gif" %}" alt="подгружаю цены на окна..." height="64" width="64" /></center></tH>
+    </Tr>
+
+    <tR id="load_and_banner_{{ N }}">
+    <!-- сюда подгружаем следующий фрейм прайслиста --->
+      <script type="application/javascript">
+        function get_next_pricelist_frame( ) {
+          try{yaCounter32997984.reachGoal("MoreOffer");}catch(e){}
+          // заменяем ряд с кнопочками кнопочками на рекламу
+          // $("#load_and_banner_{{ N }}").html("<th colspan=10>РЕКЛАМА TMP</th>");
+          // добавляем ячейки с дополнительными ценами и новые кнопочки
+          $("#load_and_banner_{{ N }}").css({"display":"none"});
+          $("#preloader_{{ N }}").css({"display":"table-row","transition":"1s"});// подсчитать сколько прочеканных оферов для сравнения
+          $("#tmp").load(
+              "/next_price_one_flap_frame/idW{{ WIN_ID }}N{{ N }}",
+              function (){
+                window.frame = $("#tmp").html();
+                $("#price-list > tbody").append(window.frame);
+              }
+          );
+          window.setTimeout(
+            function show_adv() {
+              $("#load_and_banner_{{ N }}").html("<td colspan='8' bgcolor='#CCCCCC' align='center'><center><a href='https://api.ozon.ru/partner-tools.affiliates/pankarta/11052421746600/link?partner=e-serg&&utm_content=banner&width=728&height=90' target='_blank'><img src='https://api.ozon.ru/partner-tools.affiliates/pankarta/11052421746600/image?partner=e-serg&utm_content=banner&width=728&height=90' width='728px' height='90px'><small><br/>↑ Здесь могла бы быть ваша реклама ↑</small></center></td>");
+              $("#load_and_banner_{{ N }}").css({"display":"table-row","transition":"all 5s"});
+              $("#preloader_{{ N }}").css({"display":"none","transition":"1s"});
+              // (adsbygoogle=window.adsbygoogle || []).push({});
+              window.count = 0;
+              for (var i=0; i < ForCompare.length; i++)
+                if (ForCompare[i].checked)
+                  window.count++;
+              $("#NumberOfSelected").html(window.count);
+              $('[data-toggle="popover"]').popover({ // реинициализировать подгружаемые поповеры
+                placement: "top",
+                html: true,
+                content: function () {
+                  // сохранить текущий контекст
+                  var _this = this;
+                  $('#shadow_buffer').load('/show_rating_components/' + $(_this).attr("id-set"),
+                      function (response, status, xhr) {
+                    if (status == "error")
+                      $(_this).attr({'data-content': "Ошибка " + xhr.status + " (" + xhr.statusText + ")"});
+                    else
+                      $(_this).attr({'data-content': response});
+                    $(_this).popover('show');
+                    try{yaCounter32997984.reachGoal("ShowRating");}catch(e){};
+                  });
+                }
+              });
+            },
+            2800);
+        }
+      </script>
+      <td colspan="2"><a class="btn btn-info btn-block" data-toggle="collapse" onclick="Click2CompareOffers();">Сравнить выбранные (<span id="NumberOfSelected">0</span>) <small class="glyphicon-stats glyphicon"></small></a><p id="tmp"></p></td>
+      <td colspan="5">{% if N != "-1" %}<a href="javascript://" class="btn btn-info btn-block" onclick="get_next_pricelist_frame();">Ещё коммерческие предложения окон &nbsp;<small class="glyphicon-refresh glyphicon"></small></a>{% endif %}</td>
+    </tR>
--- a/oknardia/templates/report/report_price-offers_for_one_window.html
+++ b/oknardia/templates/report/report_price-offers_for_one_window.html
@@ -0,0 +1,245 @@
+{% extends "base.html" %}{% load static %}
+{% load filters %}
+
+{% block Title %}Цены на типовое окно {% for I_WIN_DIM in FLAP_DIM %}{{ I_WIN_DIM.iWinWidth|floatformat:0 }}x{{ I_WIN_DIM.iWinHight|floatformat:0 }} для домов серий {% for I in SERIA_FOR_WIN %}{% if forloop.last %} и {% elif forloop.first %}{% else %}, {% endif %}{{ I.sName }}{% endfor %}{% endfor %} мм.{% endblock %}
+
+{% block Add_Body_Attribute %} style="padding-top:70px;"{% endblock %}
+
+{% block Date4Meta %}{{ META_DATA_PUBLISH|date:"c" }}{% endblock %}
+
+{% block Last4Meta %}{{ META_DATA_PUBLISH|date:"c" }}{% endblock %}
+
+{% block Top_JS4 %}
+  <script type="text/javascript" src="//www.gstatic.com/charts/loader.js"></script>
+  <script type="text/javascript">
+    google.charts.load("current", {packages: ["corechart"]});
+    google.charts.setOnLoadCallback(drawChart);
+    function drawChart() {
+      var data = google.visualization.arrayToDataTable([
+        ['Схема открывания', 'Число предложений'], {% for I in LIST_FLAP_VARIATION %}
+        ['{{ I.STR_NUM }}', {{ I.id }}]{% if not forloop.last %}, {% endif %}{% endfor %}
+      ]);
+      var options = {
+        legend: {position: "none"},
+        backgroundColor: 'none',
+        pieHole: 0.386,
+        chartArea: {width: '80%', height: '90%'},
+        pieStartAngle: 5,
+        pieSliceTextStyle: {fontSize: 12},
+        is3D: true,
+        slices: {0: {offset: 0.1}},
+        tooltip: {textStyle: {fontSize: 11, color: 'black', opacity: 0.8}, showColorCode: true}
+      };
+      var chart = new google.visualization.PieChart(document.getElementById('donutchart'));
+      chart.draw(data, options);
+    }
+  </script>{% endblock %}
+
+{% block Description %}Цены на типовое окно {% for I_WIN_DIM in FLAP_DIM %}{{ I_WIN_DIM.iWinWidth|floatformat:0 }}x{{ I_WIN_DIM.iWinHight|floatformat:0 }}{% endfor %} cм. для домов серий {% for I in SERIA_FOR_WIN %}{% if forloop.last %} и {% elif forloop.first %}{% else %}, {% endif %}{{ I.sName }}{% endfor %}.{% endblock %}
+
+{% comment %}{% block Description %}Цены на пластиковые окна для серии {{ BASE_SERIA }} ({{ APART }} квартира, {{ ADDRESS }}) :: {% for CurOffer in PRICE_FRAME %}Поставщик: {{ CurOffer.MERCHANT }}; Комплектация: {{ CurOffer.SETS_NAME }}; Цена: {{ CurOffer.FIN_PRICE }}₽ :: {% endfor %}{% endblock %}{% endcomment %}
+
+{% block Keywords %}цены на окно, типовое окно, {% for I_WIN_DIM in FLAP_DIM %}{{ I_WIN_DIM.iWinWidth|floatformat:0 }}x{{ I_WIN_DIM.iWinHight|floatformat:0 }}{% endfor %} cм., {% for I_WIN_DIM in FLAP_DIM %}{{ I_WIN_DIM.iWinWidth|floatformat:0 }}x{{ I_WIN_DIM.iWinHight|floatformat:0 }}{% endfor %} см., стоимость окна, {% for I in SERIA_FOR_WIN %}серия {{ I.sName }}, {% endfor %}типовой проём, {{ META_KEYWORDS|default:"" }}{% endblock %}
+
+{% block Top_JS3%}<script type="text/javascript">
+function show_phone_num( id ){ // колапсатор для отображения контатной информации постафшика окон
+  $('#tel'+id).collapse('show');
+  $('#hid'+id).collapse('hide');
+  try {
+    yaCounter32997984.reachGoal('ShowPhone')
+  } catch (e) {
+  }
+  try {
+    var _tmr = window._tmr || (window._tmr = []);
+    _tmr.push({id: "2018432", type: "reachGoal", goal: "ViewPhone"});
+  } catch (e) {
+  }
+}
+function show_dtl( id ){ // колапсаторы для отобращения детальной информации оконого набора
+  $('#dtl'+id).collapse('show');
+  $('#btn'+id+' a .glyphicon-chevron-down').remove();
+  var ContentInA = $('#btn'+id+' a').text();
+  $('#btn'+id).empty();
+  $('#btn'+id).text(ContentInA);
+  try {
+    yaCounter32997984.reachGoal('ShowDetails')
+  } catch (e) {
+  }
+  try {
+    var _tmr = window._tmr || (window._tmr = []);
+    _tmr.push({id: "2018432", type: "reachGoal", goal: "ViewDetails"});
+  } catch (e) {
+  }
+}
+$(window).load( // уменьшение картинок .half для ретина-дисплеев
+	function(){var images = $('.half');images.each(function(i){$(this).width($(this).width()/2);});}
+);
+var count = 0;
+var ForCompare = document.getElementsByName('ForCompare');
+$(window).load( // подсчитать сколько прочеканных оферов для сравнения (нужно, когда на страничку возращаются через back, ее подгрущают или она приходит из кеша
+	function(){
+    for (var i=0; i < ForCompare.length; i++)
+      if (ForCompare[i].checked)
+        count++;
+    // alert(count);
+    $('#NumberOfSelected').html(count)
+    }
+);
+var ToURL = '';
+function Click2CompareOffers(){ // вызывается при клике "сравнить коммерческие предложения"
+  try{yaCounter32997984.reachGoal('CompareOffers')}catch(e){}
+  //ForCompare = $('[name]=ForCompare');
+  for (var i=0; i < ForCompare.length; i++)
+    if (ForCompare[i].checked)
+      ToURL += ForCompare[i].value +',';
+  if (ToURL.match(/[,]/g).length > 1 && ToURL.match(/[,]/g).length < 7 )
+    location.href = '/compare_offers/' + ToURL.slice(0,-1);
+  else {
+    $('#modal-exclamation').modal('show');
+    ToURL = '';
+  }
+}
+
+function ChangeCountCheckedBox(CHK_ID){ // изменение числа выбранных для сравнения оферов
+  if ($("#CHK"+CHK_ID).is(":checked"))	count++;
+  else count--;
+  $("#NumberOfSelected").html(count)
+}
+function get_more_info_about_building() {
+  try{yaCounter32997984.reachGoal("ClickBuildingDetails");}catch(e){}
+}
+
+$(function () { // инициализация и обработка поповеров рейтинга
+  $('[data-toggle="popover"]').popover({
+    placement: "top",
+    html: true,
+    content: function () {
+      // сохранить текущий контекст
+      var _this = this;
+      $('#shadow_buffer').load('/show_rating_components/' + $(_this).attr("id-set"), function (response, status, xhr) {
+        if (status == "error")
+          $(_this).attr({'data-content': "Ошибка " + xhr.status + " (" + xhr.statusText + ")"});
+        else
+          $(_this).attr({'data-content': response});
+        $(_this).popover('show');
+        try{yaCounter32997984.reachGoal("ShowRating");}catch(e){};
+      });
+    }
+  })
+})
+</script>{% endblock %}
+
+{% block Top_CSS1 %}<link rel="stylesheet" type="text/css" href="{% static "css/csshake-vertical.min.css" %}">{%  endblock %}
+
+{% block Main_Content %}<div class="container-fluid">
+  {# <!--- Хлебные крошки: НАЧАЛО --> #}<div class="row">
+    <div class="col-md-11 col-xs-12">
+      <ol class="breadcrumb">
+        <li><a href="/">Главная</a></li>
+        <li><a href="/catalog">Каталог</a></li>
+        <li><a href="/catalog/standard_opening/">Оконные проёмы и балконные блоки</a></li>
+        <li>Окно {% for I_WIN_DIM in FLAP_DIM %}{{ I_WIN_DIM.iWinWidth|floatformat:0 }}0x{{ I_WIN_DIM.iWinHight|floatformat:0 }}0{% endfor %}&nbsp;мм. </li>
+      </ol>
+      <h1>Стандартные оконные проёмы и&nbsp;балконные блоки</h1>
+    </div>
+  </div>{# <!--- Хлебные крошки: КОНЕЦ ---> #}
+  <span itemscope itemtype="http://schema.org/Product">
+  <div class="row">
+      <div class="col-md-9">
+        <h1>Цены на окно {% for I_WIN_DIM in FLAP_DIM %}{{ I_WIN_DIM.iWinWidth|floatformat:0 }}0x{{ I_WIN_DIM.iWinHight|floatformat:0 }}0{% endfor %}&nbsp;мм. <small>(типовое)</small></h1>
+      </div>
+      <div class="col-md-9">
+        <p>Типовой проём {% for I_WIN_DIM in FLAP_DIM %}{{ I_WIN_DIM.iWinWidth|floatformat:1 }}x{{ I_WIN_DIM.iWinHight|floatformat:1 }}{% endfor %}&nbsp;cм. представлен в домах серий: {% for I in SERIA_FOR_WIN %}{% if forloop.last %} и {% elif forloop.first %}{% else %}, {% endif %}<a href="/catalog/seria/{{ I.sNameLat }}/all{{ I.id }}">{{ I.sName }}</a>{% endfor %}. База «Окнардии» размещено {{ NUM_TOTAL_OFFER_N_WORD }} цен для окон в такой проем (из них в архиве {{ NUM_ARCHIVE_OFFER }}). Предложено {{ NUM_FLAP_VARIATION_IN_WORD }} открывания от {{ NUM_TOTAL_FIRM_N_WORD }}.</p>
+      </div>
+    {# Микроразмектка: названеи продукта #}<meta itemprop="name" content="Окна {{ APART|safe }} ({{ ADDRESS }})" />
+  </div>
+
+  <div class="row ShowBigFlapPictures">
+    <div class="col-sm-7 col-xs-12 ">{% include 'report/show_big_flap_pictures.html' %}</div>
+    <div class="col-sm-2 col-xs-7 ap_list">
+      <h6>Наиболее частые предложения схем открывания:</h6>
+      <ul>{% for I in LIST_FLAP_VARIATION %}
+        {% if not I.IMG_MINI == '' %}<li><img src="{% static I.IMG_MINI %}" alt="Схема открывания {{ I.sOfferFlapConfig }}" title="Схема открывания {{ I.sOfferFlapConfig }} — {{ I.id }} шт." vspace="2" />  — {{ I.STR_NUM }}</li>{% endif %}{% endfor %}
+      </ul>
+      <div id="donutchart" style="width:100%;"></div>
+    </div>
+    <div class="col-sm-3 col-xs-5 ap_list">
+      <h6>Типовые серии домой, в которых встречается данный типовой проём:</h6>
+      <ul>{% for I in SERIA_FOR_WIN %}
+        <li><a href="/catalog/seria/{{ I.sNameLat }}/all{{ I.id }}">{{ I.sName }}</a> —
+          <small>входит в {{ I.num_variation_of_apartment }}</small></li>
+      {% endfor %}</ul>
+    </div>
+  </div>
+
+  <div class="row">
+    <div class="col-md-12">
+      <p id="tab-note">В таблице представлены только цены поставщиков из базы «Окнардия». Клик на&nbsp;названии набора отобразит детальную спецификацию каждого предложения: профиль рамы и&nbsp;створки, схему стеклопакета, фурнитуру, элементы отлива, подоконника, откоса, системы <nobr>климат-контроля</nobr>) и&nbsp;сопутствующие услуги. Предложения выводятся блоками. Очередной блок выводится кнопкой &laquo;Ещё коммерческие предложения окон&raquo; под таблицей. Детальные технические характеристики стеклопакетов, профилей и&nbsp;описание сопутствующих услуг можно посмотреть и сравнить с&nbsp;помощью кнопки &laquo;Сравнить выбранные&raquo;.</p>
+    </div>
+    {# Микроразмектка: названеи продукта #}
+    <meta itemprop="name" content="Окна {{ APART|safe }} ({{ ADDRESS }})"/>
+  </div>
+
+
+  <form class="row" method="get" action="\" id="compare_offers"><div class="col-md-12">
+   {% csrf_token %}
+   <table class=" table" id="price-list">
+    <thead>
+     <tr>
+      <th><b class="glyphicon glyphicon-th-list" title="Добавление набора окон в список сравнения" aria-label="Добавление набора окон в список сравнения"></b></th>
+      <th>Поставщик окон и название набора<small><br />
+        кликните чтобы отобразить описание и характеристики предложения</small>
+      </th>
+      <th>Схема<small><br />
+        открывания</small></th>
+      <!-- th>Цена, <b class="glyphicon glyphicon-ruble" aria-label="₽ (руб.)" title="₽ (руб.)"></b><small><br />
+        одно окно</small></th>
+      <th>N</th>
+      <th colspan="2" class="hidden-xs hidden-sm">Cумма, <b class="glyphicon glyphicon-ruble" aria-label="₽ (руб.)" title="₽ (руб.)"></b><small><br />
+        однотипные окна</small></th -->
+      <th style="text-align:right;">Стоимость,&nbsp; <b class="glyphicon glyphicon-ruble" aria-label="₽ (руб.)" title="₽ (руб.)"></b><small><br />
+        окна для типового проёма</small></th>
+      <th style="text-align:center;">Скидка</th>
+      <th>Итого<small><br />
+        за типовое окно с учётом скидки</small></th>
+     </tr>
+    </thead>
+    <tbody id="offers">
+      {% include "report/report_precelist_one_flap_frame.html" %}
+    </tbody>
+   </table></div>
+  </form></span><p id="shadow_buffer"></p>
+  {# --- Баннер: НАЧАЛО --- #}
+  <div class="row"><div class="col-md-12 col-xs-12"><hr class="dotted-black" />{% include "ad/bannet-wide.html" %}</div></div>
+  {# --- Баннер: конец --- #}
+  <div class="row">
+    {% include "report/report_last_user_visit.html" %}
+    {% include "report/report_log_user_visit.html" %}
+  </div>
+</div>
+
+{# модальное окно #}
+  <div class="modal fade bs-example-modal-sm" id="modal-exclamation" tabindex="-1" role="dialog">
+    <div class="modal-dialog modal-sm">
+      <div class="modal-content">
+        <div class="modal-header">
+          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
+          <h4 class="modal-title" id="mySmallModalLabel">Внимание:</h4>
+        </div>
+        <div class="modal-body">
+          <p>Извините, для сравнения коммерческих предложений окон нужно выбрать не менее двух и не более шести позиций.</p>
+        </div>
+        <div class="modal-footer">
+          <button type="button" class="btn btn-default" data-dismiss="modal">Спасибо, все понятно.</button>
+        </div>
+      </div>
+    </div>
+  </div>
+{% endblock %}
+
+{% comment %}
+{% block Top_Nav_Bar %}
+    {# ОТЛАДКА, ГАСИМ ВЕРХНЕЕ МЕНЮ #}
+{% endblock %}
+{% endcomment %}
+