block_async_profile_units.html 1.4 KB

123456789101112131415161718192021222324
  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="bx-base-pofile-unit-cover flex align-items justify-center p-4 bg-gray-100 dark:bg-gray-600 rounded-t-md">
  4. <div class="flex-0 h-24 w-24 bg-gray-200 dark:bg-gray-700 rounded-full">&nbsp;</div>
  5. </div>
  6. <div class="p-2 animate-pulse">
  7. <div class="flex justify-center">
  8. <div class="h-5 w-1/2 bg-gray-300 dark:bg-gray-600 rounded-full">&nbsp;</div>
  9. </div>
  10. <div class="flex mt-2 space-x-1">
  11. <div class="h-3 w-1/2 bg-gray-200 dark:bg-gray-700 rounded-xl"></div>
  12. <div class="h-3 w-1/2 bg-gray-200 dark:bg-gray-700 rounded-xl"></div>
  13. </div>
  14. </div>
  15. </div>
  16. </div>
  17. <script>
  18. var iBlockID = '__id__';
  19. var sTmpl = $('#bx-page-block-' + iBlockID + ' .bx-cont-ph-profile-unit').html();
  20. $('#bx-page-block-' + iBlockID + ' .bx-cont-ph-profile-unit').append(sTmpl + sTmpl);
  21. $(document).ready(function () {
  22. 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);
  23. });
  24. </script>