API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Feb 27th, 2019
92
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.60 KB | None | 0 0
raw download clone embed print report
  1. @extends('layouts.app')
  2.  
  3. @section('content')
  4.  
  5.  
  6. </div>
  7. <users-accordion></users-accordion>
  8. </div>
  9.  
  10. <div class="container">
  11. <div class="col-md-10">
  12. <link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
  13. <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script>
  14. <script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
  15. <!------ Include the above in your HEAD tag ---------->
  16.  
  17. <a href="http://bootsnipp.com/mouse0270/snippets/4l0k2" class="btn btn-danger hide" id="back-to-bootsnipp">Back to Bootsnipp</a>
  18.  
  19.  
  20. <div class="row">
  21. <div class="col-xs-12 col-sm-offset-3 col-sm-6">
  22. <div class="panel panel-default">
  23. <div class="panel-heading c-list">
  24. <p style="color:#FFFF00; background:black">
  25. <span class="title">Contacts</span>
  26. <ul class="pull-right c-controls">
  27. <p style="color:#FFFF00; background:black">
  28. <li><a href="#cant-do-all-the-work-for-you" data-toggle="tooltip" data-placement="top" title="Add Contact"><i class="glyphicon glyphicon-plus"></i></a></li>
  29. <li><a href="#" class="hide-search" data-command="toggle-search" data-toggle="tooltip" data-placement="top" title="Toggle Search"><i class="fa fa-ellipsis-v"></i></a></li>
  30.  
  31. </ul>
  32. </div>
  33.  
  34. <div class="row" style="display: none;">
  35. <div class="col-xs-12">
  36. <div class="input-group c-search">
  37. <input type="text" class="form-control" id="contact-list-search">
  38. <span class="input-group-btn">
  39. <button class="btn btn-default" type="button"><span class="glyphicon glyphicon-search text-muted"></span></button>
  40. </span>
  41. </div>
  42. </div>
  43. </div>
  44.  
  45. <ul class="list-group" id="contact-list">
  46. <li class="list-group-item">
  47. <div class="col-xs-12 col-sm-3">
  48. <img src="http://api.randomuser.me/portraits/men/49.jpg" alt="Scott Stevens" class="img-responsive img-circle" />
  49. </div>
  50. <div class="col-xs-12 col-sm-9">
  51. <span class="name">Scott Stevens</span><br/>
  52. <span class="glyphicon glyphicon-map-marker text-muted c-info" data-toggle="tooltip" title="5842 Hillcrest Rd"></span>
  53. <span class="visible-xs"> <span class="text-muted">5842 Hillcrest Rd</span><br/></span>
  54. <span class="glyphicon glyphicon-earphone text-muted c-info" data-toggle="tooltip" title="(870) 288-4149"></span>
  55. <span class="visible-xs"> <span class="text-muted">(870) 288-4149</span><br/></span>
  56. <span class="fa fa-comments text-muted c-info" data-toggle="tooltip" title="scott.stevens@example.com"></span>
  57. <span class="visible-xs"> <span class="text-muted">scott.stevens@example.com</span><br/></span>
  58. </div>
  59. <div class="clearfix"></div>
  60. </li>
  61. <li class="list-group-item">
  62. <div class="col-xs-12 col-sm-3">
  63. <img src="http://api.randomuser.me/portraits/men/97.jpg" alt="Seth Frazier" class="img-responsive img-circle" />
  64. </div>
  65. <div class="col-xs-12 col-sm-9">
  66. <span class="name">Seth Frazier</span><br/>
  67. <span class="glyphicon glyphicon-map-marker text-muted c-info" data-toggle="tooltip" title="7396 E North St"></span>
  68. <span class="visible-xs"> <span class="text-muted">7396 E North St</span><br/></span>
  69. <span class="glyphicon glyphicon-earphone text-muted c-info" data-toggle="tooltip" title="(560) 180-4143"></span>
  70. <span class="visible-xs"> <span class="text-muted">(560) 180-4143</span><br/></span>
  71. <span class="fa fa-comments text-muted c-info" data-toggle="tooltip" title="seth.frazier@example.com"></span>
  72. <span class="visible-xs"> <span class="text-muted">seth.frazier@example.com</span><br/></span>
  73. </div>
  74. <div class="clearfix"></div>
  75. </li>
  76. <li class="list-group-item">
  77. <div class="col-xs-12 col-sm-3">
  78. <img src="http://api.randomuser.me/portraits/women/90.jpg" alt="Jean Myers" class="img-responsive img-circle" />
  79. </div>
  80. <div class="col-xs-12 col-sm-9">
  81. <span class="name">Jean Myers</span><br/>
  82. <span class="glyphicon glyphicon-map-marker text-muted c-info" data-toggle="tooltip" title="4949 W Dallas St"></span>
  83. <span class="visible-xs"> <span class="text-muted">4949 W Dallas St</span><br/></span>
  84. <span class="glyphicon glyphicon-earphone text-muted c-info" data-toggle="tooltip" title="(477) 792-2822"></span>
  85. <span class="visible-xs"> <span class="text-muted">(477) 792-2822</span><br/></span>
  86. <span class="fa fa-comments text-muted c-info" data-toggle="tooltip" title="jean.myers@example.com"></span>
  87. <span class="visible-xs"> <span class="text-muted">jean.myers@example.com</span><br/></span>
  88. </div>
  89. <div class="clearfix"></div>
  90. </li>
  91. <li class="list-group-item">
  92. <div class="col-xs-12 col-sm-3">
  93. <img src="http://api.randomuser.me/portraits/men/24.jpg" alt="Todd Shelton" class="img-responsive img-circle" />
  94. </div>
  95. <div class="col-xs-12 col-sm-9">
  96. <span class="name">Todd Shelton</span><br/>
  97. <span class="glyphicon glyphicon-map-marker text-muted c-info" data-toggle="tooltip" title="5133 Pecan Acres Ln"></span>
  98. <span class="visible-xs"> <span class="text-muted">5133 Pecan Acres Ln</span><br/></span>
  99. <span class="glyphicon glyphicon-earphone text-muted c-info" data-toggle="tooltip" title="(522) 991-3367"></span>
  100. <span class="visible-xs"> <span class="text-muted">(522) 991-3367</span><br/></span>
  101. <span class="fa fa-comments text-muted c-info" data-toggle="tooltip" title="todd.shelton@example.com"></span>
  102. <span class="visible-xs"> <span class="text-muted">todd.shelton@example.com</span><br/></span>
  103. </div>
  104. <div class="clearfix"></div>
  105. </li>
  106. <li class="list-group-item">
  107. <div class="col-xs-12 col-sm-3">
  108. <img src="http://api.randomuser.me/portraits/women/34.jpg" alt="Rosemary Porter" class="img-responsive img-circle" />
  109. </div>
  110. <div class="col-xs-12 col-sm-9">
  111. <span class="name">Rosemary Porter</span><br/>
  112. <span class="glyphicon glyphicon-map-marker text-muted c-info" data-toggle="tooltip" title="5267 Cackson St"></span>
  113. <span class="visible-xs"> <span class="text-muted">5267 Cackson St</span><br/></span>
  114. <span class="glyphicon glyphicon-earphone text-muted c-info" data-toggle="tooltip" title="(497) 160-9776"></span>
  115. <span class="visible-xs"> <span class="text-muted">(497) 160-9776</span><br/></span>
  116. <span class="fa fa-comments text-muted c-info" data-toggle="tooltip" title="rosemary.porter@example.com"></span>
  117. <span class="visible-xs"> <span class="text-muted">rosemary.porter@example.com</span><br/></span>
  118. </div>
  119. <div class="clearfix"></div>
  120. </li>
  121. <li class="list-group-item">
  122. <div class="col-xs-12 col-sm-3">
  123. <img src="http://api.randomuser.me/portraits/women/56.jpg" alt="Debbie Schmidt" class="img-responsive img-circle" />
  124. </div>
  125. <div class="col-xs-12 col-sm-9">
  126. <span class="name">Debbie Schmidt</span><br/>
  127. <span class="glyphicon glyphicon-map-marker text-muted c-info" data-toggle="tooltip" title="3903 W Alexander Rd"></span>
  128. <span class="visible-xs"> <span class="text-muted">3903 W Alexander Rd</span><br/></span>
  129. <span class="glyphicon glyphicon-earphone text-muted c-info" data-toggle="tooltip" title="(867) 322-1852"></span>
  130. <span class="visible-xs"> <span class="text-muted">(867) 322-1852</span><br/></span>
  131. <span class="fa fa-comments text-muted c-info" data-toggle="tooltip" title="debbie.schmidt@example.com"></span>
  132. <span class="visible-xs"> <span class="text-muted">debbie.schmidt@example.com</span><br/></span>
  133. </div>
  134. <div class="clearfix"></div>
  135. </li>
  136. <li class="list-group-item">
  137. <div class="col-xs-12 col-sm-3">
  138. <img src="http://api.randomuser.me/portraits/women/76.jpg" alt="Glenda Patterson" class="img-responsive img-circle" />
  139. </div>
  140. <div class="col-xs-12 col-sm-9">
  141. <span class="name">Glenda Patterson</span><br/>
  142. <span class="glyphicon glyphicon-map-marker text-muted c-info" data-toggle="tooltip" title="5020 Poplar Dr"></span>
  143. <span class="visible-xs"> <span class="text-muted">5020 Poplar Dr</span><br/></span>
  144. <span class="glyphicon glyphicon-earphone text-muted c-info" data-toggle="tooltip" title="(538) 718-7548"></span>
  145. <span class="visible-xs"> <span class="text-muted">(538) 718-7548</span><br/></span>
  146. <span class="fa fa-comments text-muted c-info" data-toggle="tooltip" title="glenda.patterson@example.com"></span>
  147. <span class="visible-xs"> <span class="text-muted">glenda.patterson@example.com</span><br/></span>
  148. </div>
  149. <div class="clearfix"></div>
  150. </li>
  151. </ul>
  152. </div>
  153. </div>
  154. </div>
  155.  
  156. <div id="cant-do-all-the-work-for-you" class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
  157. <div class="modal-dialog modal-sm">
  158. <div class="modal-content">
  159. <div class="modal-header">
  160. <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
  161. <h4 class="modal-title" id="mySmallModalLabel">Ooops!!!</h4>
  162. </div>
  163. <div class="modal-body">
  164. <p>I am being lazy and do not want to program an "Add User" section into this snippet... So it looks like you'll have to do that for yourself.</p><br/>
  165. <p><strong>Sorry<br/>
  166. ~ Mouse0270</strong></p>
  167. </div>
  168. </div>
  169. </div>
  170. </div>
  171.  
  172.  
  173. <!-- JavaScrip Search Plugin -->
  174. <script src="//rawgithub.com/stidges/jquery-searchable/master/dist/jquery.searchable-1.0.0.min.js"></script>
  175. </div>
  176. @endsection
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!