/**
* Add the update dialog to current page.
*/
public function run()
{
$this->widget('bootstrap.widgets.TbModal', array('id' => 'myModal', 'header' => 'Modal Heading', 'content' => TbHtml::animatedProgressBar(99)));
// Publish extension assets
$assets = Yii::app()->getAssetManager()->publish(Yii::getPathOfAlias('ext.modaldlg') . '/assets');
// Register extension assets
$cs = Yii::app()->getClientScript();
$cs->registerScriptFile($assets . '/EModalDlg.js', CClientScript::POS_END);
// Open update dialog the clicking target elements
$cs->registerScript('eupdatedialog', "\n jQuery( '{$this->target}' ).on( 'click', updateDialogOpen );", CClientScript::POS_END);
}
<h3>Striped</h3>
<div class="bs-docs-example">
<?php
echo TbHtml::stripedProgressBar(20);
?>
</div>
<pre class="prettyprint linenums">
<?php echo TbHtml::stripedProgressBar(20); ?></pre>
<h3>Animated</h3>
<div class="bs-docs-example">
<?php
echo TbHtml::animatedProgressBar(40);
?>
</div>
<pre class="prettyprint linenums">
<?php echo TbHtml::animatedProgressBar(40); ?></pre>
<h3>Stacked</h3>
<div class="bs-docs-example">
<?php
echo TbHtml::stackedProgressBar(array(array('style' => TbHtml::STYLE_SUCCESS, 'width' => 35), array('style' => TbHtml::STYLE_WARNING, 'width' => 20), array('style' => TbHtml::STYLE_DANGER, 'width' => 10)));
?>
</div>
<pre class="prettyprint linenums">
<?php echo TbHtml::stackedProgressBar(array(
array('style' => TbHtml::STYLE_SUCCESS, 'width' => 35),
<?php
$this->widget('bootstrap.widgets.TbBreadcrumb', array(
'links' => array(
Yii::t('app', 'Padron') =>array('manage'),
Yii::t('app', 'Update')." ".$model->nombre,
),
));
$this->widget('bootstrap.widgets.TbModal', array(
'id' => 'avisobarra',
'header' => 'Procesando',
'htmlOptions' => array('style' => 'text-align:center;'),
'content' => TbHtml::animatedProgressBar(mt_rand(10,50)),// Para simular que tiene avances distintos
));
?>
<?php
$this->renderPartial('_form', array(
'model'=>$model));
?>
<?php
/**
* Web Installer Sidebar (Progressbar and Step-Listing) Viewscript
*/
?>
<h2 class="maintitle"><?php
eT("Progress");
?>
</h2>
<p><?php
printf(gT("%s%% completed"), $progressValue);
?>
</p>
<?php
echo TbHtml::animatedProgressBar($progressValue);
?>
<ol>
<li class="<?php
echo $classesForStep[0];
?>
">
<?php
eT("Welcome");
?>
</li>
<li class="<?php
echo $classesForStep[1];
?>
">
<?php
public function testAnimatedProgressBar()
{
$I = $this->codeGuy;
$html = TbHtml::animatedProgressBar(40);
$progress = $I->createNode($html, 'div.progress');
$I->seeNodeCssClass($progress, 'progress-striped active');
$bar = $progress->filter('div.bar');
$I->seeNodeCssStyle($bar, 'width: 40%');
}
<form>
<div style="text-align:center;margin-top:-6px;" >
<label id="type" style="margin-left:-172px;"></label>
<input type="text" placeholder="Enter Value" id="reg_no">
<?php
echo CHtml::ajaxLink('<input type="button" id="get-challan" value="Go" name="get-challan" class="btn btn-success" style="margin-left:3px;margin-top:-10px;">', array('site/loadchallan'), array('data' => array('reg_no' => 'js:document.getElementById("reg_no").value'), 'beforeSend' => 'function() {
$("#progress-meter").show();
$("#overlay").show();
}', 'dataType' => 'json', 'success' => 'js:function(data) { demo(data); }'));
?>
<input type="reset" class="search-button btn" value="Clear" style="margin-left:4px;margin-top:-10px;">
</div>
</form>
<div style="margin-top:0px;width:990px;display:none;" id="progress-meter">
<?php
echo TbHtml::animatedProgressBar(100, array('color' => TbHtml::PROGRESS_COLOR_SUCCESS));
?>
</div>
</div>
<div style="padding:0px;margin:0px;clear:both;" ></div>
</div>
<div class="content-challan" style="background-color:#FBF5AF;padding:20px;margin: 0 10% auto;display:none;text-align:left;font-size:14px;;box-shadow:0 0 21px 2px #ccc;" >
<h4 style="color:#4385f7">Your challan details</h4>
<div style="clear:both;padding:10px;width:100%">
<div style="float:left;width:30%;" >
<div style="color:#4385F7;margin-bottom:5px;width:40%;float:left">Name:</div><div style="width:60%;float:left;text-align:left" id='cname'></div>
</div>
<div style="float:left;width:30%;" >
$("#contextual li a").on("click",function(){
return true;
});
});
');
?>
<style type='text/css'>
#contextMenu {
position: absolute;
display:none;
}
table{cursor:default;}
</style>
<?php
$this->widget('bootstrap.widgets.TbModal', array('id' => 'modal', 'header' => 'Historial del boleto', 'content' => '<div id="tablaModal">' . TbHtml::animatedProgressBar(50) . '</div>', 'htmlOptions' => array('style' => 'width:60%;left:38%'), 'footer' => implode(' ', array(TbHtml::button('Cerrar', array('data-dismiss' => 'modal'))))));
?>
<div id="contextMenu" class="dropdown clearfix">
<ul class="dropdown-menu" id="contextual" role="menu" aria-labelledby="dropdownMenu" style="display:block;position:static;margin-bottom:5px;">
<li>
<?php
echo TbHtml::link(' Historial del boleto', '#', array('style' => TbHtml::BUTTON_COLOR_PRIMARY, 'class' => 'fa fa-calendar-o', 'size' => TbHtml::BUTTON_SIZE_LARGE, 'onclick' => "\$.ajax({\n\t\t\turl:'" . $this->createUrl('ventas/historialBoleto') . "&id='+currentId,\n\t\t\tsuccess:function(data){ \$('#tablaModal').html(data);},\n\t})", 'data-toggle' => 'modal', 'data-target' => '#modal'));
?>
</li>
<li class="divider"></li>
<!-- <li><a tabindex="-1" href="#" class="fa fa-arrow-down"> Dar de baja</a></li>-->
</ul>
</div>
