overlay_create_status.php 4.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  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')?>" data-random="35366" 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?')?>" data-random="30210"></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"><br/>
  15. <i class="fa fa-circle-o"></i> <input name="options[]" type="text" class="disallow_enter textfield poll_field"><br/>
  16. <i class="fa fa-circle-o"></i> <input name="options[]" type="text" class="disallow_enter textfield poll_field"><br/>
  17. <i class="fa fa-circle-o"></i> <input name="options[]" type="text" class="disallow_enter textfield poll_field"><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" 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="poll_time_warning invisible"></div>
  23. <div class="switch poll_mc_switch">
  24. <input type="checkbox" class="poll_multiple_choice">
  25. <div class="switch-btn">
  26. <span></span>
  27. </div>
  28. </div>
  29. <?=_("Multiple choice")?>
  30. </div>
  31. </div>
  32. </div>
  33. <div class="status_bottom">
  34. <label for="overlay_status_media_atta" class="status_media_attachment status_option_button">
  35. <i class="fa fa-camera" aria-hidden="true"></i>
  36. </label>
  37. <label for="overlay_status_cw" class="status_CW status_option_button">
  38. <span class="disallow_select">CW</span>
  39. </label>
  40. <label for="overlay_status_nsfw" class="status_NSFW status_option_button">
  41. <span class="disallow_select">NSFW</span>
  42. </label>
  43. <div class="status_privacy status_option_button expand_privacy_menu_button">
  44. <i class="fa fa-globe" aria-hidden="true"></i>
  45. <div class="expand_privacy_menu invisible">
  46. <label for="overlay_status_public" class="status_privacy select_privacy disallow_select" privacyicon="fa fa-globe">
  47. <i class="fa fa-globe" aria-hidden="true"></i><?=_('Public')?>
  48. </label>
  49. <label for="overlay_status_unlisted" class="status_privacy select_privacy disallow_select" privacyicon="fa fa-unlock-alt">
  50. <i class="fa fa-unlock-alt" aria-hidden="true"></i><?=_('Unlisted')?>
  51. </label>
  52. <label for="overlay_status_fonly" class="status_privacy select_privacy disallow_select" privacyicon="fa fa-lock">
  53. <i class="fa fa-lock" aria-hidden="true"></i><?=_('Followers-only')?>
  54. </label>
  55. <label for="overlay_status_direct" class="status_privacy select_privacy disallow_select" privacyicon="fa fa-envelope">
  56. <i class="fa fa-envelope" aria-hidden="true"></i><?=_('Direct')?>
  57. </label>
  58. </div>
  59. </div>
  60. <label for="overlay_status_poll" class="status_poll status_option_button">
  61. <i class="fa fa-pie-chart" aria-hidden="true"></i>
  62. </label>
  63. <label for="overlay_status_emoji" class="status_emoji status_option_button">
  64. <i class="fa fa-smile-o" aria-hidden="true"></i>
  65. </label>
  66. <input id="overlay_status_media_atta" name="files" type="file" multiple class="invisible">
  67. <input id="overlay_status_cw" name="status_cw" type="checkbox" class="invisible">
  68. <input id="overlay_status_nsfw" name="status_nsfw" type="checkbox" class="invisible">
  69. <input id="overlay_status_public" name='privacy_option' value="public" class="invisible" type="radio">
  70. <input id="overlay_status_unlisted" name='privacy_option' value="unlisted" class="invisible" type="radio">
  71. <input id="overlay_status_fonly" name='privacy_option' value="private" class="invisible" type="radio">
  72. <input id="overlay_status_direct" name='privacy_option' value="direct" class="invisible" type="radio">
  73. <div id="overlay_status_emoji" name="status_emoji" type="button"></div>
  74. <div class="submit_status_label_wrap">
  75. <span class="character_count">
  76. </span>
  77. <label for="header_status_addfield" class="status_addfield status_option_button">
  78. <i class="fa fa-plus-circle" aria-hidden="true"></i>
  79. </label>
  80. <label for="overlay_status_form_submit" class="submit_status_label">
  81. <div class="toot_button_label disallow_select">
  82. <i class="fa fa-fw fa-pencil-square-o"></i>
  83. <span><?=_('Toot')?></span>
  84. </div>
  85. </label>
  86. </div>
  87. <input id="overlay_status_form_submit" class="submit_status" type="button" class="invisible">
  88. </div>
  89. </form>
  90. </div>