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

Open in your IDE?
  1. {% extends '@BidcozCore/Layout/base.html.twig' %}
  3. {% block doctype %}<!DOCTYPE html>{% endblock %}
  5. {% if organization is defined %}
  6.     {% set theme = organization.theme %}
  7.     {% if campaign is defined and campaign is not null %}
  8.         {% set theme = campaign.theme %}
  9.     {% endif %}
  10. {% endif %}
  12. {% block theme %}
  13.     {{ parent() }}
  14.     {% set showBidcozImage = true %}
  16.     {% if organization is defined %}
  17.         {# Utilize primary, secondary, and tertiary styles #}
  18.         {% include '@BidcozManage/Theme/css.html.twig' %}
  20.         {# Utilize google fonts for theme #}
  21.         {% include '@BidcozCore/Layout/Fonts/index.html.twig' with { theme: theme } %}
  23.         {% if theme.logo is defined %}
  24.             {% set showBidcozImage = false %}
  25.             <link rel="shortcut icon" href="{{ vich_uploader_asset(theme.logo, 'file') }}" />
  26.         {% endif %}
  28.     {% else %}
  29.         {% block homepageStylesheets '' %}
  30.     {% endif %}
  32.     {% if showBidcozImage %}
  33.         <link rel="shortcut icon" href="/icon.png" />
  34.     {% endif %}
  35. {% endblock %}
  37. {% block bodyClass %}{{- theme is defined ? 'theme-' ~ theme.themeName : 'bidcoz' }}{% block homepageClass '' %}{{ organization is defined or campaign is defined ? '' : ' no-campaign'}}{% endblock %}
  39. {% block body %}
  40.     <div class="bounds d-flex flex-column">
  41.         {% block homepagePreloader '' %}
  43.         {% set beforeAlertsContent = block('beforeAlerts')|trim %}
  44.         {% set alertsContent = block('alerts')|trim %}
  45.         {% set afterAlertsContent = block('afterAlerts')|trim %}
  46.         {% set beforeContentHTML = block('beforeContent')|trim %}
  48.         {% block header %}
  49.             {% include '@BidcozCore/Layout/Blocks/header.html.twig' with {
  50.                 hasSidebar: block('sidebar') is defined,
  51.                 isToolkit: false
  52.             } %}
  53.         {% endblock %}
  55.         <!-- This section is for notifications for the user to take action on. -->
  56.         <div class="notifications-container">
  57.             <div class="notifications-close">
  58.                 <i class="fas fa-times"></i>
  59.             </div>
  60.             <h4 class="mt-2">Notifications</h4>
  62.             {% if beforeAlertsContent or alertsContent or afterAlertsContent %}
  63.                 {% block beforeAlerts '' %}
  64.                 {% block alerts %}
  65.                     {% set route = app.request.get('_route') %}
  67.                     {% if route != 'account_campaign_purchases' and is_logged_in() and campaign is defined and campaign is not null %}
  68.                         {% set expiringPurchases = user_campaign_expiring_purchases(app.user, campaign) %}
  70.                         {% if expiringPurchases|length %}
  71.                             <div class="alert warning d-flex flex-column">
  72.                                 <div class="message flex-grow-1 mb-2">
  73.                                     You have <b>{{ expiringPurchases|length }}</b> item(s) expiring soon.
  74.                                 </div>
  75.                                 <a href="{{ path('account_campaign_purchases', campaignParams ) }}" class="btn btn-warning btn-sm w-100">Checkout</a>
  76.                             </div>
  77.                         {% endif %}
  78.                     {% endif %}
  80.                     {% if is_granted('IS_IMPERSONATOR') %}
  81.                         <div class="alert info exit-impersonation d-flex">
  82.                             <div class="message flex-grow-1">
  83.                                 <a href="{{ path('admin_index', {'_switch_user': '_exit'}) }}">Exit impersonation</a>
  84.                             </div>
  85.                         </div>
  86.                     {% endif %}
  87.                 {% endblock %}
  88.                 {% block afterAlerts '' %}
  89.             {% else %}
  90.                 You have no notifications at this time.
  91.             {% endif %}
  92.         </div>
  94.         <!-- This section is for help content for the user to read. -->
  95.         <div class="help-container">
  96.             <div class="help-container-close">
  97.                 <i class="fas fa-times"></i>
  98.             </div>
  99.             <h4 class="mt-2">Help</h4>
  101.             <div class="alert alert-warning">
  102.                 <h6 class="title text-white mb-2"></h6>
  103.                 <div class="message text-white flex-grow-1">
  104.                     No help article for this section.
  105.                 </div>
  106.             </div>
  107.         </div>
  109.         <!-- This section is for toast notifications to make users aware of a successful
  110.              or failed https request. -->
  111.         {% block toast %}
  112.             <div class="toast-container">
  113.                 {% set close = true %}
  114.                 {% include '@BidcozCore/Layout/Blocks/alerts.html.twig' %}
  115.             </div>
  116.         {% endblock %}
  118.         <!--
  119.         <div class="toast-container">
  120.             {# block toast %}
  121.                 {% if numMessages > 0 %}
  122.                     {% include '@BidcozCore/Layout/Blocks/alerts.html.twig' %}
  123.                 {% endif %}
  124.             {% endblock #}
  125.         </div>
  126.         -->
  128.         {% if beforeContentHTML %}
  129.             <div class="container pre-content">
  130.                 {% block beforeContent '' %}
  131.             </div>
  132.         {% endif %}
  134.         <div class="container homepage-intro">
  135.             {% block homepageIntro '' %}
  136.         </div>
  138.         <div class="layout-container d-flex flex-column flex-grow-1 content" role="main">
  139.             <div class="container" role="main">
  140.                 {% set _sidebar = block('sidebar') is defined ? block('sidebar')|trim : '' %}
  141.                 {% set _internal_sidebar = block('internal_sidebar') is defined ? block('internal_sidebar')|trim %}
  143.                 <div class="row{{ _sidebar ? ' sidebar-row' : '' }}">
  144.                     {% if _internal_sidebar %}
  145.                         <div class="col-sm-12 col-lg-4 col-xl-3 sidebar">
  146.                             {{ _internal_sidebar|raw }}
  147.                         </div>
  148.                     {% endif %}
  150.                     {% set content_class = '' %}
  152.                     {% if _sidebar %}
  153.                         {% set content_class = 'col-lg-8' %}
  154.                     {% endif %}
  156.                     {% if _internal_sidebar %}
  157.                         {% set content_class = 'col-lg-8 col-xl-9' %}
  158.                     {% endif %}
  160.                     <div class="col-sm-12 {{ content_class }} main-content">
  161.                         {% block content '' %}
  162.                         {% block homepageSponsorships '' %}
  163.                     </div>
  165.                     {% if _sidebar %}
  166.                         <div class="col-sm-12 col-lg-4 sidebar">
  167.                             {{ _sidebar|raw }}
  168.                         </div>
  169.                     {% endif %}
  170.                 </div>
  171.             </div>
  173.             {% if block('sponsorships')|trim %}
  174.                 <div class="container sponsorships-container">
  175.                     {% block sponsorships '' %}
  176.                 </div>
  177.             {% endif %}
  178.         </div>
  180.         <div id="primary-modal" class="modal">
  181.             <div class="modal-close">
  182.                 {% include '@BidcozCore/Components/icon.html.twig' with { icon: 'close' } %}
  183.             </div>
  184.             <div class="modal-content mx-auto">
  185.                 <!-- content to be populated via http request -->
  186.             </div>
  187.         </div>
  189.         {% if not is_logged_in() %}
  190.             {% set loginPath = campaign is defined ? path('campaign_login_user', { orgSlug: organization.slug, campaignSlug: campaign.slug }) : '/login' %}
  191.             <div id="login-modal" class="modal" data-url="{{ loginPath }}">
  192.                 <div class="modal-dialog">
  193.                     <div class="modal-content mx-auto">
  194.                         <div class="modal-close float-right">
  195.                             {% include '@BidcozCore/Components/icon.html.twig' with { icon: 'close' } %}
  196.                         </div>
  197.                         <div class="modal-html">
  198.                             <!-- Load login content here via http request -->
  199.                         </div>
  200.                     </div>
  201.                 </div>
  202.             </div>
  204.             {% set registerPath = campaign is defined ? path('campaign_register_user', { orgSlug: organization.slug, campaignSlug: campaign.slug }) : '/register' %}
  206.             {% set currentRoute = app.request.attributes.get('_route') %}
  207.             {% if currentRoute != 'campaign_register_user' %}
  208.                 <div id="register-modal" class="modal py-0 py-md-5" data-url="{{ registerPath }}">
  209.                     <div class="modal-dialog">
  210.                         <div class="modal-content mx-auto p-0 position-relative">
  211.                             <div class="modal-close position-absolute" style="right: 1rem; top: 1rem; z-index: 1;">
  212.                                 {% include '@BidcozCore/Components/icon.html.twig' with { icon: 'close' } %}
  213.                             </div>
  214.                             <div class="modal-html mx-n3">
  215.                                 <!-- Load registration content here via http request -->
  216.                             </div>
  217.                         </div>
  218.                     </div>
  219.                 </div>
  220.             {% endif %}
  221.         {% endif %}
  223.         {% block trial '' %}
  224.         {% block contentBottom '' %}
  225.         {% block tour '' %}
  226.         {% block shareButtons '' %}
  228.         {% block footer %}
  229.             {% include '@BidcozCore/Layout/Blocks/footer.html.twig' %}
  230.         {% endblock %}
  232.         {% include '@BidcozCore/Layout/Blocks/user.html.twig' %}
  233.     </div>
  234. {% endblock %}
  236. {% block stylesheets %}
  237.     {% if campaign is defined and campaign is not null %}
  238.         {% if item is defined and item is not null %}
  239.             {% set imageUrl = item.primaryImage is defined and item.primaryImage.image is defined ? vich_uploader_asset(item.primaryImage.image, 'file') : '' %}
  240.             {% set imageWidth = 400 %}
  241.         {% else %}
  242.             {% if campaign.logo is defined and campaign.logo is not null %}
  243.                 {% set imageUrl = vich_uploader_asset(campaign.logo, 'file') %}
  244.                 {% set imageWidth = 320 %}
  245.             {% else %}
  246.                 {% set imageUrl = 'img/default_logo_campaign.png' %}
  247.                 {% set imageWidth = 320 %}
  248.             {% endif %}
  249.         {% endif %}
  251.         {# Hack for St. Henry - Remove #}
  252.         {% if campaign.slug == 'walk-a-thon2018' and campaign.organization.slug == 'sainthenryschoolhs' %}
  253.             {% set imageUrl = 'https://s3.us-east-2.amazonaws.com/bidcoz-images/sainthenryschoolhs/st_henry.png' %}
  254.             {% set imageWidth = 533 %}
  255.         {% endif %}
  257.         {% set ogImageUrl = asset(imageUrl)|replace({' ': '%20'}) %}
  259.         {% if 'https' in ogImageUrl %}
  260.             <meta property="og:image:secure_url" content="{{ ogImageUrl }}" />
  261.         {% else %}
  262.             <meta property="og:image:url" content="{{ ogImageUrl }}" />
  263.         {% endif %}
  264.         <meta property="og:image:width" content="{{ imageWidth }}" />
  265.         <meta property="og:type" content="website" />
  266.         <meta property="og:title" content="{{ campaign.name }}" />
  267.         <meta property="og:description" content="{{ campaign.description }}" />
  268.         <meta property="og:url" content="{{ app.request.schemeAndHttpHost ~ app.request.requestUri }}" />
  269.     {% endif %}
  270.     <link rel="stylesheet" href="/components/jquery-ui/themes/base/all.css">
  271.     <link rel="stylesheet" href="/components/datetimepicker/jquery.datetimepicker.css">
  272.     <link rel="stylesheet" href="/components/datatables.net-bs/css/dataTables.bootstrap.min.css">
  273.     <link rel="stylesheet" href="/components/datatables.net-buttons-bs/css/buttons.bootstrap.min.css">
  274.     <link rel="stylesheet" href="/components/jReject/css/jquery.reject.css">
  275.     <link rel="stylesheet" href="/components/lightbox2/dist/css/lightbox.css">
  276.     <link rel="stylesheet" href="/components/colorpicker/jquery.colorpicker.css">
  277.     <link href="//fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic" rel="stylesheet" type="text/css">
  278.     <link href="//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800" rel="stylesheet" type="text/css">
  279.     <link rel="stylesheet" href="/components/hint.css/hint.min.css">
  280.     <link rel="stylesheet" href="/components/intl-tel-input/build/css/intlTelInput.min.css">
  281.     <style>
  282.         .iti{ width: 100%;}
  283.         .iti__flag { z-index: 4; }
  284.         .intl-tel-input {
  285.             display: table-cell;
  286.         }
  287.         .intl-tel-input .selected-flag {
  288.             z-index: 4;
  289.         }
  290.         .intl-tel-input .country-list {
  291.             z-index: 5;
  292.         }
  293.         .input-group .intl-tel-input .form-control {
  294.               border-radius: 4px 0 0 4px;
  295.         }
  296.         .iti .intl-phone { padding-left: 55px!important; }
  297.     </style>
  299.     {% if organization is defined or campaign is defined %}
  300.         <link rel="stylesheet" href="/css/admin.css">
  301.     {% else %}
  302.         <link rel="stylesheet" href="/css/manage.css">
  303.     {% endif %}
  305.     <!-- <link rel="stylesheet" href="/css/common.css"> -->
  306. {% endblock %}
  308. {% block javascripts %}
  309.     <!--
  310.     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
  311.     -->
  312.     <script src="/components/jquery/dist/jquery.js" type="text/javascript"></script>
  313.     <script src="/components/jquery-ui/jquery-ui.js" type="text/javascript"></script>
  314.     <script src="/components/bootstrap/dist/js/bootstrap.min.js" type="text/javascript"></script>
  315.     <script src="/components/tinymce/tinymce.min.js?v=1" type="text/javascript"></script>
  316.     <script src="/components/jquery.countdown/dist/jquery.countdown.js" type="text/javascript"></script>
  317.     <script src="/components/jcarousel/dist/jquery.jcarousel.min.js" type="text/javascript"></script>
  318.     <script src="/components/datetimepicker/jquery.datetimepicker.js" type="text/javascript"></script>
  319.     <script src="/components/devbridge-autocomplete/dist/jquery.autocomplete.min.js" type="text/javascript"></script>
  320.     <script src="/components/datatables.net/js/jquery.dataTables.min.js" type="text/javascript"></script>
  321.     <script src="/components/datatables.net-bs/js/dataTables.bootstrap.min.js" type="text/javascript"></script>
  322.     <script src="/components/datatables.net-buttons/js/dataTables.buttons.min.js" type="text/javascript"></script>
  323.     <script src="/components/datatables.net-buttons/js/buttons.print.min.js" type="text/javascript"></script>
  324.     <script src="/components/datatables.net-buttons/js/buttons.html5.min.js" type="text/javascript"></script>
  325.     <script src="/components/datatables.net-buttons-bs/js/buttons.bootstrap.min.js" type="text/javascript"></script>
  326.     <script src="/components/datatables.net-select/js/dataTables.select.min.js" type="text/javascript"></script>
  327.     <script src="/components/jReject/js/jquery.reject.js" type="text/javascript"></script>
  328.     <script src="/components/lightbox2/dist/js/lightbox.min.js" type="text/javascript"></script>
  329.     <script src="/components/colorpicker/jquery.colorpicker.js" type="text/javascript"></script>
  330.     <script src="/components/colorpicker/i18n/jquery.ui.colorpicker-nl.js"></script>
  331.     <script src="/components/colorpicker/parts/jquery.ui.colorpicker-rgbslider.js"></script>
  332.     <script src="/components/colorpicker/parts/jquery.ui.colorpicker-memory.js"></script>
  333.     <script src="/components/moment/min/moment.min.js"></script>
  334.     <script src="/components/moment-timezone/builds/moment-timezone-with-data.min.js"></script>
  335.     <script src="/components/responsive-bootstrap-toolkit/dist/bootstrap-toolkit.min.js"></script>
  336.     <script src="/components/intl-tel-input/build/js/intlTelInput.min.js"></script>
  337.     <script src="/js/plugins/jquery.browser.mobile.js" type="text/javascript"></script>
  338.     <script src="/js/main.js?v=11" type="text/javascript"></script>
  339.     {% if stripe.publishable_key and not is_logged_in() %}
  340.         {% include '_credit_card_js.html.twig' with { doNotSubmit: true } %}
  341.     {% endif %}
  342. {% endblock %}