    <div data-ng-controller="GooglePlusFeedsController">
            <!-- START CONTENT -->
            <section id="content">
                <!--start container-->
                        <!--card widgets end-->
                        <div class="row">
                            <div class="col offset-s1 s10 offset-m1 m10 offset-l1 l10">
                                <div class="card" id="feeds" style="height:100vh;overflow-y:auto;">
                                    <h5 class="feeds_title red darken-2 white-text"><i class="fa fa-google-plus"></i>Google plus Live feeds<a class='dropdown-button right white-text' href='javascript:void(0)' data-activates='dropdownFilter'><i class="fa fa-filter"></i></a>
                                        <a class='right white-text btn_style black' ng-click="ReconnectGplus('recgplus')" title="Recent feeds" href='javascript:void(0)' style="font-size: 14px;height: 28px;line-height: 27px;border-radius: 4px; text-align:center">Reconnect</a>
                                    </h5>

                                    <!-- Dropdown Structure -->
                                    <div ng-if="dropCalled==true">
                                        <ul id='dropdownFilter' class='dropdown-content'>
                                            <li><a href="javascript:void(0)" ng-click="ReLoadingTopFeeds()">None</a></li>
                                            <li><a href="javascript:void(0)" ng-click="filterSearch('photo')">Image</a></li>
                                            <li><a href="javascript:void(0)" ng-click="filterSearch('album')">Album</a></li>
                                            <li><a href="javascript:void(0)" ng-click="filterSearch('article')">Article</a></li>
                                            <li><a href="javascript:void(0)" ng-click="filterSearch('note')">Note</a></li>
                                            <li><a href="javascript:void(0)" ng-click="filterSearch('event')">Event</a></li>
                                        </ul>
                                    </div>
                                    <ul class="collection ">
                                        <li class="collection-item avatar" ng-repeat="gplusfeed in lstGpFeeds">
                                            <img src="{{gplusfeed.fromProfileImage}}" alt="{{gplusfeed.fromUserName}}" class="circle">
                                            <span class="email-title">{{gplusfeed.fromUserName}}</span>
                                            <div class="row feeds_post z-depth-1 hoverable">
                                                <div class="col m8">
                                                    <a class="break_word ultra-small black-text" href="{{gplusfeed.activityUrl}}" target="_blank">{{gplusfeed.title}}</a>
                                                </div>
                                                <div class="col m4 center" ng-if="gplusfeed.attachmentType=='photo'">
                                                    <img src="{{gplusfeed.attachment}}" class="responsive-img ">
                                                </div>
                                                <div class="col m4 center" ng-if="gplusfeed.attachmentType=='article'">
                                                    <img src="{{gplusfeed.attachment}}" class="responsive-img ">
                                                </div>
                                                <div class="col m4 center" ng-if="gplusfeed.attachmentType=='event'">
                                                    {{gplusfeed.content}}
                                                </div>
                                            </div>
                                            <a class="tooltipped secondary-content" data-position="left">{{gplusfeed.publishedDate}}</a>

                                            <div class="row">
                                                <div class="col s2 center">
                                                    <span class="red-text text-darken-4">
                                                        <i class="icon-like fa-fw"></i> {{gplusfeed.plusonersCount}}
                                                    </span>
                                                </div>
                                                <div class="col s2 center">
                                                    <span class="red-text text-darken-4">
                                                        <i class="icon-bubbles fa-fw"></i> {{gplusfeed.repliesCount}}
                                                    </span>
                                                </div>
                                                <div class="col s2 center">
                                                    <span class="red-text text-darken-4">
                                                        <i class="icon-share fa-fw"></i> {{gplusfeed.resharersCount}}
                                                    </span>
                                                </div>
                                                <div class="col s6">
                                                    <a ng-click="openComposeMessage(gplusfeed)" class="red-text text-darken-4 right"><i class="fa fa-retweet fa-fw " aria-hidden="true"></i> Re-Socio</a>
                                                </div>
                                            </div>
                                        </li>
                                        <!--<div class="center">
          <div class="preloader-wrapper big active">
            <div class="spinner-layer spinner-blue">
              <div class="circle-clipper left">
                <div class="circle"></div>
              </div><div class="gap-patch">
                <div class="circle"></div>
              </div><div class="circle-clipper right">
                <div class="circle"></div>
              </div>
            </div>

            <div class="spinner-layer spinner-red">
              <div class="circle-clipper left">
                <div class="circle"></div>
              </div><div class="gap-patch">
                <div class="circle"></div>
              </div><div class="circle-clipper right">
                <div class="circle"></div>
              </div>
            </div>

            <div class="spinner-layer spinner-yellow">
              <div class="circle-clipper left">
                <div class="circle"></div>
              </div><div class="gap-patch">
                <div class="circle"></div>
              </div><div class="circle-clipper right">
                <div class="circle"></div>
              </div>
            </div>

            <div class="spinner-layer spinner-green">
              <div class="circle-clipper left">
                <div class="circle"></div>
              </div><div class="gap-patch">
                <div class="circle"></div>
              </div><div class="circle-clipper right">
                <div class="circle"></div>
              </div>
            </div>
          </div>
        </div>-->
                                        <div class="cssload-container" ng-if="preloadmorefeeds!=true">
                                            <div></div>
                                            <div></div>
                                            <div></div>
                                            <div></div>
                                        </div>
                                    </ul>
                                        <h6 style="margin-left:37%; color:lightgray; font-size:30px; font-family:Calibri" ng-if="nofeeds==true && filters!=true"><br /><br /><span><img style="margin-left:14%; width:60px" src="http://i.imgur.com/0MjybMu.png" /></span><br />No posts to show<br /></h6>
                                    <h6 style="margin-left:37%; color:lightgray; font-size:30px; font-family:Calibri" ng-if="nofeedsss==true"><br /><br /><span><img style="margin-left:14%; width:60px" src="http://i.imgur.com/0MjybMu.png" /></span><br />No posts to show<br /></h6>
                                        <div class="col s12 center">
                                            <a class="btn btn_style red_btn_style" ng-click="listData1()" onClick="this.style.visibility = 'hidden';  loadmore_feeds();" ng-if="preloadmorefeeds==true && filters!=true">Load More</a>
                                        </div>
                                  

                                </div>
                            </div>                                  
                        </div>
                <!--end container-->

               
                
            </section>
            <!-- END CONTENT -->   
    </div>


