Admin CivicIdeas: eComment Report Print

Print style sheet for eComment reports.

by Pete Fecteau

HTML

<script src="https://buttonpresser.com/CivicIdeas_BS/js/getDate.js"></script>
<script src="https://buttonpresser.com/CivicIdeas_BS/js/leaflet.js"></script>
<script src="https://buttonpresser.com/CivicIdeas_BS/js/TileLayer.Grayscale.js"></script>
<script src="https://buttonpresser.com/CivicIdeas_BS/js/marker-label.js"></script>
<script src="https://buttonpresser.com/CivicIdeas_BS/js/json/sf_hoods_geojson.js"></script>
<script src="https://buttonpresser.com/CivicIdeas_BS/js/json/sf_zips_geojson.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...

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');
@import url('https://buttonpresser.com/CivicIdeas_BS/css/leaflet.css');
html,body {background-color:#FFF;background-image:none;}
@media all {
    .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;
    }
    h1 {
        width:100%;
        color:#404040 !important;
    }
    h3 {
        width:100%;
        font-size:14px;
        line-height:100%;
        margin:0;
        color:#939598 !important;
    }
    h1 span {
        font-size:14px;
        color:#939598 !important;
    }
    
    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;
    }
   ...

JavaScript

$('.getDate').html("As of " + _dateString);

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

var map = L.map('map', {scrollWheelZoom: false}).setView([37.7750, -122.4383], 14);
L.tileLayer.grayscale('https://tile.openstreetmap.org/{z}/{x}/{y}.png', {
    attribution: '',
    maxZoom: 22,
    minZoom: 2,
    scrollWheelZoom: false,
    markerZoomAnimation: true,
    zoomControl: false
}).addTo(map);   		

L.marker([37.7750, -122.4363], {icon: magentaIcon}).addTo(map);
L.marker([37.7780, -122.4303], {icon: magentaIcon}).addTo(map);
L.marker([37.7790, -122.4483], {icon: magentaIcon}).addTo(map);
L.marker([37.7720, -122.4571], {icon: magentaIcon}).addTo(map);
L.marker([37.7815, -122.4713], {icon: magentaIcon}).addTo(map);
L.marker([37.7792, -122.4192], {icon: magentaIconLarge}).bindLabel("5", { noHide: true }).addTo(map).showLabel();
L.marker([37.7740, -122.3999], {icon: magentaIconLarge}).bindLabel("17", { noHide: true }).addTo(map).showLabel();

geojson = L.geoJson(geojsonSFhoods, {
    style: mapStyleNone,
    onEachFeature: onEachFeature,
}).addTo(map);