Ticket #932

modules/boonex/market/classes/BxMarketFormEntry.php

@@ -86,6 +86,13 @@ class BxMarketFormEntry extends BxBaseModTextFormEntry
 		    unset($this->aInputs[$CNF['FIELD_SUBENTRIES']]);
     }
 
+    function getCode($bDynamicMode = false)
+    {
+        return $this->_oModule->_oTemplate->parseHtmlByName('form.html', array(
+            'content' => parent::getCode($bDynamicMode)
+        ));
+    }
+
 	function initChecker ($aValues = array (), $aSpecificValues = array())
     {
         $CNF = &$this->_oModule->_oConfig->CNF;

modules/boonex/market/template/css/forms.css

@@ -4,4 +4,35 @@
 .bx-form-value .bx-form-input-autotoken b 
 {
 	padding-left:0.5rem;
-}
+}
+
+/*--- Uploader Ghost ---*/
+.bx-uploader-ghost-header {
+	position: relative;
+	line-height: 1.5rem;
+}
+
+.bx-uploader-ghost .bx-uploader-ghost-header .sys-icon {
+    display: inline-block;
+    width: 1.5rem;
+    height: 1.5rem;
+    text-align: center;
+
+    -moz-transform: rotate(90deg);
+    -webkit-transform: rotate(90deg);
+    -ms-transform: rotate(90deg);
+    -o-transform: rotate(90deg);
+
+    -webkit-transition: all 0.5s ease;
+    -moz-transition: all 0.5s ease;
+    -ms-transition: all 0.5s ease;
+    -o-transition: all 0.5s ease;
+}
+
+.bx-uploader-ghost.closed .bx-uploader-ghost-header .sys-icon {
+    -moz-transform: rotate(0deg);
+    -webkit-transform: rotate(0deg);
+    -ms-transform: rotate(0deg);
+    -o-transform: rotate(0deg);
+}
+

modules/boonex/market/template/form.html

@@ -0,0 +1,27 @@
+__content__
+<script>
+    function bx_market_ghost_init(oGhost, iFileId, iThumbnailId, iCoverId) {
+    	oGhost.find('.bx-base-general-use-as-thumb input[value="' + iThumbnailId + '"]').attr('checked', true);
+    	if(iCoverId != undefined)
+    	    oGhost.find('.bx-base-general-use-as-cover input[value="' + iCoverId + '"]').attr('checked', true);
+
+    	if(typeof(tinymce) == 'object')
+            oGhost.find('.bx-base-general-intert-to-post-link').show();
+
+    	// disable images drag&drop, because resized images address can be reset after some time
+        oGhost.find(".bx-base-general-icon-" + iFileId).bind('dragstart', function() {
+            return false; 
+        });
+
+        oGhost.parent().children('.bx-uploader-ghost').each(function(iIndex, oElement) {
+        	if(iIndex > 0 && !$(oElement).hasClass('closed'))
+        		$(oElement).addClass('closed').find('.bx-uploader-ghost-header:first').addClass('bx-def-color-bg-hl').siblings('.bx-uploader-ghost-body:first').hide();
+        });
+    }
+
+    function bx_market_ghost_toggle(oLink) {
+    	$(oLink).parents('.bx-uploader-ghost:first').toggleClass('closed').find('.bx-uploader-ghost-body').bx_anim('toggle', 'slide', 'slow', function() {
+    		$(this).siblings('.bx-uploader-ghost-header').toggleClass('bx-def-color-bg-hl');
+    	});
+    }
+</script>

modules/boonex/market/template/form_ghost_template.html

