src/Troika/RealEstateBundle/Resources/views/About/news_item.html.twig line 4

Open in your IDE?
  1. {% extends 'TroikaRealEstateBundle:Default:layout.html.twig' %}
  4. {% block title %}{{ news.metaTitle }}{% endblock %}
  5. {% block description %}{{ news.metaDescription }}{% endblock %}
  6. {% block keywords %}{{ news.metaKeywords }}{% endblock %}
  8. {% block ogTitle %}{{ news.name }}{% endblock %}
  9. {% block ogImg %}{% for photo in news.photos %}
  10.   {% if photo.main %}
  11.     https://troikaestate.ru/cache{{ photo.webPathImage|replace({"." : "_720x496."}) }}
  12.   {% endif %}
  13. {% endfor %}{% endblock %}
  15. {% block main %}
  16.   <div id="content" class="content">
  17.     <div class="wrapper news">
  18.       <ul class="hb hide__phone hide__tablet hbtmfix">
  19.         <li><a href="/">Элитная недвижимость</a></li>
  20.         <li><a href="/news">Блог</a></li>
  21.         <li class="current">{{ news.name }}</li>
  22.       </ul>
  23.       <div id="layout" class="layout">
  24.         <div class="layout-column-left">
  25.           <div id="btn-delivery" class="btn btn-orange btn__block" style="margin-bottom: 12px">подписаться</div>
  26.           <div class="panel panel__white panel__list hide__phone hide__tablet">
  27.             <ul class="list__clean fontOpenSans lh24">
  28.               <li><a href="/news/2019/" class="link link__underlined">2019 год</a></li>
  29.               <li><a href="/news/2020/" class="link link__underlined">2020 год</a></li>
  30.             </ul>
  31.           </div>
  32.           <div class="block hide__phone hide__tablet">
  33.             {{ render(controller('TroikaRealEstateBundle:Banner:getBanner', { 'banner': 3 })) }}
  34.           </div>
  35.         </div>
  36.         <div class="layout-column-right">
  37.           <div class="block block-select hide__desktop" style="margin-left: -2px">
  38.             <select name="" id="news-select">
  39.               <option value="2019" {% if (news.date > "2019.01.01" and news.date < "2020.01.01") %}selected{% endif %}>
  40.                 2019
  41.                 год
  42.               </option>
  43.               <option value="2020" {% if (news.date > "2020.01.01") %}selected{% endif %} >2020 год</option>
  44.             </select>
  45.           </div>
  46.           <div class="cards cards__list cards__list__news">
  47.             <h1>{{ news.name }}</h1>
  49.             {{ news.text|raw }}
  50.           </div>
  52.         </div>
  54.         <div class="news_list_in_item">
  55.           <ul>
  56.             {% for link in links %}
  57.               <li>
  58.                 <a href="/news/item/{{ link.id }}">{{ link.name }}</a>
  59.               </li>
  60.             {% endfor %}
  61.           </ul>
  62.         </div>
  63.       </div>
  65.     </div>
  66.   </div>
  68.   <div class="modal fade" id="deliveryNews">
  69.     <div class="modal-dialog">
  70.       <div class="modal-content">
  71.         <div class="modal-header">
  72.           <h4 class="modal-title" style="font-size: 18px; font-weight: 100;">подписаться на аналитику</h4>
  73.         </div>
  74.         <div class="modal-body">
  75.           <div id="newsModalError" class="panel-container error-content ModalError">
  76.             <p></p>
  77.           </div>
  78.           <div class="panel-container__left">
  79.             <div class="panel-container modal-panel">
  80.               <input type="text" class="control control__icon-before" placeholder="Имя" id="dName">
  81.               <i class="fa fa__control fa-user pull-left gray-dark"></i>
  82.             </div>
  83.             <div class="panel-container modal-panel">
  84.               <input type="text" class="control control__icon-before" placeholder="Компания" id="dCompany">
  85.               <i class="fa fa__control fa-home pull-left gray-dark"></i>
  86.             </div>
  87.             <div class="panel-container modal-panel">
  88.               <input type="text" class="control control__icon-before" placeholder="E-mail" id="dMail">
  89.               <i class="fa fa__control fa-envelope pull-left gray-dark"></i>
  90.             </div>
  91.           </div>
  92.         </div>
  93.         <div class="modal-footer">
  95.           <div class="btn" id="btn-ok" style="width: 280px;">подписаться</div>
  96.         </div>
  97.       </div><!-- /.modal-content -->
  98.     </div><!-- /.modal-dialog -->
  99.   </div><!-- /.modal -->
  100.   <style>
  101.     .cards.cards__list.cards__list__news h1 img,
  102.     .cards.cards__list.cards__list__news p img {
  103.       width: 100%;
  104.       height: auto;
  105.     }
  108.     .cards__list__news p, .cards__list__news li {
  109.       font-family: "Open Sans", Arial, sans-serif;
  110.       font-size: 14px;
  111.       line-height: 21px;
  112.       color: #171717;
  113.       margin-bottom: 5px;
  114.     }
  116.     .cards.cards__list.cards__list__news h1, .cards.cards__list.cards__list__news h2, .cards.cards__list.cards__list__news h3, .cards.cards__list.cards__list__news h4, .cards.cards__list.cards__list__news h5 {
  117.       font-family: Open Sans, sans-serif;
  118.       color: rgb(57, 57, 57);
  119.       font-weight: 600;
  120.       margin-bottom: 10px;
  121.     }
  123.     .news .cards.cards__list.cards__list__news > h5 {
  124.       font-size: 14px;
  125.     }
  127.     .news .cards.cards__list.cards__list__news > h4 {
  128.       font-size: 15px;
  129.     }
  131.     .news .cards.cards__list.cards__list__news > h3 {
  132.       font-size: 16px !important;
  133.     }
  135.     .news .cards.cards__list.cards__list__news > h2 {
  136.       font-size: 18px;
  137.     }
  139.     .news .cards.cards__list.cards__list__news > h1 {
  140.       font-size: 20px;
  141.     }
  144.     @media (min-width: 700px) {
  145.       .cards.cards__list.cards__list__news {
  146.         width: 70%;
  147.       }
  149.       div#layout {
  150.         position: relative;
  151.       }
  153.       .news_list_in_item {
  154.         position: absolute;
  155.         top: 85px;
  156.         right: 0px;
  157.         width: 27%;
  158.         border: solid #e5e0db 1px;
  159.         border-radius: 2px;
  160.         padding: 11px;
  161.         font-size: 13px;
  162.       }
  164.       .news_list_in_item li {
  165.         margin-bottom: 8px;
  166.         line-height: 16px;
  167.       }
  169.       .news_list_in_item a {
  170.         color: #393939;
  171.         text-decoration: underline;
  172.       }
  173.     }
  175.     .cards.cards__list.cards__list__news li {
  176.       list-style: circle;
  177.       margin-left: 16px;
  178.     }
  180.     @media (max-width: 700px) {
  181.       .news_list_in_item {
  182.         display: none;
  183.       }
  184.     }
  185.   </style>
  186.   <script>
  187.       $('#btn-delivery').on('click', function () {
  188.           $('#deliveryNews').modal();
  189.           $('#deliveryNews h4.modal-title').text('подписаться на новости');
  190.           $('#btn-ok').on('click', function () {
  192.               $('.error').each(function () {
  193.                   $(this).removeClass('error');
  194.               });
  195.               errorText = '';
  197.               error = 0;
  198.               if ($.trim($('#dName').val()) == '') {
  199.                   error = 1;
  200.                   errorText += 'Не заполнено поле "Имя" \n';
  201.                   $('#dName').addClass('error');
  202.               }
  203.               if ($.trim($('#dCompany').val()) == '') {
  204.                   error = 1;
  205.                   errorText += 'Не заполнено поле "Компания" \n';
  206.                   $('#dCompany').addClass('error');
  207.               }
  208.               if (!isValidMail($('#dMail').val())) {
  209.                   error = 1;
  210.                   errorText += 'Не заполнено поле "E-mail" \n';
  211.                   $('#dMail').addClass('error');
  212.               }
  213.               console.log(errorText);
  215.               if (error != 1) {
  216.                   $('#newsModalError').html('');
  217.                   $('#newsModalError').hide();
  218.                   $.ajax({
  219.                       url: '/api/newsClient',
  220.                       type: 'POST',
  221.                       data: {
  222.                           name: $('#dName').val(),
  223.                           company: $('#dCompany').val(),
  224.                           mail: $('#dMail').val()
  225.                       }
  226.                   }).done(function () {
  227.                       $('#deliveryNews').modal('hide');
  228.                       $('#questionSuccessModal').modal();
  229.                       $('#questionSuccessModal h4.modal-title').text('подписаться на новости');
  230.                       $('#questionSuccessModal .modal-body').text('Спасибо!');
  232.                       $('#quest-close').click(function () {
  233.                           $('#questionSuccessModal').modal('hide');
  234.                       });
  235.                   });
  236.               } else {
  237.                   $('#newsModalError').html(errorText);
  238.                   $('#newsModalError').html($('#newsModalError').html().replace(/\n/g, '<br/>'));
  239.                   $('#newsModalError').show();
  240.               }
  242.           });
  243.       });
  244.   </script>
  245.   <script src="/js/lightbox.min.js"></script>
  246.   <link rel="stylesheet" type="text/css" href="/css/lightbox.css">
  247. {% endblock %}