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