CivicIdeas Meetings Show

Listing agenda items

by Pete Fecteau

HTML

<script src="https://buttonpresser.com/CivicIdeas_BS/js/bootstrap.calendar.js"></script>
<script src="https://buttonpresser.com/CivicIdeas_BS/js/charcount.js"></script>
<script src="https://buttonpresser.com/CivicIdeas_BS/js/bootstrap.js"></script>
<script src="https://buttonpresser.com/CivicIdeas_BS/js/faux-feed.js"></script>
<div class="standard-nav alone navbar navbar-fixed-top">
    <div class="navbar-inner">
        <div class="container">
            <div class="nav-collapse" id="main-menu">
                <ul class="nav" id="main-menu-left">
                    <li class="nav-home"><a href="#">Home</a></li>
                    <li class="nav-ideas"><a href="#">Ideas</a></li>
                    <li class="nav-projects"><a href="#">Projects</a></li>
                    <li class="nav-discussions"><a href="#">Discussions</a></li>
                    <li class="nav-forums"><a href="#">Forums</a></li>
                    <li class="nav-meetings active"><a href="#">Meetings</a></li>
                    <li class="nav-surveys"><a href="#">Surveys</a></li>
                </ul>
                <ul class="nav pull-right" id="main-menu-right">
                    <li class="language">
                        <div id="google_translate_element"></div>
                    </li>
                    <li>
                        <form class="navbar-search pull-left" action="">
                            <input type="text" class="search-query span2" placeholder="Search" />
                        </form>
                    </li>
                    <li class="dropdown">
                    <a href="/users/sign_in" id="navbar-login">Login or Register</a>
                    <ul class="dropdown-menu" id="swatch-menu">
                        <li><a href="../default">Log Out</a></li>
                        <li class="divider"></li>
                        <li><a href="#">Edit Profile</a></li>
                        <li><a href="#">My Ideas</a></li>
                     ...

SCSS

@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/global-hdr.css');
@import url('https://buttonpresser.com/CivicIdeas_BS/css/global-sidebar.css');
@import url('https://buttonpresser.com/CivicIdeas_BS/css/global-footer.css');
@import url('https://buttonpresser.com/CivicIdeas_BS/css/global-comments.css');
@import url('https://buttonpresser.com/CivicIdeas_BS/css/header-meeting.css');
@import url('https://buttonpresser.com/CivicIdeas_BS/css/show-meeting.css');
body {background:#DEDFE0;}
.support-block {
    float:left;
    margin:0 0 10px 5px;
}
.support-block h4 {
    width:160px;
    font-size:14px;
    float:left;
    margin:7px 0 0 0;
    padding:0;
}
.support-block fieldset {
    width:415px;
    float:left;
}
.support-block .video-comment {
    margin-top: 7px;
    display: block;
    float: right;
}
.char-count {
    position:relative;
    float:right;
    top:10px;
    right:5px;
    margin:-10px 0;
}
.char-warning {color:#ff9600;}
.char-exceed {color:#b63b3b;}

.controls input[type="radio"].radio {
    float:left;
    margin:10px 5px 0 0;
}
.controls .radio-value {
    float:left;
    margin-right:20px;
}
.quick-register .well .btn-arrow-right:after {
    border:16px solid #DEDFE0;
    border-left-color:transparent!important;
}
.sub .quick-comment,
.sub .quick-register {margin-left:-20px;}
.subsub .quick-comment,
.subsub .quick-register {margin-left:-40px;}
.sharables {
    float:right;
    height:30px;
    width:0;
    overflow:hidden;
    display:none;
    margin-left:5px;
}
.sharables a {
    display:block;
    float:left;
    margin-right:5px;
}
.sharables a:last-child {margin-right:0;}
.sharables a img {
    height:30px;
    width:30px;
}
.btn.share {float:right;}
.btn.speak,
.btn.comment {
    float:right;
    margin:0...

JavaScript

$('a.btn.share.close').live("click", function() {
    $(this).before( $('.sharables') );
    $(this).prev('.sharables').show();
    $(this).prev('.sharables').animate({
      width: 100,
      marginLeft: 5
    }, 400, function() {
    });
    $(this).addClass('open');
    $(this).removeClass('close');
});

$('a.btn.share.open').live("click", function() {
    $(this).prev('.sharables').animate({
      width: 0,
      marginLeft: 0
    }, 400, function() {
    });
    $(this).parent().remove('.sharables');
    $(this).addClass('close');
    $(this).removeClass('open');
});

$(".comment-textarea").charCount({
    allowed: 360,		
    warning: 40,
    counterElement: 'div',
    css: 'char-count',
    cssWarning: 'char-warning',
    cssExceeded: 'char-exceed'
});

$(".collapse").collapse('hide');
$('.comment').live("click", function() {
    $(this).parents('li').siblings().find('.quick-comment').collapse('hide');
    $(this).parents('li').siblings().find('.quick-register').collapse('hide');
    $(this).parents('li').find('.quick-register').collapse('hide');
});
$('.speak').live("click", function() {
    $(this).parents('li').siblings().find('.quick-register').collapse('hide');
    $(this).parents('li').siblings().find('.quick-comment').collapse('hide');
    $(this).parents('li').find('.quick-comment').collapse('hide');
});

// tweak function to allow editing/deleting
$('.btn-comment').live("click", function() {
    var myBtn = $(this).parent().parent().parent().parent().prev('.minute-actions').find('.comment');
    myBtn.css('backgroundColor','#28a2d5');
    $(this).addClass('btn-commented');
    $(this).removeClass('btn-comment');
    return false;
});
$('.btn-commented').live("click", function() {
    var myBtn = $(this).parent().parent().parent().parent().prev('.minute-actions').find('.comment');
    myBtn.css('backgroundColor','#DEDFE0');
    $(this).addClass('btn-comment');
    $(this).removeClass('btn-commented');
    return...