form_ghost_template.html 2.2 KB

123456789101112131415161718192021222324252627
  1. <div id="bx-uploader-file-{storage_object}-{file_id}" class="bx-uploader-ghost mt-2 flex items-start">
  2. <div class="bx-uploader-ghost-cnt">
  3. <a class="bx-anchor-invisible" name="story-media-{file_id}"></a>
  4. <input type="hidden" name="__name__[]" value="{file_id}" />
  5. <div class="bx-base-general-icon-wrapper">
  6. <img src="{file_icon}" class="bx-def-round-corners bx-base-general-icon bx-base-general-icon-{file_id}" />
  7. </div>
  8. <span class="bx-base-general-uploader-ghost">
  9. <a class="bx-btn bx-btn-small bx-def-margin-sec-right" href="javascript:void(0);" title="<bx_text:_sys_txt_form_entry_input_picture_delete />" onclick="bx_base_general_delete_ghost('{file_id}', '{file_url}', '{file_icon}', ['__editor_id__'], {js_instance_name});">
  10. <bx_image_auto:times />
  11. </a>
  12. <a class="bx-btn bx-btn-small mr-2" href="javascript:void(0);" title="<bx_text:_sys_txt_form_entry_input_picture_copy />" onclick="bx_copy_to_clipboard('{file_url}');">
  13. <bx_image_auto:copy />
  14. </a>
  15. </span>
  16. </div>
  17. <input placeholder="<bx_text:_bx_stories_form_entry_file_title />" class="bx-def-font-inputs bx-form-input-text block w-full py-2 px-3 border border-gray-300 dark:border-gray-700 rounded-md shadow-sm bg-white dark:bg-gray-900 placeholder-gray-500 focus:outline-none focus:placeholder-gray-400 focus:ring-2 focus:text-gray-900 dark:focus:text-gray-100 focus:ring-blue-500 focus:border-opacity-70 focus:ring-opacity-20 focus:border-blue-500 text-sm text-gray-700 dark:text-gray-300 appearance-none" type="text" value="{file_title_attr}" name="title-{file_id}" />
  18. <bx_if:set_thumb>
  19. <span class="bx-base-general-use-as-thumb">
  20. <input type="checkbox" name="__name_thumb__[]" value="{file_id}" onclick="bx_base_general_select_thumb(this)" id="__name_thumb__-{file_id}" />
  21. <label for="__name_thumb__-{file_id}"><bx_text:_sys_txt_form_entry_input_picture_use_as_thumb /></label>
  22. </span>
  23. </bx_if:set_thumb>
  24. </div>
  25. <script>
  26. $('#bx-uploader-file-{storage_object}-{file_id} .bx-base-general-use-as-thumb input[value="__thumb_id__"]').attr('checked', true);
  27. </script>