Updates to admin dashboard template

This commit is contained in:
2022-03-11 12:53:15 +00:00
parent 38c57d463f
commit d4126593c6

View File

@@ -1,345 +1,211 @@
{% extends "@admin/pages/dashboard.html.twig" %} {% extends "@blockier-templates/pages/dashboard.html.twig" %}
{% block body_matter %} {% block info_boxes_users %}
{% block info_boxes %} {% if hasRole('site-admin') or hasRole('organisations-admin') %}
<!-- Info boxes -->
{% if hasRole('site-admin') or hasRole('organisations-admin') %}
<div class="row"> <div class="row">
{% if checkAccess('uri_users') %}
{% block info_box_users %} {% block info_box_users %}
<div class="col-lg-3 col-md-6 col-xs-12"> {% if checkAccess('uri_users') %}
<a href="{{site.uri.public}}/users"> <div class="col-lg-3 col-md-6 col-xs-12">
<div class="info-box"> <a href="{{site.uri.public}}/users">
<span class="info-box-icon bg-aqua"><i class="fas fa-user fa-fw"></i></span> <div class="info-box">
<div class="info-box-content"> <span class="info-box-icon bg-aqua"><i class="fas fa-user fa-fw"></i></span>
<span class="info-box-text">{{ translate("USER", 2) }}</span> <div class="info-box-content">
<span class="info-box-number">{{counter.users}}</span> <span class="info-box-text">{{ translate("USER", 2) }}</span>
</div> <span class="info-box-number">{{counter.users}}</span>
<!-- /.info-box-content --> </div>
<!-- /.info-box-content -->
</div>
<!-- /.info-box -->
</a>
</div> </div>
<!-- /.info-box --> <!-- /.col -->
</a> {% endif %}
</div>
<!-- /.col -->
{% endblock %} {% endblock %}
{% endif %}
{% if checkAccess('uri_roles') %}
{% block info_box_roles %} {% block info_box_roles %}
<div class="col-lg-3 col-md-6 col-xs-12"> {% if checkAccess('uri_roles') %}
<a href="{{site.uri.public}}/roles"> <div class="col-lg-3 col-md-6 col-xs-12">
<div class="info-box"> <a href="{{site.uri.public}}/roles">
<span class="info-box-icon bg-red"><i class="fas fa-id-card"></i></span> <div class="info-box">
<div class="info-box-content"> <span class="info-box-icon bg-red"><i class="fas fa-id-card"></i></span>
<span class="info-box-text">{{ translate("ROLE", 2) }}</span> <div class="info-box-content">
<span class="info-box-number">{{counter.roles}}</span> <span class="info-box-text">{{ translate("ROLE", 2) }}</span>
</div> <span class="info-box-number">{{counter.roles}}</span>
<!-- /.info-box-content --> </div>
<!-- /.info-box-content -->
</div>
<!-- /.info-box -->
</a>
</div> </div>
<!-- /.info-box --> <!-- /.col -->
</a> {% endif %}
</div>
<!-- /.col -->
{% endblock %} {% endblock %}
{% endif %}
{% if checkAccess('uri_groups') %}
{% block info_box_groups %} {% block info_box_groups %}
<div class="col-lg-3 col-md-6 col-xs-12"> {% if checkAccess('uri_groups') %}
<a href="{{site.uri.public}}/groups"> <div class="col-lg-3 col-md-6 col-xs-12">
<div class="info-box"> <a href="{{site.uri.public}}/groups">
<span class="info-box-icon bg-yellow"><i class="fas fa-users"></i></span> <div class="info-box">
<div class="info-box-content"> <span class="info-box-icon bg-yellow"><i class="fas fa-users"></i></span>
<span class="info-box-text">{{ translate("GROUP", 2) }}</span> <div class="info-box-content">
<span class="info-box-number">{{counter.groups}}</span> <span class="info-box-text">{{ translate("GROUP", 2) }}</span>
</div> <span class="info-box-number">{{counter.groups}}</span>
<!-- /.info-box-content --> </div>
<!-- /.info-box-content -->
</div>
<!-- /.info-box -->
</a>
</div> </div>
<!-- /.info-box --> <!-- /.col -->
</a> {% endif %}
</div>
<!-- /.col -->
{% endblock %} {% endblock %}
{% endif %}
{% if checkAccess('uri_organisations') %}
{% block info_box_organisations %} {% block info_box_organisations %}
<div class="col-lg-3 col-md-6 col-xs-12"> {% if checkAccess('uri_organisations') %}
<a href="{{site.uri.public}}/organisations"> <div class="col-lg-3 col-md-6 col-xs-12">
<div class="info-box"> <a href="{{site.uri.public}}/organisations">
<span class="info-box-icon bg-green"><i class="fas fa-users"></i></span> <div class="info-box">
<div class="info-box-content"> <span class="info-box-icon bg-green"><i class="fas fa-users"></i></span>
<span class="info-box-text">{{ translate("ORGANISATION", 2) }}</span> <div class="info-box-content">
<span class="info-box-number">{{counter.organisations}}</span> <span class="info-box-text">{{ translate("ORGANISATION", 2) }}</span>
</div> <span class="info-box-number">{{counter.organisations}}</span>
<!-- /.info-box-content --> </div>
<!-- /.info-box-content -->
</div>
<!-- /.info-box -->
</a>
</div> </div>
<!-- /.info-box --> <!-- /.col -->
</a> {% endif %}
</div>
<!-- /.col -->
{% endblock %}
{% endif %}
</div>
<!-- /.row -->
{% elseif checkAccess('uri_group', {
'group': current_user.group
}) %}
<div class="row">
{% block info_box_group %}
<div class="col-sm-6 col-xs-12">
<div class="info-box">
<span class="info-box-icon bg-aqua"><i class="{{current_user.group.icon}}"></i></span>
<div class="info-box-content">
<h1>{{current_user.group.name}}</h1>
</div>
<!-- /.info-box-content -->
</div>
<!-- /.info-box -->
</div>
<!-- /.col -->
{% endblock %}
{% block info_box_group_users %}
<div class="col-sm-6 col-xs-12">
<div class="info-box">
<span class="info-box-icon bg-aqua"><i class="fas fa-user fa-fw"></i></span>
<div class="info-box-content">
<span class="info-box-text">{{ translate("USER", 2) }}</span>
<span class="info-box-number">{{current_user.group.users.count}}</span>
</div>
<!-- /.info-box-content -->
</div>
<!-- /.info-box -->
</div>
<!-- /.col -->
{% endblock %} {% endblock %}
</div> </div>
<!-- /.row --> <!-- /.row -->
{% endif %} {% endif %}
{% endblock %} {% endblock %}
<!-- Main panels -->
<div class="row"> {% block main_panels %}
{% if checkAccess('uri_users') or checkAccess('view_system_info') or (hasRole('site-admin') or hasRole('organisations-admin')) %} <div class="row">
{% if
checkAccess('uri_users') or
checkAccess('view_system_info') or
checkAccess('uri_activities') or
checkAccess('view_group_field', {
'group': current_user.group,
'property': 'users'
}) or
hasRole('site-admin') or
hasRole('organisations-admin')
%}
{% block left_panels %}
{% if checkAccess('uri_users') or checkAccess('view_system_info') or (hasRole('site-admin') or hasRole('organisations-admin')) %}
<div class="col-md-6 col-sm-12 col-xs-12"> <div class="col-md-6 col-sm-12 col-xs-12">
{% if checkAccess('uri_users') %} {% block latest_users %}{{ parent() }}{% endblock %}
<div class="row">
<div class="col-sm-12">
<!-- USERS LIST -->
<div class="box box-info">
<div class="box-header with-border">
<h3 class="box-title">{{translate("USER.LATEST")}}</h3>
</div>
<!-- /.box-header -->
<div class="box-body no-padding">
<ul class="users-list clearfix">
{% for user in users %}
<li>
<img src="{{ user.avatar }}" alt="User Image">
<a class="users-list-name" href="{{site.uri.public}}/users/u/{{user.user_name}}">{{user.first_name}} {{user.last_name}}</a>
<span class="users-list-date">{{ user.registered }}</span>
</li>
{% endfor %}
</ul>
<!-- /.users-list -->
</div>
<!-- /.box-body -->
<div class="box-footer text-center">
<a href="{{site.uri.public}}/users" class="uppercase">{{translate("USER.VIEW_ALL")}}</a>
</div>
<!-- /.box-footer -->
</div>
<!--/.box -->
</div>
<!-- /.col -->
</div>
<!-- /.row -->
{% endif %}
{% block latest_organisations %}
{% if (hasRole('site-admin') or hasRole('organisations-admin')) and checkAccess('uri_activities') %} {% if (hasRole('site-admin') or hasRole('organisations-admin')) and checkAccess('uri_activities') %}
{% block latest_organisations %} <div class="row">
<div class="row"> <div class="col-sm-12">
<div class="col-sm-12"> <!-- ORGANISTIONS LIST -->
<!-- ORGANISTIONS LIST --> <div class="box box-info">
<div class="box box-info"> <div class="box-header with-border">
<div class="box-header with-border"> <h3 class="box-title">{{translate("ORGANISATION.LATEST")}}</h3>
<h3 class="box-title">{{translate("ORGANISATION.LATEST")}}</h3>
</div>
<!-- /.box-header -->
<div class="box-body no-padding clearfix">
{% for organisation in organisations %}
<div class="col-sm-6 col-xs-12">
<div class="box box-widget widget-user-2 widget-organisations">
<div class="widget-user-header bg-green">
<h3 class="widget-user-username">{{organisation.name}}</h3>
<h5 class="widget-user-desc">{{organisation.description}}</h5>
</div>
<div class="box-footer no-padding">
<ul class="nav nav-stacked">
<li><a href="{{site.uri.public}}/organisations/o/{{organisation.slug}}">{{translate("CREATED_ON")}} <span class="pull-right badge {% if organisation.flag_approved %}bg-green{% else %}bg-yellow{% endif %}">{{organisation.created_at}}</span></a></li>
<li><a href="{{site.uri.public}}/organisations/o/{{organisation.slug}}">{{translate("MEMBER", 2)}} <span class="pull-right badge bg-aqua">{{organisation.members.count}}</span></a></li>
<li><a href="{{site.uri.public}}/organisations/o/{{organisation.slug}}">{{translate("ADMIN", 2)}} <span class="pull-right badge bg-aqua">{{organisation.administrators.count}}</span></a></li>
<li><a href="{{site.uri.public}}/organisations/o/{{organisation.slug}}">{{translate("PENDING", 2)}} <span class="pull-right badge {% if organisation.pendingMembers.count == 0 %}bg-green{% else %}bg-yellow{% endif %}">{{organisation.pendingMembers.count}}</span></a></li>
</ul>
</div>
</div>
</div> </div>
<!-- /.box-header -->
<div class="box-body no-padding clearfix">
{% for organisation in organisations %}
{% endfor %} <div class="col-sm-6 col-xs-12">
<!-- /.organistions-list --> <div class="box box-widget widget-user-2 widget-organisations">
</div> <div class="widget-user-header bg-green">
<!-- /.box-body --> <h3 class="widget-user-username">{{organisation.name}}</h3>
<div class="box-footer text-center"> <h5 class="widget-user-desc">{{organisation.description}}</h5>
<a href="{{site.uri.public}}/organisations" class="uppercase">{{translate("ORGANISATION.VIEW_ALL")}}</a> </div>
</div> <div class="box-footer no-padding">
<!-- /.box-footer --> <ul class="nav nav-stacked">
</div> <li><a href="{{site.uri.public}}/organisations/o/{{organisation.slug}}">{{translate("CREATED_ON")}} <span class="pull-right badge {% if organisation.flag_approved %}bg-green{% else %}bg-yellow{% endif %}">{{organisation.created_at}}</span></a></li>
<!--/.box --> <li><a href="{{site.uri.public}}/organisations/o/{{organisation.slug}}">{{translate("MEMBER", 2)}} <span class="pull-right badge bg-aqua">{{organisation.members.count}}</span></a></li>
</div> <li><a href="{{site.uri.public}}/organisations/o/{{organisation.slug}}">{{translate("ADMIN", 2)}} <span class="pull-right badge bg-aqua">{{organisation.administrators.count}}</span></a></li>
<!-- /.col --> <li><a href="{{site.uri.public}}/organisations/o/{{organisation.slug}}">{{translate("PENDING", 2)}} <span class="pull-right badge {% if organisation.pendingMembers.count == 0 %}bg-green{% else %}bg-yellow{% endif %}">{{organisation.pendingMembers.count}}</span></a></li>
</div> </ul>
<!-- /.row --> </div>
{% endblock %} </div>
{% endif %}
{% if checkAccess('view_system_info') %}
<div class="row">
<div class="col-sm-12">
<div class="box box-primary">
<div class="box-header with-border">
<h3 class="box-title">{{translate("SYSTEM_INFO")}}</h3>
</div> </div>
<!-- /.box-header -->
<div class="box-body">
<dl class="dl-horizontal">
<dt>{{translate("SYSTEM_INFO.UF_VERSION")}}</dt>
<dd>{{info.version.UF}}</dd>
<dt>{{translate("SYSTEM_INFO.PHP_VERSION")}}</dt> {% endfor %}
<dd>{{info.version.php}}</dd> <!-- /.organistions-list -->
</div>
<dt>{{translate("SYSTEM_INFO.SERVER")}}</dt> <!-- /.box-body -->
<dd>{{info.environment.SERVER_SOFTWARE}}</dd> <div class="box-footer text-center">
<a href="{{site.uri.public}}/organisations" class="uppercase">{{translate("ORGANISATION.VIEW_ALL")}}</a>
<dt>{{translate("SYSTEM_INFO.DB_VERSION")}}</dt> </div>
<dd>{{info.version.database.type}} {{info.version.database.version}}</dd> <!-- /.box-footer -->
<dt>{{translate("SYSTEM_INFO.DB_NAME")}}</dt>
<dd>{{info.database.name}}</dd>
<dt>{{translate("SYSTEM_INFO.DIRECTORY")}}</dt>
<dd>{{info.path.project}}</dd>
<dt>{{translate("SYSTEM_INFO.URL")}}</dt>
<dd>{{site.uri.public}}</dd>
<dt>{{translate("SYSTEM_INFO.SPRINKLES")}}</dt>
<dd>
<ul class="list-unstyled">
{% for sprinkle in sprinkles %}
<li>
{{sprinkle}}
</li>
{% endfor %}
</ul>
</dd>
</dl>
</div>
<!-- /.box-body -->
<div class="box-footer text-center">
<a href="javascript:void(0)" class="js-clear-cache uppercase">{{ translate("CACHE.CLEAR") }}</a>
</div>
<!-- /.box-footer -->
</div> </div>
<!--/.box --> <!--/.box -->
</div> </div>
<!-- /.col --> <!-- /.col -->
</div> </div>
<!-- /.row --> <!-- /.row -->
{% endif %} {% endif %}
</div> {% endblock %}
<!-- /.col -->
{% endif %}
{% if checkAccess('uri_activities') %} {% block system_info %}{{ parent() }}{% endblock %}
<div class="col-md-6 col-sm-12 col-xs-12">
<div id="widget-activities" class="box box-primary">
<div class="box-header">
<h3 class="box-title"><i class="fas fa-tasks fa-fw"></i> {{translate('ACTIVITY', 2)}}</h3>
{% include "tables/table-tool-menu.html.twig" %}
</div>
<div class="box-body">
{% include "tables/activities.html.twig" with {
"table" : {
"id" : "table-activities",
"columns" : ["user"]
}
}
%}
</div>
</div>
</div>
{% elseif (hasRole('site-admin') or hasRole('organisations-admin')) %}
<div class="col-md-6 col-sm-12 col-xs-12">
{{block('latest_organisations')}}
</div> </div>
<!-- /.col --> <!-- /.col -->
{% elseif checkAccess('view_group_field', { {% endif %}
'group': current_user.group, {% endblock %}
'property': 'users'
}) %} {% block right_panels %}
<div class="col-md-6 col-sm-12 col-xs-12"> {% block activities_summary %}{{ parent() }}{% endblock %}
<div id="widget-group-users" class="box box-primary">
<div class="box-header"> {% block organisations_summary %}
<h3 class="box-title"><i class="fas fa-fw fa-user"></i> {{translate('USER', 2)}}</h3> {% if ((hasRole('site-admin') or hasRole('organisations-admin'))) and not checkAccess('uri_activities') %}
{% include "tables/table-tool-menu.html.twig" %} <div class="col-md-6 col-sm-12 col-xs-12">
</div> <!-- ORGANISTIONS LIST -->
<div class="box-body"> <div class="box box-info">
{% include "tables/users.html.twig" with { <div class="box-header with-border">
"table" : { <h3 class="box-title">{{translate("ORGANISATION.LATEST")}}</h3>
"id" : "table-group-users" </div>
} <!-- /.box-header -->
} <div class="box-body no-padding clearfix">
%} {% for organisation in organisations %}
</div>
<div class="box-footer"> <div class="col-sm-6 col-xs-12">
<button type="button" class="btn btn-success js-user-create"> <div class="box box-widget widget-user-2 widget-organisations">
<i class="fas fa-plus-square"></i> {{translate("USER.CREATE")}} <div class="widget-user-header bg-green">
</button> <h3 class="widget-user-username">{{organisation.name}}</h3>
<h5 class="widget-user-desc">{{organisation.description}}</h5>
</div>
<div class="box-footer no-padding">
<ul class="nav nav-stacked">
<li><a href="{{site.uri.public}}/organisations/o/{{organisation.slug}}">{{translate("CREATED_ON")}} <span class="pull-right badge {% if organisation.flag_approved %}bg-green{% else %}bg-yellow{% endif %}">{{organisation.created_at}}</span></a></li>
<li><a href="{{site.uri.public}}/organisations/o/{{organisation.slug}}">{{translate("MEMBER", 2)}} <span class="pull-right badge bg-aqua">{{organisation.members.count}}</span></a></li>
<li><a href="{{site.uri.public}}/organisations/o/{{organisation.slug}}">{{translate("ADMIN", 2)}} <span class="pull-right badge bg-aqua">{{organisation.administrators.count}}</span></a></li>
<li><a href="{{site.uri.public}}/organisations/o/{{organisation.slug}}">{{translate("PENDING", 2)}} <span class="pull-right badge {% if organisation.pendingMembers.count == 0 %}bg-green{% else %}bg-yellow{% endif %}">{{organisation.pendingMembers.count}}</span></a></li>
</ul>
</div>
</div>
</div>
{% endfor %}
<!-- /.organistions-list -->
</div>
<!-- /.box-body -->
<div class="box-footer text-center">
<a href="{{site.uri.public}}/organisations" class="uppercase">{{translate("ORGANISATION.VIEW_ALL")}}</a>
</div>
<!-- /.box-footer -->
</div> </div>
<!--/.box -->
</div> </div>
</div> {% endif %}
{% else %} {% endblock %}
<div class="col-sm-4 col-sm-offset-4 col-xs-12">
<div class="box box-widget widget-user"> {% block group_users_summary %}{{ parent() }}{% endblock %}
<!-- Add the bg color to the header using any of the bg-* classes --> {% endblock %}
<div class="widget-user-header bg-black-active"> {% else %}
<h3 class="widget-user-username"> {% block user_welcome %}{{ parent() }}{% endblock %}
{{translate("WELCOME", { {% endif %}
'first_name': current_user.first_name </div>
})}} <!-- /.row -->
</h3>
</div>
<div class="widget-user-image">
<img class="img-circle" src="{{assets.url('assets://userfrosting/images/cupcake.png')}}" alt="User Avatar">
</div>
<div class="box-footer">
<h4>
{{translate("WELCOME_TO", {
'title': site.title
})}}
</h4>
<p>
{{translate("NO_FEATURES_YET")}}
</p>
</div>
</div>
<!-- /.widget-user -->
</div>
<!-- /.row -->
{% endif %}
</div>
<!-- /.row -->
{% endblock %} {% endblock %}