<cfinclude template="header.cfm">
     <link href="../plugins/bower_components/datatables/jquery.dataTables.min.css" rel="stylesheet" type="text/css" />

<link href="https://cdn.datatables.net/buttons/1.2.2/css/buttons.dataTables.min.css" rel="stylesheet" type="text/css" />

  <div id="page-wrapper">
    <div class="container-fluid">
      <div class="row bg-title">
        <div class="col-lg-3 col-md-4 col-sm-4 col-xs-12">
          <h4 class="page-title">Article Stats</h4>
        </div>
        <div class="col-lg-9 col-sm-8 col-md-8 col-xs-12">
          <ol class="breadcrumb">
            <li><a href="#">Dashboard</a></li>
            <li><a href="#">Calendar</a></li> <li class="active">Today</li>
          </ol>
        </div>
        <!-- /.col-lg-12 -->
      </div>
      <!-- /row -->
      <div class="row">
                <div class="col-sm-12">
          <div class="white-box">


<!---            <p class="text-muted m-b-30">Export data to Copy, CSV, Excel, PDF & Print</p>
    --->         <div class="table-responsive">

	            <link href="../plugins/bower_components/bootstrap-datepicker/bootstrap-datepicker.min.css" rel="stylesheet" type="text/css" />



<Cfset newdatetime = #dateformat(currentdatetime,'yyyy-mm-dd')#>
<Cfset newdatetime = #dateadd('d',-7,today)#>

<Cfset newdatetime = #dateformat(newdatetime,'yyyy-mm-dd')#>

<cfset today = #dateformat(currentdatetime,'yyyy-mm-dd')#>
<Cfset tomorrow = #dateadd('d',1,today)#>
<cfset tomorrow = #dateformat(tomorrow,'yyyy-mm-dd')#>

<form action="data-tablearticles.cfm?requesttimeout=5000" method="post" name="calme"  enctype="multipart/form-data">

<Table><tr><td>
From:
<input class="form-control" id="datepicker-autoclose" placeholder="mm/dd/yyyy" name="dater" label="Block out starts" style="width:115px;" data-date-format="yyyy-mm-dd" <Cfif parameterexists(form.daterend)>value="<cfoutput>#dateformat(dater,'yyyy-mm-dd')#</cfoutput>" <cfelse> value="<cfoutput>#dateformat(newdatetime,'yyyy-mm-dd')#</cfoutput>"</Cfif>>
</Td><td>
To:
<input name="daterend" class="form-control" id="datepicker-autoclose" placeholder="mm/dd/yyyy" style="width:115px;" data-date-format="yyyy-mm-dd" <Cfif parameterexists(form.daterend)>value="<cfoutput>#dateformat(daterend,'yyyy-mm-dd')#</cfoutput>" <cfelse> value="<cfoutput>#dateformat(tomorrow,'yyyy-mm-dd')#</cfoutput>"</Cfif>>
 </td><Td style="padding-top: 14px;">
<button class="btn btn-success btn-mini">SEARCH <i class="icon-save"></i></button>
 </Td></tr></table>
</form>

                <table id="example23" class="display nowrap" cellspacing="0" width="100%">
                    <thead>
                        <tr>
                            <th>Name</th>
                            <th>Category</th>
<th>Date</th>
                            <th>Views</th>
                        </tr>
                    </thead>
                    <tfoot>
                        <tr>
                            <th>Name</th>
                            <th>Category</th>
<th>Dates</th>
                            <th>Views</th>
                        </tr>
                    </tfoot>
                    <tbody>

<cfset today = #dateformat(currentdatetime,'yyyy-mm-dd')#>
<Cfquery name="Geter" dataSource="#ds#">

	select columntable.title, columntable.id,columntable.dateposted as dtentered, regions.name,  count(distinct(newmastertrackcg.id)) as views
from newmastertrackcg  FORCE INDEX (statme)  inner join columntable on newmastertrackcg.idnumber = columntable.id inner join regionstable on regionstable.colid = columntable.ID
inner join regions on regionstable.regionsid = regions.id
where 1 =1
and newmastertrackcg.typer = 'article'
<cfif parameterexists(form.dater)>
and (newmastertrackcg.datetime BETWEEN '#dater#' AND '#daterend#')


<cfelse>
and newmastertrackcg.datetime > '#newdatetime#'
</cfif>
group by newmastertrackcg.idnumber
order by views desc

</cfquery>


<Cfoutput query="geter">                        <tr>
                            <td><a href="https://www.cityguideny.com/admin/editcol3334.cfm?id=#id#&mag=1&topr=999999">#title#</a></td><td>#name#</td>
                            <td>#dateformat(dtentered,'m/d')#</td>
                            <td><Cfset nv = views >#round(nv)#</td>
                        </tr>

