src/NCBS/WebsiteBundle/Resources/views/Bible/readingplan/progressbar_readingplan.html.twig line 1

Open in your IDE?
  1. {% if plan_started %}
  2.     <link href="{{ asset('/bundles/ncbsw/css/jquery-ui.css') }}" rel="stylesheet" type="text/css" />
  3.     <script src="{{ asset('/bundles/ncbsw/js/jquery-ui.js?201805033.1138') }}" type="text/javascript"></script>
  4.     <div class="col-12" style="font-size:14px;">{{ app.session.get('ui_str')["bible.readingplan.daynum"]|replace({'_9713_': reading_plan_order_info.first_order})|raw }}<span style="float:right;">{{ app.session.get('ui_str')["bible.readingplan.daynum"]|replace({'_9713_': reading_plan_order_info.last_order})|raw }}</span></div>
  5.     <div class="col-12"><div id="progressbar"></div></div>
  6.     <script>
  7.       $( function() {
  8.         $( "#progressbar" ).progressbar({
  9.           value: {{ completed_percentage }}
  10.         });
  11.       } );
  12.       
  13.       $('#progressbar').height(11);
  14.       </script>
  15.     <div class="col-12" style="text-align:center; font-size:14px;">{{ completed_percentage }}% {{ app.session.get('ui_str')["readingplan.percentcomplete"] }}</div>
  16. {% endif %}