MDL-61899 tool_dataprivacy: Styling of the second registry.

Includes MDL-61489
This commit is contained in:
Barbara Ramiro 2018-04-06 16:07:55 +08:00 committed by Eloy Lafuente (stronk7)
parent d6ff9edd4f
commit eb6b4c2368
2 changed files with 52 additions and 49 deletions

View File

@ -46,59 +46,64 @@
}
}}
<div class="row">
<div class="col">
<div classs="container-fluid">
<hr />
<div class="row">
{{#compliant}}
<a class="expand" data-component="{{raw_component}}" href='#'>
<h4 class="d-inline p-r-1 p-l-1" id="{{raw_component}}">{{#pix}}t/collapsed, moodle, {{#str}}expandplugin, tool_dataprivacy{{/str}}{{/pix}}{{component}}</h4>
<h4 class="d-inline p-l-2 " id="{{raw_component}}">{{#pix}}t/collapsed, moodle, {{#str}}expandplugin, tool_dataprivacy{{/str}}{{/pix}}{{component}}</h4>
</a>
<!-- <span class="badge badge-pill badge-success">{{#str}}compliant, tool_dataprivacy{{/str}}</span> -->
{{/compliant}}
{{^compliant}}
<h4 class="d-inline p-r-1 p-l-1" id="{{raw_component}}">{{component}}</h4>
<h4 class="d-inline p-l-3 " id="{{raw_component}}">{{component}}</h4>
<span>{{#pix}}i/risk_xss, moodle, {{#str}}requiresattention, tool_dataprivacy{{/str}}{{/pix}}</span>
{{/compliant}}
{{#external}}
<span class="badge badge-pill badge-notice">{{#str}}external, tool_dataprivacy{{/str}}</span>
{{/external}}
</div>
</div>
{{#compliant}}
<div class="hide" data-section="{{raw_component}}" aria-expanded="false">
{{#metadata}}
{{#metadata}}
<hr />
<div class="row-fluid">
<div class="span2 col-xs-3">
{{#link}}
<a href="#{{name}}"><h5>{{name}}</h5></a>
{{/link}}
{{^link}}
<h5>{{name}}</h5>
{{/link}}
<div class="p-b-1 small text-muted">{{type}}</div>
</div>
<div class="span10 col-xs-9">{{summary}}</div>
<div class="p-l-3">
<dl class="row">
<dt class="span3 col-xs-3">
{{#link}}
<a href="#{{name}}"><h5 style="word-wrap:break-word">{{name}}</h5></a>
{{/link}}
{{^link}}
<h5 style="word-wrap:break-word">{{name}}</h5>
{{/link}}
<div class="small text-muted" style="word-wrap:break-word">{{type}}</div>
</dt>
<dd class="span9 col-xs-9">{{summary}}</dd>
</dl>
<dl>
{{#fields}}
<div class="row">
<dt class="span3 col-xs-3 font-weight-normal" style="word-wrap:break-word">{{field_name}}</dt>
<dd class="span9 col-xs-9">{{field_summary}}</dd>
</div>
{{/fields}}
</dl>
</div>
<table class="table table-sm">
<tbody>
{{#fields}}
<tr class="row">
<td class="col-xs-3">{{field_name}}</td>
<td class="col-xs-9">{{field_summary}}</td>
</tr>
{{/fields}}
</tbody>
</table>
{{/metadata}}
{{#nullprovider}}
<hr />
<div>{{nullprovider}}</div>
{{/nullprovider}}
{{/metadata}}
{{#nullprovider}}
<hr />
<div class="p-l-3">
<div class="row">
<div class="span12 col-xs-12">
{{nullprovider}}
</div>
</div>
</div>
{{/nullprovider}}
</div>
{{/compliant}}
<hr />
</div>
{{#js}}
require(['jquery', 'core/url'], function($, url) {

View File

@ -47,22 +47,20 @@
<dd>{{#str}}externalexplanation, tool_dataprivacy{{/str}}</dd>
</dl>
<hr />
<div><a class="tool_dataprivacy-expand-all pull-right" href="#" data-visibility-state='visible'>{{#str}}visible, tool_dataprivacy{{/str}}</a></div>
<div class="clearfix"><a class="tool_dataprivacy-expand-all pull-right" href="#" data-visibility-state='visible'>{{#str}}visible, tool_dataprivacy{{/str}}</a></div>
{{#types}}
<div class="container-fluid">
<div class="row">
<div class="col">
<a class="other-expand" href='#' data-plugin="{{plugin_type_raw}}">
<h3 id="{{plugin_type_raw}}">{{#pix}}t/collapsed, moodle, {{#str}}expandplugintype, tool_dataprivacy{{/str}}{{/pix}}{{plugin_type}}</h3>
</a>
</div>
</div>
<div class="hide" data-plugintarget="{{plugin_type_raw}}" aria-expanded="false">
{{#plugins}}
{{> tool_dataprivacy/component_status}}
{{/plugins}}
</div>
<div>
<div>
<a class="other-expand" href='#' data-plugin="{{plugin_type_raw}}">
<h3 id="{{plugin_type_raw}}">{{#pix}}t/collapsed, moodle, {{#str}}expandplugintype, tool_dataprivacy{{/str}}{{/pix}}{{plugin_type}}</h3>
</a>
</div>
<div class="hide" data-plugintarget="{{plugin_type_raw}}" aria-expanded="false">
{{#plugins}}
{{> tool_dataprivacy/component_status}}
{{/plugins}}
</div>
</div>
{{/types}}
</div>
{{#js}}
@ -79,7 +77,7 @@ require(['jquery', 'core/url', 'core/str'], function($, url, str) {
var plugin = $(this).data('plugin');
var metadata = $('[data-plugintarget=\'' + plugin + '\']');
if (metadata.attr('class') === 'hide') {
metadata.attr('class', 'visible');
metadata.attr('class', 'visible p-b-2');
$(this).children('img').attr('src', expandedImage.attr('src'));
metadata.attr('aria-expanded', true);
} else {