@@ -1,46 +1,42 @@
-<div id="bx-uploader-file-{storage_object}-{file_id}" class="bx-uploader-ghost bx-def-margin-sec-top bx-clearfix">
-    <input type="hidden" name="__name__" value="{file_id}" />
-    <div class="bx-base-general-icon-wrapper bx-def-margin-sec-right">
-        <img src="{file_icon}" class="bx-def-round-corners bx-base-general-icon bx-base-general-icon-{file_id}" />
+<div id="bx-uploader-file-{storage_object}-{file_id}" class="bx-uploader-ghost bx-market-uploader-ghost-photo bx-def-margin-sec-top bx-clearfix">
+    <div class="bx-uploader-ghost-header bx-def-padding-thd-topbottom bx-def-padding-sec-leftright">
+        <a href="javascript:void(0)" onclick="javascript:bx_market_ghost_toggle(this);"><i class="sys-icon chevron-right"></i></a> {file_name}
+    </div>
+    <div class="bx-uploader-ghost-body bx-def-padding-thd-topbottom">
+	    <input type="hidden" name="__name__" value="{file_id}" />
+	    <div class="bx-base-general-icon-wrapper bx-def-margin-sec-right">
+	        <img src="{file_icon}" class="bx-def-round-corners bx-base-general-icon bx-base-general-icon-{file_id}" />
+	    </div>
+	    <span class="bx-base-general-uploader-ghost">
+	        <b><bx_text:_sys_txt_form_entry_input_picture_pic_url /></b><br />
+	        <input class="bx-def-font-inputs bx-form-input-text bx-def-margin-sec-bottom" type="text" value="{file_url}" readonly="1" /> <br />
+	
+			<b><bx_text:_bx_market_form_entry_input_pictures_title /></b><br />
+	    	<input class="bx-def-font-inputs bx-form-input-text bx-def-margin-sec-bottom" type="text" name="title-{file_id}" value="{file_title_attr}" /><br />
+	
+	        <span class="bx-base-general-intert-to-post-link" id="bx-base-general-intert-to-post-link-{file_id}" style="display:none;">
+	            <a class="bx-btn bx-btn-small bx-def-margin-sec-right" href="javascript:void(0);" onclick="bx_base_general_insert_to_post('{file_id}', '{file_url}', '__editor_id__');"><bx_text:_sys_txt_form_entry_input_picture_insert /></a>
+	        </span>
+	        <span id="bx-base-general-delete-link-{file_id}">
+	        	<a class="bx-btn bx-btn-small bx-def-margin-sec-right" href="javascript:void(0);" onclick="bx_base_general_delete_ghost('{file_id}', '{file_url}', '{file_icon}', ['__editor_id__'], {js_instance_name});"><bx_text:_sys_txt_form_entry_input_picture_delete /></a>
+	        </span>
+	        <bx_if:set_thumb>
+	        	<br />
+	            <span class="bx-base-general-use-as-thumb">
+	                <input type="checkbox" name="__name_thumb__[]" value="{file_id}" onclick="bx_base_general_select_thumb(this)" id="__name_thumb__-{file_id}" /> 
+	                <label for="__name_thumb__-{file_id}"><bx_text:_bx_market_form_entry_input_pictures_use_as_thumb /></label>
+	            </span>
+	        </bx_if:set_thumb>
+	        <bx_if:set_cover>
+	        	<br />
+	            <span class="bx-base-general-use-as-cover">
+	                <input type="checkbox" name="__name_cover__[]" value="{file_id}" onclick="bx_base_general_select_ghost(this, '__name_cover__')" id="__name_cover__-{file_id}" /> 
+	                <label for="__name_cover__-{file_id}"><bx_text:_bx_market_form_entry_input_pictures_use_as_cover /></label>
+	            </span>
+	        </bx_if:set_cover>
+	    </span>
     </div>
-    <span class="bx-base-general-uploader-ghost">
-        <b><bx_text:_sys_txt_form_entry_input_picture_pic_url /></b><br />
-        <input class="bx-def-font-inputs bx-form-input-text bx-def-margin-sec-bottom" type="text" value="{file_url}" readonly="1" /> <br />
-
-		<b><bx_text:_bx_market_form_entry_input_pictures_title /></b><br />
-    	<input class="bx-def-font-inputs bx-form-input-text bx-def-margin-sec-bottom" type="text" name="title-{file_id}" value="{file_title_attr}" /><br />
-
-        <span id="bx-base-general-intert-to-post-link-{file_id}" style="display:none;">
-            <a class="bx-btn bx-btn-small bx-def-margin-sec-right" href="javascript:void(0);" onclick="bx_base_general_insert_to_post('{file_id}', '{file_url}', '__editor_id__');"><bx_text:_sys_txt_form_entry_input_picture_insert /></a>
-        </span>
-        <span id="bx-base-general-delete-link-{file_id}">
-        	<a class="bx-btn bx-btn-small bx-def-margin-sec-right" href="javascript:void(0);" onclick="bx_base_general_delete_ghost('{file_id}', '{file_url}', '{file_icon}', ['__editor_id__'], {js_instance_name});"><bx_text:_sys_txt_form_entry_input_picture_delete /></a>
-        </span>
-        <bx_if:set_thumb>
-        	<br />
-            <span class="bx-base-general-use-as-thumb">
-                <input type="checkbox" name="__name_thumb__[]" value="{file_id}" onclick="bx_base_general_select_thumb(this)" id="__name_thumb__-{file_id}" /> 
-                <label for="__name_thumb__-{file_id}"><bx_text:_bx_market_form_entry_input_pictures_use_as_thumb /></label>
-            </span>
-        </bx_if:set_thumb>
-        <bx_if:set_cover>
-        	<br />
-            <span class="bx-base-general-use-as-cover">
-                <input type="checkbox" name="__name_cover__[]" value="{file_id}" onclick="bx_base_general_select_ghost(this, '__name_cover__')" id="__name_cover__-{file_id}" /> 
-                <label for="__name_cover__-{file_id}"><bx_text:_bx_market_form_entry_input_pictures_use_as_cover /></label>
-            </span>
-        </bx_if:set_cover>
-    </span>
 </div>
