chamilo
/
chamilo-lms
mirror of https://github.com/chamilo/chamilo-lms/tree/1.11.x
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

Improved accordion view of list of exercises created

Browse Source
pull/2837/head
Alex Aragón 7 years ago
parent 5403d91d7d
commit 7f68943f20
7 changed files with 111 additions and 68 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 1
      assets/css/scss/_base.scss
  2. 47
      assets/css/scss/_jqueryui.scss
  3. 1
      assets/css/scss/index.scss
  4. 3
      main/exercise/exercise.php
  5. 105
      main/exercise/question_list_admin.inc.php
  6. 4
      main/inc/ajax/exercise.ajax.php
  7. 4
      main/inc/lib/exercise.lib.php

1
assets/css/scss/_base.scss
Unescape View File

@ -933,7 +933,6 @@ hr {
} }
/******************* ACCORDION B4 *****************/ /******************* ACCORDION B4 *****************/
.accordion-b4 { .accordion-b4 {
.card { .card {
border: 0 none; border: 0 none;

47
assets/css/scss/_jqueryui.scss
Unescape View File

@ -0,0 +1,47 @@
.ui-widget{
font-family: inherit;
}
.ui-accordion{
.ui-accordion-header{
padding: 0;
margin: 0;
}
.card{
margin-bottom: 0;
margin-top: 1rem;
.card-body{
padding: 0;
.question-title{
padding-top: .5rem;
padding-bottom: .5rem;
font-weight: bold;
}
}
.btn-moved{
padding: .6rem .5rem;
font-size: 1.25rem;
display: block;
text-align: center;
}
}
}
.ui-state-default{
border: none;
background: transparent;
}
.ui-sortable-helper{
.card{
background: #ffffd9;
}
}
.ui-accordion-header-active{
&.ui-state-active{
.card{
background-color: #607d8b;
}
}
}
.ui-widget-content{
border: 1px solid #e5e9f2;
background: #faffff;
}

1
assets/css/scss/index.scss
Unescape View File

@ -7,5 +7,6 @@
@import "forms"; @import "forms";
@import 'base'; @import 'base';
@import 'announcement'; @import 'announcement';
@import "jqueryui";
/* /*
@import "spinner";*/ @import "spinner";*/

3
main/exercise/exercise.php
Unescape View File

@ -1009,8 +1009,9 @@ if (!empty($exerciseList)) {
), ),
'', '',
[ [
'onclick' => "javascript:if(!confirm('".addslashes(api_htmlentities(get_lang('AreYouSureToDeleteJS'), ENT_QUOTES, $charset))." ".addslashes($exercise->getUnformattedTitle())."?"."')) return false;",
'href' => 'exercise.php?'.api_get_cidreq().'&choice=delete&sec_token='.$token.'&exerciseId='.$row['id'], 'href' => 'exercise.php?'.api_get_cidreq().'&choice=delete&sec_token='.$token.'&exerciseId='.$row['id'],
'title' => addslashes(api_htmlentities(get_lang('AreYouSureToDeleteJS'),ENT_QUOTES, $charset))." ".addslashes($exercise->getUnformattedTitle())."?",
'class' => 'delete-swal'
] ]
); );
} else { } else {

105
main/exercise/question_list_admin.inc.php
Unescape View File

@ -204,13 +204,8 @@ if (!$inATest) {
} }
echo ' echo '
<div class="row hidden-xs"> <div class="list-header-question">
<div class="col-sm-5"><strong>'.get_lang('Questions').'</strong></div> <h2>'.get_lang('List Questions').'</h2>
<div class="col-sm-1 text-center"><strong>'.get_lang('Type').'</strong></div>
<div class="col-sm-2"><strong>'.get_lang('Category').'</strong></div>
<div class="col-sm-1 text-right"><strong>'.get_lang('Difficulty').'</strong></div>
<div class="col-sm-1 text-right"><strong>'.get_lang('MaximumScore').'</strong></div>
<div class="col-sm-2 text-right"><strong>'.get_lang('Actions').'</strong></div>
</div> </div>
<div id="question_list"> <div id="question_list">
'; ';
@ -231,49 +226,39 @@ if (!$inATest) {
} }
$clone_link = Display::url( $clone_link = Display::url(
Display::return_icon( Display::returnFontAwesomeIcon('copy'),
'cd.png',
get_lang('Copy'),
[],
ICON_SIZE_TINY
),
api_get_self().'?'.api_get_cidreq().'&clone_question='.$id, api_get_self().'?'.api_get_cidreq().'&clone_question='.$id,
['class' => 'btn btn-default btn-sm'] [
'class' => 'btn btn-outline-secondary btn-sm',
'title' => get_lang('Copy')
]
); );
$edit_link = $objQuestionTmp->type == CALCULATED_ANSWER && $objQuestionTmp->isAnswered() $edit_link = $objQuestionTmp->type == CALCULATED_ANSWER && $objQuestionTmp->isAnswered()
? Display::span( ? Display::span(
Display::return_icon( Display::returnFontAwesomeIcon('pencil-alt'),
'edit_na.png', [
get_lang('QuestionEditionNotAvailableBecauseItIsAlreadyAnsweredHoweverYouCanCopyItAndModifyTheCopy'), 'class' => 'btn btn-outline-secondary btn-sm',
[], 'title' => get_lang('QuestionEditionNotAvailableBecauseItIsAlreadyAnsweredHoweverYouCanCopyItAndModifyTheCopy'),
ICON_SIZE_TINY 'disabled'
), ]
['class' => 'btn btn-default btn-sm']
) )
: Display::url( : Display::url(
Display::return_icon( Display::returnFontAwesomeIcon('pencil-alt'),
'edit.png',
get_lang('Modify'),
[],
ICON_SIZE_TINY
),
api_get_self().'?'.api_get_cidreq().'&' api_get_self().'?'.api_get_cidreq().'&'
.http_build_query([ .http_build_query([
'type' => $objQuestionTmp->selectType(), 'type' => $objQuestionTmp->selectType(),
'myid' => 1, 'myid' => 1,
'editQuestion' => $id, 'editQuestion' => $id,
]), ]),
['class' => 'btn btn-default btn-sm'] [
'class' => 'btn btn-outline-secondary btn-sm',
'title' => get_lang('Modify')
]
); );
$delete_link = null; $delete_link = null;
if ($objExercise->edit_exercise_in_lp == true) { if ($objExercise->edit_exercise_in_lp == true) {
$delete_link = Display::url( $delete_link = Display::url(
Display::return_icon( Display::returnFontAwesomeIcon('trash-alt'),
'delete.png',
get_lang('RemoveFromTest'),
[],
ICON_SIZE_TINY
),
api_get_self().'?'.api_get_cidreq().'&' api_get_self().'?'.api_get_cidreq().'&'
.http_build_query([ .http_build_query([
'exerciseId' => $exerciseId, 'exerciseId' => $exerciseId,
@ -281,7 +266,8 @@ if (!$inATest) {
]), ]),
[ [
'id' => "delete_$id", 'id' => "delete_$id",
'class' => 'opener btn btn-default btn-sm', 'title' => get_lang('RemoveFromTest'),
'class' => 'btn btn-outline-secondary btn-sm delete-swal',
] ]
); );
} }
@ -297,20 +283,29 @@ if (!$inATest) {
$title = Security::remove_XSS($objQuestionTmp->selectTitle()); $title = Security::remove_XSS($objQuestionTmp->selectTitle());
$title = strip_tags($title); $title = strip_tags($title);
$move = '&nbsp;'; $move = null;
if ($alloQuestionOrdering) { if ($alloQuestionOrdering) {
$move = Display::returnFontAwesomeIcon('arrows moved', 1, true); $move .= Display::tag(
'div',
Display::returnFontAwesomeIcon(
'arrows-alt ',
1,
true),
[
'class' => 'btn-moved moved'
]
);
} }
// Question name // Question name
$questionName = $questionName =
'<a href="#" title = "'.Security::remove_XSS($title).'"> '<a href="#" title = "'.Security::remove_XSS($title).'">
'.$move.' '.cut($title, 42).' '.cut($title, 42).'
</a>'; </a>';
// Question type // Question type
list($typeImg, $typeExpl) = $objQuestionTmp->get_type_icon_html(); list($typeImg, $typeExpl) = $objQuestionTmp->get_type_icon_html();
$questionType = Display::return_icon($typeImg, $typeExpl); $questionType = Display::return_icon($typeImg, $typeExpl,[],ICON_SIZE_MEDIUM);
// Question category // Question category
$txtQuestionCat = Security::remove_XSS( $txtQuestionCat = Security::remove_XSS(
@ -333,28 +328,28 @@ if (!$inATest) {
echo '<div id="question_id_list_'.$id.'"> echo '<div id="question_id_list_'.$id.'">
<div class="header_operations" data-exercise="'.$objExercise->selectId().'" <div class="header_operations" data-exercise="'.$objExercise->selectId().'"
data-question="'.$id.'"> data-question="'.$id.'">
<div class="card">
<div class="card-body">
<div class="row"> <div class="row">
<div class="question col-sm-5 col-xs-12">' <div class="col-md-1">
.$questionName.' '.$move.'
</div>
<div class="col-md-5">
<div class="question-title">
'.$questionType.$questionName.'
</div>
</div> </div>
<div class="type text-center col-sm-1 col-xs-12"> <div class="col-md-4">
<span class="visible-xs-inline">'.get_lang('Type').' </span>' <div class="d-flex flex-row bd-highlight mt-2 mb-2">
.$questionType.' <div class="p-2 bd-highlight">'.get_lang('Category').': '.cut($txtQuestionCat, 42).'</div>
<div class="p-2 bd-highlight">'.get_lang('Difficulty').': '.$questionLevel.'</div>
<div class="p-2 bd-highlight">'.get_lang('Score').': '.$questionScore.'</div>
</div> </div>
<div class="category col-sm-2 col-xs-12" title="'.$txtQuestionCat.'">
<span class="visible-xs-inline">'.get_lang('Category').' </span>'
.cut($txtQuestionCat, 42).'
</div> </div>
<div class="level text-right col-sm-1 col-xs-6"> <div class="col-md-2">
<span class="visible-xs-inline">'.get_lang('Difficulty').' </span>' <div class="text-right mt-2 mb-2 mr-2">'.$btnActions.'</div>
.$questionLevel.'
</div> </div>
<div class="score text-right col-sm-1 col-xs-6">
<span class="visible-xs-inline">'.get_lang('Score').' </span>'
.$questionScore.'
</div> </div>
<div class="btn-actions text-right col-sm-2 col-xs-6">
<div class="edition">'.$btnActions.'</div>
</div> </div>
</div> </div>
</div> </div>

4
main/inc/ajax/exercise.ajax.php
Unescape View File

@ -732,10 +732,10 @@ switch ($action) {
$objQuestion = Question::read($questionId); $objQuestion = Question::read($questionId);
$id = ''; $id = '';
if (api_get_configuration_value('show_question_id')) { if (api_get_configuration_value('show_question_id')) {
$id = '<h4>#'.$objQuestion->course['code'].'-'.$objQuestion->iid.'</h4>'; $id = '<h4 class="question-type">#'.$objQuestion->course['code'].'-'.$objQuestion->iid.'</h4>';
} }
echo $id; echo $id;
echo '<p class="lead">'.$objQuestion->get_question_type_name().'</p>'; echo '<h4 class="question-type">'.$objQuestion->get_question_type_name().'</h4>';
if ($objQuestion->type === FILL_IN_BLANKS) { if ($objQuestion->type === FILL_IN_BLANKS) {
echo '<script> echo '<script>
$(function() { $(function() {

4
main/inc/lib/exercise.lib.php
Unescape View File

@ -244,7 +244,7 @@ class ExerciseLib
if ($show_comment) { if ($show_comment) {
$header .= Display::tag('th', get_lang('Feedback')); $header .= Display::tag('th', get_lang('Feedback'));
} }
$s .= '<table class="table table-hover table-striped">'; $s .= '<table class="table table-hover">';
$s .= Display::tag( $s .= Display::tag(
'tr', 'tr',
$header, $header,
@ -429,7 +429,7 @@ class ExerciseLib
if ($exercise->feedback_type == EXERCISE_FEEDBACK_TYPE_END) { if ($exercise->feedback_type == EXERCISE_FEEDBACK_TYPE_END) {
$header .= Display::tag('th', get_lang('Feedback')); $header .= Display::tag('th', get_lang('Feedback'));
} }
$s .= '<table class="table table-hover table-striped">'; $s .= '<table class="table table-hover">';
$s .= Display::tag( $s .= Display::tag(
'tr', 'tr',
$header, $header,

Write Preview
Loading…
Cancel
Save