index.html 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637
  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" class="msgform">
  18. <div id="replyToContainer" class="replyto-container">
  19. </div>
  20. <input type="text" id="msgInput" class="msgform-input" autocomplete="off" />
  21. <div class="msgform-action">
  22. <input type="submit" class="button" value=">" />
  23. <a id="attachFile" href="#!" class="button"><img src="paperclip.svg" alt="Send file" class="attach-file-icon" /></a>
  24. </div>
  25. </form>
  26. </div>
  27. </div>
  28. <div class="hidden file-upload-container" id="fileUploadContainer"><form id="fileUploadForm" enctype="multipart/form-data">
  29. <input type="file" id="fileUploadInput" />
  30. <div id="fileUploadError" class="file-upload-error hidden"></div>
  31. <input type="submit" class="button"/>
  32. <a id="fileUploadCancel" class="button"/>cancel</a>
  33. </form></div>
  34. <div class="error" id="neterror">Cannot connect to chat !</div>
  35. <script src="slack.min.js"></script>
  36. </body>
  37. </html>