Admin CivicIdeas: eComment Report

prepping for a print style sheet

by Pete Fecteau

HTML

<script src="https://buttonpresser.com/CivicIdeas_BS/js/chart.min.js"></script>
<div class="standard-nav alone navbar navbar-fixed-top">
    <div class="navbar-inner">
        <div class="container-fluid">
            <a class="brand" href="/" title="home">Test Customer</a>
            <div class="nav-collapse navbar-responsive-collapse collapse" style="height: 0px;">
                <ul class="nav">
                    <li><a href="/admin">Dashboard</a></li>
                    <li><a href="/admin/users">Users</a></li>
                    <li><a href="/admin/projects">Projects</a></li>
                    <li><a href="/admin/discussions">Discussions</a></li>
                    <li><a href="/admin/forums">Forums</a></li>
                    <li><a href="/admin/ideas?product=&amp;status=&amp;type=">Ideas</a></li>
                    <li><a href="/admin/surveys">Surveys</a></li>
                    <li class="active"><a href="/admin/ecomments">eComments</a></li>
                    <li><a href="/admin/reports">Exports</a></li>
                    <li><a href="/admin/settings">Settings</a></li>                                          
                </ul>
                <ul class="nav pull-right">
                    <li class="dropdown">
                    <a href="/profile" class="dropdown-toggle" data-target="#" data-toggle="dropdown" id="navbar-login">Pete Fecteau <b class="caret"></b></a>
                        <ul class="dropdown-menu">
                            <li><a href="/" target="_blank">Public View <i class="icon-external-link"></i></a></li>
                            <li class="divider"></li>
                            <li><a href="/users/sign_out">Sign out</a></li>
                            <li class="divider"></li>
                            <li><a href="/profile/ideas/4fd1107538b2a400010003eb">My Ideas</a></li>
                            <li><a href="/profile/votes/4fd1107538b2a400010003eb">My Votes</a></li>
                           ...

CSS

@import url('https://buttonpresser.com/CivicIdeas_BS/css/bootstrap.css');
@import url('https://buttonpresser.com/CivicIdeas_BS/css/bootstrap-custom.css');
@import url('https://buttonpresser.com/CivicIdeas_BS/css/global-nav.css');
.standard-nav {top:0 !important;}
.standard-nav .nav li a:focus:after, .standard-nav .nav li a:hover:after, .standard-nav .nav a:after, .standard-nav .nav .active a:after, .standard-nav .nav .active a:focus:after, .standard-nav .nav .active a:hover:after {border-bottom-color: #939598;}
#content {padding-top:50px;}

section header.filter {
    background-color:#939598;
    padding:10px 10px 10px 20px;
    margin:0 -20px;
}
section header.filter form {margin:0;}
section header.filter form select {margin:0 10px 0 0;}
.buttons {float:right;margin-top:2px;}
.buttons .btn.download {
    background-image: url('https://buttonpresser.com/CivicIdeas_BS/img/download_icon.png');
    background-position: 7px 4px;
    padding: 3px 10px 3px 33px;
    line-height:20px;
}
#settings,
.btn.speaker_request,
#footer {
    display:none;
}

section.box.chart h2 {
    display:none;    
}
section.box.agenda-list {
    margin-top:20px;    
}
section.box h2 {
    margin:20px 0;
    padding-top:10px;
    font-weight:bold;
    color:#404040;
}
section.box.chart #stats_wrapper {
    height:100px;
    margin-bottom:30px;
}
section.box.chart .nav-tabs li {float:right;}
section.box.chart #stats_wrapper ul {
    list-style:none;
    display:block;
    margin:30px 0;
}
section.box.chart #stats_wrapper ul li {
    display:block;
    float:left;
    font-size:42px;
    font-weight:bold;
    width:16%;
    text-align:center;
    color:#939598;
    padding-top:20px;
}
section.box.chart #stats_wrapper ul .stats_spacer {
    width:1px;
    background-color:#DEDFE0;
}
section.box.chart #stats_wrapper ul li .div_spacer {
    width:1px;
    height:60px;
    background-color:#DEDFE0;
    margin-top:-10px;
}
section.box.chart #stats_wrapper ul li canvas {
    margin:-30px 0 20px...

JavaScript

var doughnutData = [
    {value: 16,color:"#3cb657"},
    {value : 27,color : "#b63b3b"},
    {value : 34,color : "#a9aaad"}
];
var myDoughnut = new Chart(document.getElementById("quick-chart").getContext("2d")).Doughnut(doughnutData);

var lineChartData = {
	labels : ["4/27","4/28","4/29","4/30","5/1","5/2","5/3","5/4","5/5","5/6","5/7","5/8","5/9","5/10"],
	datasets : [
		{
			// Comments
            fillColor : "rgba(247,150,30,0)",
			strokeColor : "rgba(247,150,30,0.6)",
			pointColor : "rgba(247,150,30,0.6)",
			pointStrokeColor : "#fff",
			data : [0,0,1,0,3,0,4,6,7,15,3,5,5,2]
		},
		{
            // Support
			fillColor : "rgba(60,182,87,0)",
			strokeColor : "rgba(60,182,87,0.6)",
			pointColor : "rgba(60,182,87,0.6)",
			pointStrokeColor : "#fff",
			data : [1,1,3,1,0,0,0,1,4,3,1,0,1,1]
		},
		{
            // Oppose
			fillColor : "rgba(182,59,59,0)",
			strokeColor : "rgba(182,59,59,0.6)",
			pointColor : "rgba(182,59,59,0.6)",
			pointStrokeColor : "#fff",
			data : [0,2,5,3,1,0,0,2,5,7,1,0,1,0]
		},
		{
            // Neutral
			fillColor : "rgba(169,170,173,0)",
			strokeColor : "rgba(169,170,173,0.6)",
			pointColor : "rgba(169,170,173,0.6)",
			pointStrokeColor : "#fff",
			data : [0,3,7,1,3,0,1,5,7,4,1,0,1,1]
		}
	]
}
var myLine = new Chart(document.getElementById("timeline").getContext("2d")).Line(lineChartData);


$('#navbar-login.logged-out').click(function () {
  $(this).parent().toggleClass('open');
  return false;
});

var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-1279298-8']);
  _gaq.push(['_setDomainName', 'granicusideas.com']);
  _gaq.push(['_setAllowLinker', true]);
  _gaq.push(['_setCampSourceKey', 'utm_source']);
  _gaq.push(['_setCampMediumKey', 'utm_medium']);
  _gaq.push(['_setCampContentKey', 'utm_keyword']);
  _gaq.push(['_setCampTermKey', 'utm_keyword']);
  _gaq.push(['_setCampNameKey', 'utm_campaign']);
  _gaq.push(['_trackPageview']);


(function () {
var ga = document.createElement('script');
ga.type =...