Inital commit

templates/backOffice/default/includes/image-upload-form.html

@@ -4,11 +4,16 @@ A generic image upload form
 Parameters:
     imageType       = Image type (category, product, folder, content, module)
     parentId        = Image parent id, ex: category id
+    resource        = Image parent resource name
 
 *}
+{* Set the default translation domain, that will be used by {intl} when the 'd' parameter is not set *}
+{default_translation_domain domain='bo.default'}
+
+{hook name="tab-image.top" id=$parentId type=$imageType}
 
 <div class="image-manager" >
-    <form action="{url path="/admin/image/type/$imageType/$parentId/save-ajax"}" method="post" class="dropzone" id="images-dropzone" enctype="multipart/form-data">
+    <form action="{url path="/admin/image/type/%image/%id/save-ajax" image=$imageType id=$parentId}" method="post" class="dropzone" id="images-dropzone" enctype="multipart/form-data">
         <div class="fallback">
             <input name="file" type="file" />
             <button type="submit" class="btn btn-info btn-upload"><span class="glyphicon glyphicon-send"></span> {intl l="Send files"}</button>
@@ -16,7 +21,7 @@ Parameters:
 
         <div class="btn-browse hide">
             {intl l="Drop files to upload"}
-            <span>Or</span>
+            <span>{intl l="Or"}</span>
             <button type="button" class="btn btn-info btn-upload"><span class="glyphicon glyphicon-upload"></span> {intl l="Browse files"}</button>
         </div>
 
@@ -24,15 +29,21 @@ Parameters:
     </form>
 
     <div class="existing-image">
-        {include file='includes/image-upload-list-ajax.html'}
+        {include file='includes/image-upload-list-ajax.html'
+            imageType=$imageType
+            parentId=$parentId
+            resource=$resource
+        }
     </div>
 
 </div>
 
+{hook name="tab-image.bottom" id=$parentId type=$imageType}
+
 <script>
-    var imageDropZoneUrl = "{url path="/admin/image/type/$imageType/$parentId/save-ajax"}";
-    var imageListUrl = "{url path="/admin/image/type/$imageType/$parentId/list-ajax"}";
-    var imageReorder = "{url path="/admin/image/type/$imageType/$parentId/update-position"}";
+    var imageDropZoneUrl = "{url path="/admin/image/type/%image/%id/save-ajax" image=$imageType id=$parentId}";
+    var imageListUrl = "{url path="/admin/image/type/%image/%id/list-ajax" image=$imageType id=$parentId}";
+    var imageReorder = "{url path="/admin/image/type/%image/%id/update-position" image=$imageType id=$parentId}";
     var imageListErrorMessage = "{intl l='Can\'t load images, please refresh this page.'}";
     var imageReorderErrorMessage = "{intl l='Can\'t reorder images, please refresh this page.'}";
 </script>
@@ -49,7 +60,7 @@ Parameters:
                 </div>
                 <div class="modal-footer">
                     <button type="button" class="btn btn-default" data-dismiss="modal" aria-hidden="true"><span class="glyphicon glyphicon-remove"></span>{intl l="No"}</button>
-                    <button type="button" id="submit-delete-image" data-element-id="" class="btn btn-default btn-primary"><span class="glyphicon glyphicon-check"></span>{intl l="Yes"}</button>
+                    <button type="button" id="submit-delete-image" data-element-id="" class="btn btn-primary"><span class="glyphicon glyphicon-check"></span>{intl l="Yes"}</button>
                 </div>
         </div>
     </div>