Feature: [UI] use download button group in calendar list

This commit is contained in:
Julien Fastré 2023-02-28 22:37:46 +01:00
parent cf1cc937ca
commit 3db5b62d57
Signed by: julienfastre
GPG Key ID: BDE2190974723FCB
5 changed files with 20 additions and 30 deletions

View File

@ -17,30 +17,20 @@
<td class="eval"> <td class="eval">
<ul class="eval_title"> <ul class="eval_title">
<li> <li>
{{ mm.mimeIcon(d.storedObject.type) }} <div class="row">
{{ d.storedObject.title }} <div class="col text-start">
{% if d.dateTimeVersion < d.calendar.dateTimeVersion %} {{ d.storedObject.title }}
<span class="badge bg-danger">{{ 'chill_calendar.Document outdated'|trans }}</span> {% if d.dateTimeVersion < d.calendar.dateTimeVersion %}
{% endif %} <span class="badge bg-danger">{{ 'chill_calendar.Document outdated'|trans }}</span>
{% endif %}
<ul class="record_actions small inline"> </div>
{% if chill_document_is_editable(d.storedObject) and is_granted('CHILL_CALENDAR_DOC_EDIT', d) %} <div class="col-md-auto text-center">
<li> {{ mm.mimeIcon(d.storedObject.type) }}
<a href="{{ chill_path_add_return_path('chill_calendar_calendardoc_delete', {'id': d.id})}}" class="btn btn-delete"></a> </div>
</li> <div class="col col-lg-4 text-end">
<li> {{ d.storedObject|chill_document_button_group(d.storedObject.title, is_granted('CHILL_CALENDAR_DOC_EDIT', d), {'small': true}) }}
{{ d.storedObject|chill_document_edit_button }} </div>
</li> </div>
{% endif %}
{% if is_granted('CHILL_CALENDAR_DOC_EDIT', d) %}
<li>
<a href="{{ chill_path_add_return_path('chill_calendar_calendardoc_edit', {'id': d.id})}}" class="btn btn-edit"></a>
</li>
{% endif %}
<li>
{{ m.download_button(d.storedObject, d.storedObject.title) }}
</li>
</ul>
</li> </li>
</ul> </ul>
</td> </td>

View File

@ -10,13 +10,13 @@
{% block js %} {% block js %}
{{ parent() }} {{ parent() }}
{{ encore_entry_script_tags('mod_answer') }} {{ encore_entry_script_tags('mod_answer') }}
{{ encore_entry_script_tags('mod_async_upload') }} {{ encore_entry_script_tags('mod_document_action_buttons_group') }}
{% endblock %} {% endblock %}
{% block css %} {% block css %}
{{ parent() }} {{ parent() }}
{{ encore_entry_link_tags('mod_answer') }} {{ encore_entry_link_tags('mod_answer') }}
{{ encore_entry_link_tags('mod_async_upload') }} {{ encore_entry_link_tags('mod_document_action_buttons_group') }}
{% endblock %} {% endblock %}
{% block content %} {% block content %}

View File

@ -16,14 +16,14 @@ window.addEventListener('DOMContentLoaded', function (e) {
filename: string, filename: string,
canEdit: string, canEdit: string,
storedObject: string, storedObject: string,
small: string, buttonSmall: string,
}; };
const const
storedObject = JSON.parse(datasets.storedObject) as StoredObject, storedObject = JSON.parse(datasets.storedObject) as StoredObject,
filename = datasets.filename, filename = datasets.filename,
canEdit = datasets.canEdit === '1', canEdit = datasets.canEdit === '1',
small = datasets.small === '1' small = datasets.buttonSmall === '1'
; ;
return { storedObject, filename, canEdit, small }; return { storedObject, filename, canEdit, small };

View File

@ -1,6 +1,6 @@
<template> <template>
<div v-if="'ready' === props.storedObject.status" class="dropdown"> <div v-if="'ready' === props.storedObject.status" class="dropdown">
<button :class="Object.assign({'btn': true, 'btn-outline-primary': true, 'dropdown-toggle': true, small: props.small})" type="button" data-bs-toggle="dropdown" aria-expanded="false"> <button :class="Object.assign({'btn': true, 'btn-outline-primary': true, 'dropdown-toggle': true, 'btn-sm': props.small})" type="button" data-bs-toggle="dropdown" aria-expanded="false">
Actions Actions
</button> </button>
<ul class="dropdown-menu"> <ul class="dropdown-menu">

View File

@ -157,7 +157,7 @@ final class WopiEditTwigExtensionRuntime implements RuntimeExtensionInterface
'document_json' => $this->normalizer->normalize($document, 'json', [AbstractNormalizer::GROUPS => ['read']]), 'document_json' => $this->normalizer->normalize($document, 'json', [AbstractNormalizer::GROUPS => ['read']]),
'title' => $title, 'title' => $title,
'can_edit' => $canEdit, 'can_edit' => $canEdit,
'options' => array_merge($options, self::DEFAULT_OPTIONS_TEMPLATE_BUTTON_GROUP), 'options' => array_merge(self::DEFAULT_OPTIONS_TEMPLATE_BUTTON_GROUP, $options),
]); ]);
} }