custom-avatar.html 864 B

123456789101112131415161718192021222324252627
  1. <html>
  2. <body>
  3. <div class="ui modal tiny" id="customAvatarModal" th:fragment="customAvatar">
  4. <div class="header"><i class="user circle outline icon"></i>Change Avatar > Custom</div>
  5. <div class="ui content">
  6. <div class="ui message">Images must be <b>JPEG</b> format and no larger than 320x320 in dimensions.</div>
  7. <img id="custom-avatar-image" src="" />
  8. <form method="POST" action="/api/avatar/custom/" enctype="multipart/form-data" id="custom-avatar-form">
  9. <input @change="customAvatarChanged()" id="custom-avatar-input" name="avatar" type="file" accept="image/jpeg" />
  10. </form>
  11. </div>
  12. <div class="actions">
  13. <div class="ui red cancel button">
  14. <i class="remove icon"></i>
  15. Cancel
  16. </div>
  17. <div class="ui green ok button">
  18. <i class="check icon"></i>
  19. Ok
  20. </div>
  21. </div>
  22. </div>
  23. </body>
  24. </html>