Risplay improvements in studyplan overview
This commit is contained in:
PMKuipers
parent
09c6e4b029
commit
582db40016
2
amd/build/studyplan-report-components.min.js
vendored
2
amd/build/studyplan-report-components.min.js
vendored
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -521,22 +521,26 @@ export default {
|
|||
:class="'q-item-heading ' + ((expansion.items[item.id].expanded)?'expanded':'collapsed')"
|
||||
:colspan="colspanItem(item)"
|
||||
:rowspan='(expansion.items[item.id].expanded)?1:3'
|
||||
><span class="q-wrap"><a href='#'
|
||||
@click.prevent="toggleItem(item)"
|
||||
><i v-if="expansion.items[item.id].expanded"
|
||||
class='q-chevron fa fa-minus'></i
|
||||
><i v-else
|
||||
class='q-chevron fa fa-plus'></i
|
||||
></a
|
||||
> <a style="display: inline-block;" href='#'
|
||||
@click.prevent="toggleItem(item)"
|
||||
><fittext vertical maxsize="18pt" singleline
|
||||
><span class='q-label'
|
||||
:title="item.course.displayname"
|
||||
v-html="item.course.displayname"
|
||||
></span
|
||||
></fittext
|
||||
></a></span
|
||||
><div class="q-wrap"
|
||||
><div class="q-toggle" ><a href='#'
|
||||
@click.prevent="toggleItem(item)"
|
||||
><i v-if="expansion.items[item.id].expanded"
|
||||
class='q-chevron fa fa-minus'></i
|
||||
><i v-else
|
||||
class='q-chevron fa fa-plus'></i
|
||||
></a
|
||||
></div><div class="q-title">
|
||||
<fittext vertical maxsize="12pt" minsize="9pt"
|
||||
><a style="display: inline-block;" href='#'
|
||||
@click.prevent="toggleItem(item)"
|
||||
><span class='q-label'
|
||||
:title="item.course.displayname"
|
||||
v-html="item.course.displayname"
|
||||
></span
|
||||
></a
|
||||
></fittext
|
||||
></div
|
||||
></div
|
||||
></th>
|
||||
</template>
|
||||
</template>
|
||||
|
|
|
|||
|
|
@ -1759,32 +1759,50 @@ body.path-local-treestudyplan .editmode-switch-form > * {
|
|||
padding-top: 0.25rem;
|
||||
}
|
||||
.path-local-treestudyplan .q-header .q-line-heading,
|
||||
.path-local-treestudyplan .q-header .q-item-heading,
|
||||
.path-local-treestudyplan .q-header .q-condition-heading {
|
||||
overflow: hidden;
|
||||
width: 2rem;
|
||||
writing-mode: vertical-rl;
|
||||
text-orientation: sideways;
|
||||
}
|
||||
.path-local-treestudyplan .q-header .q-line-heading .q-chevron,
|
||||
.path-local-treestudyplan .q-header .q-item-heading .q-chevron,
|
||||
.path-local-treestudyplan .q-header .q-condition-heading .q-chevron {
|
||||
text-orientation: initial;
|
||||
writing-mode: horizontal-tb;
|
||||
}
|
||||
.path-local-treestudyplan .q-header .q-period-heading,
|
||||
.path-local-treestudyplan .q-header .q-line-heading,
|
||||
.path-local-treestudyplan .q-header .q-item-heading,
|
||||
.path-local-treestudyplan .q-header .q-condition-heading {
|
||||
vertical-align: top;
|
||||
}
|
||||
.path-local-treestudyplan .q-header .q-line-heading > span.q-wrap {
|
||||
.path-local-treestudyplan .q-header .q-item-heading {
|
||||
vertical-align: top;
|
||||
width: 2rem;
|
||||
}
|
||||
.path-local-treestudyplan .q-header .q-line-heading > .q-wrap {
|
||||
display: inline-block;
|
||||
height: 7rem;
|
||||
}
|
||||
.path-local-treestudyplan .q-header .q-item-heading > span.q-wrap {
|
||||
display: inline-block;
|
||||
height: 7rem;
|
||||
.path-local-treestudyplan .q-header .q-item-heading > .q-wrap {
|
||||
display: grid;
|
||||
height: 10rem;
|
||||
white-space: nowrap;
|
||||
grid: auto/1em 1fr;
|
||||
overflow: hidden;
|
||||
}
|
||||
.path-local-treestudyplan .q-header .q-item-heading > .q-wrap > .q-toggle {
|
||||
width: 100%;
|
||||
line-height: 100%;
|
||||
}
|
||||
.path-local-treestudyplan .q-header .q-item-heading > .q-wrap > .q-title {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
overflow: hidden;
|
||||
writing-mode: vertical-rl;
|
||||
text-orientation: sideways;
|
||||
hyphens: auto;
|
||||
padding-top: 2px;
|
||||
width: 100%;
|
||||
}
|
||||
.path-local-treestudyplan .q-header .q-condition-heading {
|
||||
text-align: left;
|
||||
|
|
|
|||
|
|
@ -30,11 +30,12 @@ use \local_treestudyplan\premium;
|
|||
|
||||
require_once($CFG->libdir.'/weblib.php');
|
||||
|
||||
$PAGE->set_url("/local/treestudyplan/studyplan-report.php", array());
|
||||
require_login();
|
||||
|
||||
// Figure out the context (category or system, based on either category or context parameter).
|
||||
$pageid = required_param('page', PARAM_INT); // Category id.
|
||||
$PAGE->set_url("/local/treestudyplan/result-overview.php", ['page' => $pageid]);
|
||||
|
||||
$page = studyplanpage::find_by_id($pageid);
|
||||
$studyplan = $page->studyplan();
|
||||
$context = $studyplan->context();
|
||||
|
|
|
|||
|
|
@ -49,8 +49,8 @@
|
|||
}
|
||||
|
||||
.q-line-heading,
|
||||
.q-item-heading,
|
||||
.q-condition-heading {
|
||||
overflow: hidden;
|
||||
width: 2rem;
|
||||
writing-mode: vertical-rl;
|
||||
text-orientation: sideways;
|
||||
|
|
@ -62,20 +62,45 @@
|
|||
|
||||
.q-period-heading,
|
||||
.q-line-heading,
|
||||
.q-item-heading,
|
||||
.q-condition-heading {
|
||||
vertical-align: top;
|
||||
}
|
||||
.q-item-heading{
|
||||
vertical-align: top;
|
||||
width: 2rem;
|
||||
}
|
||||
|
||||
.q-line-heading > span.q-wrap{
|
||||
.q-line-heading > .q-wrap{
|
||||
display:inline-block;
|
||||
height: 7rem;
|
||||
}
|
||||
.q-item-heading > span.q-wrap{
|
||||
display:inline-block;
|
||||
height: 7rem;
|
||||
.q-item-heading > .q-wrap{
|
||||
display: grid;
|
||||
height: 10rem;
|
||||
white-space: nowrap;
|
||||
grid: auto / 1em 1fr;
|
||||
overflow: hidden;
|
||||
|
||||
> .q-toggle {
|
||||
width: 100%;
|
||||
line-height: 100%;
|
||||
}
|
||||
|
||||
> .q-title {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
overflow: hidden;
|
||||
writing-mode: vertical-rl;
|
||||
text-orientation: sideways;
|
||||
hyphens: auto;
|
||||
|
||||
padding-top: 2px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
.q-condition-heading {
|
||||
> span.q-wrap {
|
||||
display:inline-block;
|
||||
|
|
|
|||
32
styles.css
32
styles.css
|
|
@ -1759,32 +1759,50 @@ body.path-local-treestudyplan .editmode-switch-form > * {
|
|||
padding-top: 0.25rem;
|
||||
}
|
||||
.path-local-treestudyplan .q-header .q-line-heading,
|
||||
.path-local-treestudyplan .q-header .q-item-heading,
|
||||
.path-local-treestudyplan .q-header .q-condition-heading {
|
||||
overflow: hidden;
|
||||
width: 2rem;
|
||||
writing-mode: vertical-rl;
|
||||
text-orientation: sideways;
|
||||
}
|
||||
.path-local-treestudyplan .q-header .q-line-heading .q-chevron,
|
||||
.path-local-treestudyplan .q-header .q-item-heading .q-chevron,
|
||||
.path-local-treestudyplan .q-header .q-condition-heading .q-chevron {
|
||||
text-orientation: initial;
|
||||
writing-mode: horizontal-tb;
|
||||
}
|
||||
.path-local-treestudyplan .q-header .q-period-heading,
|
||||
.path-local-treestudyplan .q-header .q-line-heading,
|
||||
.path-local-treestudyplan .q-header .q-item-heading,
|
||||
.path-local-treestudyplan .q-header .q-condition-heading {
|
||||
vertical-align: top;
|
||||
}
|
||||
.path-local-treestudyplan .q-header .q-line-heading > span.q-wrap {
|
||||
.path-local-treestudyplan .q-header .q-item-heading {
|
||||
vertical-align: top;
|
||||
width: 2rem;
|
||||
}
|
||||
.path-local-treestudyplan .q-header .q-line-heading > .q-wrap {
|
||||
display: inline-block;
|
||||
height: 7rem;
|
||||
}
|
||||
.path-local-treestudyplan .q-header .q-item-heading > span.q-wrap {
|
||||
display: inline-block;
|
||||
height: 7rem;
|
||||
.path-local-treestudyplan .q-header .q-item-heading > .q-wrap {
|
||||
display: grid;
|
||||
height: 10rem;
|
||||
white-space: nowrap;
|
||||
grid: auto/1em 1fr;
|
||||
overflow: hidden;
|
||||
}
|
||||
.path-local-treestudyplan .q-header .q-item-heading > .q-wrap > .q-toggle {
|
||||
width: 100%;
|
||||
line-height: 100%;
|
||||
}
|
||||
.path-local-treestudyplan .q-header .q-item-heading > .q-wrap > .q-title {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
overflow: hidden;
|
||||
writing-mode: vertical-rl;
|
||||
text-orientation: sideways;
|
||||
hyphens: auto;
|
||||
padding-top: 2px;
|
||||
width: 100%;
|
||||
}
|
||||
.path-local-treestudyplan .q-header .q-condition-heading {
|
||||
text-align: left;
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user