#3051 Asynchronous blocks

inc/js/functions.js

@@ -74,7 +74,7 @@ function getHtmlData( elem, url, callback, method, confirmation, values, loading
 
 		$block.css('position', 'relative'); // set temporarily for displaying "loading icon"
 
-        if (typeof loading == undefined || loading) {
+        if ('undefined' === typeof(loading) || loading) {
     		bx_loading_content($block, true);
 	    	var $loadingDiv = $block.find('.bx-loading-ajax');
 

install/sql/system.sql

@@ -4902,7 +4902,12 @@ CREATE TABLE IF NOT EXISTS `sys_pages_content_placeholders` (
 
 INSERT INTO `sys_pages_content_placeholders` (`id`, `title`, `order`) VALUES
 (1, '_sys_page_content_ph_loading_indicator', 1),
-(2, '_sys_page_content_ph_timeline', 2);
+(2, '_sys_page_content_ph_text', 2),
+(3, '_sys_page_content_ph_image', 3),
+(100, '_sys_page_content_ph_timeline', 100),
+(110, '_sys_page_content_ph_profile_units', 110),
+(120, '_sys_page_content_ph_text_units_list', 120),
+(130, '_sys_page_content_ph_text_units_gallery', 130);
 
 
 

modules/boonex/english/data/langs/system/en.xml

@@ -2786,7 +2786,12 @@ If it is not enabled then please consider implement this optimization, since it
     <string name="_sys_off"><![CDATA[off]]></string>
     <string name="_sys_pages"><![CDATA[Pages]]></string>
     <string name="_sys_page_content_ph_loading_indicator"><![CDATA[With loading indicator]]></string>
+    <string name="_sys_page_content_ph_text"><![CDATA[With text placeholder]]></string>
+    <string name="_sys_page_content_ph_image"><![CDATA[With image placeholder]]></string>
     <string name="_sys_page_content_ph_timeline"><![CDATA[With timeline placeholder]]></string>
+    <string name="_sys_page_content_ph_profile_units"><![CDATA[With profile units placeholder]]></string>
+    <string name="_sys_page_content_ph_text_units_list"><![CDATA[With text units list placeholder]]></string>
+    <string name="_sys_page_content_ph_text_units_gallery"><![CDATA[With text units gallery placeholder]]></string>
 	<string name="_sys_page_block_title_about"><![CDATA[About]]></string>
 	<string name="_sys_page_block_title_account_profile_create"><![CDATA[Create a profile...]]></string>
 	<string name="_sys_page_block_title_account_profile_switcher"><![CDATA[Use site as ...]]></string>

modules/boonex/russian/data/langs/system/ru.xml

@@ -2737,7 +2737,12 @@
     <string name="_sys_off"><![CDATA[выкл.]]></string>
     <string name="_sys_pages"><![CDATA[Страницы]]></string>
     <string name="_sys_page_content_ph_loading_indicator"><![CDATA[С индикатором загрузки]]></string>
+    <string name="_sys_page_content_ph_text"><![CDATA[С заполнителем в виде текста]]></string>
+    <string name="_sys_page_content_ph_image"><![CDATA[С заполнителем в виде картинки]]></string>
     <string name="_sys_page_content_ph_timeline"><![CDATA[С заполнителем в виде ленты]]></string>
+    <string name="_sys_page_content_ph_profile_units"><![CDATA[С заполнителем в виде профайлов]]></string>
+    <string name="_sys_page_content_ph_text_units_list"><![CDATA[С заполнителем в виде списка текстовых блоков]]></string>
+    <string name="_sys_page_content_ph_text_units_gallery"><![CDATA[С заполнителем в виде галереи текстовых блоков]]></string>
 	<string name="_sys_page_block_title_about"><![CDATA[Об...]]></string>
 	<string name="_sys_page_block_title_account_profile_create"><![CDATA[Создать профиль...]]></string>
 	<string name="_sys_page_block_title_account_profile_switcher"><![CDATA[Использовать сайт как ...]]></string>

template/block_async_100.html

@@ -0,0 +1,28 @@
+<div class="bx-def-box bx-def-padding-topbottom bx-def-round-corners bx-def-color-bg-box bx-def-margin-bottom">
+    <div class="bx-clearfix">
+        <div class="bx-cont-ph bx-def-thumb-size bx-def-thumb bx-def-box-sizing bx-def-margin" style="float:left;">&nbsp;</div>
+        <span class="bx-cont-ph-inline bx-def-margin-top" style="width:10rem;">&nbsp;</span><br />
+        <span class="bx-cont-ph-inline bx-def-margin-thd-top bx-def-font-small" style="width:7rem;">&nbsp;</span>
+    </div>
+    <div class="bx-cont-ph" style="height:20rem;"></div>
+    <span class="bx-cont-ph-inline bx-def-margin bx-def-font-h3" style="width:18rem;">&nbsp;</span>
+</div>
+<div class="bx-def-box bx-def-padding-topbottom bx-def-round-corners bx-def-color-bg-box bx-def-margin-bottom">
+    <div class="bx-clearfix">
+        <div class="bx-cont-ph bx-def-thumb-size bx-def-thumb bx-def-box-sizing bx-def-margin" style="float:left;">&nbsp;</div>
+        <span class="bx-cont-ph-inline bx-def-margin-top" style="width:10rem;">&nbsp;</span><br />
+        <span class="bx-cont-ph-inline bx-def-margin-thd-top bx-def-font-small" style="width:7rem;">&nbsp;</span>
+    </div>
+    <div class="bx-def-padding">
+        <div class="bx-cont-ph bx-def-margin-thd-bottom">&nbsp;</div>
+        <div class="bx-cont-ph bx-def-margin-thd-bottom">&nbsp;</div>
+        <div class="bx-cont-ph bx-def-margin-thd-bottom">&nbsp;</div>
+        <div class="bx-cont-ph bx-def-margin-thd-bottom">&nbsp;</div>
+    </div>
+</div>
+<script>
+    $(document).ready(function () {
+        var iBlockID = '__id__';
+        getHtmlData($('#bx-page-block-' + iBlockID), bx_append_url_params(document.location.href, 'dynamic=tab&pageBlock=' + iBlockID), undefined, 'post', false, {includedCss: JSON.stringify(aIncludedCss), includedJs: JSON.stringify(aIncludedJs)}, false);
+    });
+</script>

template/block_async_110.html

@@ -0,0 +1,33 @@
+
+<template class="bx-cont-ph-profile-unit">
+    <div class="bx-base-pofile-unit-with-cover bx-def-padding-sec bx-def-box-sizing" style="min-width:19rem;">
+        <div class="bx-base-pofile-unit-cnt bx-def-box bx-def-border bx-def-round-corners bx-def-color-bg-box">
+            <span class="bx-base-pofile-unit-cover bx-def-align-center bg-col-gray" href="#" onclick="return false">
+                <div class="bx-def-unit-img bx-def-ava-size bx-def-ava bx-cont-ph"></div>
+            </span>
+            <div class="bx-base-pofile-unit-title bx-def-box-sizing bx-def-padding-sec">
+                <div class="bx-cont-ph bx-def-margin-thd-bottom" style="width:5rem;">&nbsp;</div>
+            </div>
+            <div class="bx-base-pofile-unit-info">
+                <div class="bx-base-general-unit-meta bx-def-box-sizing bx-def-padding-sec-rightbottomleft">
+                    <ul id="bx-persons-snippet-meta" class="bx-menu-custom bx-menu-custom-hor bx-menu-hor-inline bx-menu-object-bx_persons_snippet_meta bx-clearfix">
+                        <li class="bx-menu-item">
+                            <span class="bx-base-profile-unit-meta-item bx-cont-ph-inline" style="width:6rem;">&nbsp;</span>
+                        </li>
+                        <li class="bx-menu-item bx-def-margin-left"><span class="bx-base-profile-unit-meta-item bx-cont-ph-inline" style="width:6rem;">&nbsp;</span>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+    var iBlockID = '__id__';
+    var sTmpl = $('#bx-page-block-' + iBlockID + ' .bx-cont-ph-profile-unit').html();
+    $('#bx-page-block-' + iBlockID + ' .bx-db-content').append(sTmpl + sTmpl + sTmpl);
+    $(document).ready(function () {
+        getHtmlData($('#bx-page-block-' + iBlockID), bx_append_url_params(document.location.href, 'dynamic=tab&pageBlock=' + iBlockID), undefined, 'post', false, {includedCss: JSON.stringify(aIncludedCss), includedJs: JSON.stringify(aIncludedJs)}, false);
+    });
+</script>

template/block_async_120.html

@@ -0,0 +1,33 @@
+
+<template class="bx-cont-ph-text-unit">
+    <div class="bx-base-text-unit bx-base-text-unit-ext bx-def-box bx-def-round-corners bx-def-color-bg-box bx-def-margin-bottom">
+        <div class="bx-base-text-unit-cover bx-base-text-unit-cover bx-def-round-corners bx-cont-ph" style="height:18.75rem;"></div>
+        <div class="bx-base-text-unit-text bx-def-padding bx-def-box-sizing">
+            <div class="bx-base-text-unit-title">
+                <h2 class="bx-def-font-h2 bx-cont-ph-inline" style="width:20rem; margin:0;">&nbsp;</h2>
+            </div>           
+            <div class="bx-base-text-unit-info bx-def-margin-sec-top bx-def-font-small">
+                <div class="bx-base-general-unit-meta">
+                    <ul id="bx-posts-snippet-meta" class="bx-menu-custom bx-menu-custom-hor bx-menu-hor-inline bx-menu-object-bx_posts_snippet_meta bx-clearfix">
+                        <li class="bx-menu-item bx-menu-item-date"><span class="bx-base-general-unit-meta-item bx-cont-ph" style="width:10rem;">&nbsp;</span></li>
+                    </ul>
+                </div>
+            </div>
+            <div class="bx-base-text-unit-summary bx-def-margin-sec-top bx-clearfix">
+                <div class="bx-cont-ph bx-def-margin-thd-bottom">&nbsp;</div>
+                <div class="bx-cont-ph bx-def-margin-thd-bottom">&nbsp;</div>
+                <div class="bx-cont-ph bx-def-margin-thd-bottom">&nbsp;</div>
+                <div class="bx-cont-ph bx-def-margin-thd-bottom">&nbsp;</div>
+            </div> 
+        </div>
+    </div>
+</template>
+
+<script>
+    var iBlockID = '__id__';
+    var sTmpl = $('#bx-page-block-' + iBlockID + ' .bx-cont-ph-text-unit').html();
+    $('#bx-page-block-' + iBlockID + ' .bx-db-content').append(sTmpl + sTmpl + sTmpl);
+    $(document).ready(function () {
+        getHtmlData($('#bx-page-block-' + iBlockID), bx_append_url_params(document.location.href, 'dynamic=tab&pageBlock=' + iBlockID), undefined, 'post', false, {includedCss: JSON.stringify(aIncludedCss), includedJs: JSON.stringify(aIncludedJs)}, false);
+    });
+</script>

template/block_async_130.html

@@ -0,0 +1,36 @@
+
+<template class="bx-cont-ph-profile-unit">
+
+
+<div class="bx-base-text-unit bx-base-text-unit-gallery bx-def-gal-unit-size bx-def-padding-sec" style="width:19rem;">
+    <div class="bx-base-text-unit-cnt bx-def-box bx-def-round-corners bx-def-color-bg-box bx-def-box-sizing">
+                <div class="bx-base-text-unit-thumb bx-def-gal-div-size bx-def-round-corners bx-def-font-middle bx-cont-ph">
+                </div>
+        
+        
+        <div class="bx-base-text-unit-text bx-def-padding-leftright bx-def-padding-sec-topbottom bx-def-box-sizing">
+            <div class="bx-base-text-unit-title">
+                <div class="bx-def-font-h2 bx-cont-ph-inline" style="width:14rem;">&nbsp;</div>
+            </div>
+            <div class="bx-base-text-unit-info">
+                <div class="bx-base-general-unit-meta">
+                    <ul id="bx-posts-snippet-meta" class="bx-menu-custom bx-menu-custom-hor bx-menu-hor-inline bx-menu-object-bx_posts_snippet_meta bx-clearfix">
+                        <li class="bx-menu-item bx-menu-item-date"><span class="bx-base-general-unit-meta-item bx-cont-ph-inline" style="width:7rem;">&nbsp;</span></li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+
+</template>
+
+<script>
+    var iBlockID = '__id__';
+    var sTmpl = $('#bx-page-block-' + iBlockID + ' .bx-cont-ph-profile-unit').html();
+    $('#bx-page-block-' + iBlockID + ' .bx-db-content').append(sTmpl + sTmpl + sTmpl);
+    $(document).ready(function () {
+        getHtmlData($('#bx-page-block-' + iBlockID), bx_append_url_params(document.location.href, 'dynamic=tab&pageBlock=' + iBlockID), undefined, 'post', false, {includedCss: JSON.stringify(aIncludedCss), includedJs: JSON.stringify(aIncludedJs)}, false);
+    });
+</script>

template/block_async_2.html

@@ -1,28 +1,15 @@
-<div class="bx-def-box bx-def-padding-topbottom bx-def-round-corners bx-def-color-bg-box bx-def-margin-bottom">
-    <div class="bx-clearfix">
-        <div class="bx-cont-ph bx-def-thumb-size bx-def-thumb bx-def-box-sizing bx-def-margin" style="float:left;">&nbsp;</div>
-        <span class="bx-cont-ph-inline bx-def-margin-top" style="width:10rem;">&nbsp;</span><br />
-        <span class="bx-cont-ph-inline bx-def-margin-thd-top bx-def-font-small" style="width:7rem;">&nbsp;</span>
-    </div>
-    <div class="bx-cont-ph" style="height:20rem;"></div>
-    <span class="bx-cont-ph-inline bx-def-margin bx-def-font-h3" style="width:18rem;">&nbsp;</span>
-</div>
-<div class="bx-def-box bx-def-padding-topbottom bx-def-round-corners bx-def-color-bg-box bx-def-margin-bottom">
-    <div class="bx-clearfix">
-        <div class="bx-cont-ph bx-def-thumb-size bx-def-thumb bx-def-box-sizing bx-def-margin" style="float:left;">&nbsp;</div>
-        <span class="bx-cont-ph-inline bx-def-margin-top" style="width:10rem;">&nbsp;</span><br />
-        <span class="bx-cont-ph-inline bx-def-margin-thd-top bx-def-font-small" style="width:7rem;">&nbsp;</span>
-    </div>
-    <div class="bx-def-padding">
-        <div class="bx-cont-ph bx-def-margin-thd-bottom">&nbsp;</div>
-        <div class="bx-cont-ph bx-def-margin-thd-bottom">&nbsp;</div>
-        <div class="bx-cont-ph bx-def-margin-thd-bottom">&nbsp;</div>
-        <div class="bx-cont-ph bx-def-margin-thd-bottom">&nbsp;</div>
-    </div>
-</div>
+
+<div class="bx-cont-ph bx-def-margin-thd-bottom">&nbsp;</div>
+<div class="bx-cont-ph bx-def-margin-thd-bottom">&nbsp;</div>
+<div class="bx-cont-ph bx-def-margin-thd-bottom">&nbsp;</div>
+<div class="bx-cont-ph bx-def-margin-thd-bottom">&nbsp;</div>
+<div class="bx-cont-ph bx-def-margin-thd-bottom">&nbsp;</div>
+<div class="bx-cont-ph bx-def-margin-thd-bottom">&nbsp;</div>
+<div class="bx-cont-ph bx-def-margin-thd-bottom">&nbsp;</div>
+
 <script>
+    var iBlockID = '__id__';
     $(document).ready(function () {
-        var iBlockID = '__id__';
         getHtmlData($('#bx-page-block-' + iBlockID), bx_append_url_params(document.location.href, 'dynamic=tab&pageBlock=' + iBlockID), undefined, 'post', false, {includedCss: JSON.stringify(aIncludedCss), includedJs: JSON.stringify(aIncludedJs)}, false);
     });
 </script>

template/block_async_3.html

@@ -0,0 +1,9 @@
+
+<div class="bx-cont-ph" style="height:18rem;">&nbsp;</div>
+
+<script>
+    var iBlockID = '__id__';
+    $(document).ready(function () {
+        getHtmlData($('#bx-page-block-' + iBlockID), bx_append_url_params(document.location.href, 'dynamic=tab&pageBlock=' + iBlockID), undefined, 'post', false, {includedCss: JSON.stringify(aIncludedCss), includedJs: JSON.stringify(aIncludedJs)}, false);
+    });
+</script>