-<script>
-    if ('object' == typeof(tinymce))
-        $('#bx-base-general-intert-to-post-link-{file_id}').show();
-
-    $('#bx-uploader-file-{storage_object}-{file_id} .bx-base-general-use-as-thumb input[value="__thumb_id__"]').attr('checked', true);
-    $('#bx-uploader-file-{storage_object}-{file_id} .bx-base-general-use-as-cover input[value="__cover_id__"]').attr('checked', true);
-
-    // disable images drag&drop, because resized images address can be reset after some time
-    $(".bx-base-general-icon-{file_id}").bind('dragstart', function(){
-        return false; 
-    });
+<script type="text/javascript" language="javascript">
+    bx_market_ghost_init($('#bx-uploader-file-{storage_object}-{file_id}'), {file_id}, __thumb_id__, __cover_id__);
 </script>

modules/boonex/market/template/form_ghost_template_file.html

@@ -1,52 +1,49 @@
-<div id="bx-uploader-file-{storage_object}-{file_id}" class="bx-uploader-ghost bx-def-margin-sec-top bx-clearfix">
-    <input type="hidden" name="__name__" value="{file_id}" />
-    <div class="bx-base-general-icon-wrapper bx-def-margin-sec-right">
-        <img src="{file_icon}" class="bx-def-round-corners bx-base-general-icon bx-base-general-icon-{file_id}" />
+<div id="bx-uploader-file-{storage_object}-{file_id}" class="bx-uploader-ghost bx-market-uploader-ghost-file bx-def-margin-sec-top bx-clearfix">
+    <div class="bx-uploader-ghost-header bx-def-padding-thd-topbottom bx-def-padding-sec-leftright">
+        <a href="javascript:void(0)" onclick="javascript:bx_market_ghost_toggle(this);"><i class="sys-icon chevron-right"></i></a> {file_name}
+    </div>
+    <div class="bx-uploader-ghost-body bx-def-padding-thd-topbottom">
+	    <input type="hidden" name="__name__" value="{file_id}" />
+	    <div class="bx-base-general-icon-wrapper bx-def-margin-sec-right">
+	        <img src="{file_icon}" class="bx-def-round-corners bx-base-general-icon bx-base-general-icon-{file_id}" />
+	    </div>
+	    <span class="bx-base-general-uploader-ghost">
+			<b><bx_text:_bx_market_form_entry_input_files_name /></b><br />
+	        <input class="bx-def-font-inputs bx-form-input-text bx-def-margin-sec-bottom" type="text" value="{file_name}" readonly="1" /><br />
+	
+			<b><bx_text:_bx_market_form_entry_input_files_type /></b><br />
+			<select class="bx-def-font-inputs bx-form-input-select bx-def-margin-sec-bottom" name="type-{file_id}" onchange="javascript:oBxMarketEntry.changeFileType(this);">
+				<option value="version"{file_type_version_selected}><bx_text:_bx_market_form_entry_input_files_type_version /></option>
+				<option value="update"{file_type_update_selected}><bx_text:_bx_market_form_entry_input_files_type_update /></option>
+			</select><br />
+	
+			<span class="bx-uploader-ghost-type-rel bx-uploader-ghost-type-version"{file_type_version_elements}>
+		    	<b><bx_text:_bx_market_form_entry_input_files_version /></b><br />
+		    	<input class="bx-def-font-inputs bx-form-input-text bx-def-margin-sec-bottom" type="text" name="version-{file_id}" value="{file_version_attr}" /><br />
+			</span>
+	
+			<span class="bx-uploader-ghost-type-rel bx-uploader-ghost-type-update"{file_type_update_elements}>
+				<b><bx_text:_bx_market_form_entry_input_files_version_from /></b><br />
+		    	<select class="bx-def-font-inputs bx-form-input-select bx-def-margin-sec-bottom" name="version-from-{file_id}">{file_version_from_options}</select><br />
+				<b><bx_text:_bx_market_form_entry_input_files_version_to /></b><br />
+		    	<select class="bx-def-font-inputs bx-form-input-select bx-def-margin-sec-bottom" name="version-to-{file_id}">{file_version_to_options}</select><br />
+			</span>
+	
+	        <span class="bx-base-general-intert-to-post-link" id="bx-base-general-intert-to-post-link-{file_id}" style="display:none;">
+	            <a class="bx-btn bx-btn-small bx-def-margin-sec-right" href="javascript:void(0);" onclick="bx_base_general_insert_to_post('{file_id}', '{file_url}', '__editor_id__');"><bx_text:_sys_txt_form_entry_input_picture_insert /></a>
+	        </span>
+	        <a class="bx-btn bx-btn-small bx-def-margin-sec-right" href="javascript:void(0);" onclick="bx_base_general_delete_ghost('{file_id}', '{file_url}', '{file_icon}', ['__editor_id__'], {js_instance_name});"><bx_text:_sys_txt_form_entry_input_picture_delete /></a>
+	
+	        <bx_if:set_thumb>
+	            <span class="bx-base-general-use-as-thumb bx-uploader-ghost-type-rel bx-uploader-ghost-type-version"{file_type_version_elements}>
+	                <input type="checkbox" name="__name_thumb__[]" value="{file_id}" onclick="bx_base_general_select_thumb(this)" id="__name_thumb__-{file_id}" /> 
+	                <label for="__name_thumb__-{file_id}"><bx_text:_bx_market_form_entry_input_files_use_as_main /></label>
+	            </span>
+	        </bx_if:set_thumb>
+	
+	    </span>
     </div>
