form_ghost_template.html 1.6 KB

1234567891011121314151617181920212223242526
  1. <div id="bx-uploader-file-{storage_object}-{file_id}" class="bx-uploader-ghost flex items-start mt-2">
  2. <input type="hidden" name="__name__[]" value="{file_id}" />
  3. <div class="bx-base-general-icon-wrapper mr-2">
  4. <img src="{file_icon}" class="bx-base-general-icon rounded bx-base-general-icon-{file_id}" />
  5. </div>
  6. <span class="bx-base-general-uploader-ghost">
  7. <div class="font-bold"><bx_text:_sys_txt_form_entry_input_picture_pic_url /></div>
  8. <div class="bx-form-input-wrapper bx-form-input-wrapper-text mt-1">
  9. <input class="bx-def-font-inputs bx-form-input-text" type="text" value="{file_url}" readonly="1" />
  10. </div>
  11. <div class="mt-2">
  12. <span id="bx-base-general-intert-to-post-link-{file_id}" class="inline-block" style="display:none;">
  13. <a class="bx-btn bx-btn-small mr-2" href="javascript:void(0);" onclick="bx_base_general_insert_to_post('{file_id}', '{file_url}', '__editor_id__');"><bx_text:_sys_txt_form_entry_input_picture_insert /></a>
  14. </span>
  15. <a class="bx-btn bx-btn-small mr-2" href="javascript:void(0);" onclick="bx_base_general_delete_ghost('{file_id}', '{file_url}', '{file_icon}', ['__editor_id__'], {js_instance_name});"><bx_text:_sys_txt_form_entry_input_picture_delete /></a>
  16. </div>
  17. </span>
  18. </div>
  19. <script>
  20. $('#bx-base-general-intert-to-post-link-{file_id}').show();
  21. // disable images drag&drop, because resized images address can be reset after some time
  22. $(".bx-base-general-icon-{file_id}").bind('dragstart', function(){
  23. return false;
  24. });
  25. </script>