<?php
use_helper('Widgets');
?>
<h3>Markup reference:</h3>
<?php
pre_start('html');
?>
<div class="uiProgressBar">
<div>
<span class="g" title="30 of 50" style="width:60%"></span>
<span class="r" title="5 of 50" style="width:10%"></span>
</div>
</div>
<?php
pre_end();
?>
<h2>ui_progress_bar() helper</h2>
<?php
echo ui_progress_bar(array(array('value' => 75), array('value' => 0, 'label' => 'custom label', 'class' => 'r')), 100, array('id' => 'custom_id'));
?>
<p>With custom border color:</p>
<?php
echo ui_progress_bar(array(array('value' => 75), array('value' => 0, 'label' => 'custom label', 'class' => 'r')), 100, array('borderColor' => '#A1A1A1'));
</div>
</td>
<td width="33%" class="layout">
<?php
# Stats panel (displays when first card is loaded)
?>
<div class="uiFcStats" style="display:none">
<?php
ui_box_rounded('uiFcBoxBlueR');
?>
<h3>Reviewed: <em class="count">.</em> of <em class="count">.</em></h3>
<?php
echo ui_progress_bar(array(array('value' => 0)), 100, array('id' => 'review-progress', 'borderColor' => '#5FA2D0'));
?>
<?php
echo end_ui_box();
?>
<div class="stacks">
<?php
ui_box_rounded('uiFcBoxBlueR');
?>
<p class="pass" title="Cards remembered">0</p>
<p class="fail" title="Cards forgotten">0</p>
<?php
echo end_ui_box();
?>
</div>
<tr<?php
$cssActive = $lkey == $currentLesson ? 'active' : '';
echo $i++ % 2 ? " class=\"{$cssActive} odd\"" : '';
?>
>
<td><?php
echo $less['label'];
?>
</td>
<td><?php
if ($less['totalCards'] > 0) {
# Show failed cards also:
# array('value' => $less['testedCards'], 'label' => $less['passValue'].' passed card(s)' , 'class' => 'g'),
# array('value' => $less['failValue'], 'label' => $less['failValue'].' failed card(s)', 'class' => 'r')
# Show just progress (reduce info overload, focus on progres)
echo ui_progress_bar(array(array('value' => $less['testedCards'], 'label' => $less['testedCards'] . ' flashcard(s)', 'class' => 'g')), $less['maxValue']);
} else {
echo 'Not yet started';
}
?>
</td>
<td class="center"><?php
echo $less['testedCards'] . ' of ' . $less['maxValue'];
?>
</td>
</tr>
<?php
}
?>
</tbody>
</table>
