src/Bidcoz/Bundle/CoreBundle/Resources/views/Layout/marketing.html.twig line 1

Open in your IDE?
  1. {% extends '@BidcozCore/Layout/layout.html.twig' %}
  3. {% block head %}
  4.     {{ parent() }}
  5.     <link rel="shortcut icon" href="/icon.png" />
  7.     <!-- IE -->
  8.     <!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
  9.     <!--[if IE]><script src="/js/selectivizr-min.js"></script><![endif]-->
  10.     <!-- OTHER -->
  11. {% endblock %}
  13. {% block theme '' %}
  14. {% block bodyClass '' %}
  16. {% block body %}
  17.     <div class="bounds d-flex flex-column align-items-center">
  18.         {% include '@BidcozCore/Layout/Blocks/marketing/header.html.twig' %}
  20.         <div id="main-content" class="container flex-grow-1" role="main">
  21.             {% block alerts %}
  22.                 {% include '@BidcozCore/Layout/Blocks/alerts.html.twig' %}
  23.             {% endblock %}
  25.             {% block content '' %}
  26.         </div>
  28.         {% include '@BidcozManage/Layout/footer.html.twig' %}
  30.         {% if not is_logged_in() %}
  31.             {% set loginPath = campaign is defined ? path('campaign_login_user', { orgSlug: organization.slug, campaignSlug: campaign.slug }) : '/login' %}
  32.             <div id="login-modal" class="modal" data-url="{{ loginPath }}">
  33.                 <div class="modal-dialog">
  34.                     <div class="modal-content mx-auto">
  35.                         <div class="modal-close float-right">
  36.                             {% include '@BidcozCore/Components/icon.html.twig' with { icon: 'close' } %}
  37.                         </div>
  38.                         <div class="modal-html">
  39.                             <!-- Load login content here via http request -->
  40.                         </div>
  41.                     </div>
  42.                 </div>
  43.             </div>
  45.             {% set currentRoute = app.request.attributes.get('_route') %}
  46.             {% set registerPath = campaign is defined ? path('campaign_register_user', { orgSlug: organization.slug, campaignSlug: campaign.slug }) : path('fos_user_registration_register') %}
  47.             {% if currentRoute != 'campaign_register_user' %}
  48.                 <div id="register-modal" class="modal py-0 py-md-5" data-url="{{ registerPath }}">
  49.                     <div class="modal-dialog">
  50.                         <div class="modal-content mx-auto p-0 position-relative">
  51.                             <div class="modal-close position-absolute" style="right: 1rem; top: 1rem; z-index: 1;">
  52.                                 {% include '@BidcozCore/Components/icon.html.twig' with { icon: 'close' } %}
  53.                             </div>
  54.                             <div class="modal-html mx-n3">
  55.                                 <!-- Load registration content here via http request -->
  56.                             </div>
  57.                         </div>
  58.                     </div>
  59.                 </div>
  60.             {% endif %}
  61.         {% endif %}
  62.     </div>
  63. {% endblock %}
  65. {% block stylesheets %}
  66.     <link rel="stylesheet" href="/components/intl-tel-input/build/css/intlTelInput.min.css">
  67.     <link rel="stylesheet" href="/css/interface.css" />
  68.     <style type="text/css">
  69.         .password-container {
  70.             position: relative;
  71.         }
  72.         .password-icon {
  73.             color: #999;
  74.             cursor: pointer;
  75.             position: absolute;
  76.             right: 2rem;
  77.             bottom: 1.375rem;
  78.         }
  79.     </style>
  80.     <style>
  81.         .iti{ width: 100%;}
  82.         .iti__flag { z-index: 4; }
  83.         .intl-tel-input {
  84.             display: table-cell;
  85.         }
  86.         .intl-tel-input .selected-flag {
  87.             z-index: 4;
  88.         }
  89.         .intl-tel-input .country-list {
  90.             z-index: 5;
  91.         }
  92.         .input-group .intl-tel-input .form-control {
  93.             border-radius: 4px 0 0 4px;
  94.         }
  95.         .iti .intl-phone { padding-left: 55px!important; }
  96.     </style>
  97. {% endblock %}
  99. {% block javascripts %}
  100.     <script src="/components/jquery/dist/jquery.js" type="text/javascript"></script>
  101.     <script src="/components/bootstrap/dist/js/bootstrap.min.js" type="text/javascript"></script>
  102.     <script src="/components/font-awesome/js/all.js"></script>
  103.     <script src="/components/intl-tel-input/build/js/intlTelInput.min.js"></script>
  104.     <script src="/js/plugins/jquery.browser.mobile.js" type="text/javascript"></script>
  105.     <script src="/js/carousel.js"></script>
  106.     <script src="/js/scripts.js?v=1"></script>
  107.     <script type="text/javascript">
  108.         $(document).ready(function() {
  109.             $(document).on('click', '.show-password', function(e) {
  110.                 e.preventDefault();
  111.                 $(this)
  112.                     .hide()
  113.                     .siblings('.hide-password')
  114.                         .show()
  115.                     .siblings('.form-group')
  116.                         .find('input[type="password"]')
  117.                             .attr('type', 'text');
  118.             });
  119.             $(document).on('click', '.hide-password', function(e) {
  120.                 e.preventDefault();
  121.                 $(this)
  122.                     .hide()
  123.                     .siblings('.show-password')
  124.                         .show()
  125.                     .siblings('.form-group')
  126.                         .find('input[type="text"]')
  127.                             .attr('type', 'password');
  128.             });
  129.         });
  130.     </script>
  131. {% endblock %}