Ticket #3182 - Point №2

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

@@ -153,6 +153,8 @@
     <string name="_bx_timeline_page_block_title_muted"><![CDATA[Отключенные]]></string>
 
     <string name="_bx_timeline_page_content_ph_timeline"><![CDATA[Лента: c заполнителем в виде ленты]]></string>
+    <string name="_bx_timeline_page_content_ph_outline"><![CDATA[Лента: c заполнителем в виде сводки]]></string>
+
 
     <!-- Menus -->
     <string name="_bx_timeline_menu_title_view"><![CDATA[Просмотр]]></string>

modules/boonex/timeline/install/langs/en.xml

@@ -155,6 +155,8 @@
     <string name="_bx_timeline_page_block_title_muted"><![CDATA[Muted]]></string>
 
     <string name="_bx_timeline_page_content_ph_timeline"><![CDATA[Timeline: with timeline placeholder]]></string>
+    <string name="_bx_timeline_page_content_ph_outline"><![CDATA[Timeline: with outline placeholder]]></string>
+
 
     <!-- Menus -->
     <string name="_bx_timeline_menu_title_view"><![CDATA[View]]></string>

modules/boonex/timeline/install/sql/enable.sql

@@ -2,7 +2,9 @@
 -- CONTENT PLACEHOLDERS
 SET @iCPHOrder = (SELECT IFNULL(MAX(`order`), 0) FROM `sys_pages_content_placeholders` ORDER BY `order` DESC LIMIT 1);
 INSERT INTO `sys_pages_content_placeholders` (`module`, `title`, `template`, `order`) VALUES
-('bx_timeline', '_bx_timeline_page_content_ph_timeline', 'block_async_timeline.html', @iCPHOrder + 1);
+('bx_timeline', '_bx_timeline_page_content_ph_timeline', 'block_async_timeline.html', @iCPHOrder + 1),
+('bx_timeline', '_bx_timeline_page_content_ph_outline', 'block_async_outline.html', @iCPHOrder + 2);
+
 
 -- PAGES & BLOCKS
 INSERT INTO `sys_objects_page`(`object`, `title_system`, `title`, `module`, `layout_id`, `visible_for_levels`, `visible_for_levels_editable`, `uri`, `url`, `meta_description`, `meta_keywords`, `meta_robots`, `cache_lifetime`, `cache_editable`, `deletable`, `override_class_name`, `override_class_file`) VALUES 

modules/boonex/timeline/template/block_async_outline.html

@@ -0,0 +1,51 @@
+<style>
+    .bx-tl-cont-ph-boxes {
+        display: -webkit-flex;
+        display: flex;
+        -webkit-justify-content: space-between;
+        justify-content: space-between;
+    }
+
+    .bx-tl-cont-ph-boxes .bx-def-box {
+        width: 30%;
+    }
+</style>
+<div class="bx-tl-cont-ph-boxes">
+    <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-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>
+<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>