TheCoreDev/sterivein
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add import form and templates

Browse Source 
modifié:         core/lib/Thelia/Config/Resources/form.xml
	nouveau fichier: core/lib/Thelia/Form/ImportForm.php
	nouveau fichier: templates/backOffice/default/ajax/import-modal.html
	modifié:         templates/backOffice/default/import-page.html
	modifié:         templates/backOffice/default/import.html
This commit is contained in:
Benjamin Perche
2014-07-17 09:49:33 +02:00
parent 0c1169a686
commit af5d355e19
5 changed files with 159 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
templates/backOffice/default/ajax/import-modal.html Normal file
View File

@@ -0,0 +1,22 @@
{form name="thelia.import"}
<form action="{$URL}" method="post" {form_enctype form=$form}>
<div class="modal fade" id="real-import-modal" tabindex="-1" role="dialog" aria-labelledby="import-modal-label" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
<h4 class="modal-title" id="import-modal-label">Import: {$TITLE}</h4>
</div>
<div class="modal-body">
{custom_render_form_field form=$form field="file_upload"}
<input type="file" required aria-required="true" name="{$name}" id="{$label_attr.for}" />
{/custom_render_form_field}
</div>
<div class="modal-footer">
<button type="submit" class="btn btn-primary" title="{intl l="Import this file"}">{intl l="Import this file"}</button>
</div>
</div>
</div>
</div>
</form>
{/form}

57
templates/backOffice/default/import-page.html
View File

@@ -0,0 +1,57 @@
{extends file="admin-layout.tpl"}
{block name="no-return-functions"}
{$admin_current_location = 'tools'}
{/block}
{block name="page-title"}{intl l='Import'}: {$TITLE}{/block}
{block name="check-resource"}admin.import{/block}
{block name="check-access"}view{/block}
{block name="main-content"}
<div class="container" id="wrapper">
<nav>
<ul class="breadcrumb">
<li><a href="{url path='admin/home'}">{intl l='Home'}</a></li>
<li><a href="{url path='admin/tools'}">{intl l='Tools'}</a></li>
<li><a href="{url path='admin/import'}">{intl l="Imports"}</a></li>
<li>{intl l="Import"}: {$TITLE}</li>
</ul>
</nav>
{form name="thelia.import"}
{if $form_error}
<div class="row">
<div class="col-md-12">
<div class="alert alert-danger">{$form_error_message}</div>
</div>
</div>
{/if}
<div class="row">
<div class="col-md-6">
<div class="general-block-decorator">
<div class="title title-without-tabs">
{intl l='Import'}: {$TITLE}
</div>
<form action="{$URL}" method="post" {form_enctype form=$form}>
{custom_render_form_field form=$form field="file_upload"}
<input type="file" required aria-required="true" name="{$name}" id="{$label_attr.for}" />
{/custom_render_form_field}
<button type="submit" class="btn btn-primary" title="{intl l="Import this file"}">{intl l="Import this file"}</button>
</form>
</div>
</div>
</div>
{/form}
{/block}
{block name="javascript-last-call"}
{module_include location='configuration-js'}
{/block}

44
templates/backOffice/default/import.html
View File

@@ -17,6 +17,7 @@
{assign url_import "import_order="|cat:$import_order}
{/if}
<div id="import-modal"></div>
<div class="configuration">
@@ -33,6 +34,7 @@
{module_include location='tools_top'}
{loop name="import-category" type="import-category" order=$category_order}
{assign category_title $TITLE}
<div class="row">
<div class="col-md-12">
<div class="general-block-decorator">
@@ -80,7 +82,7 @@
{$ID}
</td>
<td>
<a href="{$URL}">{$TITLE}</a>
<a href="#category_{$category_title}" class="btn-show-import-modal" data-id="{$ID}" data-url="{$URL}">{$TITLE}</a>
</td>
<td>
{$DESCRIPTION}
@@ -96,7 +98,7 @@
</td>
<td>
<div class="btn-group">
<a class="btn btn-default btn-xs" href="{$URL}" title="{intl l="Do this import"}">
<a class="btn btn-default btn-xs btn-show-import-modal" href="#category_{$category_title}" data-id="{$ID}" data-url="{$URL}" title="{intl l="Do this import"}">
<span class="glyphicon glyphicon-open"></span>
</a>
</div>
@@ -123,35 +125,27 @@
</div>
{/block}
{block name="javascript-initialization"}
{javascripts file='assets/js/bootstrap-switch/bootstrap-switch.js'}
<script src="{$asset_url}"></script>
{/javascripts}
{/block}
{block name="javascript-last-call"}
<!-- -->
<script>
$(document).ready(function() {
var compression_switch = $(".import-compression-switch");
var compression_row = $(".import-compression-selection-row");
var import_modal = $("#import-modal");
compression_switch.on("switch-change", function(e, data) {
var is_checked = data.value;
$(".btn-show-import-modal").click(function() {
if (is_checked) {
compression_row.show();
} else {
compression_row.hide();
}
var import_id = $(this).data("id");
/**
* If we can't load the modal form, redirect to a page where the form is too.
*/
$.ajax(
$(this).data("url")
).success(function(data) {
import_modal.html(data);
$("#real-import-modal").modal();
}).fail(function() {
window.location.replace("{url path='/admin/import/'}"+import_id);
});
});
if ($("input[type=checkbox]", compression_switch).is(":checked")) {
compression_row.show();
} else {
compression_row.hide();
}
});
</script>
{module_include location='configuration-js'}