-    <span class="bx-base-general-uploader-ghost">
-		<b><bx_text:_bx_market_form_entry_input_files_name /></b><br />
-        <input class="bx-def-font-inputs bx-form-input-text bx-def-margin-sec-bottom" type="text" value="{file_name}" readonly="1" /><br />
-
-		<b><bx_text:_bx_market_form_entry_input_files_type /></b><br />
-		<select class="bx-def-font-inputs bx-form-input-select bx-def-margin-sec-bottom" name="type-{file_id}" onchange="javascript:oBxMarketEntry.changeFileType(this);">
-			<option value="version"{file_type_version_selected}><bx_text:_bx_market_form_entry_input_files_type_version /></option>
-			<option value="update"{file_type_update_selected}><bx_text:_bx_market_form_entry_input_files_type_update /></option>
-		</select><br />
-
-		<span class="bx-uploader-ghost-type-rel bx-uploader-ghost-type-version"{file_type_version_elements}>
-	    	<b><bx_text:_bx_market_form_entry_input_files_version /></b><br />
-	    	<input class="bx-def-font-inputs bx-form-input-text bx-def-margin-sec-bottom" type="text" name="version-{file_id}" value="{file_version_attr}" /><br />
-		</span>
-
-		<span class="bx-uploader-ghost-type-rel bx-uploader-ghost-type-update"{file_type_update_elements}>
-			<b><bx_text:_bx_market_form_entry_input_files_version_from /></b><br />
-	    	<select class="bx-def-font-inputs bx-form-input-select bx-def-margin-sec-bottom" name="version-from-{file_id}">{file_version_from_options}</select><br />
-			<b><bx_text:_bx_market_form_entry_input_files_version_to /></b><br />
-	    	<select class="bx-def-font-inputs bx-form-input-select bx-def-margin-sec-bottom" name="version-to-{file_id}">{file_version_to_options}</select><br />
-		</span>
-
-        <span id="bx-base-general-intert-to-post-link-{file_id}" style="display:none;">
-            <a class="bx-btn bx-btn-small bx-def-margin-sec-right" href="javascript:void(0);" onclick="bx_base_general_insert_to_post('{file_id}', '{file_url}', '__editor_id__');"><bx_text:_sys_txt_form_entry_input_picture_insert /></a>
-        </span>
-        <a class="bx-btn bx-btn-small bx-def-margin-sec-right" href="javascript:void(0);" onclick="bx_base_general_delete_ghost('{file_id}', '{file_url}', '{file_icon}', ['__editor_id__'], {js_instance_name});"><bx_text:_sys_txt_form_entry_input_picture_delete /></a>
-
-        <bx_if:set_thumb>
-            <span class="bx-base-general-use-as-thumb bx-uploader-ghost-type-rel bx-uploader-ghost-type-version"{file_type_version_elements}>
-                <input type="checkbox" name="__name_thumb__[]" value="{file_id}" onclick="bx_base_general_select_thumb(this)" id="__name_thumb__-{file_id}" /> 
-                <label for="__name_thumb__-{file_id}"><bx_text:_bx_market_form_entry_input_files_use_as_main /></label>
-            </span>
-        </bx_if:set_thumb>
-
-    </span>
 </div>
-<script>
-    if ('object' == typeof(tinymce))
-        $('#bx-base-general-intert-to-post-link-{file_id}').show();
-
-    $('#bx-uploader-file-{storage_object}-{file_id} .bx-base-general-use-as-thumb input[value="__thumb_id__"]').attr('checked', true);
-
-    // disable images drag&drop, because resized images address can be reset after some time
-    $(".bx-base-general-icon-{file_id}").bind('dragstart', function(){
-        return false; 
-    });
+<script type="text/javascript" language="javascript">
+    bx_market_ghost_init($('#bx-uploader-file-{storage_object}-{file_id}'), {file_id}, __thumb_id__);
 </script>