Skip to content

GitLab

mahara
mahara
Commit 9a9eb5c8 authored by Pat Kira's avatar Pat Kira Committed by Robert Lyon
Browse files
Options

Style import portfolio page (Bug 1465107) 

behatnotneeded: styling only

Change-Id: I898fdda527eee910974cbf1472016d0127c8182d
parent 9f5e3119
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 469 additions and 530 deletions
htdocs/import/leap/lib.php
View file @ 9a9eb5c8
......@@ -273,10 +273,11 @@ class PluginImportLeap extends PluginImport {
}
// core render for views
$html .= self::render_import_entry_requests();
$html .= '
<input type="hidden" value="' . DOIMPORT_ACT . '" name="action">
<input type="submit" value="' . get_string('Import', 'import') . '" name="import_submit" id="import_submit" class="submitcancel submit">
<input type="submit" value="' . get_string('cancel') . '" name="cancel_import_submit" id="cancel_import_submit" class="submitcancel cancel">
$html .=
'<div class="submitcancel form-group">'.
'<input type="hidden" value="' . DOIMPORT_ACT . '" name="action">
<input type="submit" value="' . get_string('Import', 'import') . '" name="import_submit" id="import_submit" class="btn btn-primary submitcancel submit">
<input type="submit" value="' . get_string('cancel') . '" name="cancel_import_submit" id="cancel_import_submit" class="btn-primary submitcancel cancel"></div>
</form>';
return $html;
}
......
htdocs/theme/raw/plugintype/artefact/file/templates/import/files.tpl
View file @ 9a9eb5c8
{if count($entryfiles)}
<div class="section fullwidth">
<div class="section-import">
<h2>{str tag=file section=artefact.file}</h2>
</div>
{foreach from=$entryfiles item=file}
<div class="{cycle name=rows values='r0,r1'} listrow">
<div id="entryfile" class="indent1 fullwidth">
<div class="importcolumn importcolumn1">
<h3 class="title">
{if $file.description}<a class="filetitle" href="" id="{$file.id}">{/if}
{$file.title|str_shorten_text:80:true}
{if $file.description}</a>{/if}
</h3>
<div id="{$file.id}_desc" class="detail hidden">{$file.description|clean_html|safe}</div>
{if $file.filesize}
<div class="filesize">
{$file.filesize|display_size}
{foreach from=$entryfiles item=file}
<div class="{cycle name=rows values='r0,r1'} list-group-item">
<div id="entryfile-{$file.id}" class="row">
<div class="col-md-8">
<h5 class="title list-group-item-heading text-inline">
{$file.title|str_shorten_text:80:true}
</h5>
<span class="filesize text-small text-lighttone">
({$file.filesize|display_size})
</span>
<div id="{$file.id}_desc" class="detail">
{$file.description|clean_html|safe}
</div>
{if $file.tags}
<div class="tags">
<strong>{str tag=tags}:</strong> {list_tags owner=0 tags=$file.tags}
</div>
{/if}
</div>
{/if}
{if $file.tags}
<div class="tags">
<strong>{str tag=tags}:</strong> {list_tags owner=0 tags=$file.tags}
<div class="col-md-4">
{foreach from=$displaydecisions key=opt item=displayopt}
{if !$file.disabled[$opt]}
<label for="decision_{$file.id}_{$opt}">
<input id="decision_{$file.id}_{$opt}" class="filedecision" id="{$file.id}" type="radio" name="decision_{$file.id}" value="{$opt}"{if $file.decision == $opt} checked="checked"{/if}>
{$displayopt}
<span class="accessible-hidden sr-only">({$file.title})</span>
</label>
{/if}
{/foreach}
</div>
{/if}
</div>
<div class="importcolumn importcolumn2">
</div>
<div class="importcolumn importcolumn3">
{foreach from=$displaydecisions key=opt item=displayopt}
{if !$file.disabled[$opt]}
<input id="decision_{$file.id}_{$opt}" class="filedecision" id="{$file.id}" type="radio" name="decision_{$file.id}" value="{$opt}"{if $file.decision == $opt} checked="checked"{/if}>
<label for="decision_{$file.id}_{$opt}">{$displayopt}<span class="accessible-hidden sr-only">({$file.title})</span></label><br>
{/if}
{/foreach}
</div>
<div class="cb"></div>
</div>
{/foreach}
</div>
{/foreach}
<script type="application/javascript">
jQuery(function() {
jQuery("a.filetitle").click(function(e) {
e.preventDefault();
jQuery("#" + this.id + "_desc").toggleClass("hidden");
});
});
</script>
{/if}
htdocs/theme/raw/plugintype/artefact/internal/templates/import/profilefields.tpl
View file @ 9a9eb5c8
<div class="section fullwidth">
<div class="section-import">
<h2>{str tag=profile section=artefact.internal}</h2>
</div>
{foreach from=$profilegroups item=profilegroup}
{if count($profilegroup.fields)}
<fieldset id="{$profilegroup.id}_fs" class="indent1 collapsible collapsed">
<legend><a id="{$profilegroup.id}" class="profilegroup" href="">{$profilegroup.legend}</a></legend>
{foreach from=$profilegroup.fields key=fieldname item=fieldvalues}
{if count($fieldvalues)}
<div id="profilefield" class="indent2">
<h4 class="profilefield">{str tag=$fieldname section=artefact.internal}</h3>
{foreach from=$fieldvalues item=fieldvalue}
<div id="profilefield_{$fieldvalue.id}" class="{cycle name=rows values='r0,r1'} listrow">
<div class="importcolumn importcolumn1">
<div id="{$fieldvalue.id}_desc" class="detail">
{$fieldvalue.html|clean_html|safe}
</div>
</div>
<div class="importcolumn importcolumn2">
{if $fieldvalue.duplicateditem}
<div class="duplicatedpfield">
<strong>{str tag=duplicatedprofilefieldvalue section=artefact.internal}:</strong>
<div id="{$fieldvalue.duplicateditem.id}_duplicatedpfield" class="detail">{$fieldvalue.duplicateditem.html|clean_html|safe}</div>
<div class="form-group collapsible-group">
{foreach from=$profilegroups item=profilegroup name='profilegroup'}
{if count($profilegroup.fields)}
<fieldset id="{$profilegroup.id}_fs" class="pieform-fieldset collapsible {if $dwoo.foreach.profilegroups.last} last{/if}">
<legend>
<h4>
<a id="{$profilegroup.id}" class="profilegroup collapsed" href="#profilefield-{$profilegroup.id}" data-toggle="collapse" aria-expanded="false" aria-controls="#profilefield-{$profilegroup.id}">
{$profilegroup.legend}
<span class="icon icon-chevron-down collapse-indicator right pull-right"></span>
</a>
</h4>
</legend>
<div id="profilefield-{$profilegroup.id}" class="collapse list-group">
{foreach from=$profilegroup.fields key=fieldname item=fieldvalues}
{if count($fieldvalues)}
<div id="profile-{$profilegroup.id}" class="fieldset-body">
<h5 class="profilefield list-group-item-heading">
{str tag=$fieldname section=artefact.internal}
</h5>
{foreach from=$fieldvalues item=fieldvalue}
<div id="profilefield_{$fieldvalue.id}" class="row">
<div class="col-md-8">
<div id="{$fieldvalue.id}_desc" class="detail">
{$fieldvalue.html|clean_html|safe}
</div>
{if $fieldvalue.duplicateditem}
<div class="duplicatedpfield">
<strong>{str tag=duplicatedprofilefieldvalue section=artefact.internal}:</strong>
<span id="{$fieldvalue.duplicateditem.id}_duplicatedpfield" class="detail">{$fieldvalue.duplicateditem.html|clean_html|safe}</span>
</div>
{/if}
{if $fieldvalue.existingitems}
<div class="existingpfields">
<strong>{str tag=existingprofilefieldvalues section=artefact.internal}:</strong>
{foreach from=$fieldvalue.existingitems item=existingitem}
<span id="{$existingitem.id}_existingprofilefield" class="detail">{$existingitem.html|clean_html|safe}</span>
{/foreach}
</div>
{/if}
</div>
<div class="col-md-4">
{foreach from=$displaydecisions key=opt item=displayopt}
{if !$fieldvalue.disabled[$opt]}
<label for="decision_{$fieldvalue.id}_{$opt}">
<input id="decision_{$fieldvalue.id}_{$opt}" class="fieldvaluedecision" type="radio" name="decision_{$fieldvalue.id}" value="{$opt}"{if $fieldvalue.decision == $opt} checked="checked"{/if}>
{$displayopt}
<span class="accessible-hidden sr-only">({str tag=$fieldname section=artefact.internal}: {$fieldvalue.html|safe|strip_tags|str_shorten_text:80:true})</span>
</label>
{/if}
{/foreach}
</div>
</div>
{/if}
{if $fieldvalue.existingitems}
<div class="existingpfields">
<strong>{str tag=existingprofilefieldvalues section=artefact.internal}:</strong>
{foreach from=$fieldvalue.existingitems item=existingitem}
<div id="{$existingitem.id}_existingprofilefield" class="detail">{$existingitem.html|clean_html|safe}</div>
{/foreach}
</div>
{/if}
</div>
<div class="importcolumn importcolumn3">
{foreach from=$displaydecisions key=opt item=displayopt}
{if !$fieldvalue.disabled[$opt]}
<input id="decision_{$fieldvalue.id}_{$opt}" class="fieldvaluedecision" type="radio" name="decision_{$fieldvalue.id}" value="{$opt}"{if $fieldvalue.decision == $opt} checked="checked"{/if}>
<label for="decision_{$fieldvalue.id}_{$opt}">
{$displayopt}
<span class="accessible-hidden sr-only">({str tag=$fieldname section=artefact.internal}: {$fieldvalue.html|safe|strip_tags|str_shorten_text:80:true})</span></label><br>
{/if}
{/foreach}
</div>
<div class="cb"></div>
{/foreach}
</div>
{/foreach}
</div>
{/if}
{/foreach}
</div>
</fieldset>
{/if}
{/foreach}
</fieldset>
{/if}
{/foreach}
<script type="application/javascript">
jQuery(function() {
jQuery("a.profilegroup").click(function(e) {
e.preventDefault();
jQuery("#" + this.id + "_fs").toggleClass("collapsed");
});
});
</script>
{/foreach}
</div>
</div>
htdocs/theme/raw/plugintype/artefact/plans/templates/import/plans.tpl
View file @ 9a9eb5c8
{if count($entryplans)}
<div class="section fullwidth">
<div class="section-import">
<h2>{str tag=plan section=artefact.plans}</h2>
</div>
{foreach from=$entryplans item=plan}
<div class="{cycle name=rows values='r0,r1'} listrow">
<div id="entryplan" class="indent1">
<div class="importcolumn importcolumn1">
<h3 class="title">
{if $plan.description}<a class="plantitle" href="" id="{$plan.id}">{/if}
{$plan.title|str_shorten_text:80:true}
{if $plan.description}</a>{/if}
</h3>
<div id="{$plan.id}_desc" class="detail hidden">{$plan.description|clean_html|safe}</div>
{if $plan.tags}
<div class="tags">
<strong>{str tag=tags}:</strong> {list_tags owner=0 tags=$plan.tags}
</div>
{/if}
<div class="tasks">
<strong>{str tag=tasks section=artefact.plans}:</strong>
{if count($plan.entrytasks)}<a class="showtasks" href="" id="{$plan.id}">{/if}
{str tag=ntasks section=artefact.plans arg1=count($plan.entrytasks)}
{if count($plan.entrytasks)}</a>{/if}
</div>
</div>
<div class="importcolumn importcolumn2">
{if $plan.duplicateditem}
<div class="duplicatedplan">
<strong>{str tag=duplicatedplan section=artefact.plans}:</strong> <a class="showduplicatedplan" href="" id="{$plan.duplicateditem.id}">{$plan.duplicateditem.title|str_shorten_text:80:true}</a>
<div id="{$plan.duplicateditem.id}_duplicatedplan" class="detail hidden">{$plan.duplicateditem.html|clean_html|safe}</div>
</div>
{/if}
{if $plan.existingitems}
<div class="existingplans">
<strong>{str tag=existingplans section=artefact.plans}:</strong>
{foreach from=$plan.existingitems item=existingitem}
<a class="showexistingplan" href="" id="{$existingitem.id}">{$existingitem.title|str_shorten_text:80:true}</a><br>
<div id="{$existingitem.id}_existingplan" class="detail hidden">{$existingitem.html|clean_html|safe}</div>
{/foreach}
</div>
{/if}
</div>
<div class="importcolumn importcolumn3">
{foreach from=$displaydecisions key=opt item=displayopt}
{if !$plan.disabled[$opt]}
<input id="decision_{$plan.id}_{$opt}" class="plandecision" id="{$plan.id}" type="radio" name="decision_{$plan.id}" value="{$opt}"{if $plan.decision == $opt} checked="checked"{/if}>
<label for="decision_{$plan.id}_{$opt}">{$displayopt}<span class="accessible-hidden sr-only">({$plan.title})</span></label><br>
{foreach from=$entryplans item=plan}
<div class="list-group-item">
<div id="entryplan-{$plan.id}" class="row">
<div class="col-md-8">
<h3 class="title list-group-item-heading">
{$plan.title|str_shorten_text:80:true}
</h3>
{if $plan.description}
<div id="{$plan.id}_desc" class="detail hidden">
{$plan.description|clean_html|safe}
</div>
{/if}{if $plan.tags}
<div class="tags">
<strong>{str tag=tags}:</strong> {list_tags owner=0 tags=$plan.tags}
</div>
{/if}
{/foreach}
</div>
<div class="cb"></div>
</div>
<div id="{$plan.id}_tasks" class="indent2 hidden">
{foreach from=$plan.entrytasks item=task}
<div id="tasktitle_{$task.id}" class="{cycle name=rows values='r0,r1'} listrow">
<div class="importcolumn importcolumn1">
<h4 class="title"><a class="tasktitle" href="" id="{$task.id}">{$task.title|str_shorten_text:80:true}</a></h4>
<div id="{$task.id}_desc" class="detail hidden">
{$task.description|clean_html|safe}
<div class="tasks">
<strong>{str tag=tasks section=artefact.plans}:</strong>
{str tag=ntasks section=artefact.plans arg1=count($plan.entrytasks)}
</div>
<div class="completiondate"><strong>{str tag='completiondate' section='artefact.plans'}:</strong> {$task.completiondate}</div>
{if $task.completed == 1}<div class="completed">{str tag=completed section=artefact.plans}</div>{/if}
</div>
<div class="importcolumn importcolumn2">
&nbsp;
<!-- TODO Display existing plans and plan count with section title -->
<!-- {if $plan.existingitems}
<div class="existingplans">
<strong>{str tag=existingplans section=artefact.plans}</strong>
<span>({count($plan.existingitems)})</span>
</div>
{/if} -->
{if $plan.duplicateditem}
<div class="duplicatedplan">
<strong class="text-warning">{str tag=duplicatedplan section=artefact.plans}</strong>
</div>
{/if}
</div>
<div class="importcolumn importcolumn3">
<div class="col-md-4">
{foreach from=$displaydecisions key=opt item=displayopt}
{if !$task.disabled[$opt]}
<input id="decision_{$task.id}_{$opt}" class="taskdecision" type="radio" name="decision_{$task.id}" value="{$opt}"{if $task.decision == $opt} checked="checked"{/if}>
<label for="decision_{$task.id}_{$opt}">{$displayopt}<span class="accessible-hidden sr-only">({$task.title})</span></label><br>
{if !$plan.disabled[$opt]}
<label for="decision_{$plan.id}_{$opt}">
<input id="decision_{$plan.id}_{$opt}" class="plandecision" id="{$plan.id}" type="radio" name="decision_{$plan.id}" value="{$opt}"{if $plan.decision == $opt} checked="checked"{/if}>
{$displayopt}
<span class="accessible-hidden sr-only">
({$plan.title})
</span>
</label>
{/if}
{/foreach}
</div>
<div class="cb"></div>
</div>
{/foreach}
{if $plan.entrytasks}
<div id="{$plan.id}_tasks" class="list-group list-group-lite">
{foreach from=$plan.entrytasks item=task}
<div class="list-group-item">
<div id="tasktitle_{$task.id}" class="row">
<div class="col-md-8">
<h4 class="title list-group-item-heading text-inline">
<a class="tasktitle" href="" id="{$task.id}">
{$task.title|str_shorten_text:80:true}
</a>
</h4>
{if $task.completed == 1}
<span class="completed text-small text-lighttone">
({str tag=completed section=artefact.plans})
</span>
{/if}
<div id="{$task.id}_desc" class="detail hidden">
{$task.description|clean_html|safe}
</div>
<div class="completiondate text-small">
<strong>{str tag='completiondate' section='artefact.plans'}:</strong> {$task.completiondate}
</div>
</div>
<div class="col-md-4">
{foreach from=$displaydecisions key=opt item=displayopt}
{if !$task.disabled[$opt]}
<label for="decision_{$task.id}_{$opt}">
<input id="decision_{$task.id}_{$opt}" class="taskdecision" type="radio" name="decision_{$task.id}" value="{$opt}"{if $task.decision == $opt} checked="checked"{/if}>
{$displayopt}
<span class="accessible-hidden sr-only">({$task.title})</span>
</label>
{/if}
{/foreach}
</div>
</div>
</div>
{/foreach}
</div>
{/if}
</div>
<div class="cb"></div>
{/foreach}
</div>
{/foreach}
<script type="application/javascript">
jQuery(function() {
jQuery("a.plantitle").click(function(e) {
e.preventDefault();
jQuery("#" + this.id + "_desc").toggleClass("hidden");
});
jQuery("a.tasktitle").click(function(e) {
e.preventDefault();
jQuery("#" + this.id + "_desc").toggleClass("hidden");
});
jQuery("a.showduplicatedplan").click(function(e) {
e.preventDefault();
jQuery("#" + this.id + "_duplicatedplan").toggleClass("hidden");
});
jQuery("a.showexistingplan").click(function(e) {
e.preventDefault();
jQuery("#" + this.id + "_existingplan").toggleClass("hidden");
});
jQuery("a.showtasks").click(function(e) {
e.preventDefault();
jQuery("#" + this.id + "_tasks").toggleClass("hidden");
});
jQuery("input.plandecision").change(function(e) {
e.preventDefault();
if (this.value == '1') {
......@@ -112,4 +105,3 @@
});
});
</script>
{/if}
htdocs/theme/raw/plugintype/artefact/resume/templates/import/resumefields.tpl
View file @ 9a9eb5c8
<div class="section fullwidth">
<div class="section-import">
<h2>{str tag=resume section=artefact.resume}</h2>
</div>
{foreach from=$resumegroups item=resumegroup}
{if count($resumegroup.fields)}
<fieldset id="{$resumegroup.id}_fs" class="indent1 collapsible collapsed">
<legend><a id="{$resumegroup.id}" class="resumegroup" href="">{$resumegroup.legend}</a></legend>
{foreach from=$resumegroup.fields key=fieldname item=fieldvalues}
{if count(fieldvalues)}
<div id="resumefield" class="indent2">
<h4 class="resumefield">{$fieldname}</h3>
{foreach from=$fieldvalues item=fieldvalue}
<div id="resumefield_{$fieldvalue.id}" class="{cycle name=rows values='r0,r1'} listrow">
<div class="importcolumn importcolumn1">
<div id="{$fieldvalue.id}_desc" class="detail">
{$fieldvalue.html|clean_html|safe}
<div class="form-group collapsible-group">
{foreach from=$resumegroups item=resumegroup}
{if count($resumegroup.fields)}
<fieldset id="{$resumegroup.id}_fs" class="pieform-fieldset collapsible">
<legend>
<h4>
<a id="{$resumegroup.id}" class="resumegroup collapsed" href="#resumefield-{$resumegroup.id}" data-toggle="collapse" aria-expanded="false" aria-controls="resumefield">
{$resumegroup.legend}
<span class="icon icon-chevron-down collapse-indicator right pull-right"></span>
</a>
</h4>
</legend>
<div id="resumefield-{$resumegroup.id}" class="collapse list-group">
{foreach from=$resumegroup.fields key=fieldname item=fieldvalues}
{if count(fieldvalues)}
<div id="resume-{$resumegroup.id}" class="list-group-item">
<h5 class="resumefield" class="list-group-item-heading">
{$fieldname}
</h5>
<div class="list-group list-group-lite">
{foreach from=$fieldvalues item=fieldvalue}
<div class="list-group-item">
<div id="resumefield_{$fieldvalue.id}" class="row">
<div class="col-md-8">
<div id="{$fieldvalue.id}_desc" class="detail">
{$fieldvalue.html|clean_html|safe}
</div>
<!-- TODO Display existing items properly -->
<!-- {if $fieldvalue.existingitems}
<div class="existingpfields">
<strong>{str tag=existingresumefieldvalues section=artefact.resume}</strong>
<span>({count($fieldvalue.existingitems)})</span>
</div>
{/if} -->
{if $fieldvalue.duplicateditem}
<div class="duplicatedpfield">
<strong class="text-warning">{str tag=duplicatedresumefieldvalue section=artefact.resume}</strong>
</div>
{/if}
</div>
<div class="col-md-4">
{foreach from=$displaydecisions key=opt item=displayopt}
{if !$fieldvalue.disabled[$opt]}
<label for="decision_{$fieldvalue.id}_{$opt}">
<input id="decision_{$fieldvalue.id}_{$opt}" class="fieldvaluedecision" type="radio" name="decision_{$fieldvalue.id}" value="{$opt}"{if $fieldvalue.decision == $opt} checked="checked"{/if}>
{$displayopt}
<span class="accessible-hidden sr-only">({$fieldname})</span>
</label>
{/if}
{/foreach}
</div>
</div>
</div>
{/foreach}
</div>
<div class="importcolumn importcolumn2">
{if $fieldvalue.duplicateditem}
<div class="duplicatedpfield">
<strong>{str tag=duplicatedresumefieldvalue section=artefact.resume}:</strong>
<div id="{$fieldvalue.duplicateditem.id}_duplicatedpfield" class="detail">{$fieldvalue.duplicateditem.html|clean_html|safe}</div>
</div>
{/if}
{if $fieldvalue.existingitems}
<div class="existingpfields">
<strong>{str tag=existingresumefieldvalues section=artefact.resume}:</strong>
{foreach from=$fieldvalue.existingitems item=existingitem}
<div id="{$existingitem.id}_existingresumefield" class="detail">{$existingitem.html|clean_html|safe}</div>
{/foreach}
</div>
{/if}
</div>
<div class="importcolumn importcolumn3">
{foreach from=$displaydecisions key=opt item=displayopt}
{if !$fieldvalue.disabled[$opt]}
<input id="decision_{$fieldvalue.id}_{$opt}" class="fieldvaluedecision" type="radio" name="decision_{$fieldvalue.id}" value="{$opt}"{if $fieldvalue.decision == $opt} checked="checked"{/if}>
<label for="decision_{$fieldvalue.id}_{$opt}">{$displayopt}<span class="accessible-hidden sr-only">({$fieldname})</span></label><br>
{/if}
{/foreach}
</div>
<div class="cb"></div>
</div>
{/foreach}
</div>
{/if}
{/foreach}
</div>
</fieldset>
{/if}
{/foreach}
</fieldset>
{/if}
{/foreach}
<script type="application/javascript">
jQuery(function() {
jQuery("a.resumegroup").click(function(e) {
e.preventDefault();
jQuery("#" + this.id + "_fs").toggleClass("collapsed");
});
});
</script>
{/foreach}
</div>
</div>
\ No newline at end of file
htdocs/theme/raw/sass/components/_list-group.scss
View file @ 9a9eb5c8
......@@ -173,3 +173,14 @@ h4.list-group-item-heading {
.panel-heading + .block > .list-group .list-group-item:first-child {
border-top-width: 0;
}
.section-import {
.list-group-item .list-group,
.fieldset-body .list-group {
padding-top: 10px;
margin-bottom: 0;
.list-group-item:last-child {
border-bottom: 0;
}
}
}
htdocs/theme/raw/sass/layout/_layout.scss
View file @ 9a9eb5c8
......@@ -111,3 +111,7 @@ body {
.progress-container {
padding-top: 20px;
}
.section-import {
padding-top: 30px;
}
htdocs/theme/raw/sass/layout/panel/_panel-collapse.scss
View file @ 9a9eb5c8
......@@ -41,11 +41,16 @@
@include border-bottom-radius($border-radius-small);
}
}
&.first .panel-heading a {
@include border-top-radius(3px);
}
.section-import & {
&:last-child {
@extend .last;
}
}
legend {
margin-bottom: 0;
border:0;
......@@ -109,9 +114,6 @@
}