overlay_create_status.php 3.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. <div class="overlay_status invisible">
  2. <header class="overlay_status_header">
  3. <span>Compose new Toot</span>
  4. </header>
  5. <form id="overlay_status_form" name="overlay_status_form" class="status_form ready">
  6. <div class="status_top">
  7. <input class="status_spoiler invisible" name="status_spoiler" placeholder="Content warning" type="text">
  8. </div>
  9. <div class="status_main">
  10. <div class="status_textarea">
  11. <textarea class="emoji_poss" name="status_textarea" placeholder="What's happening?"></textarea>
  12. <div class="media_attachments_preview_area invisible"></div>
  13. </div>
  14. </div>
  15. <div class="status_bottom">
  16. <label for="overlay_status_media_atta" class="status_media_attachment status_option_button">
  17. <i class="fa fa-camera" aria-hidden="true"></i>
  18. </label>
  19. <label for="overlay_status_cw" class="status_CW status_option_button">
  20. <span class="disallow_select">CW</span>
  21. </label>
  22. <label for="overlay_status_nsfw" class="status_NSFW status_option_button">
  23. <span class="disallow_select">NSFW</span>
  24. </label>
  25. <div class="status_privacy status_option_button expand_privacy_menu_button">
  26. <i class="fa fa-globe" aria-hidden="true"></i>
  27. <div class="expand_privacy_menu invisible">
  28. <label for="overlay_status_public" class="status_privacy select_privacy disallow_select" privacyicon="fa fa-globe">
  29. <i class="fa fa-globe" aria-hidden="true"></i>Public
  30. </label>
  31. <label for="overlay_status_unlisted" class="status_privacy select_privacy disallow_select" privacyicon="fa fa-unlock-alt">
  32. <i class="fa fa-unlock-alt" aria-hidden="true"></i>Unlisted
  33. </label>
  34. <label for="overlay_status_fonly" class="status_privacy select_privacy disallow_select" privacyicon="fa fa-lock">
  35. <i class="fa fa-lock" aria-hidden="true"></i>Followers-only
  36. </label>
  37. <label for="overlay_status_direct" class="status_privacy select_privacy disallow_select" privacyicon="fa fa-envelope">
  38. <i class="fa fa-envelope" aria-hidden="true"></i>Direct
  39. </label>
  40. </div>
  41. </div>
  42. <label for="overlay_status_emoji" class="status_emoji status_option_button">
  43. <i class="fa fa-smile-o" aria-hidden="true"></i>
  44. </label>
  45. <input id="overlay_status_media_atta" name="files" type="file" multiple class="invisible">
  46. <input id="overlay_status_cw" name="status_cw" type="checkbox" class="invisible">
  47. <input id="overlay_status_nsfw" name="status_nsfw" type="checkbox" class="invisible">
  48. <input id="overlay_status_public" name='privacy_option' value="public" class="invisible" type="radio">
  49. <input id="overlay_status_unlisted" name='privacy_option' value="unlisted" class="invisible" type="radio">
  50. <input id="overlay_status_fonly" name='privacy_option' value="private" class="invisible" type="radio">
  51. <input id="overlay_status_direct" name='privacy_option' value="direct" class="invisible" type="radio">
  52. <button id="overlay_status_emoji" name="status_emoji" type="button"></button>
  53. <div class="submit_status_label_wrap">
  54. <span class="character_count">
  55. </span>
  56. <label for="overlay_status_form_submit" class="submit_status_label">
  57. <div class="toot_button_label disallow_select">
  58. <i class="fa fa-fw fa-pencil-square-o"></i>
  59. <span>Toot</span>
  60. </div>
  61. </label>
  62. </div>
  63. <input id="overlay_status_form_submit" class="submit_status" type="button" class="invisible">
  64. </div>
  65. </form>
  66. </div>