templates/MDS/GreenPatioBundle/reservations/calendar-gp-cvr-reservations.html.twig line 1

Open in your IDE?
  1. {% extends 'MDS/GreenPatioBundle/base-calendar.html.twig' %}
  3.     {% block pageid %}home-page{% endblock %}
  5.     {% block pageheadercontent %}
  6.         <div class="page-title">
  7.             <h4> <span class="text-semibold">{% trans %}Calendario Unificado de Green Patio y Covarrubias{% endtrans %}</span></h4>
  8.         </div>
  10.         <div class="heading-elements">
  11.             <div class="heading-btn-group">
  12.             </div>
  13.         </div>
  14.     {% endblock %}
  16.     {% block breadcrumbs %}
  17.         <ul class="breadcrumb">
  18.             <li><a href="/"><i class="icon-home4 position-left"></i> {% trans %}Home{% endtrans %}</a></li>
  19.         </ul>
  20.         <ul class="breadcrumb-elements">
  21.         </ul>
  23.     {% endblock %}
  25.     {% block content %}
  27.         <div class="col-sm-12 text-right" style="padding-bottom: 0px">
  29.             <style>
  30.                 .legend-container {
  31.                     display: flex;
  32.                     align-items: center;
  33.                     justify-content: flex-start;
  34.                     padding: 15px;
  35.                 }
  36.                 .legend-item {
  37.                     display: flex;
  38.                     align-items: center;
  39.                     margin-right: 20px;
  40.                 }
  41.                 .legend-color {
  42.                     width: 20px;
  43.                     height: 20px;
  44.                     margin-right: 10px;
  45.                     border: 1px solid #000;
  46.                 }
  47.                 .color-bloqueo { background-color: #b873bf; }
  48.                 .color-confirmado { background-color: #13ad27; }
  49.                 .color-confirmadocvr { background-color: #017362; }
  50.                 .color-cotizado { background-color: #faafc3; }
  51.                 .color-montaje { background-color: #a5b8a2; }
  52.                 .color-agenteone { background-color: #f5229a; }
  53.                 .color-agentetwo { background-color: #22cbf5; }
  54.                 .color-agentethree { background-color: #157cc2; }
  55.             </style>
  57.             <div class="col-sm-12 text-right" style="padding-bottom: 15px">
  58.                 <div class="legend-container">
  59.                     <div class="legend-item">
  60.                         <div class="legend-color color-montaje"></div>
  61.                         <span>Montaje / Desmontaje</span>
  62.                     </div>
  63.                     <div class="legend-item">
  64.                         <div class="legend-color color-cotizado"></div>
  65.                         <span>Cotizado</span>
  66.                     </div>
  67.                     <div class="legend-item">
  68.                         <div class="legend-color color-confirmado"></div>
  69.                         <span>Confirmado / Facturado ( La Imprenta )</span>
  70.                     </div>
  71.                     <div class="legend-item">
  72.                         <div class="legend-color color-confirmadocvr"></div>
  73.                         <span>Confirmado / Facturado ( Covarrubias )</span>
  74.                     </div>
  76.                     <div class="legend-item">
  77.                         <div class="legend-color color-agenteone"></div>
  78.                         <span>Visita ( Gabriela )</span>
  79.                     </div>
  80.                     <div class="legend-item">
  81.                         <div class="legend-color color-agentetwo"></div>
  82.                         <span>Visita ( Angie )</span>
  83.                     </div>
  84.                     <div class="legend-item">
  85.                         <div class="legend-color color-agentethree"></div>
  86.                         <span>Visita ( Cristina )</span>
  87.                     </div>
  88.                 </div>
  89.             </div>
  91.         </div>
  93.         {{ parent() }}
  94.         <input id="user" class="hidden" value="{{ user }}">
  95.         {% for flashMessage in app.session.flashbag.get('mensaje') %}
  96.             <div class="hidden alertFlashMensaje" data-mensaje="{{ flashMessage }}"></div>
  97.         {% endfor %}
  98.         {% for flashMessage in app.session.flashbag.get('mensajeerror') %}
  99.             <div class="hidden alertFlashMensajeError" data-mensajeerror="{{ flashMessage }}"></div>
  100.         {% endfor %}
  102.         <!-- Main charts -->
  103.         <div class="row">
  104.             <div class="col-lg-12">
  105.                 <!-- Event colors -->
  106.                 <div class="panel">
  107.                     <div class="panel-body">
  108.                         <div class="fullcalendar-event-colors"></div>
  109.                     </div>
  110.                 </div>
  111.                 <!-- /event colors -->
  112.             </div>
  116.             <div id="modal_form_vertical_notes" class="modal fade in" style="display: none; padding-right: 17px;">
  117.                 <div class="modal-dialog">
  118.                     <div class="modal-content">
  119.                         {{ form_start(form, { 'attr' : {'class': 'form-horizontal', 'novalidate': 'novalidate', 'role' : 'form', 'autocomplete': 'off'} }) }}
  120.                         <div class="panel-heading">
  121.                             <button type="button" class="close" data-dismiss="modal">×</button>
  122.                             <h5 class="modal-title">{% trans %}Add New Reminder{% endtrans %}</h5>
  123.                         </div>
  125.                         <div class="panel-body">
  127.                             <div class="col-md-4 col-xs-4" style="padding-left: 15px;padding-right: 15px">
  129.                                 <div class="form-group form-group-material{% if form_errors(form.dateAt)|length > 0 %} has-error{% endif %}">
  130.                                     <label class="control-label is-visible">
  131.                                         {{ form_label(form.dateAt, 'Date', {'label_attr': {'class': 'control-label is-visible'}}) }}
  132.                                     </label>
  133.                                     <div class="input-group col-md-12">
  134.                                         {{ form_widget(form.dateAt, { 'attr' : {'class' : 'form-control', 'placeholder' : 'Date'} }) }}
  135.                                     </div>
  136.                                     <span class="help-block">{{ form_errors(form.dateAt) }}</span>
  137.                                 </div>
  138.                             </div>
  139.                             <div class="col-md-4 col-xs-4" style="padding-left: 15px;padding-right: 15px">
  140.                                 <div class="form-group form-group-material{% if form_errors(form.forAgent)|length > 0 %} has-error{% endif %}">
  141.                                     <label class="control-label is-visible">
  142.                                         {{ form_label(form.forAgent, 'For Agent', {'label_attr': {'class': 'control-label is-visible'}}) }}
  143.                                     </label>
  144.                                     <div class="input-group col-md-12">
  145.                                         {{ form_widget(form.forAgent, { 'attr' : {'class' : 'form-control', 'placeholder' : 'For Agent'} }) }}
  146.                                     </div>
  147.                                     <span class="help-block">{{ form_errors(form.forAgent) }}</span>
  148.                                 </div>
  149.                             </div>
  150.                             <div class="col-md-4 col-xs-4 text-center" style="padding-left: 15px;padding-right: 15px">
  151.                                 <div class="form-group form-group-material">
  152.                                     <label class="control-label is-visible">
  153.                                         {{ form_label(form.audience, 'Audience', {'label_attr': {'for': 'InputAudience','class': 'control-label'}}) }}
  154.                                     </label>
  155.                                     <div class="checkbox checkbox-switchery switchery-lg switchery-double">
  156.                                         <label>
  157.                                             <strong>{% trans %}Private{% endtrans %}</strong>
  158.                                             {{ form_widget(form.audience, {'attr': {'id': 'InputAudience', 'class': 'switchery-info normalButton'}}) }}
  159.                                             <strong>{% trans %}Public{% endtrans %}</strong>
  160.                                         </label>
  161.                                     </div>
  162.                                 </div>
  163.                             </div>
  164.                             <div class="col-md-12 col-xs-12" style="padding-left: 15px;padding-right: 15px">
  166.                                 <div class="form-group form-group-material{% if form_errors(form.title)|length > 0 %} has-error{% endif %}">
  167.                                     <label class="control-label is-visible">
  168.                                         {{ form_label(form.title, 'Title', {'label_attr': {'class': 'control-label is-visible'}}) }} *
  169.                                     </label>
  170.                                     <div class="input-group col-md-12">
  171.                                         {{ form_widget(form.title, { 'attr' : {'class' : 'form-control', 'placeholder' : 'Title'} }) }}
  172.                                     </div>
  173.                                     <span class="help-block">{{ form_errors(form.title) }}</span>
  174.                                 </div>
  175.                             </div>
  176.                             <div class="col-md-12 col-xs-12" style="padding-left: 15px;padding-right: 15px">
  178.                                 <div class="form-group form-group-material{% if form_errors(form.message)|length > 0 %} has-error{% endif %}">
  179.                                     <label class="control-label is-visible">
  180.                                         {{ form_label(form.message, 'Message', {'label_attr': {'class': 'control-label is-visible'}}) }} *
  181.                                     </label>
  182.                                     <div class="input-group col-md-12">
  183.                                         {{ form_widget(form.message, { 'attr' : {'class' : 'form-control', 'placeholder' : 'Message'} }) }}
  184.                                     </div>
  185.                                     <span class="help-block">{{ form_errors(form.message) }}</span>
  186.                                 </div>
  187.                             </div>
  190.                         </div>
  191.                         <div class="modal-footer">
  192.                             <div class="form-group form-group-material">
  193.                                 <div class="input-group col-md-12">
  194.                                     {{ form_widget(form.save, {'label' : 'Save', 'attr': {'class': 'btn btn-success btn-block', 'href' : 'h/widget/notes/update/{{form.id}}'}}) }}
  195.                                 </div>
  196.                             </div>
  197.                             {{ form_end(form) }}
  198.                         </div>
  199.                     </div>
  200.                 </div>
  201.             </div>
  205.         </div>
  207.         <!-- /main charts -->
  208.     {% endblock %}
  210.     {% block javascripts %}
  211.         <!-- Theme JS files -->
  212.         <script type="text/javascript" src="{{ asset('assets/js/plugins/forms/styling/switchery.min.js') }}"></script>
  213.         <script type="text/javascript" src="{{ asset('assets/js/plugins/visualization/d3/d3.min.js') }}"></script>
  214.         <script type="text/javascript" src="{{ asset('assets/js/plugins/visualization/d3/d3_tooltip.js') }}"></script>
  215.         <script type="text/javascript" src="{{ asset('assets/js/plugins/forms/styling/uniform.min.js') }}"></script>
  216.         <script type="text/javascript" src="{{ asset('assets/js/plugins/forms/selects/bootstrap_multiselect.js') }}"></script>
  217.         <script type="text/javascript" src="{{ asset('assets/js/plugins/ui/moment/moment.min.js') }}"></script>
  218.         <script type="text/javascript" src="{{ asset('assets/js/plugins/ui/fullcalendar/fullcalendar.min.js') }}"></script>
  219.         <script type="text/javascript" src="{{ asset('assets/js/plugins/pickers/daterangepicker.js') }}"></script>
  220.         <script type="text/javascript" src="{{ asset('assets/js/plugins/pickers/color/spectrum.js') }}"></script>
  221.         <script type="text/javascript" src="{{ asset('assets/js/plugins/pickers/color/i18n/jquery.spectrum-es.js') }}"></script>
  222.         <script type="text/javascript" src="{{ asset('assets/js/plugins/notifications/sweet_alert.min.js') }}"></script>
  223.         <script type="text/javascript" src="{{ asset('assets/js/pages/greenpatio/dashboard_greenpatio_covarrubias.js') }}"></script>
  224.         <script src="{{ asset( 'assets/js/pages/client/client-base.js') }}"></script>
  225.     {% endblock %}