API tools faq
paste
Advertisement
wansyahi1

Javascript

wansyahi1
Jan 23rd, 2020
96
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.21 KB | None | 0 0
raw download clone embed print report
  1. @extends('layouts.app')
  2.  
  3.  
  4. <main id="main">
  5.  
  6. <!--==========================
  7. Featured Services Section
  8. ============================-->
  9. <section id="featured-services">
  10. <div class="container">
  11. <div class="row">
  12. <div class="col box"><br>
  13. </div>
  14. </div>
  15. </div>
  16. </section><!-- #featured-services -->
  17. @section('content')
  18.  
  19. <!--==========================
  20. Navbar Section
  21. ============================-->
  22. <header id="header">
  23. <div class="container-fluid">
  24. <div id="logo" class="pull-left">
  25. <h1><a href="#demo" class="scrollto">MyQuery</a></h1>
  26. </div>
  27.  
  28. <nav id="nav-menu-container">
  29. <ul class="nav-menu">
  30. <li><a href="/documentation_custom">About</a></li>
  31. <li><a href="/custom">Services</a></li>
  32. <li>
  33. <a href="{{ route('logout') }}"
  34. onclick="event.preventDefault();
  35. document.getElementById('logout-form').submit();">
  36. Logout
  37. </a>
  38. <form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
  39. {{ csrf_field() }}
  40. </form>
  41. </li>
  42.  
  43. </ul>
  44. </nav><!-- #nav-menu-container -->
  45. </div>
  46. </header><!-- #header -->
  47.  
  48.  
  49. <!--==========================
  50. Dropdown Section
  51. ============================-->
  52. <div class="panel-heading text-center panel-relative"><br>
  53. <h4> Department: Digital Marketing </h4>
  54. </div>
  55. <div class="container">
  56.  
  57. <div class="row">
  58. <div class="col-md-20 col-md-offset-0">
  59. <div class="panel panel-default">
  60. <div class="panel-heading text-center panel-relative">
  61. <div class="form-group">
  62. <div class="panel-body">
  63. <div class="container">
  64. <div class="row">
  65.  
  66. <div class="form-group" id="demo">
  67.  
  68. @csrf
  69. {{-- DATA FEATURES --}}
  70. <h3><b>DATA FEATURES</b></h3><br>
  71.  
  72. <div class="col-xs-6 form-group">
  73. <h4><b>DEMOGRAPHIC</b></h4><br><br>
  74.  
  75. <div class="form-group row">
  76. <label for="age"
  77. class="col-md-2 col-form-label text-md-left">Age:</label>
  78. <div class="col-md-2">
  79. <div class="text-justify">
  80. <select id="age" class="age2 form-control" style="width:90px;"
  81. name="age" multiple>
  82. </select>
  83. </div>
  84. </div>
  85. <div class="col-sm-1">
  86. <label>to</label>
  87. </div>
  88. <div class="col-md-2">
  89. <div class="text-justify">
  90. <select id="age2" class="age form-control select2-allow-clear"
  91. style="width:90px;" name="age2" multiple>
  92. </select>
  93. </div>
  94.  
  95. </div>
  96. <div class="col-sm-6">
  97. <div id="button"
  98. class="custom-control custom-radio custom-control-inline">
  99.  
  100. <label class="custom-control-label"
  101. for="defaultInline2"></label>&nbsp;&nbsp; </div>
  102. </div><br><br><br>
  103. </div>
  104.  
  105. <div class="form-group row">
  106. <label for="single-append-radio"
  107. class="col-md-2 col-form-label text-md-left">Gender:</label>
  108. <div class="col-md-4">
  109. <div class="text-justify">
  110. <div class="input-group">
  111. <select id="dataGender"
  112. class=" dataGender form-control select2-allow-clear"
  113. name="dataGender"
  114. list="dataGender" multiple>
  115. {{-- remove multiple ok.why?
  116. <option value="">Select.. </option>
  117. <option value="L">L</option>
  118. <option value="P">P</option> --}}
  119.  
  120. </select>
  121. </div>
  122. </div>
  123. </div>
  124. <br><br><br>
  125. </div>
  126. <div class="form-group row">
  127. <label for="single-append-radio"
  128. class="col-md-2 col-form-label text-md-left">Ethnicity:</label>
  129. <div class="col-md-4">
  130. <div class="text-justify">
  131. <div class="input-group">
  132. <select id="ethnicity"
  133. class="ethnicity form-control select2-allow-clear"
  134. style="width:200px;" name="ethnicity" size="50"
  135. list="contacts" multiple>
  136. </select>
  137. </div>
  138. </div>
  139. </div>
  140. </div><br>
  141. </div>
  142.  
  143. <div class="col-xs-6 form-group" >
  144.  
  145. <h4><b>GEOGRAPHIC </b></h4><br><br>
  146. <div class="form-group row ">
  147. <label for="single-append-radio"
  148. class="col-md-3 col-form-label text-md-left">Area:</label>
  149. <div class="col-md-4">
  150. <div class="text-justify">
  151. <div class="input-group">
  152. <select id="area" class="area form-control select2-allow-clear"
  153. style="width:200px;" name="Taman_area" size="50"
  154. list="Taman_area" multiple>
  155. </select>
  156. </div>
  157. </div>
  158. </div>
  159. <br><br><br>
  160. </div>
  161.  
  162. <div class="form-group row">
  163. <label for="single-append-radio"
  164. class="col-md-3 col-form-label text-md-left">State:</label>
  165. <div class="col-md-4">
  166. <div class="text-justify">
  167. <div class="text-justify">
  168. <div class="input-group">
  169. <select id="state"
  170. class="state form-control select2-allow-clear"
  171. style="width:200px;" name="namaDUN" size="50"
  172. list="state" multiple>
  173. </select>
  174. </div>
  175. </div>
  176. </div>
  177. </div>
  178. </div><br>
  179.  
  180. <div class="form-group row">
  181. <label for="single-append-radio"
  182. class="col-md-3 col-form-label text-md-left">DUN Name:</label>
  183. <div class="col-md-4">
  184. <div class="text-justify">
  185. <div class="input-group">
  186. <select id="namaDUN"
  187. class="namaDUN form-control select2-allow-clear"
  188. style="width:200px;" name="namaDUN" size="50" list="namaDUN"
  189. multiple>
  190. </select>
  191. </div>
  192. </div>
  193. </div>
  194.  
  195. </div><br>
  196.  
  197. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  198. <button class="btn btn-success" id="demoNext" align="right">Next</button>
  199. </div>
  200. </div>
  201.  
  202. {{-- DATA MODELLING --}}
  203. <div class="form-group" style="display:none" id="modelling">
  204. @csrf
  205.  
  206. <h3><b>DATA MODELLING</b></h3><br><br>
  207. <div class="col-xs-6 form-group">
  208.  
  209. <div class="form-group row ">
  210. <label for="single-append-radio"
  211. class="col-md-3 col-form-label text-md-left">Income:</label>
  212. <div class="col-md-4">
  213. <div class="text-justify">
  214. <div class="input-group">
  215. <select id="income" class="income form-control select2-allow-clear"
  216. style="width:200px;" name="income" size="50"
  217. list="income" multiple>
  218. </select>
  219. </div>
  220. </div>
  221. </div>
  222. </div><br>
  223.  
  224.  
  225. <div class="form-group row">
  226. <label for="single-append-radio"
  227. class="col-md-3 col-form-label text-md-left">Digital Inclination:</label>
  228. <div class="col-md-4">
  229. <div class="text-justify">
  230. <div class="text-justify">
  231. <div class="input-group">
  232. <select id="digitalInclination"
  233. class="digitalInclination form-control select2-allow-clear"
  234. style="width:200px;" name="digitalInclination" size="50"
  235. list="digitalInclination" multiple>
  236. </select>
  237. </div>
  238. </div>
  239. </div>
  240. </div>
  241. </div><br>
  242.  
  243. <div class="form-group row">
  244. <label for="single-append-radio"
  245. class="col-md-3 col-form-label text-md-left">Employment:</label>
  246. <div class="col-md-4">
  247. <div class="text-justify">
  248. <div class="input-group">
  249. <select id="employment"
  250. class="employment form-control select2-allow-clear"
  251. style="width:200px;" name="employment" size="50" list="employment"
  252. multiple>
  253. </select>
  254. </div>
  255. </div>
  256. </div>
  257.  
  258. </div>
  259. </div>
  260.  
  261. <div class="col-xs-6 form-group">
  262. <div class="form-group row ">
  263. <label for="single-append-radio"
  264. class="col-md-3 col-form-label text-md-left">Education:</label>
  265. <div class="col-md-4">
  266. <div class="text-justify">
  267. <div class="input-group">
  268. <select id="education" class="education form-control select2-allow-clear"
  269. style="width:200px;" name="education" size="50"
  270. list="education" multiple>
  271. </select>
  272. </div>
  273. </div>
  274. </div>
  275.  
  276. </div><br>
  277.  
  278.  
  279. <div class="form-group row">
  280. <label for="carOwnership"
  281. class="col-md-3 col-form-label text-md-left">Car Ownership:</label>
  282. <div class="col-md-2">
  283. <div class="text-justify">
  284. <select id="carOwnership" class="carOwnership form-control" style="width:90px;"
  285. name="carOwnership" multiple>
  286. </select>
  287. </div>
  288. </div>
  289. <div class="col-sm-1">
  290. <label>to</label>
  291. </div>
  292. <div class="col-md-2">
  293. <div class="text-justify">
  294. <select id="carOwnership2" class="carOwnership2 form-control select2-allow-clear"
  295. style="width:90px;" name="carOwnership2" multiple>
  296. </select>
  297. </div>
  298.  
  299. </div>
  300. <div class="col-sm-6">
  301. <div id="button"
  302. class="custom-control custom-radio custom-control-inline">
  303.  
  304. <label class="custom-control-label"
  305. for="defaultInline2"></label>&nbsp;&nbsp; </div>
  306. </div><br><br><br>
  307. </div>
  308.  
  309. <div class="form-group row ">
  310. <label for="single-append-radio"
  311. class="col-md-3 col-form-label text-md-left">House Ownership:</label>
  312. <div class="col-md-4">
  313. <div class="text-justify">
  314. <div class="input-group">
  315. <select id="houseOwnership" class="houseOwnership form-control select2-allow-clear"
  316. style="width:200px;" name="houseOwnership" size="50"
  317. list="houseOwnership" multiple>
  318. </select><br> <br><br>
  319. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  320. <button class="btn btn-success" id="modellingPrevious" style="float: right" >Previous</button>
  321. </div>
  322. </div>
  323. </div>
  324.  
  325. </div>
  326. </div>
  327.  
  328. </div>
  329. </div>
  330. </div>
  331. </div>
  332. </div>
  333.  
  334. </div>
  335. </div>
  336. <div class="form-group" align="right">
  337. <button type="button" name="filter" id="filter" class="btn btn-primary">Filter</button>
  338. <button type="button" name="reset" id="reset" class="btn btn-primary">Reset</button><br><br>
  339. </div>
  340. <div class="row"><br>
  341.  
  342. <!--==========================
  343. Datatable Section
  344. ============================-->
  345. <div class="container">
  346. <div class="row">
  347. <div class="table-responsive">
  348.  
  349. <table id="table_data" class=" table-responsive table-striped table-hover table-bordered ">
  350. <thead>
  351. <tr>
  352. <th scope="col">id</th>
  353. <th scope="col">Fn</th>
  354. <th scope="col">Ln</th>
  355. <th scope="col">Age</th>
  356. <th scope="col">Phone</th>
  357. <th scope="col">Dob</th>
  358. <th scope="col">St</th>
  359. <th scope="col">Zip</th>
  360. <th scope="col">gen</th>
  361. </tr>
  362. </thead>
  363.  
  364. </table>
  365. </div><br>
  366. {{-- <div class="form-group" align="right">
  367. <button onclick="window.location.href='#top'" type="button">
  368. <span class="glyphicon glyphicon-chevron-up btn-md" aria-hidden="true" style="color:black"></span>
  369. </button> --}}
  370.  
  371. <a href="#" class="back-to-top"><i class="fa fa-chevron-up"></i></a>
  372. </div> </div>
  373. </div>
  374. </div>
  375. </div>
  376. </div>
  377.  
  378.  
  379.  
  380. </div>
  381.  
  382.  
  383. </div>
  384. {{-- <div class="row ">
  385. <div class="col-xs-6 col-sm-8 col-lg-10">
  386. <a href="/custom_analytics" class="btn btn-default">Next Page</a>
  387. </div> --}}
  388.  
  389.  
  390. <br><br><br><br>
  391. </div>
  392.  
  393. @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!