ml3_node_l3.html 1.5 KB

123456789101112131415161718192021222324
  1. <div class="bx-courses-ml3-node-l__level__ bx-def-box bx-def-box-round-corners bx-def-color-bg-box relative my-2">
  2. <div class="bx-courses-ml3-node-l__level__-gap p-4">
  3. <div class="bx-courses-ml3-node-l__level__-cnt relative flex space-x-4">
  4. <div class="bx-courses-ml3-node-l__level__-progress pr-4 border-r">
  5. <div class="bx-courses-percent flex justify-center items-center w-16 h-16 border-2 rounded-full">
  6. <span>__pass_percent__%</span>
  7. </div>
  8. <div class="bx-courses-percent text-center">__pass_progress__</div>
  9. </div>
  10. <div class="bx-courses-ml3-node-l__level__-info flex-1">
  11. <div class="bx-courses-index bx-def-font-grayed text-xs"><span class="capitalize"><bx_text:_bx_courses_txt_sample_l3_single /></span> __index__:</div>
  12. <div class="bx-courses-title text-xl font-bold">
  13. <a href="__link__">__title__</a>
  14. </div>
  15. <div class="bx-courses-status flex pt-2"><div class="px-4 bg-gray-300 rounded-full">__pass_status__</div></div>
  16. </div>
  17. <div class="bx-courses-ml3-node-l__level__-actions flex items-center">
  18. <bx_if:show_pass>
  19. <a class="bx-btn bx-btn-small" href="__pass_href__" onclick="javascript:return __js_object__.passNode(this, __id__);">__pass_title__</a>
  20. </bx_if:show_pass>
  21. </div>
  22. </div>
  23. </div>
  24. </div>