fix desing tpl sequence course BT#9893

1.10.x
aragonc 10 years ago
parent 11535e78f2
commit 9cfde9ef8e
  1. 119
      app/Resources/public/css/base.css
  2. 19
      main/admin/resource_sequence.php
  3. 15
      main/inc/ajax/sequence.ajax.php
  4. 34
      main/template/default/admin/resource_sequence.tpl

@ -6202,6 +6202,117 @@ div#chat-remote-video video {
.forum-post .tools-icons a{
padding: 2px;
}
/* Sequence */
.title-sequence{
font-size: 12px;
text-align: center;
}
#parents{
text-align: center;
}
#parents .parent {
display: inline-block;
padding: 5px;
width: 15%;
}
#parents .parent .big-icon{
background-color: #ECF0F1 ;
padding: 10px;
text-align: center;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
position: relative;
}
#parents .parent .big-icon .sequence-course{
font-size: 12px;
}
#parents .parent .big-icon .sequence-id{
border-radius: 50%;
background-color: #E74C3C;
width: 20%;
color: #ffffff;
position: absolute;
right: 5px;
top: 5px;
}
#parents .parent .big-icon .sequence-deleted{
font-size: 12px;
}
#resource{
text-align: center;
}
#resource .parent {
display: inline-block;
padding: 5px;
width: 15%;
}
#resource .parent .big-icon{
background-color: #eeffaa ;
padding: 10px;
text-align: center;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
position: relative;
}
#resource .parent .big-icon .sequence-course{
font-size: 12px;
}
#resource .parent .big-icon .sequence-id{
border-radius: 50%;
background-color: #E74C3C;
width: 20%;
color: #ffffff;
position: absolute;
right: 5px;
top: 5px;
}
#resource .parent .big-icon .sequence-deleted{
font-size: 12px;
}
.section-title-sequence{
font-size: 22px;
color: #333333;
margin-bottom: 30px;
padding: 0;
border-bottom:1px solid #E5e5e5 ;
}
#children{
text-align: center;
}
#children .parent {
display: inline-block;
padding: 5px;
width: 15%;
}
#children .parent .big-icon{
background-color: #feffd6 ;
padding: 10px;
text-align: center;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
position: relative;
}
#children .parent .big-icon .sequence-course{
font-size: 12px;
}
#children .parent .big-icon .sequence-id{
border-radius: 50%;
background-color: #E74C3C;
width: 20%;
color: #ffffff;
position: absolute;
right: 5px;
top: 5px;
}
#children .parent .big-icon .sequence-deleted{
font-size: 12px;
}
/* CSS NEW TOP ******************************************************************************/
/* CSS Responsive */
@media (min-width: 1025px) and (max-width: 1200px) {
@ -6324,6 +6435,14 @@ div#chat-remote-video video {
.dl-horizontal dd{
margin-left: 140px;
}
#parents .parent, #resource .parent, #children .parent {
display: inline-block;
padding: 5px;
width: 30%;
}
#show_graph{
text-align: center;
}
}
@media (min-width : 480px) and (max-width: 767px) {
#learning_path_breadcrumb_zone {

@ -53,6 +53,7 @@ $selectSequence->addSelect(
);
$form = new FormValidator('');
$form->addHtml("<div class='col-md-6'>");
$form->addHidden('sequence_type', 'session');
$form->addSelect(
'sessions',
@ -61,21 +62,27 @@ $form->addSelect(
['id' => 'item', 'cols-size' => [4, 7, 1]]
);
$form->addButtonNext(get_lang('UseAsReference'), 'use_as_reference',['cols-size' => [4, 7, 1]]);
$form->addHtml("</div>");
$form->addHtml("<div class='col-md-6'>");
$form->addSelect(
'requirements',
get_lang('Requirements'),
$sessionList,
['id' => 'requirements', 'multiple' => 'multiple', 'cols-size' => [4, 7, 1]]
['id' => 'requirements', 'cols-size' => [3, 7, 2]]
);
$form->addButtonCreate(get_lang('SetAsRequirement'), 'set_requirement', false,['cols-size' => [4, 7, 1]]);
$form->addButtonSave(get_lang('Save'), 'save_resource');
$form->addButtonCreate(get_lang('SetAsRequirement'), 'set_requirement', false,['cols-size' => [3, 7, 2]]);
$form->addHtml("</div>");
$formSave = new FormValidator('');
$formSave->addHidden('sequence_type', 'session');
$formSave->addButton('save_resource',get_lang('SaveSettings'),'floppy-o','success',null,null,['cols-size' => [1, 10, 1]]);
$tpl->assign('create_sequence', $formSequence->returnForm());
$tpl->assign('select_sequence', $selectSequence->returnForm());
$tpl->assign('left_block', $form->returnForm());
$tpl->assign('configure_sequence', $form->returnForm());
$tpl->assign('save_sequence', $formSave->returnForm());
$layout = $tpl->get_template('admin/resource_sequence.tpl');
$tpl->display($layout);

@ -51,7 +51,7 @@ switch ($action) {
case 'session':
$type = SequenceResource::SESSION_TYPE;
$showDelete = isset($_REQUEST['show_delete']) ? $_REQUEST['show_delete'] : false;
$image = Display::return_icon('window_list.png');
$image = Display::return_icon('item-sequence.png',null,null,ICON_SIZE_LARGE);
$sessionInfo = api_get_session_info($id);
if (!empty($sessionInfo)) {
$linkDelete = '';
@ -63,12 +63,13 @@ switch ($action) {
);
}
$link = '<div class="parent" data-id="'.$id.'">
<span>'.
$image.' '.$sessionInfo['name'].' ('.$id.')'.
$linkDelete.
'</span>
</div>';
$link = '<div class="parent" data-id="' . $id . '">';
$link .= '<div class="big-icon">';
$link .= $image;
$link .= '<div class="sequence-course">' . $sessionInfo['name'] . '</div>';
$link .= '<div class="sequence-id">'.$id.'</div>';
$link .= '<div class="sequence-deleted">' . $linkDelete . '</div>';
$link .= '</div></div>';
}
break;
}

@ -169,6 +169,7 @@
</script>
<div class="panel panel-default">
<div class="panel-body">
<div class="section-title-sequence">Crear nombre de secuencia</div>
<div class="row">
<div class="col-md-6">
{{ create_sequence }}
@ -182,32 +183,43 @@
<div class="panel panel-default">
<div class="panel-body">
<div class="section-title-sequence">Configuración de secuencia</div>
<div class="row">
<div class="col-md-7">
{{ left_block }}
</div>
<div class="col-md-5">
<h3>
{{ configure_sequence }}
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-body">
<div class="section-title-sequence">Vista previa de secuencia</div>
<div class="row">
<div class="col-md-9">
<h4 class="title-sequence">
{{ 'ItemsTheReferenceDependsOn' | get_lang }}
</h3>
</h4>
<div id="parents">
</div>
<h3>{{ 'Item' | get_lang }}</h3>
<h4 class="title-sequence">{{ 'Item' | get_lang }}</h4>
<div id="resource">
</div>
<h3>{{ 'Dependencies' | get_lang }}</h3>
<h4 class="title-sequence">{{ 'Dependencies' | get_lang }}</h4>
<div id="children">
</div>
<h3>{{ 'Graph' | get_lang }}</h3>
<div id="show_graph"></div>
<h4 class="title-sequence">{{ 'Graph' | get_lang }}</h4>
{{ right_block }}
</div>
<div class="col-md-3">
<div id="show_graph"></div>
</div>
</div>
{{ save_sequence }}
</div>
</div>
{% endblock %}

Loading…
Cancel
Save