<!-- Compose Email Structure -->
<div id="ComposePostModal" class="modal">
    <div class="modal-content" style="padding-bottom: 0px;">
        <nav class="red">
            <div class="nav-wrapper">
                <div class="left col s12 m5 l5">
                    <ul>
                        <!--<li><a href="#!" class="email-menu"><i class="modal-action modal-close  mdi-hardware-keyboard-backspace"></i></a>
                        </li>-->
                        <li><span class="email-type">Re-Socio</span></li>

                    </ul>
                </div>
                <div ng-init="disbtncom= {{disbtncom}}"></div>
                <div class="col s12 m7 l7 hide-on-med-and-down">
                    <ul class="right">
                        <li>
                            <div ng-show="disbtncom" ng-click="ComposeMessage()"><i class="modal-action  mdi-content-send"></i></div>
                            <div ng-show="!disbtncom"><i class="fa fa-spinner fa-pulse fa-3x fa-fw"></i></div>
                        </li>
                        <!--<li>
                            <a href="#!"><i class="modal-action modal-close  mdi-content-send"></i></a>
                        </li>-->
                    </ul>
                </div>

            </div>
        </nav>
    </div>
    <div class="model-email-content" style="padding-top: 0px;">
        <div class="row">
            <form class="col s12">
                <div class="row">
                    <div class="input-field col s12">
                        <div class="emoji-picker-container">
                            <textarea id="composeMessage" class="materialize-textarea" length="500" data-emojiable="true" placeholder="Type your msg">{{contentMessage.title}} </textarea>
                        </div>
                    </div>
                </div>
                <!--<div class="row">
                    <div class="col s12 m12 l12">
                        <p>Add your hashtag</p>
                    </div>
                    <div class="input-field col s12">
                        <input name="tags" id="tags" value="SocioBoard,SB,hashtag" />
                    </div>
                </div>-->
                <div class="row section">
                    <div class="col s12 m12 l12">
                        <p>Select your file [Ex: gif, jpeg, png, mp4, ...]</p>
                    </div>
                    <input type="hidden" id="imageUrl" value="{{contentMessage.image}}" />
                    <div class="col s12 m12 l12">
                        <input type="file" id="composeImage" class="dropify" after-render data-default-file="{{contentMessage.image}}" />
                    </div>
                    <div class="col s12 m12 l12" ng-if="!contentMessage">
                        <input type="file" id="composeImage" class="dropify" after-render data-default-file="" />
                    </div>

                </div>
                <div class="row">
                    <!--<div class="input-field col s12">
            <select multiple id="composeProfiles">
                <option value="" disabled selected>Choose your option</option>
                <option ng-repeat="profile in lstProfiles | filter:{profileType:0} | filter:{profileType:'!10'} | filter:{profileType:'!11'}" value="fb_{{profile.profileId}}" my-repeat-dropdown-directive>  {{profile.profileName}} </option>
                <option ng-repeat="profile in lstProfiles | filter:{profileType:1} | filter:{profileType:'!10'} | filter:{profileType:'!11'}" value="fb_{{profile.profileId}}" my-repeat-dropdown-directive>  {{profile.profileName}} </option>
                <option ng-repeat="profile in lstProfiles | filter:{profileType:2}" value="tw_{{profile.profileId}}" my-repeat-dropdown-directive>  {{profile.profileName}} </option>
                <option ng-repeat="profile in lstProfiles | filter:{profileType:3}" value="lin_{{profile.profileId}}" my-repeat-dropdown-directive>  {{profile.profileName}} </option>
                <option ng-repeat="profile in lstProfiles | filter:{profileType:4}" value="Cmpylinpage_{{profile.profileId}}" my-repeat-dropdown-directive>  {{profile.profileName}} </option>
            </select>
        </div>-->
                    <div style="max-height:250px; overflow-y:scroll;">

                        <ul class="shinh" id="checkboxdata">
                            <li style="padding:5px 0;">
                                <label>
                                    <input id="checkAll" onclick="check();" type="checkbox" style="visibility:visible;position:relative;left:5px; float:left" />
                                    <span style="float:left;">Check All</span>
                                </label>
                            </li>
                            <li ng-repeat="profile in lstProfiles | filter:{profileType:0} | filter:{profileType:'!10'} | filter:{profileType:'!11'} | filter:{profileType:'!13'}" style="padding:5px 0;">
                                <label>
                                    <input  onclick="profile();" name="selector[]" class="subcheckbox" id="fb_{{profile.profileId}}" type="checkbox" style="visibility:visible;position: relative;left:5px;float:left" />
                                    <img src="{{profile.profilePic}}" style="width:20px;float:left;margin-right: 5px;" />
                                    <span style="float:left;">{{profile.profileName}}</span>
                                    <span style="float:right;"><img src="/contents/socioboard/images/fb_icon.png"></span>
                                </label>
                            </li>
                            <li ng-repeat="profile in lstProfiles | filter:{profileType:1} | filter:{profileType:'!10'} | filter:{profileType:'!11'} | filter:{profileType:'!13'}" style="padding:5px 0;">
                                <label>
                                    <input  onclick="profile();" name="selector[]" class="subcheckbox" id="fb_{{profile.profileId}}" type="checkbox" style="visibility:visible;position: relative;left:5px;float:left" />
                                    <img src="{{profile.profilePic}}" style="width:20px;float:left;margin-right: 5px;" />
                                    <span style="float:left;">{{profile.profileName}}</span>
                                    <span style="float:right;"><img src="/contents/socioboard/images/Fb_page-icon.png"></span>
                                </label>
                            </li>
                            <li ng-repeat="profile in lstProfiles | filter:{profileType:2}" style="padding:5px 0;">
                                <label>
                                    <input onclick="profile();" name="selector[]" class="subcheckbox" id="tw_{{profile.profileId}}" type="checkbox" style="visibility:visible;position: relative;left:5px;float:left" />
                                    <img src="{{profile.profilePic}}" style="width:20px;float:left;margin-right: 5px;" />
                                     <span style="float:left;">{{profile.profileName}}</span>
                                    <span style="float:right;"><img src="/contents/socioboard/images/twticon.png"></span>
                                </label>
                            </li>
                            <li ng-repeat="profile in lstProfiles | filter:{profileType:3} | filter:{profileType:'!13'}" style="padding:5px 0;">
                                <label>
                                    <input onclick="profile();"  name="selector[]" class="subcheckbox" id="lin_{{profile.profileId}}" type="checkbox" style="visibility:visible;position: relative;left:5px;float:left" />
                                    <img src="{{profile.profilePic}}" style="width:20px;float:left;margin-right: 5px;" />
                                     <span style="float:left;">{{profile.profileName}}</span>
                                    <span style="float:right;"><img src="/contents/socioboard/images/link_icon.png"></span>
                                </label>
                            </li>
                            <li ng-repeat="profile in lstProfiles | filter:{profileType:4}" style="padding:5px 0;">
                                <label>
                                    <input onclick="profile();" name="selector[]" class="subcheckbox" id="Cmpylinpage_{{profile.profileId}}" type="checkbox" style="visibility:visible;position: relative;left:5px;float:left" />
                                    <img src="{{profile.profilePic}}" style="width:20px;float:left;margin-right: 5px;" />
                                    <span style="float:left;">{{profile.profileName}}</span>
                                    <span style="float:right;"><img src="/contents/socioboard/images/link_icon.png"></span>
                                </label>
                            </li>
                        </ul>
                    </div>
                </div>
                <!--<div class="row">
                    <div ng-init="draftbtn= {{draftbtn}}"></div>
                    <div>
                        <div ng-show="draftbtn" ng-click="draftMsg()" class="btn btn_style">Draft</div>
                        <div ng-show="!draftbtn"><i class="fa fa-spinner fa-spin fa-3x fa-fw"></i></div>
                    </div>
                </div>-->

            </form>
        </div>
    </div>
