The next generation of the Teknik Services. Written in ASP.NET. https://www.teknik.io/
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

Client.cshtml 3.7KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  1. @model Teknik.Areas.IRC.ViewModels.ClientViewModel
  2. @using Teknik.Utilities
  3. @Styles.Render("~/Content/irc")
  4. @if (Model.Config.UserConfig.LoginEnabled)
  5. {
  6. <div class="modal fade" id="verifyModal" tabindex="-1" role="dialog" aria-labelledby="verifyModalLabel" aria-hidden="true">
  7. <div class="modal-dialog modal-sm">
  8. <div class="modal-content">
  9. <div class="modal-header modal-header-default">
  10. <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span></button>
  11. <h4 class="modal-title" id="verifyModalLabel">Teknik Login</h4>
  12. </div>
  13. <div class="modal-body">
  14. <div class="row">
  15. <div class="col-sm-12 text-center">
  16. <div id="verifyStatus">
  17. @if (Model.Error)
  18. {
  19. <div class="alert alert-danger alert-dismissable"><button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button></div>
  20. }
  21. </div>
  22. </div>
  23. </div>
  24. <form id="verifyForm" action="#" method="post" accept-charset="UTF-8">
  25. <div class="form-group">
  26. <input type="text" class="form-control" id="verifyUsername" value="@((User.Identity.IsAuthenticated) ? User.Info.Username : string.Empty)" placeholder="Username" />
  27. </div>
  28. <div class="form-group">
  29. <input type="password" class="form-control" id="verifyPassword" value="" placeholder="Password" />
  30. </div>
  31. <div class="form-group text-center">
  32. <button class="btn btn-primary" id="verifySubmit" type="button">Sign In</button>
  33. </div>
  34. </form>
  35. </div>
  36. </div>
  37. </div>
  38. </div>
  39. }
  40. <div class="container">
  41. <div class="row">
  42. <div class="col-sm-12 text-center">
  43. <h2>Teknik IRC Web Client</h2>
  44. </div>
  45. </div>
  46. </div>
  47. <div class="container" id="clientLogin">
  48. <div class="row">
  49. <div class="col-sm-5"><h2 class="text-center">Sign In as Guest</h2></div>
  50. <div class="col-sm-2"><h2 class="text-center">or</h2></div>
  51. <div class="col-sm-5"><h2 class="text-center">Sign In with Teknik Account</h2></div>
  52. </div>
  53. <br />
  54. <div class="row">
  55. <div class="col-sm-5"><button type="button" class="btn btn-primary center-block" id="guestSignIn">Enter as Guest</button></div>
  56. <div class="col-sm-5 col-sm-offset-2"><button type="button" class="btn btn-primary center-block" id="accountSignIn" data-toggle="modal" data-target="#verifyModal">Sign In</button></div>
  57. </div>
  58. </div>
  59. <div class="container" id="client" style="display:none">
  60. <div class="row">
  61. <div class="col-sm-12" id="clientTitle"></div>
  62. </div>
  63. <div class="row">
  64. <div class="col-sm-10">
  65. <pre class="clientOutput" id="clientOutput"></pre>
  66. </div>
  67. <div class="col-sm-2">
  68. <ul class="locationList" id="locationList">
  69. </ul>
  70. </div>
  71. </div>
  72. <div class="row">
  73. <div class="col-sm-10">
  74. <input type="text" class="form-control" name="message" id="message">
  75. </div>
  76. <div class="col-sm-2">
  77. <button type="button" class="btn btn-primary" id="sendMessage">Submit</button>
  78. </div>
  79. </div>
  80. </div>
  81. @Scripts.Render("~/bundles/signalr")
  82. @Scripts.Render("~/signalr/hubs")
  83. @Scripts.Render("~/bundles/irc")