index.html 1.6 KB

1234567891011121314151617181920212223242526272829303132333435
  1. <html>
  2. <head>
  3. <link href="style.css" rel="stylesheet"/>
  4. </head>
  5. <body>
  6. <aside class="slack-context">
  7. <nav class="slack-context-menu"></nav>
  8. <div class="slack-context-rooms" id="chatList">
  9. <ul class="slack-context-channellist" id="chanList"></ul>
  10. <div class="slack-context-imlist"></div>
  11. </div>
  12. </aside>
  13. <div class="slack-chat-container">
  14. <div class="slack-chat-title" id="currentRoomTitle"></div>
  15. <div class="slack-chat-content" id="chatWindow"></div>
  16. <div class="slack-chat-control">
  17. <form id="msgForm">
  18. <div id="replyToContainer" class="replyto-container">
  19. </div>
  20. <input type="text" id="msgInput" />
  21. <a id="attachFile" href="#!"><img src="paperclip.svg" alt="Send file" class="attach-file-icon" /></a>
  22. <input type="submit" class="button" />
  23. </form>
  24. </div>
  25. </div>
  26. <div class="hidden file-upload-container" id="fileUploadContainer"><form id="fileUploadForm" enctype="multipart/form-data">
  27. <input type="file" id="fileUploadInput" />
  28. <div id="fileUploadError" class="file-upload-error hidden"></div>
  29. <input type="submit" class="button"/>
  30. <a id="fileUploadCancel" class="button"/>cancel</a>
  31. </form></div>
  32. <div class="error" id="neterror">Cannot connect to chat !</div>
  33. <script src="slack.min.js"></script>
  34. </body>
  35. </html>