</div>

<!-- END CONTENT -->



<!-- //////////////////////////////////////// Style CSS for Pre Loader //////////////////////////////////////// -->

<style>
    .cssload-container{
		background:rgb(255,255,255);
	}
	
	.cssload-container div {
	width: 25px;
	height: 25px;
	position: absolute;
	background-color: rgb(255,255,255);
	top: 6%;
	border-radius: 50%;
}

.cssload-container div:nth-child(1) {
	background-color: rgb(211,47,47);
	animation: cssload-move 2.6s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
		-o-animation: cssload-move 2.6s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
		-ms-animation: cssload-move 2.6s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
		-webkit-animation: cssload-move 2.6s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
		-moz-animation: cssload-move 2.6s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
}

.cssload-container div:nth-child(2) {
	background-color: rgb(211,47,47);
	animation: cssload-move 2.6s 195ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
		-o-animation: cssload-move 2.6s 195ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
		-ms-animation: cssload-move 2.6s 195ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
		-webkit-animation: cssload-move 2.6s 195ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
		-moz-animation: cssload-move 2.6s 195ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
}

.cssload-container div:nth-child(3) {
	background-color: rgb(211,47,47);
	animation: cssload-move 2.6s 390ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
		-o-animation: cssload-move 2.6s 390ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
		-ms-animation: cssload-move 2.6s 390ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
		-webkit-animation: cssload-move 2.6s 390ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
		-moz-animation: cssload-move 2.6s 390ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
}

