API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Nov 18th, 2019
119
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.56 KB | None | 0 0
raw download clone embed print report
  1. <template>
  2. <body>
  3. <nav class="navbar navbar-expand-lg navbar-light bg-light static-top">
  4. <!-- <div class="container"> -->
  5. <router-link
  6. to="/HomePage"
  7. class="navbar-brand mr-0"
  8. style="max-width:calc((1em + 1vw) * 7 + .5rem + 1vw + 30px);font-size:calc(1em + 1vw);"
  9. >
  10. <img
  11. alt="Brand"
  12. src="../assets/quality.png"
  13. class="image-responsive mr-2"
  14. style="max-width:calc(30px + 1vw);overflow: visible;"
  15. />Quality Academy
  16. </router-link>
  17. <button
  18. class="navbar-toggler"
  19. type="button"
  20. data-toggle="collapse"
  21. data-target="#navbarResponsive"
  22. aria-controls="navbarResponsive"
  23. aria-expanded="false"
  24. aria-label="Toggle navigation"
  25. >
  26. <span class="navbar-toggler-icon"></span>
  27. </button>
  28.  
  29. <div class="collapse navbar-collapse" id="navbarResponsive">
  30. <!-- <div class="float-right"> -->
  31. <ul class="navbar-nav ml-auto">
  32. <li class="nav-item">
  33. <router-link to="/ManagerHomePage" class="nav-link">Manager Home</router-link>
  34. </li>
  35. <li class="nav-item active">
  36. <router-link to="/TutorsM" class="nav-link">
  37. Tutors
  38. <span class="sr-only">(current)</span>
  39. </router-link>
  40. </li>
  41. <li class="nav-item">
  42. <router-link to="/StudentsM" class="nav-link">Students</router-link>
  43. </li>
  44. <li class="nav-item">
  45. <router-link to="/CoursesM" class="nav-link">Courses</router-link>
  46. </li>
  47. <li class="nav-item">
  48. <router-link to="/RoomsM" class="nav-link">Rooms</router-link>
  49. </li>
  50. <li class="nav-item">
  51. <router-link to="/SessionsM" class="nav-link">Sessions</router-link>
  52. </li>
  53. </ul>
  54. <!-- </div> uncomment for main links left justified-->
  55. <ul class="navbar-nav ml-auto">
  56. <li class="nav-item dropdown">
  57. <a
  58. class="nav-link"
  59. href="#"
  60. id="navbarDropdown"
  61. data-toggle="dropdown"
  62. aria-haspopup="true"
  63. aria-expanded="false"
  64. >
  65. <i class="fa fa-user"></i>
  66. <i class="fa fa-caret-down"></i>
  67. </a>
  68. <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
  69. <a class="dropdown-item" href="#">Profile</a>
  70. <a @click="ManagerLogout()" class="dropdown-item">Logout</a>
  71. </div>
  72. </li>
  73. </ul>
  74. </div>
  75. <!-- </div> uncomment to make the nav bar more narrow -->
  76. </nav>
  77.  
  78. <div id="id">
  79. <div class="jumbotron jumbotron-fluid">
  80. <div class="container">
  81. <h1 class="display-4">{{tutor.first_name}} {{tutor.last_name}}</h1>
  82. </div>
  83. </div>
  84.  
  85. <div class="container-fluid">
  86. <div class="row">
  87. <div
  88. class="col-12 col-md-5 col-lg-4 col-xl-3 mx-auto d-none d-md-block position-fixed"
  89. id="sticky-sidebar"
  90. >
  91. <!-- <div class="sticky-top"> -->
  92. <div class="card mx-auto">
  93. <div class="card-body">
  94. <h5 class="card-title">{{ tutor.first_name }} {{tutor.last_name}}</h5>
  95. <h6 class="card-subtitle mb-2 text-muted">
  96. Tutor
  97. <span v-if="tutor.verified" class="badge badge-pill badge-success">
  98. Verified
  99. <i class="fa fa-check ml-1"></i>
  100. </span>
  101. </h6>
  102. <p class="card-text"></p>
  103. </div>
  104. <ul class="list-group list-group-flush">
  105. <li class="list-group-item">Email: {{tutor.email}}</li>
  106. <li class="list-group-item">Phone #: {{tutor.phone_number}}</li>
  107. <li class="list-group-item">Verified: {{tutor.verified}}</li>
  108. <li class="list-group-item" v-if="tutor.verified">
  109. <button
  110. v-if="tutor.verified"
  111. @click="deleteTutor(tutor.email)"
  112. class="btn btn-block btn-danger"
  113. type="button"
  114. >
  115.  
  116. Fire
  117. <i class="fa fa-fire ml-3"></i>
  118.  
  119. </button>
  120. </li>
  121. <li v-if="!tutor.verified" class="list-group-item">
  122. <button
  123. type="button"
  124. class="btn btn-block btn-success"
  125. @click="verifyTutor(tutor.email)"
  126. >
  127. Hire
  128. <i class="fa fa-briefcase ml-3"></i>
  129. </button>
  130. </li>
  131. </ul>
  132. </div>
  133. </div>
  134.  
  135. <div
  136. class="col-12 col-md-7 col-lg-8 col-xl-9 offset-sm-0 offset-md-5 offset-lg-4 offset-xl-3"
  137. id="main"
  138. >
  139. <div class="card mx-auto mb-4 d-md-none">
  140. <div class="card-body">
  141. <h5 class="card-title">{{ tutor.first_name }} {{tutor.last_name}}</h5>
  142. <h6 class="card-subtitle mb-2 text-muted">
  143. Tutor
  144. <span v-if="tutor.verified" class="badge badge-pill badge-success">Verified ✔</span>
  145. </h6>
  146. <p class="card-text"></p>
  147. </div>
  148. <ul class="list-group list-group-flush">
  149. <li class="list-group-item">Email: {{tutor.email}}</li>
  150. <li class="list-group-item">Phone #: {{tutor.phone_number}}</li>
  151. <li class="list-group-item">Verified: {{tutor.verified}}</li>
  152. <li class="list-group-item" v-if="tutor.verified">
  153. <button
  154. v-if="tutor.verified"
  155. @click="deleteTutor(tutor.email)"
  156. class="btn btn-block btn-danger"
  157. type="button"
  158. >
  159.  
  160. Fire
  161. <i class="fa fa-fire ml-3"></i>
  162.  
  163. </button>
  164. </li>
  165. <li v-if="!tutor.verified" class="list-group-item">
  166. <button
  167. type="button"
  168. class="btn btn-block btn-success"
  169. @click="verifyTutor(tutor.email)"
  170. >
  171. Hire
  172. <i class="fa fa-briefcase ml-3"></i>
  173. </button>
  174. </li>
  175. </ul>
  176. </div>
  177. <div class="card mx-auto mb-4 sticky-top sticky-offset">
  178. <h5 class="card-header">Reviews</h5>
  179. </div>
  180. <div class="jumbotron">
  181. <p class="lead">List of all reviews written about this tutor by students.</p>
  182. <hr class="my-4" />
  183. <ul class="list-group list-group-flush mb-4">
  184. <li class="list-group-item">
  185. Press the
  186. <span class="badge badge-primary">Edit</span> button to edit the the review contents.
  187. </li>
  188. <li class="list-group-item">
  189. Press the
  190. <span class="badge badge-success">Submit</span> button to save the changes to the review contents and finish editing.
  191. </li>
  192. </ul>
  193.  
  194. <!-- Modal -->
  195. <div
  196. class="modal fade"
  197. id="exampleModal"
  198. tabindex="-1"
  199. role="dialog"
  200. aria-labelledby="exampleModalLabel"
  201. aria-hidden="true"
  202. >
  203. <div class="modal-dialog" role="document">
  204. <div class="modal-content">
  205. <div class="modal-header">
  206. <h5
  207. class="modal-title"
  208. id="exampleModalLabel"
  209. >Edit review for {{tutor.first_name}} {{tutor.last_name}}</h5>
  210. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  211. <span aria-hidden="true">&times;</span>
  212. </button>
  213. </div>
  214. <div class="modal-body" >
  215. <form>
  216. <div class="form-group">
  217. <label for="message-text" class="col-form-label">Message:</label>
  218. <input v-model="body" class="form-control" id="message-text"></textarea>
  219. </div>
  220. </form>
  221. </div>
  222. <div class="modal-footer">
  223. <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
  224. <button type="button" class="btn btn-primary" @click="updateTutorReviews(body)">Save changes</button>
  225. </div>
  226. </div>
  227. </div>
  228. </div>
  229.  
  230. <div v-for="review in tutorReviews" class="card mb-2">
  231. <div class="card-header">
  232. <div class="row justify-content-between">
  233. <div v-if="review.stars == 1">⭐</div>
  234. <div v-if="review.stars == 2">⭐⭐</div>
  235. <div v-if="review.stars == 3">⭐⭐⭐</div>
  236. <div v-if="review.stars == 4">⭐⭐⭐⭐</div>
  237. <div v-if="review.stars == 5">⭐⭐⭐⭐⭐</div>
  238. <!-- Button trigger modal -->
  239. <button
  240. type="button"
  241. class="btn btn-primary"
  242. data-toggle="modal"
  243. data-target="#exampleModal"
  244. @click="getId(review.id)"
  245. >Edit</button>
  246. </div>
  247. </div>
  248. <div class="card-body">
  249. <blockquote class="blockquote mb-0">
  250. <p>{{ review.body }}</p>
  251. <footer class="blockquote-footer">
  252. <cite title="Source Title">Student</cite>
  253. </footer>
  254. </blockquote>
  255. </div>
  256. </div>
  257.  
  258. <div class="card">
  259. <div class="card-header">⭐⭐⭐⭐⭐</div>
  260. <div class="card-body">
  261. <blockquote class="blockquote mb-0">
  262. <p>Good Tutor</p>
  263. <footer class="blockquote-footer">
  264. Louca Dussssfault,
  265. <cite title="Source Title">Student</cite>
  266. </footer>
  267. </blockquote>
  268. </div>
  269. </div>
  270. </div>
  271. </div>
  272. </div>
  273. </div>
  274. </div>
  275. <!-- </div> -->
  276. <!-- </div>-->
  277. </body>
  278. </template>
  279. <script src="./tutorpg.js">
  280. </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!