templates/components/campaign/widget.html.twig line 1

Open in your IDE?
  1. {% set endDate = campaign.endDate ? campaign.endDate|textual_month_format : 'fmt.widgets.campaign.header.not_set'|trans %}
  2. {% set campaign_route = url(constant('FMT\\Application\\Controller\\Common\\CampaignController::ROUTE_VIEW'), {id: campaign.id}) %}
  4. {% if is_granted(constant('FMT\\Application\\Voter\\CampaignVoter::CAN_SEE_DAYS_LEFT'), campaign) %}
  5.     <p>
  6.         {{ 'fmt.widgets.campaign.header.starting'|trans({
  7.             '%days%': campaign.daysLeft ~ campaign.daysLeft|plural(' day')
  8.         }) }}
  9.     </p>
  10. {% endif %}
  12. {% if showLinks is defined and showLinks %}
  13.     <p class="text-center">
  14.         <a class="clr--017666" href="{{ campaign_route }}">
  15.             <i>{{ 'fmt.widgets.campaign.header.goal'|trans({'%price%': campaign.campaignGoal|price}) }}</i>
  16.         </a>
  17.     </p>
  18.     <p class="text-center">
  19.         <a class="clr--017666" href="{{ campaign_route }}" {% if campaign.finished %}class="text-red" {% endif %}>
  20.             <i>{{ campaign_date_text|trans }}</i>
  21.         </a>
  22.     </p>
  23.     {% if campaign.paused and not campaign.finished %}
  24.         <p class="text-center">
  25.             <a href="{{ campaign_route }}" class="text-red">
  26.                 <i>{{ 'fmt.campaign.status.paused'|trans }}</i>
  27.             </a>
  28.         </p>
  29.     {% endif %}
  30. {% else %}
  31.     
  32.     <p class="text-center">
  33.         <a class="clr--017666 campaign-goal" href="{{ campaign_route }}">
  34.             <i>{{ 'fmt.widgets.campaign.header.goal'|trans({'%price%': campaign.campaignGoal|price}) }}</i>
  35.         </a><br>
  36.         <a class="clr--017666 campaign-raised" href="{{ campaign_route }}" style="font-size: 20px;
  37.     font-weight: bold;">
  38.             <i>{{ 'fmt.widgets.campaign.header.raised'|trans({'%price%': campaign.fundedTotal|price}) }}</i>
  39.         </a>
  40.     </p>
  41.     <p class="text-center">
  42.         <a class="clr--017666" href="{{ campaign_route }}">
  43.             <i>{{ 'fmt.widgets.campaign.header.ends'|trans({'%date%': endDate}) }}</i>
  44.         </a>
  45.     </p>
  46. {% endif %}
  48. <div class="campaign-details box my-book-compaign">
  49.     <div class="box-header" 
  50.     {% if campaign.endDate|date('U') < "now"|date('U') %}
  51.     style="background-color:#ffc215;"
  52.     {% endif %}
  53.     >
  54.         <h4>{{ 'fmt.campaign.student.my_books'|trans }} {% if campaign.endDate|date('U') < "now"|date('U') %}Ended{% endif %}</h4>
  55.     </div>
  56.     <div class="box-body">
  57.         <div class="row">
  58.             <div class="col-md-6 col-xs-12 books-list">
  59.                 {% if showAllBooks is defined and showAllBooks %}
  60.                     {% for book in campaign.books %}
  61.                         <p>{{ book.title }}</p>
  62.                         {% if not loop.last %}
  63.                             <hr>
  64.                         {% endif %}
  65.                     {% endfor %}
  66.                 {% else %}
  67.                     {% for book in campaign.books|slice(0, 2) %}
  68.                         <p class="ellipsis-text">{{ book.title }}</p>
  69.                         {% if not loop.last %}
  70.                             <hr>
  71.                         {% endif %}
  72.                     {% endfor %}
  73.                     {% if campaign.books|length > 2 %}
  74.                         <p>
  75.                             <a href="{{ campaign_route }}" class="btn btn-default" style="margin-top: 10px">
  76.                                 {{ 'fmt.campaign.student.see_more'|trans }}
  77.                             </a>
  78.                         </p>
  79.                     {% endif %}
  80.                 {% endif %}
  81.             </div>
  82.             <div class="col-md-6 col-xs-12 campaign-statistic">
  83.                 <div>
  84.                     <div>
  85.                         <div class="round-slider-centered round-slider round-slider-half slider-vertical-gradient"
  86.                              data-value="{{ min(campaign.percentOfFunded, 1)|percent }}"
  87.                              data-circle-shape="half-right"
  88.                              data-radius="75"
  89.                              data-border-width="15"
  90.                              data-color="{{ color_by_percent(campaign.percentOfFunded) }}"
  91.                         ></div>
  92.                     </div>
  93.                 </div>
  94.             </div>
  95.         </div>
  96.     </div>
  97. </div>
  98. {% block footer_scripts %}
  99.     {{ encore_entry_script_tags('common.components.widget.slider') }}
  100. {% endblock footer_scripts %}