</Cfoutput>                    </tbody>
                </table>
            </div>
          </div>
        </div>
      </div>






     <!--- SECOND --->


             <div class="col-sm-12">
          <div class="white-box">
            <h3 class="box-title m-b-0">CATEGORIES</h3>
            <div class="table-responsive">
                <table id="example234" class="display nowrap" cellspacing="0" width="100%">
                    <thead>
                        <tr>
                            <th>Master Category</th>
                            <th>Views</th>
                        </tr>
                    </thead>
                    <tfoot>
                        <tr>
                               <th>Master Category</th>
                            <th>Views</th>              </tr>
                    </tfoot>
                    <tbody>




          <Cfquery name="Geter" dataSource="#ds#">


select regions.name, regions.id, count(distinct(newmastertrackcg.id)) as views
from newmastertrackcg inner join columntable on newmastertrackcg.idnumber = columntable.id inner join regionstable on regionstable.colid = columntable.ID
inner join regions on regionstable.regionsid = regions.id
where 1 =1
and newmastertrackcg.typer = 'article'
<cfif parameterexists(form.dater)>
and (newmastertrackcg.datetime BETWEEN '#dater#' AND '#daterend#')


<cfelse>
and newmastertrackcg.datetime > '#newdatetime#'
</cfif>
group by regions.name
order by views desc

</cfquery>

                     <Cfoutput query="geter">
	                        <tr>
                            <td style="border-width: 1px;border-style: solid;padding:4px;"><a href="data-tablearticlescat.cfm?id=#id#">#name#</a></td>
                            <td style="border-width: 1px;border-style: solid;padding:4px;"><Cfset nv = views * .8>#round(nv)#</td>
                        </tr>
                                         </Cfoutput>

                    </tbody>
                </table>
            </div>
          </div>
        </div>
      </div>

   <!--- SECOND --->



     <!--- THIRD --->


             <div class="col-sm-12">
          <div class="white-box">
            <h3 class="box-title m-b-0">Authors</h3>
            <div class="table-responsive">
                <table id="example234" class="display nowrap" cellspacing="0" width="100%">
                    <thead>
                        <tr>
                            <th>Author</th>
                            <th>Views</th>
                        </tr>
                    </thead>
                    <tfoot>
                        <tr>
                            <th>Author</th>
                            <th>Views</th>              </tr>
                    </tfoot>
                    <tbody>


          <Cfquery name="Geter" dataSource="#ds#">
		select columnmaster.authorname,  count(distinct(newmastertrackcg.id)) as views
from newmastertrackcg inner join columntable on newmastertrackcg.idnumber = columntable.id
inner join columnmaster on columntable.columnnum = columnmaster.id
where 1 =1
and columntable.mag = 1
and newmastertrackcg.typer = 'article'
<cfif parameterexists(form.dater)>
and (newmastertrackcg.datetime BETWEEN '#dater#' AND '#daterend#')


<cfelse>
and newmastertrackcg.datetime > '#newdatetime#'
</cfif>
group by authorname
order by views desc

</cfquery>

                     <Cfoutput query="geter">
	                        <tr>
                            <td style="border-width: 1px;border-style: solid;padding:4px;">#authorname#</td>
                            <td style="border-width: 1px;border-style: solid;padding:4px;"><Cfset nv = views * .8>#round(nv)#</td>
                        </tr>
                                         </Cfoutput>

                    </tbody>
                </table>
            </div>
          </div>
        </div>
      </div>

     <!--- THIRD --->


      <!-- /.row -->

     <cfinclude template="footer.cfm">

<script src="../plugins/bower_components/datatables/jquery.dataTables.min.js"></script>

<!-- start - This is for export functionality only -->
<script src="https://cdn.datatables.net/buttons/1.2.2/js/dataTables.buttons.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.2.2/js/buttons.flash.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/2.5.0/jszip.min.js"></script>
<script src="https://cdn.rawgit.com/bpampuch/pdfmake/0.1.18/build/pdfmake.min.js"></script>
<script src="https://cdn.rawgit.com/bpampuch/pdfmake/0.1.18/build/vfs_fonts.js"></script>
<script src="https://cdn.datatables.net/buttons/1.2.2/js/buttons.html5.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.2.2/js/buttons.print.min.js"></script>
<!-- end - This is for export functionality only -->
<!-- end - This is for export functionality only -->

