Advertisement
Guest User

Untitled

a guest
Jan 18th, 2019
80
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.00 KB | None | 0 0
  1. <div class="card-body">
  2. <div class="d-flex no-block">
  3. <div>
  4. <h3 class="card-title m-b-5"><span class="lstick"></span>Traffic Received</h3>
  5. </div>
  6. <div class="ml-auto">
  7. <select name="chart_select" id="chart_select" class="custom-select b-0">
  8. <option name="chart_7_days" value="chart_7_days" selected="">Today Real-time</option>
  9. <option name="chart_months_12" value="chart_months_12">Last 30 days</option>
  10. </select>
  11. </div>
  12. </div>
  13. <div id="chart_days_7">
  14. #%chart_hours%#
  15. </div>
  16. <div id="chart_months_12">
  17. #%chart_days_30%#
  18. </div>
  19. <div class="stats-bar">
  20. <div class="row text-center">
  21. <div class="col-lg-4 col-md-4">
  22. <div class="p-20">
  23. <h6 class="m-b-0">Impressions</h6>
  24. <h3 class="m-b-0">#%i_received%#</h3>
  25. </div>
  26. </div>
  27. <div class="col-lg-4 col-md-4">
  28. <div class="p-20">
  29. <h6 class="m-b-0">Clicks</h6>
  30. <h3 class="m-b-0">#%c_received%#</h3>
  31. </div>
  32. </div>
  33. <div class="col-lg-4 col-md-4">
  34. <div class="p-20">
  35. <h6 class="m-b-0">Ratio</h6>
  36. <h3 class="m-b-0">#%r_received%#%</h3>
  37. </div>
  38. </div>
  39. </div>
  40. </div>
  41. <script>
  42. $(function() {
  43. $('#chart_months_12').hide();
  44. $('#chart_select').change(function(){
  45. if($('#chart_select').val() == 'chart_months_12') {
  46. $('#chart_months_12').show();
  47. $('#chart_days_7').hide();
  48. } else {
  49. $('#chart_months_12').hide();
  50. $('#chart_days_7').show();
  51. }
  52. });
  53. });
  54. </script>
  55. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement