50 lines
2.4 KiB
PHP
50 lines
2.4 KiB
PHP
<div class='modal-dialog' id='guideDialog'>
|
|
<style>
|
|
#guideDialog {width: 780px}
|
|
#guideDialog h2 {margin: 10px 0 30px 0; font-size: 16px; font-weight: normal}
|
|
#guideDialog h3 {margin: 5px 0; font-size: 20px;}
|
|
#guideDialog .modal-footer {border-top: none; text-align: center; padding-top: 10px; padding-bottom: 40px;}
|
|
#guideDialog .modal-footer .btn + .btn {margin-left: 20px}
|
|
#guideDialog .program-type {padding: 0 40px}
|
|
#guideDialog .program-type-img {width: 280px; border: 1px solid #CBD0DB; border-radius: 2px; margin-bottom: 10px; cursor: pointer; margin-top: 1px}
|
|
#guideDialog .program-type-img:hover {border-color: #006AF1; box-shadow: 0 0 10px 0 rgba(0,0,0,.25);}
|
|
#guideDialog .program-type.active img {border-color: #006AF1; border-width: 2px; margin-top: 0}
|
|
</style>
|
|
<div class='modal-content'>
|
|
<div class='modal-body'>
|
|
<h2 class='text-center'><?php echo $lang->program->chooseProgramType; ?></h2>
|
|
<div class='row'>
|
|
<div class='col-xs-6'>
|
|
<div class='program-type text-center'>
|
|
<img class='program-type-img' data-type='scrum' src='<?php echo $config->webRoot . 'theme/default/images/main/scrum.png'?>'>
|
|
<h3><?php echo $lang->program->scrum; ?></h3>
|
|
<p><?php echo $lang->program->scrumTitle; ?></p>
|
|
</div>
|
|
</div>
|
|
<div class='col-xs-6'>
|
|
<div class='program-type text-center'>
|
|
<img class='program-type-img' data-type='waterfall' src='<?php echo $config->webRoot . 'theme/default/images/main/waterfall.png'?>'>
|
|
<h3><?php echo $lang->program->waterfall; ?></h3>
|
|
<p><?php echo $lang->program->waterfallTitle; ?></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class='modal-footer text-center'>
|
|
<a class='btn btn-primary btn-wide disabled' id='guideBtn'><?php echo $lang->program->nextStep; ?></a>
|
|
<button type='button' class='btn btn-default btn-wide' data-dismiss='modal'><?php echo $lang->cancel; ?></button>
|
|
</div>
|
|
</div>
|
|
<?php echo js::set('programID', $programID)?>
|
|
<?php echo js::set('from', $from)?>
|
|
<script>
|
|
$('#guideDialog').on('click', '.program-type-img', function()
|
|
{
|
|
var $this = $(this);
|
|
$('#guideDialog .program-type.active').removeClass('active');
|
|
$this.parent().addClass('active');
|
|
$('#guideBtn').removeClass('disabled').attr('href', createLink('program', 'PRJCreate', 'type=' + $this.data('type') + '&programID=' + programID + '&from=' + from));
|
|
});
|
|
</script>
|
|
</div>
|