block_async_text_units_gallery.html 1.9 KB

1234567891011121314151617181920212223242526272829303132
  1. <div class="bx-cont-ph-profile-unit relative flex space-x-6">
  2. <div class="flex-1 mb-4 ring-1 ring-gray-200 dark:ring-gray-700 bg-white dark:bg-gray-800 rounded-md">
  3. <div class="h-48 m-1 mb-0 bg-gray-200 dark:bg-gray-700 rounded animate-pulse">&nbsp;</div>
  4. <div class="p-4 space-y-4 animate-pulse">
  5. <div class="h-3 w-1/3 bg-gray-200 dark:bg-gray-700 rounded-xl"></div>
  6. <div class="space-y-2">
  7. <div class="flex space-x-1">
  8. <div class="h-5 w-1/2 bg-gray-300 dark:bg-gray-600 rounded-xl"></div>
  9. <div class="h-5 w-1/2 bg-gray-300 dark:bg-gray-600 rounded-xl"></div>
  10. </div>
  11. <div class="h-5 w-2/3 bg-gray-300 dark:bg-gray-600 rounded-xl"></div>
  12. </div>
  13. <div class="flex space-x-1">
  14. <div class="h-3 w-1/2 bg-gray-200 dark:bg-gray-700 rounded-xl"></div>
  15. <div class="h-3 w-1/2 bg-gray-200 dark:bg-gray-700 rounded-xl"></div>
  16. </div>
  17. <div class="flex space-x-1">
  18. <div class="h-3 w-1/3 bg-gray-200 dark:bg-gray-700 rounded-xl"></div>
  19. <div class="h-3 w-2/3 bg-gray-200 dark:bg-gray-700 rounded-xl"></div>
  20. </div>
  21. <div class="bg-gray-200 dark:bg-gray-700 h-3 w-2/3 rounded-xl"></div>
  22. </div>
  23. </div>
  24. </div>
  25. <script>
  26. var iBlockID = '__id__';
  27. var sTmpl = $('#bx-page-block-' + iBlockID + ' .bx-cont-ph-profile-unit').html();
  28. $('#bx-page-block-' + iBlockID + ' .bx-cont-ph-profile-unit').append(sTmpl + sTmpl);
  29. $(document).ready(function () {
  30. getHtmlData($('#bx-page-block-' + iBlockID), bx_append_url_params(document.location.href, 'dynamic=tab&pageBlock=' + iBlockID), onAsyncBlockLoad, 'post', false, {includedCss: JSON.stringify(aIncludedCss), includedJs: JSON.stringify(aIncludedJs)}, false);
  31. });
  32. </script>