<script>
    $(document).ready(function(){
      $('#myTable').DataTable();
      $(document).ready(function() {
        var table = $('#example').DataTable({
          "columnDefs": [
          { "visible": false, "targets": 2 }
          ],
          "order": [[ 2, 'asc' ]],
          "displayLength": 25,
          "drawCallback": function ( settings ) {
            var api = this.api();
            var rows = api.rows( {page:'current'} ).nodes();
            var last=null;

            api.column(2, {page:'current'} ).data().each( function ( group, i ) {
              if ( last !== group ) {
                $(rows).eq( i ).before(
                  '<tr class="group"><td colspan="5">'+group+'</td></tr>'
                  );

                last = group;
              }
            } );
          }
        } );

    // Order by the grouping
    $('#example tbody').on( 'click', 'tr.group', function () {
      var currentOrder = table.order()[0];
      if ( currentOrder[0] === 2 && currentOrder[1] === 'asc' ) {
        table.order( [ 2, 'desc' ] ).draw();
      }
      else {
        table.order( [ 2, 'asc' ] ).draw();
      }
    });
  });
    });
    $('#example23').DataTable( {
        dom: 'Bfrtip',
        buttons: [
            'copy', 'csv', 'excel', 'pdf', 'print'
        ]
    });


  </script>

<!-- jQuery -->
<script src="../plugins/bower_components/jquery/dist/jquery.min.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="bootstrap/dist/js/bootstrap.min.js"></script>
<!-- Menu Plugin JavaScript -->
<script src="../plugins/bower_components/sidebar-nav/dist/sidebar-nav.min.js"></script>

<!--slimscroll JavaScript -->
<script src="js/jquery.slimscroll.js"></script>
<!--Wave Effects -->
<script src="js/waves.js"></script>
<!-- Custom Theme JavaScript -->
<script src="js/custom.min.js"></script>
<!-- Plugin JavaScript -->
<script src="../plugins/bower_components/moment/moment.js"></script>
<!-- Clock Plugin JavaScript -->
<script src="../plugins/bower_components/clockpicker/dist/jquery-clockpicker.min.js"></script>
<!-- Color Picker Plugin JavaScript -->
<script src="../plugins/bower_components/jquery-asColorPicker-master/libs/jquery-asColor.js"></script>
<script src="../plugins/bower_components/jquery-asColorPicker-master/libs/jquery-asGradient.js"></script>
<script src="../plugins/bower_components/jquery-asColorPicker-master/dist/jquery-asColorPicker.min.js"></script>
<!-- Date Picker Plugin JavaScript -->
<script src="../plugins/bower_components/bootstrap-datepicker/bootstrap-datepicker.min.js"></script>
<!-- Date range Plugin JavaScript -->
<script src="../plugins/bower_components/timepicker/bootstrap-timepicker.min.js"></script>
<script src="../plugins/bower_components/bootstrap-daterangepicker/daterangepicker.js"></script>
<script>
// Clock pickers
$('#single-input').clockpicker({
  placement: 'bottom',
  align: 'left',
  autoclose: true,
  'default': 'now'

});

$('.clockpicker').clockpicker({
    donetext: 'Done',

})
  .find('input').change(function(){
    console.log(this.value);
});

$('#check-minutes').click(function(e){
  // Have to stop propagation here
  e.stopPropagation();
  input.clockpicker('show')
      .clockpicker('toggleView', 'minutes');
});
if (/mobile/i.test(navigator.userAgent)) {
  $('input').prop('readOnly', true);
}
// Colorpicker

$(".colorpicker").asColorPicker();
$(".complex-colorpicker").asColorPicker({
    mode: 'complex'
});
$(".gradient-colorpicker").asColorPicker({
    mode: 'gradient'
});
// Date Picker
    jQuery('.mydatepicker, #datepicker').datepicker();
    jQuery('#datepicker-autoclose').datepicker({
        autoclose: true,
        todayHighlight: true
      });

    jQuery('#date-range').datepicker({
        toggleActive: true
      });
    jQuery('#datepicker-inline').datepicker({

        todayHighlight: true
      });

// Daterange picker

$('.input-daterange-datepicker').daterangepicker({
          buttonClasses: ['btn', 'btn-sm'],
                applyClass: 'btn-danger',
                cancelClass: 'btn-inverse'
        });
            $('.input-daterange-timepicker').daterangepicker({
                timePicker: true,
                format: 'MM/DD/YYYY h:mm A',
                timePickerIncrement: 30,
                timePicker12Hour: true,
                timePickerSeconds: false,
                buttonClasses: ['btn', 'btn-sm'],
                applyClass: 'btn-danger',
                cancelClass: 'btn-inverse'
            });
            $('.input-limit-datepicker').daterangepicker({
                format: 'MM/DD/YYYY',
                minDate: '06/01/2015',
                maxDate: '06/30/2015',
                buttonClasses: ['btn', 'btn-sm'],
                applyClass: 'btn-danger',
                cancelClass: 'btn-inverse',
                dateLimit: {
                    days: 6
                }
            });
</script>


<!--Style Switcher -->
<script src="../plugins/bower_components/styleswitcher/jQuery.style.switcher.js"></script>
</body>
</html>