From fc5b3b1d29d17fdaa949243921067d69436dbd18 Mon Sep 17 00:00:00 2001
From: Jerome Nadaud <jerome.nadaud@prestashop.com>
Date: Wed, 20 Nov 2013 17:52:05 +0100
Subject: [PATCH] // Localization bootstraping

---
 .../translations/helpers/view/main.tpl        | 76 ++++++++++++++-----
 1 file changed, 59 insertions(+), 17 deletions(-)

diff --git a/admin-dev/themes/default/template/controllers/translations/helpers/view/main.tpl b/admin-dev/themes/default/template/controllers/translations/helpers/view/main.tpl
index 25898c680..bfa4203f6 100644
--- a/admin-dev/themes/default/template/controllers/translations/helpers/view/main.tpl
+++ b/admin-dev/themes/default/template/controllers/translations/helpers/view/main.tpl
@@ -70,7 +70,7 @@
 				{l s='Here you can modify translations for every line of code inside PrestaShop.'}<br />
 				{l s='First, select a section (such as Back Office or Installed modules), and then click the flag representing the language you want to edit.'}
 			</p>
-			<div class="row">
+			<div class="form-group">
 				<input type="hidden" name="controller" value="AdminTranslations" />
 				<input type="hidden" name="lang" id="translation_lang" value="0" />
 				<label class="control-label col-lg-3" for="type">{l s='Type of translation:'}</label>
@@ -82,7 +82,7 @@
 					</select>
 				</div>
 			</div>
-			<div class="row">
+			<div class="form-group">
 				<label class="control-label col-lg-3" for="theme">{l s='Choose your theme:'}</label>
 				<div class="col-lg-4">
 					<select name="theme" id="theme">
@@ -93,7 +93,7 @@
 					</select>
 				</div>
 			</div>
-			<div class="row">
+			<div class="form-group">
 				<label class="control-label col-lg-3" for="language-button">{l s='Select your language:'}</label>
 				<div class="input-group col-lg-4">
 					<button type="button" id="language-button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
@@ -104,8 +104,7 @@
 						{foreach $languages as $language}
 						<li>
 							<a href="javascript:chooseTypeTranslation('{$language['iso_code']}');">
-								<img src="{$theme_lang_dir}{$language['id_lang']}.jpg" alt="{$language['iso_code']}" title="{$language['iso_code']}" />
-								{$language['iso_code']}
+								{$language['name']}
 							</a>
 						</li>
 						{/foreach}
@@ -160,13 +159,26 @@
 				{l s='If the language file format is: isocode.gzip (e.g. us.gzip), and the language corresponding to this package does not exist, it will automatically be created.'}
 				{l s='Warning: This will replace all of the existing data inside the destination language.'}
 			</p>
-			<div class="row">
+			<div class="form-group">
 				<label for="importLanguage" class="control-label col-lg-3" for="importLanguage">{l s='Language pack to import:'}</label>
 				<div class="col-lg-4">
-					<input type="file" name="file" id="importLanguage"/>
+					<div class="form-group">
+						<div class="col-lg-12">
+							<input id="importLanguage" type="file" name="file" class="hide" />
+							<div class="dummyfile input-group">
+								<span class="input-group-addon"><i class="icon-file"></i></span>
+								<input id="file-name" type="text" class="disabled" name="filename" readonly />
+								<span class="input-group-btn">
+									<button id="file-selectbutton" type="button" name="submitAddAttachments" class="btn btn-default">
+										<i class="icon-folder-open"></i> {l s='Add file'}
+									</button>
+								</span>
+							</div>
+						</div>
+					</div>
 				</div>
 			</div>
-			<div class="row">
+			<div class="form-group">
 				<label for="selectThemeForImport" class="control-label col-lg-3" for="selectThemeForImport">{l s='Select your theme:'}</label>
 				<div class="col-lg-4">
 					<select name="theme[]" id="selectThemeForImport" {if count($themes) > 1}multiple="multiple"{/if} >
@@ -176,7 +188,7 @@
 					</select>
 				</div>
 			</div>
-			<div class="row">
+			<div class="form-group">
 				<div class="col-lg-9 pull-right">
 					<input type="submit" value="{l s='   Import   '}" name="submitImport" class="btn btn-default" />
 				</div>
@@ -194,7 +206,7 @@
 				{l s='Export data from one language to a file (language pack).'}<br />
 				{l s='Choose which theme you\'d like to export your translations to. '}
 			</p>
-			<div class="row">
+			<div class="form-group">
 				<label class="control-label col-lg-3" for="iso_code">{l s='Language:'}</label>
 				<div class="col-lg-4">
 					<select name="iso_code" id="iso_code">
@@ -204,7 +216,7 @@
 					</select>
 				</div>
 			</div>
-			<div class="row">
+			<div class="form-group">
 				<label class="control-label col-lg-3" for="export-theme">{l s='Choose your theme:'}</label>
 				<div class="col-lg-4">
 					<select name="theme" id="export-theme">
@@ -214,7 +226,7 @@
 					</select>
 				</div>
 			</div>
-			<div class="row">
+			<div class="form-group">
 				<div class="col-lg-9 pull-right">
 					<input type="submit" class="btn btn-default" name="submitExport" value="{l s='Export'}" />
 				</div>
@@ -233,7 +245,7 @@
 				{l s='Warning: This will replace all of the existing data inside the destination language.'}<br />
 				{l s='If necessary'}, <b><a href="{$url_create_language}" class="btn btn-link"><i class="icon-external-link-sign"></i> {l s='you must first create a new language.'}</a></b>.
 			</p>
-			<div class="row">
+			<div class="form-group">
 				<label class="control-label col-lg-3 required" for="fromLang"> {l s='From:'}</label>
 				<div class="col-lg-4">
 					<select name="fromLang" id="fromLang">
@@ -250,7 +262,7 @@
 					</select>
 				</div>
 			</div>
-			<div class="row">
+			<div class="form-group">
 				<label class="control-label col-lg-3" for="toLang">{l s='To:'}</label>
 				<div class="col-lg-4">
 					<select name="toLang" id="toLang">
@@ -267,12 +279,12 @@
 					</select>
 				</div>			
 			</div>
-			<div class="row">
+			<div class="form-group">
 				<div class="col-lg-9 pull-right">
 					<input type="submit" value="{l s='Copy'}" name="submitCopyLang" class="btn btn-default" />
 				</div>
 			</div>
-			<div class="row">
+			<div class="form-group">
 				<p class="col-lg-12 text-muted required">
 					<span class="text-danger">*</span>
 					{l s='Language files must be complete to allow copying of translations.'}
@@ -280,4 +292,34 @@
 			</div>
 		</div>
 	</form>
-{/block}
\ No newline at end of file
+<script type="text/javascript">
+	$(document).ready(function(){
+		$('#file-selectbutton').click(function(e) {
+			$('#importLanguage').trigger('click');
+		});
+
+		$('#file-name').click(function(e) {
+			$('#importLanguage').trigger('click');
+		});
+
+		$('#importLanguage').change(function(e) {
+			if ($(this)[0].files !== undefined)
+			{
+				var files = $(this)[0].files;
+				var name  = '';
+
+				$.each(files, function(index, value) {
+					name += value.name+', ';
+				});
+
+				$('#file-name').val(name.slice(0, -2));
+			}
+			else // Internet Explorer 9 Compatibility
+			{
+				var name = $(this).val().split(/[\\/]/);
+				$('#file-name').val(name[name.length-1]);
+			}
+		});
+	});
+</script>
+{/block}