%PDF-
%PDF-
Mini Shell
Mini Shell
{% extends "template-base/index.tmpl" %}
{% block HTMLTitle %}{{ HTMLTitle }}{% endblock %}
{% block PageTitle %}{{ PageTitle }}{% endblock %}
{% block head %}
<style>
.row{
margin-top:40px;
padding: 0 10px;
}
.clickable{
cursor: pointer;
}
.panel-heading span {
margin-top: -20px;
font-size: 15px;
}
</style>
{% endblock %}
{% block contenido %}
{% autoescape off %}
<div class="container-fluid">
<div class="row">
<div class="col-md-4">
<div id="modal-danger" class="fade modal-alert modal-danger in" style="display: block;">
<div class="modal-dialog" style="width:100%;">
<div class="modal-content">
<div class="modal-header" style="line-height:36px;">
<a href="#" class="box-cell col-xs-4 b-r-1 valign-middle text-xs-center bg-danger" style="font-size: x-large">
<i class="fas fa-user-ninja"></i> <strong>{{ globalData.criticalItems|length }}</strong>
</a>
<div class="box-cell">
<div class="box-container">
<div class="box-row">
<a href="#" class="box-cell p-a-1 valign-middle bg-danger" style="font-size: x-large; text-align: left;">
{{ Tr(Lang,"information.danger") }}
</a>
</div>
</div> <!-- / .box-container -->
</div> <!-- / .box-cell -->
</div>
<div class="modal-body">
<div class="panel panel-danger" style="background: #fff6f6;">
<div class="panel-heading">
<h3 class="panel-title">{{ Tr(Lang,"information.suggest") }}</h3>
<span class="pull-right clickable"><i class="fas fa-chevron-circle-down"></i></span>
</div>
{% for item in globalData.criticalItems %}
<div class="panel-body" style="background: white; margin: inherit;"><strong>{{ Tr(Lang,item.Title) }}</strong>
<p>{{ Tr(Lang,item.Description) }}</p>
{% if item.HelpURL != "" %}
<a class="btn btn-xs btn-info btn-outline btn-rounded" href="{{ item.HelpURL }}" target="_blank">{{ Tr(Lang,"information.moreinfo") }}</a>
{% endif %}
</div>
{% endfor %}
</div>
</div>
<!--<div class="modal-footer">
<button type="button" class="btn btn-danger" data-dismiss="modal">{{ Tr(Lang,"information.danger_root")}}</button>
</div>-->
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div id="modal-danger" class="fade modal-alert modal-warning in" style="display: block;">
<div class="modal-dialog" style="width:100%;">
<div class="modal-content">
<div class="modal-header" style="line-height:36px;">
<a href="#" class="box-cell col-xs-4 b-r-1 valign-middle text-xs-center bg-warning" style="font-size: x-large;">
<i class="fas fa-exclamation-triangle"></i> <strong>{{ globalData.warningItems|length }}</strong>
</a>
<div class="box-cell">
<div class="box-container">
<div class="box-row">
<a href="#" class="box-cell p-a-1 valign-middle bg-warning" style="font-size: x-large; text-align: left;">
{{ Tr(Lang,"information.warning") }}
</a>
</div>
</div> <!-- / .box-container -->
</div> <!-- / .box-cell -->
</div>
<div class="modal-body">
<div class="panel panel-warning" style="background: #fffaf3;">
<div class="panel-heading">
<h3 class="panel-title">{{ Tr(Lang,"information.suggest") }}</h3>
<span class="pull-right clickable"><i class="fas fa-chevron-circle-down"></i></span>
</div>
{% for item in globalData.warningItems %}
<div class="panel-body" style="background: white; margin: inherit;"><strong>{{ Tr(Lang,item.Title) }}</strong>
<p>{{ Tr(Lang,item.Description) }}</p>
</div>
{% endfor %}
</div>
</div>
<!--<div class="modal-footer">
<button type="button" class="btn btn-danger" data-dismiss="modal">{{ Tr(Lang,"information.danger_root")}}</button>
</div>-->
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div id="modal-success" class="fade modal-alert modal-success in" style="display: block;">
<div class="modal-dialog" style="width:100%;">
<div class="modal-content">
<div class="modal-header" style="line-height:36px;">
<a href="#" class="box-cell col-xs-4 b-r-1 valign-middle text-xs-center bg-success" style="font-size: x-large;">
<i class="fas fa-thumbs-up"></i> <strong>{{ globalData.correctItems|length }}</strong>
</a>
<div class="box-cell">
<div class="box-container">
<div class="box-row">
<a href="#" class="box-cell p-a-1 valign-middle bg-success" style="font-size: x-large; text-align: left;">
{{ Tr(Lang,"information.good") }}
</a>
</div>
</div> <!-- / .box-container -->
</div> <!-- / .box-cell -->
</div>
<div class="modal-body">
<div class="panel panel-success" style="background: #a3c293;">
<div class="panel-heading">
<h3 class="panel-title">{{ Tr(Lang,"information.suggest") }}</h3>
<span class="pull-right clickable"><i class="fas fa-chevron-circle-down"></i></span>
</div>
{% for item in globalData.correctItems %}
<div class="panel-body" style="background: white; margin: inherit;"><strong>{{ Tr(Lang,item.Title) }}</strong>
<p>{{ Tr(Lang,item.Description) }}</p>
</div>
{% endfor %}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{% endautoescape %}
{% endblock %}
{% block finalScripts %}
<script>
$(document).on('click', '.panel-heading span.clickable', function(e){
var $this = $(this);
if(!$this.hasClass('panel-collapsed')) {
$this.parents('.panel').find('.panel-body').slideUp();
$this.addClass('panel-collapsed');
$this.find('i').removeClass('glyphicon-chevron-down').addClass('glyphicon-chevron-up');
} else {
$this.parents('.panel').find('.panel-body').slideDown();
$this.removeClass('panel-collapsed');
$this.find('i').removeClass('glyphicon-chevron-up').addClass('glyphicon-chevron-down');
}
})
</script>
{% endblock %}
Zerion Mini Shell 1.0