.cssload-container div:nth-child(4) {
	background-color: rgb(211,47,47);
	animation: cssload-move 2.6s 585ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
		-o-animation: cssload-move 2.6s 585ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
		-ms-animation: cssload-move 2.6s 585ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
		-webkit-animation: cssload-move 2.6s 585ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
		-moz-animation: cssload-move 2.6s 585ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
}



@keyframes cssload-move {
	0% {
		left: 0%;
	}
	100% {
		left: 100%;
	}
}

@-o-keyframes cssload-move {
	0% {
		left: 0%;
	}
	100% {
		left: 100%;
	}
}

@-ms-keyframes cssload-move {
	0% {
		left: 0%;
	}
	100% {
		left: 100%;
	}
}

@-webkit-keyframes cssload-move {
	0% {
		left: 0%;
	}
	100% {
		left: 100%;
	}
}

@-moz-keyframes cssload-move {
	0% {
		left: 0%;
	}
	100% {
		left: 100%;
	}
}
</style>


<style>
    ul.shinh li label {
        font-size: 14px;
        color: grey;
        padding: 0 10px;
        color: #ff4081;
    }

    ul.shinh li:hover {
        background: #e5e5e5;
        color: #ff4081;
        cursor: pointer;
        padding: 0 10px;
    }

    ul.shinh li label input {
        margin-right: 10px;
        height: 20px;
        width: 20px;
        background: transparent !important;
    }
</style>

<style>
    .rssPostImage {
        width: 674px;
        max-height: 357px;
        overflow: hidden;
        border-radius: 5px;
        float: left;
        margin-top: 23px;
        margin-right: 10px;
        margin-bottom: 10px;
        margin-left: 2px;
    }
</style>

<!-- //////////////////////////////////////// End Style CSS for Pre Loader //////////////////////////////////////// -->

<script>
    function check() {
        debugger;
        var flag = $('#checkAll').is(":checked");
        $('#checkboxdata input:checkbox').each(function () {
            $(this).prop('checked', flag);
        });
    }


    function profile() {
        var count = 0;
        $("#checkboxdata :checkbox").each(function () {
            if (this.id != 'checkAll') {
                if (!($("#" + this.id).prop('checked'))) {
                    count++;
                }
            }
        });

        if (count > 0) {
            //alert("no "+count);
            $("#checkAll").prop('checked', false);
        }
        if (count == 0) {
            //alert("yess " + count);
            $("#checkAll").prop('checked', true);
        }
    }
</script>