overlay_create_status.php 4.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  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 class="status_poll_editor invisible">
  14. <i class="fa fa-circle-o"></i> <input name="options[]" type="text" class="disallow_enter textfield poll_field" maxlength="25"><br/>
  15. <i class="fa fa-circle-o"></i> <input name="options[]" type="text" class="disallow_enter textfield poll_field" maxlength="25"><br/>
  16. <i class="fa fa-circle-o"></i> <input name="options[]" type="text" class="disallow_enter textfield poll_field" maxlength="25"><br/>
  17. <i class="fa fa-circle-o"></i> <input name="options[]" type="text" class="disallow_enter textfield poll_field" maxlength="25"><br/>
  18. <div style="height:32px;display:inline-block;padding-top:10px"><?=_("Expires in")?> </div>
  19. <div style="float:right;margin-right:5px"><div class="poll_time"><input type="number" min="0" max="7" placeholder="0-7" class="poll_days"><?=_('Days')?></div>
  20. <div class="poll_time"><input type="number" min="0" max="24" placeholder="0-24" class="poll_hours"><?=_('Hours')?></div>
  21. <div class="poll_time"><input type="number" min="0" max="60" placeholder="0-60" class="poll_mins"><?=_('Minutes')?></div></div><br/>
  22. <div class="switch poll_mc_switch">
  23. <input type="checkbox" class="poll_multiple_choice">
  24. <div class="switch-btn">
  25. <span></span>
  26. </div>
  27. </div>
  28. <?=_("Multiple choice")?>
  29. </div>
  30. </div>
  31. </div>
  32. <div class="status_bottom">
  33. <label for="overlay_status_media_atta" class="status_media_attachment status_option_button">
  34. <i class="fa fa-camera" aria-hidden="true"></i>
  35. </label>
  36. <label for="overlay_status_cw" class="status_CW status_option_button">
  37. <span class="disallow_select">CW</span>
  38. </label>
  39. <label for="overlay_status_nsfw" class="status_NSFW status_option_button">
  40. <span class="disallow_select">NSFW</span>
  41. </label>
  42. <div class="status_privacy status_option_button expand_privacy_menu_button">
  43. <i class="fa fa-globe" aria-hidden="true"></i>
  44. <div class="expand_privacy_menu invisible">
  45. <label for="overlay_status_public" class="status_privacy select_privacy disallow_select" privacyicon="fa fa-globe">
  46. <i class="fa fa-globe" aria-hidden="true"></i><?=_('Public')?>
  47. </label>
  48. <label for="overlay_status_unlisted" class="status_privacy select_privacy disallow_select" privacyicon="fa fa-unlock-alt">
  49. <i class="fa fa-unlock-alt" aria-hidden="true"></i><?=_('Unlisted')?>
  50. </label>
  51. <label for="overlay_status_fonly" class="status_privacy select_privacy disallow_select" privacyicon="fa fa-lock">
  52. <i class="fa fa-lock" aria-hidden="true"></i><?=_('Followers-only')?>
  53. </label>
  54. <label for="overlay_status_direct" class="status_privacy select_privacy disallow_select" privacyicon="fa fa-envelope">
  55. <i class="fa fa-envelope" aria-hidden="true"></i><?=_('Direct')?>
  56. </label>
  57. </div>
  58. </div>
  59. <label for="overlay_status_poll" class="status_poll status_option_button">
  60. <i class="fa fa-pie-chart" aria-hidden="true"></i>
  61. </label>
  62. <label for="overlay_status_emoji" class="status_emoji status_option_button">
  63. <i class="fa fa-smile-o" aria-hidden="true"></i>
  64. </label>
  65. <input id="overlay_status_media_atta" name="files" type="file" multiple class="invisible">
  66. <input id="overlay_status_cw" name="status_cw" type="checkbox" class="invisible">
  67. <input id="overlay_status_nsfw" name="status_nsfw" type="checkbox" class="invisible">
  68. <input id="overlay_status_public" name='privacy_option' value="public" class="invisible" type="radio">
  69. <input id="overlay_status_unlisted" name='privacy_option' value="unlisted" class="invisible" type="radio">
  70. <input id="overlay_status_fonly" name='privacy_option' value="private" class="invisible" type="radio">
  71. <input id="overlay_status_direct" name='privacy_option' value="direct" class="invisible" type="radio">
  72. <div id="overlay_status_emoji" name="status_emoji" type="button"></div>
  73. <div class="submit_status_label_wrap">
  74. <span class="character_count">
  75. </span>
  76. <label for="overlay_status_form_submit" class="submit_status_label">
  77. <div class="toot_button_label disallow_select">
  78. <i class="fa fa-fw fa-pencil-square-o"></i>
  79. <span><?=_('Toot')?></span>
  80. </div>
  81. </label>
  82. </div>
  83. <input id="overlay_status_form_submit" class="submit_status" type="button" class="invisible">
  84. </div>
  85. </form>
  86. </div>