Advertisement
Guest User

Don Tupa

a guest
Nov 18th, 2019
104
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.02 KB | None | 0 0
  1. <?php
  2. session_start();
  3. /*** begin the session ***/
  4. //if(!isset($_SESSION['email'])){
  5. // header("location:../../login.php");
  6. //}
  7. require('connect/dbconnect.php');
  8. ?>
  9. <!DOCTYPE html>
  10. <html lang="en">
  11.  
  12.  
  13.  
  14. <head><meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  15.  
  16.  
  17. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  18. <title>User Dashboard</title>
  19. <meta content="" name="description" />
  20. <meta content="" name="author" />
  21.  
  22. <!-- Favicon -->
  23. <link rel="shortcut icon" href="../assets/images/favicon.png" type="image/x-icon" />
  24. <!-- For iPhone -->
  25. <link rel="apple-touch-icon-precomposed" href="../assets/images/apple-touch-icon-57-precomposed.png">
  26. <!-- For iPhone 4 Retina display -->
  27. <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/images/apple-touch-icon-114-precomposed.png">
  28. <!-- For iPad -->
  29. <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../assets/images/apple-touch-icon-72-precomposed.png">
  30. <!-- For iPad Retina display -->
  31. <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/images/apple-touch-icon-144-precomposed.png">
  32.  
  33. <!-- CORE CSS FRAMEWORK - START -->
  34. <link href="../assets/plugins/pace/pace-theme-flash.css" rel="stylesheet" type="text/css" media="screen" />
  35. <link href="../assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
  36. <link href="../assets/plugins/bootstrap/css/bootstrap-theme.min.css" rel="stylesheet" type="text/css" />
  37. <link href="../assets/fonts/font-awesome/css/font-awesome.css" rel="stylesheet" type="text/css" />
  38. <link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
  39. <link href="../assets/fonts/webfont/cryptocoins.css" rel="stylesheet" type="text/css" />
  40. <link href="../assets/css/animate.min.css" rel="stylesheet" type="text/css" />
  41. <link href="../assets/plugins/perfect-scrollbar/perfect-scrollbar.css" rel="stylesheet" type="text/css" />
  42. <!-- CORE CSS FRAMEWORK - END -->
  43.  
  44. <!-- HEADER SCRIPTS INCLUDED ON THIS PAGE - START -->
  45.  
  46. <link href="../assets/plugins/jvectormap/jquery-jvectormap-2.0.1.css" rel="stylesheet" type="text/css" media="screen" />
  47. <link href="../assets/plugins/morris-chart/css/morris.css" rel="stylesheet" type="text/css" media="screen" />
  48. <link href="../assets/plugins/calendar/fullcalendar.css" rel="stylesheet" type="text/css" media="screen"/>
  49. <link href="../assets/plugins/icheck/skins/minimal/minimal.css" rel="stylesheet" type="text/css" media="screen"/>
  50. <link href="../assets/plugins/swiper/swiper.css" rel="stylesheet" type="text/css">
  51.  
  52. <!-- HEADER SCRIPTS INCLUDED ON THIS PAGE - END -->
  53.  
  54. <!-- CORE CSS TEMPLATE - START -->
  55. <link href="../assets/css/style.css" rel="stylesheet" type="text/css" />
  56. <link href="../assets/css/responsive.css" rel="stylesheet" type="text/css" />
  57. <!-- CORE CSS TEMPLATE - END -->
  58.  
  59. </head>
  60. <!-- END HEAD -->
  61.  
  62. <!-- BEGIN BODY -->
  63.  
  64. <body class=" ">
  65. <!-- Top Navigation -->
  66. <?php include'topbar.php'?>
  67. <!-- START CONTAINER -->
  68. <div class="page-container row-fluid container-fluid">
  69.  
  70. <!-- Side Navigation -->
  71. <?php include'sidebar.php'?>
  72.  
  73. <!-- START CONTENT -->
  74. <section id="main-content" class=" ">
  75. <div class="wrapper main-wrapper row" style=''>
  76.  
  77. <div class='col-xs-12'>
  78. <div class="page-title">
  79.  
  80. <div class="pull-left">
  81. <!-- PAGE HEADING TAG - START -->
  82. <h1 class="title">Crypto Dashboard</h1>
  83. <!-- PAGE HEADING TAG - END -->
  84. </div>
  85. <div class="pull-right">
  86. <!-- PAGE HEADING TAG - START -->
  87. <h2 class="title">Balance</h2>
  88. <!-- PAGE HEADING TAG - END -->
  89. </div>
  90.  
  91. </div>
  92. </div>
  93. <div class="col-lg-12">
  94. <section class="box nobox marginBottom0">
  95. <div class="content-body">
  96. <div class="row">
  97. <?php
  98.  
  99. $count=1;
  100. $sql="SELECT * FROM users WHERE email = '" . $_SESSION['email'] . "' ";
  101. $result =mysqli_query($conn, $sql);
  102. while( $row=mysqli_fetch_array($result)) {?>
  103. <div class="col-lg-3 col-sm-6 col-xs-12">
  104. <div class="statistics-box">
  105. <div class="mb-15">
  106. <i class="pull-left ico-icon icon-md icon-primary">
  107. <img src="../data/crypto-dash/coin1.png" class="ico-icon-o" alt="">
  108. </i>
  109.  
  110. <div class="stats">
  111. <h3 class="boldy mb-5">$ <?php echo $row["bitcoin"]; ?></h3>
  112. <span>Bitcoin Balance</span>
  113. </div>
  114. </div>
  115. <span class="crypto1"><canvas width="239" height="60"></canvas></span>
  116. </div>
  117. </div>
  118. <div class="col-lg-3 col-sm-6 col-xs-12">
  119. <div class="statistics-box">
  120. <div class="mb-15">
  121. <i class="pull-left ico-icon icon-md icon-primary">
  122. <img src="../data/crypto-dash/s1.png" class="ico-icon-o" alt="">
  123. </i>
  124. <div class="stats">
  125. <h3 class="boldy mb-5">$ <?php echo $row["withdraw"]; ?></h3>
  126. <span> Funds Withdrawn</span>
  127. </div>
  128. </div>
  129. <span class="crypto4"><canvas width="239" height="60"></canvas></span>
  130. </div>
  131. </div>
  132. <div class="col-lg-3 col-sm-6 col-xs-12">
  133. <div class="statistics-box">
  134. <div class="mb-15">
  135. <i class="pull-left ico-icon icon-md icon-primary">
  136. <img src="../data/crypto-dash/s1.png" class="ico-icon-o" alt="">
  137. </i>
  138. <div class="stats">
  139. <h3 class="boldy mb-5">$ <?php echo $row["dollar"]?></h3>
  140. <span>Dollar Balance</span>
  141. </div>
  142. </div>
  143. <span class="crypto2"><canvas width="239" height="60"></canvas></span>
  144.  
  145. </div>
  146. </div>
  147.  
  148.  
  149.  
  150.  
  151. </div>
  152. <?php }?>
  153. <!-- End .row -->
  154. </div>
  155. </section>
  156. </div>
  157.  
  158. <div class="clearfix"></div>
  159. <!-- MAIN CONTENT AREA STARTS -->
  160.  
  161. <div class="clearfix"></div>
  162.  
  163.  
  164.  
  165.  
  166. <div class="clearfix"></div>
  167.  
  168. <div class="col-lg-8">
  169. <section class="box" style="overflow:hidden">
  170. <header class="panel_header">
  171. <h2 class="title pull-left">Crypto Balance Statistics</h2>
  172. <div class="actions panel_actions pull-right">
  173. <a class="box_toggle fa fa-chevron-down"></a>
  174. <a class="box_setting fa fa-cog" data-toggle="modal" href="#section-settings"></a>
  175. <a class="box_close fa fa-times"></a>
  176. </div>
  177. </header>
  178. <div class="content-body">
  179. <div class="row">
  180. <div class="col-xs-12">
  181. <div id="crypto-chart">
  182. <div style="height:310px; background-color: #FFFFFF; overflow:hidden; box-sizing: border-box; border: none; border-radius: 4px; text-align: right; line-height:14px; font-size: 12px; box-sizing:content-box; font-feature-settings: normal; text-size-adjust: 100%; box-shadow: inset 0 -20px 0 0 #ff880e;padding:1px;padding: 0px; margin: 0px;"><div style="height:540px;padding:0px;margin:0px;"><iframe src="https://widget.coinlib.io/widget?type=chart&amp;theme=light&amp;coin_id=859&amp;pref_coin_id=1505" width="100%" height="536" scrolling="auto" marginwidth="0" marginheight="0" frameborder="0" border="0" style="border:0;margin:0;padding:0;line-height:14px;box-sizing:content-box;"></iframe></div><div style="color: #FFFFFF; line-height: 14px; font-weight: 400; font-size: 11px; box-sizing:content-box; margin: 3px 6px 10px 0px; font-family: Verdana, Tahoma, Arial, sans-serif;">powered by&nbsp;<a href="#" target="_blank" style="font-weight: 500; color: #FFFFFF; font-size: 11px; text-decoration:none;">365Uniqueoption</a></div></div>
  183. </div>
  184. </div>
  185. </div>
  186. </div>
  187. </div>
  188. </section>
  189. </div>
  190.  
  191. <div class="clearfix"></div>
  192.  
  193. <div class="clearfix"></div>
  194.  
  195.  
  196. <div class="clearfix"></div>
  197. </center>
  198. <!-- MAIN CONTENT AREA ENDS -->
  199. </div>
  200. </section>
  201. <!-- END CONTENT -->
  202. <div class="page-chatapi hideit">
  203.  
  204. <div class="search-bar">
  205. <input type="text" placeholder="Search" class="form-control">
  206. </div>
  207.  
  208. <div class="chat-wrapper">
  209.  
  210. <h4 class="group-head">Favourites</h4>
  211. <ul class="contact-list">
  212.  
  213. <li class="user-row " id='chat_user_1' data-user-id='1'>
  214. <div class="user-img">
  215. <a href="#"><img src="../data/profile/avatar-1.png" alt=""></a>
  216. </div>
  217. <div class="user-info">
  218. <h4><a href="#">Joge Lucky</a></h4>
  219. <span class="status available" data-status="available"> Available</span>
  220. </div>
  221. <div class="user-status available">
  222. <i class="fa fa-circle"></i>
  223. </div>
  224. </li>
  225. <li class="user-row " id='chat_user_2' data-user-id='2'>
  226. <div class="user-img">
  227. <a href="#"><img src="../data/profile/avatar-2.png" alt=""></a>
  228. </div>
  229. <div class="user-info">
  230. <h4><a href="#">Folisise Chosiel</a></h4>
  231. <span class="status away" data-status="away"> Away</span>
  232. </div>
  233. <div class="user-status away">
  234. <i class="fa fa-circle"></i>
  235. </div>
  236. </li>
  237. <li class="user-row " id='chat_user_3' data-user-id='3'>
  238. <div class="user-img">
  239. <a href="#"><img src="../data/profile/avatar-3.png" alt=""></a>
  240. </div>
  241. <div class="user-info">
  242. <h4><a href="#">Aron Gonzalez</a></h4>
  243. <span class="status busy" data-status="busy"> Busy</span>
  244. </div>
  245. <div class="user-status busy">
  246. <i class="fa fa-circle"></i>
  247. </div>
  248. </li>
  249.  
  250. </ul>
  251.  
  252. <h4 class="group-head">More Contacts</h4>
  253. <ul class="contact-list">
  254.  
  255. <li class="user-row " id='chat_user_4' data-user-id='4'>
  256. <div class="user-img">
  257. <a href="#"><img src="../data/profile/avatar-4.png" alt=""></a>
  258. </div>
  259. <div class="user-info">
  260. <h4><a href="#">Chris Fox</a></h4>
  261. <span class="status offline" data-status="offline"> Offline</span>
  262. </div>
  263. <div class="user-status offline">
  264. <i class="fa fa-circle"></i>
  265. </div>
  266. </li>
  267. <li class="user-row " id='chat_user_5' data-user-id='5'>
  268. <div class="user-img">
  269. <a href="#"><img src="../data/profile/avatar-5.png" alt=""></a>
  270. </div>
  271. <div class="user-info">
  272. <h4><a href="#">Mogen Polish</a></h4>
  273. <span class="status offline" data-status="offline"> Offline</span>
  274. </div>
  275. <div class="user-status offline">
  276. <i class="fa fa-circle"></i>
  277. </div>
  278. </li>
  279. <li class="user-row " id='chat_user_6' data-user-id='6'>
  280. <div class="user-img">
  281. <a href="#"><img src="../data/profile/avatar-1.png" alt=""></a>
  282. </div>
  283. <div class="user-info">
  284. <h4><a href="#">Smith Carter</a></h4>
  285. <span class="status available" data-status="available"> Available</span>
  286. </div>
  287. <div class="user-status available">
  288. <i class="fa fa-circle"></i>
  289. </div>
  290. </li>
  291. <li class="user-row " id='chat_user_7' data-user-id='7'>
  292. <div class="user-img">
  293. <a href="#"><img src="../data/profile/avatar-2.png" alt=""></a>
  294. </div>
  295. <div class="user-info">
  296. <h4><a href="#">Amilia Gozenal</a></h4>
  297. <span class="status busy" data-status="busy"> Busy</span>
  298. </div>
  299. <div class="user-status busy">
  300. <i class="fa fa-circle"></i>
  301. </div>
  302. </li>
  303. <li class="user-row " id='chat_user_8' data-user-id='8'>
  304. <div class="user-img">
  305. <a href="#"><img src="../data/profile/avatar-3.png" alt=""></a>
  306. </div>
  307. <div class="user-info">
  308. <h4><a href="#">Tahir Jemyship</a></h4>
  309. <span class="status away" data-status="away"> Away</span>
  310. </div>
  311. <div class="user-status away">
  312. <i class="fa fa-circle"></i>
  313. </div>
  314. </li>
  315. <li class="user-row " id='chat_user_9' data-user-id='9'>
  316. <div class="user-img">
  317. <a href="#"><img src="../data/profile/avatar-4.png" alt=""></a>
  318. </div>
  319. <div class="user-info">
  320. <h4><a href="#">Johanson Wright</a></h4>
  321. <span class="status busy" data-status="busy"> Busy</span>
  322. </div>
  323. <div class="user-status busy">
  324. <i class="fa fa-circle"></i>
  325. </div>
  326. </li>
  327. <li class="user-row " id='chat_user_10' data-user-id='10'>
  328. <div class="user-img">
  329. <a href="#"><img src="../data/profile/avatar-5.png" alt=""></a>
  330. </div>
  331. <div class="user-info">
  332. <h4><a href="#">Loni Tindall</a></h4>
  333. <span class="status away" data-status="away"> Away</span>
  334. </div>
  335. <div class="user-status away">
  336. <i class="fa fa-circle"></i>
  337. </div>
  338. </li>
  339. <li class="user-row " id='chat_user_11' data-user-id='11'>
  340. <div class="user-img">
  341. <a href="#"><img src="../data/profile/avatar-1.png" alt=""></a>
  342. </div>
  343. <div class="user-info">
  344. <h4><a href="#">Natcho Herlaey</a></h4>
  345. <span class="status idle" data-status="idle"> Idle</span>
  346. </div>
  347. <div class="user-status idle">
  348. <i class="fa fa-circle"></i>
  349. </div>
  350. </li>
  351. <li class="user-row " id='chat_user_12' data-user-id='12'>
  352. <div class="user-img">
  353. <a href="#"><img src="../data/profile/avatar-2.png" alt=""></a>
  354. </div>
  355. <div class="user-info">
  356. <h4><a href="#">Shakira Swedan</a></h4>
  357. <span class="status idle" data-status="idle"> Idle</span>
  358. </div>
  359. <div class="user-status idle">
  360. <i class="fa fa-circle"></i>
  361. </div>
  362. </li>
  363.  
  364. </ul>
  365. </div>
  366.  
  367. </div>
  368.  
  369. <div class="chatapi-windows ">
  370.  
  371. </div>
  372. </div>
  373. <!-- END CONTAINER -->
  374. <!-- LOAD FILES AT PAGE END FOR FASTER LOADING -->
  375.  
  376. <!-- CORE JS FRAMEWORK - START -->
  377. <script src="../assets/plugins/swiper/jquery.min.js"></script>
  378. <script src="../assets/js/jquery.easing.min.js"></script>
  379. <script src="../assets/plugins/bootstrap/js/bootstrap.min.js"></script>
  380. <script src="../assets/plugins/pace/pace.min.js"></script>
  381. <script src="../assets/plugins/perfect-scrollbar/perfect-scrollbar.min.js"></script>
  382. <script src="../assets/plugins/viewport/viewportchecker.js"></script>
  383. <script>
  384. window.jQuery || document.write('<script src="../assets/js/jquery-1.11.2.min.js"><\/script>');
  385. </script>
  386. <!-- CORE JS FRAMEWORK - END -->
  387.  
  388. <!-- OTHER SCRIPTS INCLUDED ON THIS PAGE - START -->
  389. <script src="../assets/plugins/sparkline-chart/jquery.sparkline.min.js"></script>
  390.  
  391. <script src="../assets/plugins/flot-chart/jquery.flot.js"></script>
  392. <script src="../assets/plugins/flot-chart/jquery.flot.time.js"></script>
  393. <script src="../assets/js/chart-flot.js"></script>
  394.  
  395. <script src="../assets/plugins/chartjs-chart/Chart.min.js"></script>
  396.  
  397.  
  398. <script src="../assets/plugins/swiper/swiper.js"></script>
  399. <script src="../assets/js/dashboard-crypto.js"></script>
  400.  
  401.  
  402. <!-- OTHER SCRIPTS INCLUDED ON THIS PAGE - END -->
  403.  
  404. <!-- CORE TEMPLATE JS - START -->
  405. <script src="../assets/js/scripts.js"></script>
  406. <!-- END CORE TEMPLATE JS - END -->
  407.  
  408. <!--Start of Tawk.to Script-->
  409. <script type="text/javascript">
  410. var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
  411. (function(){
  412. var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
  413. s1.async=true;
  414. s1.src='https://embed.tawk.to/5d9a1248db28311764d78ada/default';
  415. s1.charset='UTF-8';
  416. s1.setAttribute('crossorigin','*');
  417. s0.parentNode.insertBefore(s1,s0);
  418. })();
  419. </script>
  420. <!--End of Tawk.to Script-->
  421.  
  422.  
  423. </body>
  424.  
  425. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement