1
0
mirror of https://github.com/flextype/flextype.git synced 2025-08-18 10:51:21 +02:00

feat(admin-plugin): update entries index template #211

This commit is contained in:
Awilum
2020-02-05 16:22:36 +03:00
parent 6079a6978b
commit cac04d2ea4

View File

@@ -25,7 +25,7 @@
<i class="icon icon--white mr-3">{{ icon('fas fa-plus-circle') }}</i>
{{ tr('admin_add') }}</a>
<a class="dropdown__item" href="javascript:;" onclick="event.preventDefault();
document.getElementById('duplicate-id-{{ entry.slug }}').submit();">
selectEntryType('{{ entry.slug }}', {{ loop.index0 }});">
<i class="icon icon--white mr-3">{{ icon('fas fa-copy') }}</i>
{{ tr('admin_duplicate') }}</a>
<a class="dropdown__item" href="{{ path_for('admin.entries.rename') }}?id={{ entry.slug }}">
@@ -192,7 +192,8 @@
<a class="dropdown__item" href="{{ path_for('admin.entries.edit') }}?id={{ entry.slug }}&type=editor">
<i class="icon icon--white mr-3">{{ icon('fas fa-edit') }}</i>
{{ tr('admin_edit') }}</a>
<a class="dropdown__item" href="javascript:;" onclick="$('.js-add-entry input[name=id]').attr('value', '{{ entry.slug }}');" data-toggle="modal" data-target="#selectEntryTypeModal">
<a class="dropdown__item" href="javascript:;" onclick="event.preventDefault();
selectEntryType('{{ entry.slug }}', {{ loop.index0 }});">
<i class="icon icon--white mr-3">{{ icon('fas fa-plus-circle') }}</i>
{{ tr('admin_add') }}</a>
<a class="dropdown__item" href="javascript:;" onclick="event.preventDefault();
@@ -236,45 +237,34 @@
<div>
<i class="icon icon--4xl">{{ icon('fas fa-database') }}</i>
<h3 class="text-2xl pt-4 pb-8">{{ tr('admin_you_have_not_created_any_entries_yet') }}</h3>
<a href="javascript:;" data-toggle="modal" data-target="#selectEntryTypeModal" class="button">{{ tr('admin_create_new_entry') }}</a>
<a href="javascript:;" class="button" onclick="event.preventDefault();
selectEntryType('{{ id_current }}', {{ loop.index0 }});">{{ tr('admin_create_new_entry') }}</a>
</div>
</div>
{% endif %}
<div class="modal fade hidden" id="selectEntryTypeModal" tabindex="-1" role="dialog" aria-labelledby="selectEntryTypeModal" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="selectEntryTypeModalLabel">{{ tr('admin_select_entry_type') }}</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
<div class="_select-entry-type-template hidden">
<div class="flex row">
{% for key, fieldset in fieldsets %}
<div class="block col w-4/12 px-3 py-3 mb-2">
<a href="javascript:;" onclick="event.preventDefault();
document.getElementById('add-entry-{{ key }}').submit();" class="block bg-gray-000 border-gray-100 border px-4 py-8 relative">
<div>
{% if fieldset.icon %}
<i class="icon icon--large">{{ icon(fieldset.icon) }}</i>
{% else %}
<i class="icon icon--large">{{ icon('far fa-file-alt') }}</i>
{% endif %}
</div>
<div class="pt-3">{{ fieldset.title }}</div>
</a>
<form id="add-entry-{{ key }}" action="{{ path_for('admin.entries.selectEntryTypeProcess') }}" method="POST" style="display: none;" class="js-add-entry">
{{ csrf() }}
<input type="hidden" name="type" value="{{ key }}">
<input type="hidden" name="id" value="{{ id_current }}">
</form>
</div>
<div class="modal-body">
<ul class="fieldset-selector row">
{% for key, fieldset in fieldsets %}
<li class="col-md-4">
<a href="javascript:;" onclick="event.preventDefault();
document.getElementById('add-entry-{{ key }}').submit();" class="fieldset-item">
<div class="fieldset-thumbnail">
{% if fieldset.icon %}
<i class="{{ fieldset.icon }}"></i>
{% else %}
<i class="far fa-file-alt"></i>
{% endif %}
</div>
<div class="fieldset-title">{{ fieldset.title }}</div>
</a>
</li>
<form id="add-entry-{{ key }}" action="{{ path_for('admin.entries.selectEntryTypeProcess') }}" method="POST" style="display: none;" class='js-add-entry'>
{{ csrf() }}
<input type="hidden" name="type" value="{{ key }}">
<input type="hidden" name="id" value="{{ id_current }}">
</form>
{% endfor %}
</ul>
</div>
</div>
{% endfor %}
</div>
</div>
{% endblock %}
@@ -291,5 +281,19 @@
}
});
}
function selectEntryType(id, row_num) {
dropdown[row_num].hide();
Swal.fire({
title: "{{ tr('admin_select_entry_type') }}",
showCloseButton: true,
focusCloseButton: false,
showConfirmButton: false,
html: $('._select-entry-type-template').html(),
onBeforeOpen: () => {
$('.js-add-entry input[name=id]').val(id);
}
});
}
</script>
{% endblock %}