Show grid as divs instead of the table view, add option to set specific templates for a resource.pull/3124/head
Julio Montoya
6 years ago
parent
fe6195e69d
commit
5bbf6cfc51
@ -0,0 +1,166 @@ |
||||
<?php |
||||
|
||||
/* For licensing terms, see /license.txt */ |
||||
|
||||
namespace Chamilo\CoreBundle\Component\Utils; |
||||
|
||||
class ResourceTemplate |
||||
{ |
||||
protected $index; |
||||
protected $list; |
||||
protected $edit; |
||||
protected $viewResource; |
||||
protected $new; |
||||
protected $newFolder; |
||||
protected $diskSpace; |
||||
protected $info; |
||||
protected $preview; |
||||
protected $upload; |
||||
|
||||
public function __construct() |
||||
{ |
||||
$this->index = '@ChamiloTheme/Resource/index.html.twig'; |
||||
$this->list = '@ChamiloTheme/Resource/index.html.twig'; |
||||
$this->edit = '@ChamiloTheme/Resource/edit.html.twig'; |
||||
// New resource |
||||
$this->new = '@ChamiloTheme/Resource/new.html.twig'; |
||||
// New resource node (new folder) |
||||
$this->newFolder = '@ChamiloTheme/Resource/new_folder.html.twig'; |
||||
$this->viewResource = '@ChamiloTheme/Resource/view_resource.html.twig'; |
||||
$this->diskSpace = '@ChamiloTheme/Resource/disk_space.html.twig'; |
||||
$this->info = '@ChamiloTheme/Resource/info.html.twig'; |
||||
$this->preview = '@ChamiloTheme/Resource/preview.html.twig'; |
||||
$this->upload = '@ChamiloTheme/Resource/upload.html.twig'; |
||||
} |
||||
|
||||
public function getFromAction(string $action) |
||||
{ |
||||
$action = str_replace('Action', '', $action); |
||||
|
||||
if (property_exists($this, $action)) { |
||||
return $this->$action; |
||||
} |
||||
|
||||
throw new \InvalidArgumentException("No template found for action: $action"); |
||||
} |
||||
|
||||
/** |
||||
* @param string $index |
||||
* |
||||
* @return ResourceTemplate |
||||
*/ |
||||
public function setIndex(string $index): ResourceTemplate |
||||
{ |
||||
$this->index = $index; |
||||
|
||||
return $this; |
||||
} |
||||
|
||||
/** |
||||
* @param string $list |
||||
* |
||||
* @return ResourceTemplate |
||||
*/ |
||||
public function setList(string $list): ResourceTemplate |
||||
{ |
||||
$this->list = $list; |
||||
|
||||
return $this; |
||||
} |
||||
|
||||
/** |
||||
* @param string $edit |
||||
* |
||||
* @return ResourceTemplate |
||||
*/ |
||||
public function setEdit(string $edit): ResourceTemplate |
||||
{ |
||||
$this->edit = $edit; |
||||
|
||||
return $this; |
||||
} |
||||
|
||||
/** |
||||
* @param string $viewResource |
||||
* |
||||
* @return ResourceTemplate |
||||
*/ |
||||
public function setViewResource(string $viewResource): ResourceTemplate |
||||
{ |
||||
$this->viewResource = $viewResource; |
||||
|
||||
return $this; |
||||
} |
||||
|
||||
/** |
||||
* @param string $new |
||||
* |
||||
* @return ResourceTemplate |
||||
*/ |
||||
public function setNew(string $new): ResourceTemplate |
||||
{ |
||||
$this->new = $new; |
||||
|
||||
return $this; |
||||
} |
||||
|
||||
/** |
||||
* @param string $newFolder |
||||
* |
||||
* @return ResourceTemplate |
||||
*/ |
||||
public function setNewFolder(string $newFolder): ResourceTemplate |
||||
{ |
||||
$this->newFolder = $newFolder; |
||||
|
||||
return $this; |
||||
} |
||||
|
||||
/** |
||||
* @param string $diskSpace |
||||
* |
||||
* @return ResourceTemplate |
||||
*/ |
||||
public function setDiskSpace(string $diskSpace): ResourceTemplate |
||||
{ |
||||
$this->diskSpace = $diskSpace; |
||||
|
||||
return $this; |
||||
} |
||||
|
||||
/** |
||||
* @param string $info |
||||
* |
||||
* @return ResourceTemplate |
||||
*/ |
||||
public function setInfo(string $info): ResourceTemplate |
||||
{ |
||||
$this->info = $info; |
||||
|
||||
return $this; |
||||
} |
||||
|
||||
/** |
||||
* @param string $preview |
||||
* |
||||
* @return ResourceTemplate |
||||
*/ |
||||
public function setPreview(string $preview): ResourceTemplate |
||||
{ |
||||
$this->preview = $preview; |
||||
|
||||
return $this; |
||||
} |
||||
|
||||
/** |
||||
* @param string $upload |
||||
* |
||||
* @return ResourceTemplate |
||||
*/ |
||||
public function setUpload(string $upload): ResourceTemplate |
||||
{ |
||||
$this->upload = $upload; |
||||
|
||||
return $this; |
||||
} |
||||
} |
||||
@ -0,0 +1,144 @@ |
||||
{% extends 'APYDataGridBundle::blocks.html.twig' %} |
||||
|
||||
{# This file is loaded from config/services.yaml and then used in all grids. #} |
||||
|
||||
{# See block documentation here: #} |
||||
{# https://github.com/APY/APYDataGridBundle/blob/master/Resources/doc/template/overriding_internal_blocks.md #} |
||||
|
||||
|
||||
{% block grid_column_massaction_cell %} |
||||
{# <input type="checkbox" class="action" value="1" name="{{ grid.hash }}[{{ column.id }}][{{ row.primaryFieldValue }}]"/>#} |
||||
{% endblock grid_column_massaction_cell %} |
||||
|
||||
{% block grid_column_content_cell %} |
||||
<div class="card-body"> |
||||
{{ value | raw }} |
||||
</div> |
||||
{% endblock grid_column_content_cell %} |
||||
|
||||
{% block grid_column_title_cell %} |
||||
<div class="card-header"> |
||||
{{ value | raw }} |
||||
</div> |
||||
{% endblock grid_column_title_cell %} |
||||
|
||||
{% block grid_rows %} |
||||
{% for row in grid.rows %} |
||||
{% set last_row = loop.last %} |
||||
{% spaceless %} |
||||
{% set gridColumns %} |
||||
{% for column in grid.columns %} |
||||
{% if column.visible(grid.isReadyForExport) %} |
||||
{{ grid_cell(column, row, grid)|raw }} |
||||
{% endif %} |
||||
{% endfor %} |
||||
{% endset %} |
||||
<div class="card"> |
||||
{{ gridColumns }} |
||||
</div > |
||||
{% endspaceless %} |
||||
{% endfor %} |
||||
{% endblock grid_rows %} |
||||
|
||||
{% block grid_actions %} |
||||
{% endblock grid_actions %} |
||||
|
||||
{# Bootstrap changes #} |
||||
{% block grid_column_actions_cell %} |
||||
{% set actions = column.getActionsToRender(row) %} |
||||
<div class="btn-group"> |
||||
{% for action in actions %} |
||||
{% if action.attributes.form_delete is defined and action.attributes.form_delete %} |
||||
<div class="btn-group"> |
||||
<form method="post" action="{{ url(action.route, column.routeParameters(row, action), false) }}"> |
||||
<input type="hidden" name="_method" value="DELETE" /> |
||||
<button type="submit" class="btn btn-danger"> |
||||
{{ action.title|trans }} |
||||
</button> |
||||
</form> |
||||
</div> |
||||
{% else %} |
||||
<a |
||||
href="{{ url(action.route, column.routeParameters(row, action), false) }}" |
||||
target="{{ action.target }}" |
||||
{% if action.confirm %} onclick="return confirm('{{ action.confirmMessage }}')"{% endif %} |
||||
{% for name, value in action.attributes %} {{ name }}="{{ value }}" {% endfor %} |
||||
|
||||
{% if action.attributes.data_hidden is defined and action.attributes.data_hidden %} |
||||
style="display: none" |
||||
{% endif %} |
||||
> |
||||
{% if action.attributes.icon is defined and action.attributes.icon %} |
||||
<i class="fas {{ action.attributes.icon }} "></i> |
||||
{% else %} |
||||
{{ action.title|trans }} |
||||
{% endif %} |
||||
</a> |
||||
{% endif %} |
||||
{% endfor %} |
||||
</div> |
||||
{% endblock grid_column_actions_cell %} |
||||
|
||||
{% block grid %} |
||||
<div class="col-md-12"> |
||||
<div class="box box-primary"> |
||||
<div class="box-body table-responsive no-padding"> |
||||
{% if grid.totalCount > 0 or grid.isFiltered or grid.noDataMessage is same as(false) %} |
||||
<form id="{{ grid.hash }}" action="{{ grid.routeUrl }}" |
||||
method="post"> |
||||
<div class="grid_body"> |
||||
|
||||
{# {% if grid.isTitleSectionVisible %}#} |
||||
{# {{ grid_titles(grid) }}#} |
||||
{# {% endif %}#} |
||||
{# {% if grid.isFilterSectionVisible %}#} |
||||
{# {{ grid_filters(grid) }}#} |
||||
{# {% endif %}#} |
||||
{{ grid_rows(grid) }} |
||||
|
||||
</div> |
||||
<div class="grid_footer"> |
||||
{% if grid.isPagerSectionVisible %} |
||||
{{ grid_pager(grid) }} |
||||
{% endif %} |
||||
{% if grid.exports|length > 0 %} |
||||
{{ grid_exports(grid) }} |
||||
{% endif %} |
||||
{% if grid.tweaks|length > 0 %} |
||||
{{ grid_tweaks(grid) }} |
||||
{% endif %} |
||||
</div> |
||||
{% if withjs %} |
||||
{{ grid_scripts(grid) }} |
||||
{% endif %} |
||||
</form> |
||||
{% else %} |
||||
{{ grid_no_data(grid) }} |
||||
{% endif %} |
||||
</div> |
||||
</div> |
||||
</div> |
||||
{% endblock grid %} |
||||
|
||||
{% block grid_search %} |
||||
|
||||
{% endblock grid_search %} |
||||
|
||||
{% block grid_column_filter_type_input %} |
||||
{% set btwOperator = constant('APY\\DataGridBundle\\Grid\\Column\\Column::OPERATOR_BTW') %} |
||||
{% set btweOperator = constant('APY\\DataGridBundle\\Grid\\Column\\Column::OPERATOR_BTWE') %} |
||||
{% set isNullOperator = constant('APY\\DataGridBundle\\Grid\\Column\\Column::OPERATOR_ISNULL') %} |
||||
{% set isNotNullOperator = constant('APY\\DataGridBundle\\Grid\\Column\\Column::OPERATOR_ISNOTNULL') %} |
||||
{% set op = column.data.operator is defined ? column.data.operator : column.defaultOperator %} |
||||
{% set from = column.data.from is defined ? column.data.from : null %} |
||||
{% set to = column.data.to is defined ? column.data.to : null %} |
||||
<div class="form-group row"> |
||||
<label for="staticEmail" class="col-sm-2 col-form-label"> |
||||
{{ grid_column_operator(column, grid, op, submitOnChange) }} |
||||
<input type="{{ column.inputType }}" value="{{ to }}" class="grid-filter-input-query-to" name="{{ grid.hash }}[{{ column.id }}][to]" id="{{ grid.hash }}__{{ column.id }}__query__to" {% if submitOnChange is same as (true) %}onkeypress="return {{ grid.hash }}_submitForm(event, this.form);"{% endif%} {{ ( op == btwOperator or op == btweOperator ) ? '': 'style="display: none;" disabled="disabled"' }} /> |
||||
</label> |
||||
<div class="col-sm-10"> |
||||
<input type="{{ column.inputType }}" value="{{ from }}" class="form-control grid-filter-input-query-from" name="{{ grid.hash }}[{{ column.id }}][from]" id="{{ grid.hash }}__{{ column.id }}__query__from" {% if submitOnChange is same as (true) %}onkeypress="return {{ grid.hash }}_submitForm(event, this.form);"{% endif%} {{ ( op == isNullOperator or op == isNotNullOperator ) ? 'style="display: none;" disabled="disabled"' : '' }} /> |
||||
</div> |
||||
</div> |
||||
{% endblock grid_column_filter_type_input %} |
||||
@ -0,0 +1,11 @@ |
||||
{% extends "@ChamiloTheme/Layout/layout_one_col.html.twig" %} |
||||
|
||||
{% block content %} |
||||
{% include '@ChamiloTheme/Resource/toolbar.html.twig' %} |
||||
|
||||
{# Use a custom grid#} |
||||
|
||||
|
||||
{{ grid(grid, '@ChamiloTheme/Resource/course_description/grid_theme.html.twig') }} |
||||
|
||||
{% endblock %} |
||||
@ -0,0 +1,25 @@ |
||||
{% extends "@ChamiloTheme/Layout/layout_one_col.html.twig" %} |
||||
|
||||
{% block content %} |
||||
{% autoescape false %} |
||||
<h3>{{ resource }}</h3> |
||||
<h3>{{ resource.content }}</h3> |
||||
|
||||
{{ 'Created at' | trans }}: {{ resource.resourceNode.createdAt | date_to_time_ago }}<br /> |
||||
{{ 'Updated at' | trans }}: {{ resource.resourceNode.updatedAt | date_to_time_ago }}<br /> |
||||
<br /> |
||||
|
||||
{% if is_granted('DELETE', resource.resourceNode) %} |
||||
<a class="btn btn-danger" href="{{ url('chamilo_core_resource_delete', { |
||||
'id': resource.resourceNode.id, |
||||
'cid': course.id, |
||||
'sid': session.id, |
||||
'type' : type, |
||||
'tool' : tool, |
||||
}) |
||||
}}"> |
||||
{{ 'Delete'|trans }} |
||||
</a> |
||||
{% endif %} |
||||
{% endautoescape %} |
||||
{% endblock %} |
||||
@ -1,4 +1,4 @@ |
||||
{# Customization of the grid is located here: grid_theme.html.twig #} |
||||
|
||||
{{ grid_search(grid) }} |
||||
|
||||
{{ grid(grid) }} |
||||
|
||||
@ -0,0 +1,38 @@ |
||||
{% if is_granted('CREATE', parent_resource_node) %} |
||||
<div class="actions"> |
||||
{% if resource_settings.allowNodeCreation %} |
||||
<a class="btn btn-secondary" |
||||
href="{{ url('chamilo_core_resource_new_folder', {'tool': tool, 'type': type, 'cid': course.id, 'sid': session.id, 'id': id }) }}"> |
||||
{{ 'New folder' | trans }} |
||||
</a> |
||||
{% endif %} |
||||
|
||||
{% if resource_settings.allowResourceCreation %} |
||||
<a class="btn btn-secondary" |
||||
href="{{ url('chamilo_core_resource_new', { 'tool': tool, 'type': type, 'cid': course.id, 'sid': session.id, 'id': id }) }}"> |
||||
{{ 'Create new ' ~ tool | trans }} |
||||
</a> |
||||
{% endif %} |
||||
|
||||
{% if resource_settings.allowResourceUpload %} |
||||
<a class="btn btn-secondary" |
||||
href="{{ url('chamilo_core_resource_upload', { 'tool': tool, 'type': type, 'cid': course.id, 'sid': session.id, 'id': id }) }}"> |
||||
{{ 'Upload' | trans }} |
||||
</a> |
||||
{% endif %} |
||||
|
||||
{% if resource_settings.allowDownloadAll %} |
||||
<a class="btn btn-secondary" |
||||
href="{{ url('chamilo_core_resource_download', { 'tool': tool, 'type': type, 'cid': course.id, 'sid': session.id, 'id': id }) }}"> |
||||
{{ 'Download all' | trans }} |
||||
</a> |
||||
{% endif %} |
||||
|
||||
{% if resource_settings.allowToSaveEditorToResourceFile %} |
||||
<a class="btn btn-secondary" |
||||
href="{{ url('chamilo_core_resource_disk_space', { 'tool': tool, 'type': type, 'cid': course.id, 'sid': session.id, 'id': id }) }}"> |
||||
{{ 'Disk Space' | trans }} |
||||
</a> |
||||
{% endif %} |
||||
</div> |
||||
{% endif %} |
||||
Loading…
Reference in new issue