create_status.php 4.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. <form id="header_status_form" name="header_status_form" class="status_form ready">
  2. <div class="status_top">
  3. <input class="status_spoiler invisible" name="status_spoiler" placeholder="Content warning" type="text">
  4. </div>
  5. <div class="status_main">
  6. <div class="icon_box">
  7. <img class="js_current_profile_image">
  8. </div>
  9. <div class="status_textarea">
  10. <textarea class="emoji_poss" name="status_textarea" placeholder="<?=_('What\'s happening?')?>"></textarea>
  11. <div class="media_attachments_preview_area invisible"></div>
  12. <div class="status_poll_editor invisible">
  13. <i class="fa fa-circle-o"></i> <input name="options[]" type="text" class="disallow_enter textfield poll_field" maxlength="25"><br/>
  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. <div style="height:32px;display:inline-block;padding-top:10px"><?=_("Expires in")?> </div>
  18. <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>
  19. <div class="poll_time"><input type="number" min="0" max="24" placeholder="0-24" class="poll_hours"><?=_('Hours')?></div>
  20. <div class="poll_time"><input type="number" min="0" max="60" placeholder="0-60" class="poll_mins"><?=_('Minutes')?></div></div><br/>
  21. <div class="switch poll_mc_switch">
  22. <input type="checkbox" class="poll_multiple_choice">
  23. <div class="switch-btn">
  24. <span></span>
  25. </div>
  26. </div>
  27. <?=_("Multiple choice")?>
  28. </div>
  29. </div>
  30. </div>
  31. <div class="status_bottom invisible">
  32. <label for="header_status_media_atta" class="status_media_attachment status_option_button">
  33. <i class="fa fa-camera" aria-hidden="true"></i>
  34. </label>
  35. <label for="header_status_cw" class="status_CW status_option_button">
  36. <span class="disallow_select">CW</span>
  37. </label>
  38. <label for="header_status_nsfw" class="status_NSFW status_option_button">
  39. <span class="disallow_select">NSFW</span>
  40. </label>
  41. <div class="status_privacy status_option_button expand_privacy_menu_button">
  42. <i class="fa fa-globe" aria-hidden="true"></i>
  43. <div class="expand_privacy_menu invisible">
  44. <label for="header_status_public" class="status_privacy select_privacy disallow_select" privacyicon="fa fa-globe">
  45. <i class="fa fa-globe" aria-hidden="true"></i><?=_('Public')?>
  46. </label>
  47. <label for="header_status_unlisted" class="status_privacy select_privacy disallow_select" privacyicon="fa fa-unlock-alt">
  48. <i class="fa fa-unlock-alt" aria-hidden="true"></i><?=_('Unlisted')?>
  49. </label>
  50. <label for="header_status_fonly" class="status_privacy select_privacy disallow_select" privacyicon="fa fa-lock">
  51. <i class="fa fa-lock" aria-hidden="true"></i><?=_('Followers-only')?>
  52. </label>
  53. <label for="header_status_direct" class="status_privacy select_privacy disallow_select" privacyicon="fa fa-envelope">
  54. <i class="fa fa-envelope" aria-hidden="true"></i><?=_('Direct')?>
  55. </label>
  56. </div>
  57. </div>
  58. <label for="header_status_poll" class="status_poll status_option_button">
  59. <i class="fa fa-pie-chart" aria-hidden="true"></i>
  60. </label>
  61. <label for="header_status_emoji" class="status_emoji status_option_button">
  62. <i class="fa fa-smile-o" aria-hidden="true"></i>
  63. </label>
  64. <input id="header_status_media_atta" name="files" type="file" multiple class="invisible">
  65. <input id="header_status_cw" name="status_cw" type="checkbox" class="invisible">
  66. <input id="header_status_nsfw" name="status_nsfw" type="checkbox" class="invisible">
  67. <input id="header_status_public" name='privacy_option' value="public" class="invisible" type="radio">
  68. <input id="header_status_unlisted" name='privacy_option' value="unlisted" class="invisible" type="radio">
  69. <input id="header_status_fonly" name='privacy_option' value="private" class="invisible" type="radio">
  70. <input id="header_status_direct" name='privacy_option' value="direct" class="invisible" type="radio">
  71. <div id="header_status_emoji" name="status_emoji" type="button"></div>
  72. <div class="submit_status_label_wrap">
  73. <span class="character_count">
  74. </span>
  75. <label for="header_status_form_submit" class="submit_status_label">
  76. <div class="toot_button_label disallow_select" >
  77. <i class="fa fa-fw fa-pencil-square-o"></i>
  78. <span><?=_('Toot')?></span>
  79. </div>
  80. </label>
  81. </div>
  82. <input id="header_status_form_submit" class="submit_status" type="button" class="invisible">
  83. </div>
  84. </form>