<style>
    #profile-card{
        min-height:330px;
    }

</style>
    <div data-ng-controller="ProfilesController">
            <!-- Page name -->
            <div class="container">
                    <div class="row">
                        <form class="col s12">
                            <div class="row">
                                <div class="col s2">
                                    <h4>Profiles</h4> 
                                </div>
                                <div class="input-field col s3">
                                    <input ng-model="query[queryBy]" id="icon_prefix" type="text" class="validate">
                                    <label for="icon_prefix">Search Profile</label>
                                </div>
                                <div class="input-field col s7" >
                                    <!--<img src="/contents/socioboard/images/facebookSearch.png" ng-click="searchprofile('Facebook')" style="cursor: pointer;"/>
                                    <img src="/contents/socioboard/images/instagramSearch.png" ng-click="searchprofile('Facebook')" style="cursor: pointer;" />
                                    <img src="/contents/socioboard/images/twitterSearch.png" ng-click="searchprofile('Facebook')" style="cursor: pointer;" />
                                    <img src="/contents/socioboard/images/google-plusSearch.png" ng-click="searchprofile('Facebook')" style="cursor: pointer;" />
                                    <img src="/contents/socioboard/images/youtubeSearch.png" ng-click="searchprofile('Facebook')" style="cursor: pointer;" />
                                    <img src="/contents/socioboard/images/linkedinSearch.png" ng-click="searchprofile('Facebook')" style="cursor: pointer;" />
                                    <img src="/contents/socioboard/images/pinterestSearch.png" ng-click="searchprofile('Facebook')" style="cursor: pointer;" />-->
                                    <div class="right">
                                        <span class="btn btn_round blue_btn_style" ng-click="fetchalllProfiles()" title="All Social" style="cursor: pointer;">All</span>
                                        <i class="fa fa-facebook-square fa-2x blue-text text-darken-4 fa-fw" ng-click="searchprofile('Facebook')" style="cursor: pointer;"></i>
                                        <i class="fa fa-flag fa-2x orange-text text-darken-2 fa-fw" ng-click="searchprofile('FacebookPage')" style="cursor: pointer;"></i>
                                        <i class="fa fa-twitter-square fa-2x light-blue-text text-darken-2 fa-fw" ng-click="searchprofile('twitter')" style="cursor: pointer;"></i>
                                        <i class="fa fa-instagram fa-2x deep-orange-text text-darken-1 fa-fw" ng-click="searchprofile('instagram')" style="cursor: pointer;"></i>
                                        <i class="fa fa-google-plus-square fa-2x red-text text-darken-2 fa-fw" ng-click="searchprofile('googlepluse')" style="cursor: pointer;"></i>
                                        <!--<i class="fa fa-pinterest-square fa-2x deep-orange-text text-darken-4 fa-fw" ng-click="searchprofile('Pinterest')" style="cursor: pointer;"></i>-->
                                        <i class="fa fa-bar-chart fa-2x yellow-text text-darken-4 fa-fw" ng-click="searchprofile('GAnalytics')" style="cursor: pointer;"></i>
                                        <i class="fa fa-youtube-square fa-2x red-text text-darken-4 fa-fw" ng-click="searchprofile('Youtube')" style="cursor: pointer;"></i>
                                        <i class="fa fa-linkedin-square fa-2x indigo-text text-darken-2 fa-fw" ng-click="searchprofile('linkedin')" style="cursor: pointer;"></i>
                                        <i class="fa fa-linkedin fa-2x indigo-text text-darken-2 fa-fw" ng-click="searchprofile('linkedincompanypage')" style="cursor: pointer;"></i>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
              </div>
        <!--card stats start-->
        <div id="card-stats">
            <div class="row">
                <!--<div class="col s12 m6 l3">
                    <div class="card red white-text">
                        <div class="card-content ">
                            <p class="card-stats-title truncate"><i class="fa fa-comments fa-fw d_card_icon"></i>Incoming Messages</p>
                            <h4 class="card-stats-number">{{TotaltIncommingMessage}}</h4>
                        </div>
                        <div class="card-action center" ng-if="user.AccountType==4 || user.AccountType==5 || user.AccountType==6 || user.AccountType==7">
                            <a href="#/inboxmessage" class="white-text">View Details</a>
                        </div>
                        <div class="card-action center" ng-if="user.AccountType==0 || user.AccountType==1 || user.AccountType==2 || user.AccountType==3">
                            <a ng-click="message(msg)" disable class="white-text">View Details</a>
                        </div>
                    </div>

                </div>
                <div class="col s12 m6 l3">
                    <div class="card green white-text">
                        <div class="card-content">
                            <p class="card-stats-title"><i class="fa fa-mail-reply-all fa-fw d_card_icon"></i>Sent Messages</p>
                            <h4 class="card-stats-number">{{TotalSetMessages}}</h4>
                        </div>
                        <div class="card-action center" ng-if="user.AccountType==4 || user.AccountType==5 || user.AccountType==6 || user.AccountType==7">
                            <a href="#/sentmessages" class="white-text">View Details</a>
                        </div>
                        <div class="card-action center" ng-if="user.AccountType==0 || user.AccountType==1 || user.AccountType==2 || user.AccountType==3">
                            <a ng-click="message(msg)" disable class="white-text">View Details</a>
                        </div>
                    </div>


                </div>
                <div class="col s12 m6 l3">
                    <div class="card cyan lighten-4 white-text">
                        <div class="card-content ">
                            <p class="card-stats-title"><i class="fa fa-twitter fa-fw d_card_icon"></i> Twitter Followers</p>
                            <h4 class="card-stats-number">{{TwitterFollowerCount}}</h4>
                        </div>
                        <div class="card-action center" ng-if="user.AccountType==2 || user.AccountType==3 || user.AccountType==4 || user.AccountType==5 || user.AccountType==6 || user.AccountType==7 ">
                            <a href="#/twitterreports" class="white-text">View Details</a>
                        </div>
                        <div class="card-action center" ng-if="user.AccountType==0 ||user.AccountType==1">
                            <a ng-click="message(msg)" disable class="white-text">View Details</a>
                        </div>
                    </div>

                </div>
                <div class="col s12 m6 l3">
                    <div class="card light-blue darken-4 white-text">
                        <div class="card-content ">
                            <p class="card-stats-title"><i class="fa fa-facebook fa-fw d_card_icon"></i>Facebook Fans</p>
                            <h4 class="card-stats-number">{{FacebookfanPageCount}}</h4>
                        </div>
                        <div class="card-action center" ng-if="user.AccountType==2 || user.AccountType==3 || user.AccountType==4 || user.AccountType==5 || user.AccountType==6 || user.AccountType==7 ">
                            <a href="#/facebookreport.html" class="white-text">View Details</a>
                        </div>
                        <div class="card-action center" ng-if="user.AccountType==0 ||user.AccountType==1">
                            <a ng-click="message(msg)" disable class="white-text">View Details</a>
                        </div>
                    </div>

                </div>-->

            </div>
        </div>
        <!--card stats end-->

            <!-- START CONTENT -->
            <section id="content">
                <div class="row">
                    <div class="col s12 m12 l12">
                        <!--start container-->
                        <div class="container">

                            <!--card widgets start-->
                            <div id="profiles">
                                <div class="row">
                                    <div class="col s12 m12 l12" style="">
                                        <div class="card" style="margin: 1px;"></div>
                                        <div id="loaderdiv" class="center" style="display: block; z-index: 1000; position: fixed; margin: auto; top: auto; left: 0; right: 0; bottom:200px;">
                                            <div class="preloader-wrapper small active" ng-if="loaderdashboard==true">
                                                <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 ng-if="nodatass==true">
                                            <br /><br /><br /><br />
                                            <div class="center">
                                                <h5>Oops! <br /> <h6>You have no profiles</h6></h5>
                                            </div>
                                        </div>
                                    </div>
                                    <div ng-repeat="data in lstAccountProfiles | filter:query ">
                                        <!--facebook profile binding start-->
                                        <div class="col s12 m6 l3">
                                            <div id="profile-card" class="card" ng-if="data['fbaccount']['fbProfileType'] == 0 && data['fbaccount'] !=null ">
                                                <div class="card-image waves-effect waves-block waves-light">
                                                    <img ng-if="fbProfile.facebookProfile ==0" class="activator" src="{{data['fbaccount']['coverPic']}}">
                                                    <img ng-if="fbProfile.facebookProfile !=0" class="activator" src="{{data['fbaccount']['coverPic']}}">
                                                </div>
                                                <div class="card-content">
                                                    <img src="https://graph.facebook.com/{{data['fbaccount']['fbUserId']}}/picture?type=small" alt="{{data['fbaccount']['fbUserName']}}" class="circle responsive-img activator card-profile-image">
                                                    <img src="/contents/socioboard/images/fb_icon.png" class="card_profile_socio_icon">

                                                    <a class="btn-floating activator btn-move-up waves-effect waves-light darken-2 right">
                                                        <i class="icon-info"></i>
                                                    </a>
                                                    <span class="card-title activator grey-text text-darken-4 truncate" title="{{data['fbaccount']['fbUserName']}}">{{data['fbaccount']['fbUserName']}}</span>
                                                    <p><i class="icon-users cyan-text text-darken-2"></i><span class="cyan-text text-darken-2"> Friends:</span> {{data['fbaccount']['friends']}}</p>
                                                    <p class="truncate"><i class="mdi-communication-email cyan-text text-darken-2"></i><span class="cyan-text text-darken-2"> Email Id:</span> <span title="{{data['fbaccount']['emailId']}}">{{data['fbaccount']['emailId']}}</span> </p>
                                                </div>
                                                <div class="card-reveal">
                                                    <span class="card-title grey-text text-darken-4 truncate" title="{{data['fbaccount']['fbUserName']}}">{{data['fbaccount']['fbUserName']}}<i class="mdi-navigation-close right"></i></span>
                                                    <p>{{fbProfile.about}}</p>
                                                    <p><i class="mdi-action-perm-identity cyan-text text-darken-2" title="Designation"></i><span class="cyan-text text-darken-2"> Designation:</span> <span title="{{data['fbaccount']['workPosition']}}">{{data['fbaccount']['workPosition']}}</span> </p>
                                                    <p class="truncate"><i class="mdi-communication-email cyan-text text-darken-2"></i><span class="cyan-text text-darken-2"> Email Id:</span> <span title="{{data['fbaccount']['emailId']}}">{{data['fbaccount']['emailId']}} </span> </p>
                                                    <p><i class="mdi-social-cake cyan-text text-darken-2"></i><span class="cyan-text text-darken-2"> DOB:</span> {{data['fbaccount']['birthday']}}</p>
                                                    <p><i class="fa fa-venus-mars cyan-text text-darken-2" title="Gender"></i><span class="cyan-text text-darken-2"> Gender:</span> {{data['fbaccount']['gender']}}</p>
                                                </div>
                                            </div>
                                        </div>
                                        <!--facebook profiles binding end-->
                                        <!--facebook pages binding start-->
                                        <div class="col s12 m6 l3">
                                            <!--<h1>fbUserName:  {{ data['fbaccount']['fbUserName']}}</h1>-->
                                            <div id="profile-card" class="card" ng-if="data['fbaccount']['fbProfileType'] != 0 && data['fbaccount'] !=null">
                                                <div class="card-image waves-effect waves-block waves-light">
                                                    <img ng-if="fbProfile.facebookProfile ==0" class="activator" src="{{fbProfile.coverPic}}">
                                                    <img ng-if="fbProfile.facebookProfile !=0" class="activator" src="{{fbProfile.coverPic}}">
                                                </div>
                                                <div class="card-content">
                                                    <img src="https://graph.facebook.com/{{data['fbaccount']['fbUserId']}}/picture?type=small" alt="{{data['fbaccount']['fbUserName']}}" class="circle responsive-img activator card-profile-image">
                                                    <img src="/contents/socioboard/images/Fb_page-icon.png" class="card_profile_socio_icon">

                                                    <span class="card-title activator grey-text text-darken-4 truncate" title="{{data['fbaccount']['fbUserName']}}">{{data['fbaccount']['fbUserName']}}</span>
                                                    <p><i class="icon-users cyan-text text-darken-2"></i><span class="cyan-text text-darken-2"> Fans:</span> {{data['fbaccount']['friends']}}</p>
                                                    <!--<p class="truncate"><i class="mdi-communication-email cyan-text text-darken-2"></i><span class="cyan-text text-darken-2"> Email Id:</span> <span title="{{data['fbaccount']['emailId']}}">{{data['fbaccount']['emailId']}}</span> </p>-->
                                                </div>
                                            </div>


                                        </div>
                                        <!--facebook pages binging end-->
                                        <!--Start test-->
                                        <!--twitter profiles bind start-->
                                        <div class="col s12 m6 l3">
                                            <div id="profile-card" class="card" ng-if="data['twtaccount'] != null">
                                                <div class="card-image waves-effect waves-block waves-light">
                                                    <img class="activator" src="{{data['twtaccount']['profileBackgroundImageUrl']}}">
                                                </div>
                                                <div class="card-content">
                                                    <img src="{{data['twtaccount']['profileImageUrl']}}" alt="{{data['twtaccount']['twitterScreenName']}}" class="circle responsive-img activator card-profile-image">
                                                    <img src="/contents/socioboard/images/twticon.png" class="card_profile_socio_icon">
                                                    <a class="btn-floating activator btn-move-up waves-effect waves-light darken-2 right">
                                                        <i class="icon-info"></i>
                                                    </a>
                                                    <span class="card-title activator grey-text text-darken-4 truncate" title="{{data['twtaccount']['twitterScreenName']}}">{{data['twtaccount']['twitterScreenName']}}</span>
                                                    <p><i class="icon-user-follow cyan-text text-darken-2 activator"></i><span class="cyan-text text-darken-2"> Followers:</span> {{data['twtaccount']['followersCount']}}</p>
                                                    <p class="truncate"><i class="icon-user-following cyan-text text-darken-2 activator"></i><span class="cyan-text text-darken-2"> Following:</span> {{data['twtaccount']['followingCount']}}</p>
                                                </div>
                                                <div class="card-reveal">
                                                    <span class="card-title grey-text text-darken-4 truncate">{{data['twtaccount']['twitterScreenName']}}<i class="mdi-navigation-close right"></i></span>
                                                    <p>{{data['twtaccount']['description']}}</p>
                                                    <p><i class="mdi-action-perm-identity cyan-text text-darken-2" title="Your Name"></i><span class="cyan-text text-darken-2"> Name:</span> <span title="{{data['twtaccount']['twitterName']}}">{{data['twtaccount']['twitterName']}}</span></p>
                                                    <p class="truncate"><i class="icon-docs cyan-text text-darken-2" title="Descriptions"></i><span class="cyan-text text-darken-2"> Descriptions:</span> <span title="{{data['twtaccount']['description']}}">{{data['twtaccount']['description']}}</span></p>
                                                    <p><i class="icon-user-following cyan-text text-darken-2 activator" title="Following"></i><span class="cyan-text text-darken-2"> Following:</span> {{data['twtaccount']['followingCount']}}</p>
                                                    <p><i class="icon-user-follow cyan-text text-darken-2 activator" title="followers"></i><span class="cyan-text text-darken-2"> Followers:</span> {{data['twtaccount']['followersCount']}}</p>
                                                </div>
                                            </div>
                                        </div>
                                        <!--twitter profiles bind end-->
                                        <!--instagram profiles bind start-->
                                        <div class="col s12 m6 l3">
                                            <div id="profile-card" class="card" ng-if="data['instaaccount'] != null">
                                                <div class="card-image waves-effect waves-block waves-light">
                                                    <img class="activator" src="{{data['instaaccount']['profileUrl']}}">
                                                </div>
                                                <div class="card-content">
                                                    <img src="{{data['instaaccount']['profileUrl']}}" alt="{{data['instaaccount']['insUserName']}}" class="circle responsive-img activator card-profile-image">
                                                    <img src="/contents/socioboard/images/instagram_licon.png" class="card_profile_socio_icon">
                                                    <a class="btn-floating activator btn-move-up waves-effect waves-light darken-2 right">
                                                        <i class="icon-info"></i>
                                                    </a>
                                                    <span class="card-title activator grey-text text-darken-4 truncate" title="{{data['instaaccount']['insUserName']}}">{{data['instaaccount']['insUserName']}}</span>
                                                    <p><i class="icon-user-follow cyan-text text-darken-2"></i><span class="cyan-text text-darken-2"> Followers:</span> {{data['instaaccount']['followers']}}</p>
                                                    <p class="truncate"><i class="icon-user-following cyan-text text-darken-2"></i><span class="cyan-text text-darken-2"> Following:</span> <span title="{{data['instaaccount']['followedBy']}}">{{data['instaaccount']['followedBy']}} </span></p>

                                                </div>
                                                <div class="card-reveal">
                                                    <span class="card-title grey-text text-darken-4 truncate">{{data['instaaccount']['insUserName']}}<i class="mdi-navigation-close right"></i></span>
                                                    <p>{{data['instaaccount']['bio']}}</p>
                                                    <p><i class="mdi-action-perm-identity cyan-text text-darken-2" title="User Name"></i><span class="cyan-text text-darken-2"> User Name:</span> <span title="{{data['instaaccount']['insUserName']}}">{{data['instaaccount']['insUserName']}}</span></p>
                                                    <p><i class="icon-user-follow cyan-text text-darken-2" title="Followers"></i> <span class="cyan-text text-darken-2"> Followers:</span>{{data['instaaccount']['followers']}}</p>
                                                    <p><i class="icon-user-following cyan-text text-darken-2" title="Following"></i><span class="cyan-text text-darken-2"> Following:</span> {{data['instaaccount']['followedBy']}}</p>
                                                    <p class="truncate"><i class="icon-docs cyan-text text-darken-2" title="Total Posts"></i><span class="cyan-text text-darken-2"> Total Posts:</span> {{data['instaaccount']['totalImages']}}</p>
                                                </div>
                                            </div>
                                        </div>
                                        <!--instagram profiles bind end-->
                                        <!--gplus profiles binding start-->
                                        <div class="col s12 m6 l3">
                                            <div id="profile-card" class="card" ng-if="data['gplusaccount'] != null">
                                                <div class="card-image waves-effect waves-block waves-light">
                                                    <img class="activator" src="{{data['gplusaccount']['coverPic']}}">
                                                </div>
                                                <div class="card-content">
                                                    <img src="{{data['gplusaccount']['gpProfileImage']}}" alt="{{data['gplusaccount']['gpUserName']}}" class="circle responsive-img activator card-profile-image">
                                                    <img src="/contents/socioboard/images/gplus-icon.png" class="card_profile_socio_icon">
                                                    <a class="btn-floating activator btn-move-up waves-effect waves-light darken-2 right">
                                                        <i class="icon-info"></i>
                                                    </a>
                                                    <span class="card-title activator grey-text text-darken-4 truncate" title="{{data['gplusaccount']['gpUserName']}}">{{data['gplusaccount']['gpUserName']}}</span>
                                                    <p><i class="icon-user-follow cyan-text text-darken-2"></i><span class="cyan-text text-darken-2"> Followers:</span> {{data['gplusaccount']['haveYouInCircles']}}</p>
                                                    <p class="truncate"><i class="mdi-communication-email cyan-text text-darken-2"></i><span class="cyan-text text-darken-2"> Email Id:</span> <span title="{{data['gplusaccount']['emailId']}}">{{data['gplusaccount']['emailId']}} </span></p>
                                                </div>
                                                <div class="card-reveal">
                                                    <span class="card-title grey-text text-darken-4 truncate" title="User Name">{{data['gplusaccount']['gpUserName']}}<i class="mdi-navigation-close right"></i></span>

                                                    <!--<p>{{gplusProfile.description}}</p>-->
                                                    <p><i class="icon-user-following cyan-text text-darken-2"></i><span class="cyan-text text-darken-2"> Following:</span> {{data['gplusaccount']['inYourCircles']}}</p>
                                                    <p><i class="icon-user-follow cyan-text text-darken-2"></i><span class="cyan-text text-darken-2"> Followers:</span>{{data['gplusaccount']['haveYouInCircles']}}</p>
                                                    <p class="truncate"><i class="mdi-communication-email cyan-text text-darken-2" title="Email Id"></i> <span class="cyan-text text-darken-2"> Email Id:</span><span title="{{data['gplusaccount']['emailId']}}">{{data['gplusaccount']['emailId']}}</span></p>
                                                    <!--<p><i class="mdi-social-cake cyan-text text-darken-2"></i> {{gplusProfile.followingCount}}</p>-->
                                                    <p><i class="icon-pointer cyan-text text-darken-2" title="Location"></i> <span class="cyan-text text-darken-2"> Location:</span> <span title="{{data['gplusaccount']['location']}}">{{data['gplusaccount']['location']}}</span></p>
                                                </div>
                                            </div>
                                        </div>
                                        <!--gplus profiles binding end-->
                                        <!--gA profiles binding start-->
                                        <div class="col s12 m6 l3">
                                            <div id="profile-card" class="card cardGa" ng-if="data['gAaccount'] != null">
                                                <div class="card-image waves-effect waves-block waves-light">
                                                    <img class="activator" src="/contents/socioboard/images/google-analytics.jpg" alt="{{data['gAaccount']['gaProfileName']}}">
                                                </div>
                                                <div class="card-content">
                                                    <img src="/contents/socioboard/images/G-Ana-icon.png" alt="{{data['gAaccount']['gaProfileName']}}" class="circle responsive-img activator card-profile-image">
                                                    <img src="/contents/socioboard/images/g_ana_icon.png" class="card_profile_socio_icon">
                                                    <a class="btn-floating activator btn-move-up waves-effect waves-light darken-2 right">
                                                        <i class="icon-info"></i>
                                                    </a>
                                                    <span class="card-title activator grey-text text-darken-4 truncate" title="{{data['gAaccount']['gaProfileName']}}">{{data['gAaccount']['gaProfileName']}}</span>
                                                    <p><i class="icon-pointer cyan-text text-darken-2" title="Visits"></i> <span class="cyan-text text-darken-2"> Visits: </span> {{data['gAaccount']['visits']}}</p>
                                                    <p class="truncate"><i class="icon-eye cyan-text text-darken-2" title="Views"></i><span class="cyan-text text-darken-2"> Views:</span> {{data['gAaccount']['views']}}</p>
                                                </div>
                                                <div class="card-reveal">
                                                    <span class="card-title grey-text text-darken-4 truncate" title="{{data['gAaccount']['gaProfileName']}}">{{data['gAaccount']['gaProfileName']}}<i class="mdi-navigation-close right"></i></span>
                                                    <p><i class="icon-pointer cyan-text text-darken-2" title="Visits"></i><span class="cyan-text text-darken-2"> Visits:</span> {{data['gAaccount']['visits']}}</p>
                                                    <p><i class="icon-eye cyan-tex text-darken-2" title="Views"></i><span class="cyan-text text-darken-2"> Views:</span> {{data['gAaccount']['views']}}</p>
                                                    <p class="truncate"><i class="icon-globe cyan-text text-darken-2" title="Website URL"></i><span class="cyan-text text-darken-2"> Website URL:</span> <span title="{{data['gAaccount']['websiteUrl']}}">{{data['gAaccount']['websiteUrl']}}</span></p>
                                                    <p><i class="icon-user-follow cyan-text text-darken-2" title="Have You In Circles"></i><span class="cyan-text text-darken-2"> Followers:</span> {{data['gAaccount']['haveYouInCircles']}}</p>
                                                    <p><i class="mdi-communication-email cyan-text text-darken-2" title="Email Id"></i><span class="cyan-text text-darken-2"> Email Id:</span> <span title="{{data['gAaccount']['gaProfileName']}}">{{data['gAaccount']['gaProfileName']}}</span></p>
                                                </div>
                                            </div>
                                        </div>
                                        <!--gA profiles binding end-->
                                        <!--Youtube Channels binding start-->
                                        <div class="col s12 m6 l3">
                                            <div id="profile-card" class="card" ng-if="data['ytubeaccount'] != null">
                                                <div class="card-image waves-effect waves-block waves-light">
                                                    <img class="activator" src="/contents/socioboard/images/YoutubeBG.png" alt="{{data['ytubeaccount']['ytubeChannelName']}}">
                                                </div>
                                                <div class="card-content">
                                                    <img src="{{data['ytubeaccount']['channelpicUrl']}}" alt="{{data['ytubeaccount']['ytubeChannelName']}}" class="circle responsive-img activator card-profile-image">
                                                    <img src="/contents/socioboard/images/yt.png" class="card_profile_socio_icon">
                                                    <a class="btn-floating activator btn-move-up waves-effect waves-light darken-2 right">
                                                        <i class="icon-info"></i>
                                                    </a>
                                                    <span class="card-title activator grey-text text-darken-4 truncate" title="{{data['ytubeaccount']['ytubeChannelName']}}">{{data['ytubeaccount']['ytubeChannelName']}}</span>
                                                    <p><i class="icon-camcorder cyan-text text-darken-2" title="Videos"></i> <span class="cyan-text text-darken-2"> Videos:</span>{{data['ytubeaccount']['videosCount']}}</p>
                                                    <p class="truncate"><i class="icon-eye cyan-text text-darken-2" title="Views"></i><span class="cyan-text text-darken-2"> Views:</span> {{data['ytubeaccount']['viewsCount']}}</p>
                                                </div>
                                                <div class="card-reveal">
                                                    <span class="card-title grey-text text-darken-4 truncate" title="Channel Name">{{data['ytubeaccount']['ytubeChannelName']}}<i class="mdi-navigation-close right"></i></span>
                                                    <p><i class="icon-camcorder cyan-text text-darken-2" title="Total No of Videos"></i><span class="cyan-text text-darken-2"> Videos:</span> {{data['ytubeaccount']['videosCount']}}</p>
                                                    <p><i class="icon-speech cyan-text text-darken-2" title="Total No of Comments"></i><span class="cyan-text text-darken-2"> Comments:</span> {{data['ytubeaccount']['commentsCount']}}</p>
                                                    <p><i class="icon-feed cyan-text text-darken-2" title="Total No of Subscribers"></i><span class="cyan-text text-darken-2"> Subscribers:</span> {{data['ytubeaccount']['subscribersCount']}}</p>
                                                    <p><i class="icon-eye cyan-text text-darken-2" title="Total No of Views"></i><span class="cyan-text text-darken-2"> Views:</span> {{data['ytubeaccount']['viewsCount']}}</p>
                                                </div>
                                            </div>
                                        </div>
                                        <!--Youtube Channels binding end-->
                                        <!--LinkedIn Comapany page profiles bind start-->
                                        <div class="col s12 m6 l3">
                                            <div id="profile-card" class="card" ng-if="data['linkdINcompanyaccount'] != null">
                                                <div class="card-image waves-effect waves-block waves-light">
                                                    <!--<img class="activator" src="{{data['linkdINcompanyaccount']['logoUrl']}}" alt="{{data['linkdINcompanyaccount']['linkedinPageName']}}">-->
                                                </div>
                                                <div class="card-content" ng-if="data['linkdINcompanyaccount']['logoUrl']!= null">
                                                    <img src="{{data['linkdINcompanyaccount']['logoUrl']}}" alt="{{data['linkdINcompanyaccount']['linkedinPageName']}}" class="circle responsive-img activator card-profile-image">
                                                    <img src="/contents/socioboard/images/link_icon.png" class="card_profile_socio_icon">
                                                    <a class="btn-floating activator btn-move-up waves-effect waves-light darken-2 right">
                                                        <i class="icon-info"></i>
                                                    </a>
                                                    <span class="card-title activator grey-text text-darken-4 truncate" title="{{data['linkdINcompanyaccount']['linkedinPageName']}}">{{data['linkdINcompanyaccount']['linkedinPageName']}}</span>
                                                    <p><i class="icon-user-follow cyan-text text-darken-2"></i><span class="cyan-text text-darken-2"> Followers:</span> {{ldata['linkdINcompanyaccount']['numFollowers']}}</p>
                                                    <p class="truncate"><i class="icon-pointer cyan-text text-darken-2"></i><span class="cyan-text text-darken-2"> Location:</span> <span title="{{data['linkdINcompanyaccount']['locations']}}">{{data['linkdINcompanyaccount']['locations']}}</span></p>
                                                </div>
                                                <div class="card-content" ng-if="data['linkdINcompanyaccount']['logoUrl']== null">
                                                    <img src="http://epss.ucla.edu/media/images/profile_pictures/default.jpg" class="circle responsive-img activator card-profile-image">
                                                    <img src="/contents/socioboard/images/link_icon.png" class="card_profile_socio_icon">
                                                    <a class="btn-floating activator btn-move-up waves-effect waves-light darken-2 right">
                                                        <i class="icon-info"></i>
                                                    </a>
                                                    <span class="card-title activator grey-text text-darken-4 truncate" title="{{data['linkdINcompanyaccount']['linkedinPageName']}}">{{data['linkdINcompanyaccount']['linkedinPageName']}}</span>
                                                    <p><i class="icon-user-follow cyan-text text-darken-2"></i><span class="cyan-text text-darken-2"> Followers:</span> {{ldata['linkdINcompanyaccount']['numFollowers']}}</p>
                                                    <p class="truncate"><i class="icon-pointer cyan-text text-darken-2"></i><span class="cyan-text text-darken-2"> Location:</span> <span title="{{data['linkdINcompanyaccount']['locations']}}">{{data['linkdINcompanyaccount']['locations']}}</span></p>
                                                </div>
                                                <div class="card-reveal">
                                                    <span class="card-title grey-text text-darken-4 truncate">{{data['linkdINcompanyaccount']['linkedinPageName']}}<i class="mdi-navigation-close right"></i></span>
                                                    <p>{{data['linkdINcompanyaccount']['specialties']}}</p>
                                                    <p><i class="mdi-action-perm-identity cyan-text text-darken-2" title="Page Name"></i><span class="cyan-text text-darken-2"> Page Name:</span> {{data['linkdINcompanyaccount']['linkedinPageName']}}</p>
                                                    <p class="truncate"><i class="icon-film cyan-text text-darken-2" title="Description"></i><span class="cyan-text text-darken-2"> Description:</span> <span title="{{data['linkdINcompanyaccount']['description']}}">{{data['linkdINcompanyaccount']['description']}}</span></p>
                                                    <p><i class="icon-pointer cyan-text text-darken-2 activator" title="Location"></i><span class="cyan-text text-darken-2"> Location:</span><span title="{{data['linkdINcompanyaccount']['locations']}}">{{data['linkdINcompanyaccount']['locations']}}</span></p>
                                                    <p><i class="icon-user-follow cyan-text text-darken-2 activator" title="Followers"></i><span class="cyan-text text-darken-2"> Followers:</span>{{data['linkdINcompanyaccount']['numFollowers']}}</p>
                                                </div>
                                            </div>
                                        </div>
                                        <!--LinkedIn Comapany page profiles bind end-->
                                        <!--LinkedIn Account profiles bind start-->
                                        <div class="col s12 m6 l3">
                                            <div id="profile-card" class="card" ng-if="data['linkdInaccount'] != null">
                                                <div class="card-image waves-effect waves-block waves-light">
                                                    <!--<img class="activator" src="{{data['linkdInaccount']['logoUrl']}}" alt="{{data['linkdInaccount']['linkedinUserName']}}">-->
                                                    <img class="activator" src="{{data['linkdInaccount']['logoUrl']}}">
                                                </div>
                                                    <div class="card-content" ng-if="data['linkdInaccount']['profileImageUrl']!= null">
                                                    <img src="{{data['linkdInaccount']['profileImageUrl']}}" class="circle responsive-img activator card-profile-image">
                                                    <img src="/contents/socioboard/images/link_icon.png" class="card_profile_socio_icon">
                                                    <a class="btn-floating activator btn-move-up waves-effect waves-light darken-2 right">
                                                        <i class="icon-info"></i>
                                                    </a>
                                                    <span class="card-title activator grey-text text-darken-4 truncate" title="{{data['linkdInaccount']['linkedinUserName']}}">{{data['linkdInaccount']['linkedinUserName']}}</span>
                                                    <p><i class="icon-link cyan-text text-darken-2"></i><span class="cyan-text text-darken-2"> Connections: </span> {{data['linkdInaccount']['connections']}}</p>
                                                    <p class="truncate"><i class="mdi-communication-email cyan-text text-darken-2"></i><span class="cyan-text text-darken-2"> Email:</span> <span title="{{data['linkdInaccount']['emailId']}}">{{data['linkdInaccount']['emailId']}} </span></p>

                                                    <!--<p><i class="mdi-action-perm-identity cyan-text text-darken-2"></i><span class="cyan-text text-darken-2">Connections:</span><span title="{{data['linkdInaccount']['connections']}}">{{data['linkdInaccount']['connections']}}</span> {{data['linkdInaccount']['connections']}}</p>-->
                                                    <!--<p class="truncate"><i class="mdi-communication-email cyan-text text-darken-2"></i><span class="cyan-text text-darken-2">EmailId:</span> <span title="{{data['linkdInaccount']['emailId']}}">{{data['linkdInaccount']['{{emailId}}']}}</span></p>-->
                                                </div>
                                                <div class="card-content" ng-if="data['linkdInaccount']['profileImageUrl']== null">
                                                    <img src="http://epss.ucla.edu/media/images/profile_pictures/default.jpg" class="circle responsive-img activator card-profile-image">
                                                    <img src="/contents/socioboard/images/link_icon.png" class="card_profile_socio_icon">
                                                    <a class="btn-floating activator btn-move-up waves-effect waves-light darken-2 right">
                                                        <i class="icon-info"></i>
                                                    </a>
                                                    <span class="card-title activator grey-text text-darken-4 truncate" title="{{data['linkdInaccount']['linkedinUserName']}}">{{data['linkdInaccount']['linkedinUserName']}}</span>
                                                    <p><i class="icon-user-follow cyan-text text-darken-2"></i><span class="cyan-text text-darken-2"> Followers:</span> {{data['linkdInaccount']['connections']}}</p>
                                                    <p class="truncate"><i class="icon-user-following cyan-text text-darken-2"></i><span class="cyan-text text-darken-2"> Following:</span> <span title="{{data['linkdInaccount']['emailId']}}">{{data['linkdInaccount']['emailId']}} </span></p>

                                                    <!--<p><i class="mdi-action-perm-identity cyan-text text-darken-2"></i><span class="cyan-text text-darken-2">Connections:</span><span title="{{data['linkdInaccount']['connections']}}">{{data['linkdInaccount']['connections']}}</span> {{data['linkdInaccount']['connections']}}</p>-->
                                                    <!--<p class="truncate"><i class="mdi-communication-email cyan-text text-darken-2"></i><span class="cyan-text text-darken-2">EmailId:</span> <span title="{{data['linkdInaccount']['emailId']}}">{{data['linkdInaccount']['{{emailId}}']}}</span></p>-->
                                                </div>
                                                <div class="card-reveal">
                                                    <span class="card-title grey-text text-darken-4 truncate">{{data['linkdInaccount']['linkedinUserName']}}<i class="mdi-navigation-close right"></i></span>

                                                    <!--<p>{{linProfile.specialties}}</p>-->
                                                    <!--<p><i class="mdi-action-perm-identity cyan-text text-darken-2" title="Acoount Id"></i><span class="cyan-text text-darken-2"> Account Id:</span> {{data['linkdInaccount']['linkedinUserId']}}</p>-->
                                                    <p class="truncate"><i class="mdi-action-perm-identity cyan-text text-darken-2" title="Name"></i><span class="cyan-text text-darken-2"> Name:</span> <span title="{{data['linkdInaccount']['linkedinUserName']}}">{{data['linkdInaccount']['linkedinUserName']}}</span></p>
                                                    <p><i class="mdi-communication-email cyan-text text-darken-2 activator" title="EmailId"></i><span class="cyan-text text-darken-2"> EmailId:</span><span title="{{data['linkdInaccount']['emailId']}}">{{data['linkdInaccount']['emailId']}}</span></p>
                                                    <p><i class="icon-link cyan-text text-darken-2 activator" title="Connections"></i><span class="cyan-text text-darken-2"> Connections:</span>{{data['linkdInaccount']['connections']}}</p>
                                                </div>
                                            </div>
                                        </div>
                                        <!--LinkedIn Account profiles bind end-->
                                        <!--Pinterest Account profiles bind start-->
                                        <div class="col s12 m6 l3" ng-if="data['pintrestaccount'] != null">
                                            <div id="profile-card" class="card">
                                                <div class="card-image waves-effect waves-block waves-light">
                                                    <img class="activator" src="{{data['pintrestaccount']['profileimgaeurl']}}" alt="{{data['pintrestaccount']['firstname']}} {{data['pintrestaccount']['lastname']}}">
                                                </div>
                                                <div class="card-content">
                                                    <img src="{{data['pintrestaccount']['profileimgaeurl']}}" alt="{{data['pintrestaccount']['firstname']}} {{data['pintrestaccount']['lastname']}}" class="circle responsive-img activator card-profile-image">
                                                    <img src="/contents/socioboard/images/pinterest.png" class="card_profile_socio_icon">
                                                    <a class="btn-floating activator btn-move-up waves-effect waves-light darken-2 right">
                                                        <i class="icon-info"></i>
                                                    </a>
                                                    <span class="card-title activator grey-text text-darken-4 truncate" title="{{data['pintrestaccount']['firstname']}} {{data['pintrestaccount']['lastname']}}">{{data['pintrestaccount']['firstname']}} {{data['pintrestaccount']['lastname']}}</span>
                                                    <p><i class="icon-pin cyan-text text-darken-2"></i><span class="cyan-text text-darken-2"> Pins:</span> {{data['pintrestaccount']['pinscount']}}</p>
                                                    <p class="truncate"><i class="icon-screen-tablet cyan-text text-darken-2"></i><span class="cyan-text text-darken-2"> Boards:</span> <span title="{{data['pintrestaccount']['boardscount']}}">{{data['pintrestaccount']['boardscount']}}</span></p>
                                                </div>
                                                <div class="card-reveal">
                                                    <span class="card-title grey-text text-darken-4 truncate">{{data['pintrestaccount']['firstname']}} {{data['pintrestaccount']['lastname']}}<i class="mdi-navigation-close right"></i></span>
                                                    <p><i class="mdi-action-perm-identity cyan-text text-darken-2" title="Acoount Id"></i><span class="cyan-text text-darken-2"> Username:</span> {{data['pintrestaccount']['username']}}</p>
                                                    <p class="truncate"><i class="icon-like cyan-text text-darken-2" title="followingcount"></i><span class="cyan-text text-darken-2"> Likes:</span> <span title="{{data['pintrestaccount']['likescount']}}">{{data['pintrestaccount']['likescount']}}</span></p>
                                                    <p><i class="icon-user-follow cyan-text text-darken-2 activator" title="followingcount"></i><span class="cyan-text text-darken-2"> Followers:</span><span title="{{data['pintrestaccount']['followerscount']}}">{{data['pintrestaccount']['followerscount']}}</span></p>
                                                    <p><i class="icon-user-following cyan-text text-darken-2 activator" title="followingcount"></i><span class="cyan-text text-darken-2"> Following:</span>{{data['pintrestaccount']['followingcount']}}</p>
                                                </div>
                                            </div>
                                        </div>
                                        <!--Pinterest Account profiles bind end-->
                                    </div>
                                </div>
                            </div>
                            <!--card widgets end-->
                            <!--<div class="row">
                            <div class="col s12 m6 l6">
                                <div class="card" id="feeds">
                                    <h5 class="feeds_title blue darken-4 white-text"><i class="icon-social-facebook"></i>Facebook recents 5 feeds</h5>
                                    <ul class="collection" id="facebookfeeds">
                                        <li class="collection-item avatar">
                                            <img src="https://pbs.twimg.com/profile_images/683936086079307777/FXrYjpal.jpg" alt="Chanchal Santra" class="circle">
                                            <span class="email-title">Chanchal Santra</span>
                                            <p class="truncate grey-text ultra-small">You have Google+ request from john doe.</p>
                                            <img src="https://scontent.fmaa1-2.fna.fbcdn.net/t31.0-8/13116515_1357421374283652_6442434339184477799_o.jpg" class="responsive-img">
                                            <a href="#!" class="secondary-content email-time"><span class="blue-text ultra-small">12:10 am</span></a>
                                        </li>
                                        <li class="collection-item avatar">
                                            <img src="https://pbs.twimg.com/profile_images/683936086079307777/FXrYjpal.jpg" alt="Chanchal Santra" class="circle">
                                            <span class="email-title">Chanchal</span>
                                            <p class="truncate grey-text ultra-small">You have #Google+ request from #Abhi.</p>
                                            <img src="https://scontent.fmaa1-2.fna.fbcdn.net/t31.0-8/s2048x2048/13055267_1351271541565302_7957063152613596705_o.jpg" class="responsive-img">
                                            <a href="#!" class="secondary-content">09:09am</a>
                                        </li>
                                        <li class="collection-item avatar">
                                            <span class="circle red lighten-1">A</span>
                                            <span class="email-title">Updates</span>
                                            <p class="truncate grey-text ultra-small">Google play application updates for your mobile.</p>
                                            <a href="#!" class="secondary-content"><span class="new badge yellow darken-3">2</span></a>
                                        </li>
                                        <li class="collection-item avatar">
                                            <span class="circle red lighten-1">A</span>
                                            <span class="email-title">Amazone.com</span>
                                            <p class="truncate grey-text ultra-small">Summer sale is now going on.</p>
                                            <a href="#!" class="secondary-content email-time"><span class="blue-text ultra-small">12:10 am</span></a>
                                        </li>
                                        <li class="collection-item avatar">
                                            <img src="https://scontent.fmaa1-2.fna.fbcdn.net/v/t1.0-1/c8.23.160.160/p200x200/13178649_1357425650949891_8586748233671236725_n.jpg?oh=716a8ae726c63379fa46c5236d9cb29c&oe=57E12897" alt="" class="circle">
                                            <span class="email-title">Andy Brown</span>
                                            <p class="truncate grey-text text-darken-2 ultra-small">Hay Joe, we have next project for this summer.</p>
                                            <a href="#!" class="secondary-content email-time"><span class="grey-text ultra-small">12:10am</span></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="col s12 m6 l6">
                                <div class="card" id="feeds">
                                    <h5 class="feeds_title blue lighten-3 white-text"><i class="icon-social-twitter"></i>Twitter recents 5 feeds</h5>
                                    <ul class="collection" id="twtfeeds">
                                        <li class="collection-item avatar">
                                            <img src="https://pbs.twimg.com/profile_images/683936086079307777/FXrYjpal.jpg" alt="Chanchal Santra" class="circle">
                                            <span class="email-title">Chanchal Santra</span>
                                            <p class="truncate grey-text ultra-small">You have Google+ request from john doe.</p>
                                            <img src="https://scontent.fmaa1-2.fna.fbcdn.net/t31.0-8/13116515_1357421374283652_6442434339184477799_o.jpg" class="responsive-img">
                                            <a href="#!" class="secondary-content email-time"><span class="blue-text ultra-small">12:10 am</span></a>
                                        </li>
                                        <li class="collection-item avatar">
                                            <img src="https://pbs.twimg.com/profile_images/683936086079307777/FXrYjpal.jpg" alt="Chanchal Santra" class="circle">
                                            <span class="email-title">Promotions</span>
                                            <p class="truncate grey-text ultra-small">You have Google+ request from john doe.</p>
                                            <img src="https://scontent.fmaa1-2.fna.fbcdn.net/t31.0-8/s2048x2048/13055267_1351271541565302_7957063152613596705_o.jpg" class="responsive-img">
                                            <a href="#!" class="secondary-content"><span class="new badge green">6</span></a>
                                        </li>
                                        <li class="collection-item avatar">
                                            <span class="circle red lighten-1">A</span>
                                            <span class="email-title">Updates</span>
                                            <p class="truncate grey-text ultra-small">Google play application updates for your mobile.</p>
                                            <a href="#!" class="secondary-content"><span class="new badge yellow darken-3">2</span></a>
                                        </li>
                                        <li class="collection-item avatar">
                                            <span class="circle red lighten-1">A</span>
                                            <span class="email-title">Amazone.com</span>
                                            <p class="truncate grey-text ultra-small">Summer sale is now going on.</p>
                                            <a href="#!" class="secondary-content email-time"><span class="blue-text ultra-small">12:10 am</span></a>
                                        </li>
                                        <li class="collection-item avatar">
                                            <img src="https://scontent.fmaa1-2.fna.fbcdn.net/v/t1.0-1/c8.23.160.160/p200x200/13178649_1357425650949891_8586748233671236725_n.jpg?oh=716a8ae726c63379fa46c5236d9cb29c&oe=57E12897" alt="" class="circle">
                                            <span class="email-title">Andy Brown</span>
                                            <p class="truncate grey-text text-darken-2 ultra-small">Hay Joe, we have next project for this summer.</p>
                                            <a href="#!" class="secondary-content email-time"><span class="grey-text ultra-small">12:10am</span></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>-->
                            <!--<div id="task">
                            <div class="row">
                                <div class="col s12 m12 l4">
                                    <ul id="task-card" class="collection with-header">
                                        <li class="collection-header cyan">
                                            <h4 class="task-card-title">My Task</h4>
                                            <p class="task-card-date">March 26, 2015</p>
                                        </li>
                                        <li class="collection-item dismissable">
                                            <input type="checkbox" id="task1" />
                                            <label for="task1">
                                                Create Mobile App UI. <a href="#" class="secondary-content"><span class="ultra-small">Today</span></a>
                                            </label>
                                            <span class="task-cat teal">Mobile App</span>
                                        </li>
                                        <li class="collection-item dismissable">
                                            <input type="checkbox" id="task2" />
                                            <label for="task2">
                                                Check the new API standerds. <a href="#" class="secondary-content"><span class="ultra-small">Monday</span></a>
                                            </label>
                                            <span class="task-cat purple">Web API</span>
                                        </li>
                                        <li class="collection-item dismissable">
                                            <input type="checkbox" id="task3" checked="checked" />
                                            <label for="task3">
                                                Check the new Mockup of ABC. <a href="#" class="secondary-content"><span class="ultra-small">Wednesday</span></a>
                                            </label>
                                            <span class="task-cat pink">Mockup</span>
                                        </li>
                                        <li class="collection-item dismissable">
                                            <input type="checkbox" id="task4" checked="checked" disabled="disabled" />
                                            <label for="task4">I did it !</label>
                                            <span class="task-cat cyan">Mobile App</span>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>-->
                            <!--work collections start-->
                            <!--<div id="work-collections">
                            <div class="row">
                                <div class="col s12 m12 l6">
                                    <ul id="projects-collection" class="collection">
                                        <li class="collection-item avatar">
                                            <i class="mdi-file-folder circle light-blue darken-2"></i>
                                            <span class="collection-header">Board Me</span>
                                            <p>Your Favorites</p>
                                            <a href="#" class="secondary-content">view all</a>
                                        </li>
                                        <li class="collection-item">
                                            <div class="row">
                                                <div class="col s9">
                                                    <p class="collections-title">ChanchalSantra</p>
                                                    <p class="collections-content"><a href="https://www.socioboard.com/board/chanchalsantra" target="_blank">https://www.socioboard.com/board/chanchalsantra</a></p>
                                                </div>
                                                <div class="col s3">
                                                    <div id="project-line-1"></div>
                                                </div>
                                            </div>
                                        </li>
                                        <li class="collection-item">
                                            <div class="row">
                                                <div class="col s9">
                                                    <p class="collections-title">ChanchalSantra</p>
                                                    <p class="collections-content"><a href="https://www.socioboard.com/board/chanchalsantra" target="_blank">https://www.socioboard.com/board/chanchalsantra</a></p>
                                                </div>
                                                <div class="col s3">
                                                    <div id="project-line-2"></div>
                                                </div>
                                            </div>
                                        </li>
                                        <li class="collection-item">
                                            <div class="row">
                                                <div class="col s9">
                                                    <p class="collections-title">ChanchalSantra</p>
                                                    <p class="collections-content"><a href="https://www.socioboard.com/board/chanchalsantra" target="_blank">https://www.socioboard.com/board/chanchalsantra</a></p>
                                                </div>
                                                <div class="col s3">
                                                    <div id="project-line-3"></div>
                                                </div>
                                            </div>
                                        </li>
                                        <li class="collection-item">
                                            <div class="row">
                                                <div class="col s9">
                                                    <p class="collections-title">ChanchalSantra</p>
                                                    <p class="collections-content"><a href="https://www.socioboard.com/board/chanchalsantra" target="_blank">https://www.socioboard.com/board/chanchalsantra</a></p>
                                                </div>
                                                <div class="col s3">
                                                    <div id="project-line-4"></div>
                                                </div>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                                <div class="col s12 m12 l6">
                                    <ul id="issues-collection" class="collection">
                                        <li class="collection-item avatar">
                                            <i class="mdi-action-bug-report circle red darken-2"></i>
                                            <span class="collection-header">Issues</span>
                                            <p>Assigned to you</p>
                                            <a href="#" class="secondary-content"><i class="mdi-action-grade"></i></a>
                                        </li>
                                        <li class="collection-item">
                                            <div class="row">
                                                <div class="col s7">
                                                    <p class="collections-title"><strong>#102</strong> Home Page</p>
                                                    <p class="collections-content">Web Project</p>
                                                </div>
                                                <div class="col s2">
                                                    <span class="task-cat pink accent-2">P1</span>
                                                </div>
                                                <div class="col s3">
                                                    <div class="progress">
                                                        <div class="determinate" style="width: 70%"></div>
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                        <li class="collection-item">
                                            <div class="row">
                                                <div class="col s7">
                                                    <p class="collections-title"><strong>#108</strong> API Fix</p>
                                                    <p class="collections-content">API Project </p>
                                                </div>
                                                <div class="col s2">
                                                    <span class="task-cat yellow darken-4">P2</span>
                                                </div>
                                                <div class="col s3">
                                                    <div class="progress">
                                                        <div class="determinate" style="width: 40%"></div>
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                        <li class="collection-item">
                                            <div class="row">
                                                <div class="col s7">
                                                    <p class="collections-title"><strong>#205</strong> Profile page css</p>
                                                    <p class="collections-content">New Project </p>
                                                </div>
                                                <div class="col s2">
                                                    <span class="task-cat light-green darken-3">P3</span>
                                                </div>
                                                <div class="col s3">
                                                    <div class="progress">
                                                        <div class="determinate" style="width: 95%"></div>
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                        <li class="collection-item">
                                            <div class="row">
                                                <div class="col s7">
                                                    <p class="collections-title"><strong>#188</strong> SAP Changes</p>
                                                    <p class="collections-content">SAP Project</p>
                                                </div>
                                                <div class="col s2">
                                                    <span class="task-cat pink accent-2">P1</span>
                                                </div>
                                                <div class="col s3">
                                                    <div class="progress">
                                                        <div class="determinate" style="width: 10%"></div>
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>-->
                            <!--work collections end-->
                        </div>
                        <!--end container-->
                    </div>
                    <div class="col s12 m4 l4">
                        <!--start container-->

                      
                            <!--start container-->
                            <!--<div class="container">
                            <div class="card-panel grey lighten-5 z-depth-1">
                                <h6 class="r_side_title"><i class="icon-user-follow"></i>Team Members</h6>
                                <div class="row">
                                    <div class="col s12 m6 l6">
                                        <div class="card-panel">
                                            <div class="card-image center-align" data-activates="group_dropdown">
                                                <i class="icon-user-follow fa-3x" ></i>

                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>-->

                            <ul id='group_dropdown' class='dropdown-content'>
                                <li ng-repeat="grp in groups">
                                    <a class="dropdown_text" ng-click="changeGroup(grp.id)">{{grp.groupName}}</a>
                                </li>
                                <li class="divider"></li>
                                <li><a href="#/groups" class="dropdown_text">Create New</a></li>
                            </ul>
                            <!--end container-->
                        </div>
                    </div>
                <!-- Compose Email Trigger -->
                <!--<div ng-show="user.TrailStatus!=2" class="fixed-action-btn" onclick="$('select').material_select('destroy'); $('#composeProfiles').val(''); $('select').material_select(); closeModel()" style="bottom: 45px; right: 24px;">
                    <div class="btn-floating btn-large red modal-trigger" href="#ComposePostModal">
                        <i class="large mdi-editor-mode-edit"></i>
                    </div>
                </div>
                <div ng-if="user.TrailStatus==2" class="fixed-action-btn" style="bottom: 45px; right: 24px;">
                    <a class="btn-floating btn-large red modal-trigger" title="your trial period is expired.Click here to upgrade your account" href="#/upgradeplan">
                        <i class="large mdi-editor-mode-edit"></i>
                    </a>
                </div>-->
            </section>


            <!-- Compose Email Structure -->
            <div id="ComposePostModal" class="modal">
                <div class="modal-content">
                    <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>
                                        <a href="#!" class="email-type">Compose</a>
                                    </li>
                                </ul>
                            </div>
                            <div ng-init="dispbtn= {{dispbtn}}"></div>
                            <div class="col s12 m7 l7 hide-on-med-and-down">
                                <ul class="right">
                                    <li>
                                        <div ng-show="dispbtn" ng-click="ComposeMessage()"><i class="modal-action  mdi-content-send"></i></div>
                                        <div ng-show="!dispbtn"><i class="fa fa-spinner fa-pulse fa-3x fa-fw"></i></div>
                                    </li>
                                    <!--<li>
                                    <a href="#!"><i class="mdi-navigation-more-vert"></i></a>
                                </li>-->
                                </ul>
                            </div>
                            <!--<ul class="right">
                            <li>
                                <div><i class="modal-action  mdi-content-save"></i></div>
                            </li>-->
                            <!--<li>
                            <a href="#!"><i class="mdi-navigation-more-vert"></i></a>
                        </li>-->
                            <!--</ul>-->
                        </div>
                    </nav>
                </div>
                <div class="model-email-content">
                    <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="5000" data-emojiable="true" placeholder="Type your message"></textarea>
                                    </div>
                                </div>
                            </div>
                            <!--<div class="row no-space">
                            <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 no-space">
                                <div class="col s12 m12 l12">
                                    <p>Select your file [Ex: gif, jpeg, png, mp4, ...]</p>
                                </div>
                                <div class="col s12 m12 l12">
                                    <input type="file" id="composeImage" class="dropify" data-default-file="" />
                                </div>
                            </div>
                            <!--<div class="row">
                            <div class="input-field col s12">
                                <textarea id="composeMessage" class="materialize-textarea" length="5000"></textarea>
                                <label for="compose">Message</label>
                            </div>
                        </div>-->
                            <div id="selection" class="row">
                                <!--<div class="input-field col s12">

                                <select multiple id="composeProfiles" ng-change="selectclick()" ng-model="selectvalue">
                                    <option value="select" disabled my-repeat-dropdown-directive selected>Select Your Account</option>
                                    <option value="selectall">Select all</option>
                                    <option ng-repeat="profile in lstProfiles | filter:{profileType:0} | filter:{profileType:'!10'} | filter:{profileType:'!11'}" value="fb_{{profile.profileId}}" class="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}}" class="fb_{{profile.profileId}}" my-repeat-dropdown-directive>  {{profile.profileName}} </option>
                                    <option ng-repeat="profile in lstProfiles | filter:{profileType:11}" value="page_{{profile.profileId}}" my-repeat-timeout-directive>  {{profile.profileName}} </option>
                                    <option ng-repeat="profile in lstProfiles | filter:{profileType:2}" value="tw_{{profile.profileId}}" class="tw_{{profile.profileId}}" my-repeat-dropdown-directive>  {{profile.profileName}} </option>
                                    <option ng-repeat="profile in lstProfiles | filter:{profileType:3}" value="lin_{{profile.profileId}}" class="lin_{{profile.profileId}}" my-repeat-dropdown-directive>  {{profile.profileName}} </option>
                                    <option ng-repeat="profile in lstProfiles | filter:{profileType:4}" value="Cmpylinpage_{{profile.profileId}}" class="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 type="checkbox" style="visibility:visible;position:relative;left:5px; float:left" ng-model="allSelected" ng-model-options="{getterSetter: true}" />
                                                <span style="float:left;">Check All</span>
                                            </label>
                                        </li>
                                        <li ng-repeat="profile in lstProfiles | filter:{profileType:0} | filter:{profileType:'!10'} | filter:{profileType:'!11'}" style="padding:5px 0;">
                                            <label>
                                                <input name="selector[]" class="subcheckbox" id="fb_{{profile.profileId}}" type="checkbox" style="visibility:visible;position: relative;left:5px;float:left" ng-model="profile.Selected" />
                                                <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'}" style="padding:5px 0;">
                                            <label>
                                                <input name="selector[]" class="subcheckbox" id="fb_{{profile.profileId}}" type="checkbox" style="visibility:visible;position: relative;left:5px;float:left" ng-model="profile.Selected" />
                                                <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 name="selector[]" class="subcheckbox" id="tw_{{profile.profileId}}" type="checkbox" style="visibility:visible;position: relative;left:5px;float:left" ng-model="profile.Selected" />
                                                <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}" style="padding:5px 0;">
                                            <label>
                                                <input name="selector[]" class="subcheckbox" id="lin_{{profile.profileId}}" type="checkbox" style="visibility:visible;position: relative;left:5px;float:left" ng-model="profile.Selected" />
                                                <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 name="selector[]" class="subcheckbox" id="Cmpylinpage_{{profile.profileId}}" type="checkbox" style="visibility:visible;position: relative;left:5px;float:left" ng-model="profile.Selected" />
                                                <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">
                                <a href="" class="btn btn_style" ng-click="draftMsg()">Save as Draft</a>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            <!-- END CONTENT -->
            <!-- add profile -->
            <div id="addprofile" class="modal">
                <div class="modal-content">
                    <h4>Adding Profiles</h4>
                    <div class="row">
                        <div class="col s12">
                            <ul class="tabs tab-demo z-depth-1">
                                <li class="tab col s1"><a class="active" href="#twitter"><i class="fa fa-twitter fa-fw fa-2x"></i></a></li>
                                <li class="tab col s1"><a href="#facebook"><i class="fa fa-facebook fa-fw fa-2x"></i></a></li>
                                <li class="tab col s1"><a href="#google"><i class="fa fa-google-plus fa-fw fa-2x"></i></a></li>
                                <li class="tab col s1"><a href="#linkedin"><i class="fa fa-linkedin fa-fw fa-2x"></i></a></li>
                                <li class="tab col s1"><a href="#instagram"><i class="fa fa-instagram fa-fw fa-2x"></i></a></li>
                                <!--<li class="tab col s1"><a href="#tumblr"><i class="fa fa-tumblr fa-fw fa-2x"></i></a></li>-->
                                <li class="tab col s1"><a href="#youtube"><i class="fa fa-youtube fa-fw fa-2x"></i></a></li>
                                <li class="tab col s1"><a href="#ganalytics"><i class="fa fa-line-chart fa-fw fa-2x"></i></a></li>
                            </ul>
                        </div>
                        <div id="twitter" class="col s12">
                            <div class="center-align">
                                <p>Please make sure you are logged in with the proper account when you authorize Socioboard.</p>
                                <a href="../TwitterManager/AddTwitterAccount?follow=true" id="TwitterAddButton" class="waves-effect waves-light btn"><i class="fa fa-twitter fa-fw"></i>Add a Twitter Profile</a>
                                <p>
                                    <!-- ng-change="followChange()" -->
                                    <input type="checkbox" ng-click="followChange()" checked="checked" id="TwitterFollow" />
                                    <label for="TwitterFollow">Follow Socioboard on twitter for update &amp; announcements</label>
                                </p>
                            </div>
                        </div>
                        <div id="facebook" class="col s12">
                            <div class="center-align">
                                <p>Socioboard needs permission to access and publish content to Facebook on your behalf. To grant permission, you must be an admin for your brand&apos;s Facebook page.</p>
                                <a href="../FacebookManager/AddFacebookAcc" class="waves-effect waves-light btn margin-top-10"><i class="fa fa-facebook fa-fw"></i>Add a Facebook Profile</a>
                                <a href="../FacebookManager/AddFacebookAcc?Op=page" class="waves-effect waves-light btn margin-top-10"><i class="fa fa-facebook fa-fw"></i>Add a Facebook Page</a>

                            </div>
                        </div>
                        <div id="google" class="col s12">
                            <div class="center-align">
                                <p>Allow Socioboard access to your Google+ account, you must first give authorization from the Google website</p>
                                <a href="../GoogleManager/AddGoogleAccount" class="waves-effect waves-light btn"><i class="fa fa-google-plus fa-fw"></i>Add a Google+ Profile</a>
                            </div>
                        </div>
                        <div id="linkedin" class="col s12">
                            <div class="center-align">
                                <p>Grant access to your profile to share updates and view your feed.</p>
                                <a href="../LinkedinManager/AuthenticateLinkedin" class="waves-effect waves-light btn margin-top-10"><i class="fa fa-linkedin fa-fw"></i>Add Linkedin Profile</a>
                                <a href="../LinkedinManager/AuthenticateLinkedin?Op=page" class="waves-effect waves-light btn margin-top-10"><i class="fa fa-linkedin fa-fw"></i>Add Linkedin Company Page</a>
                            </div>
                        </div>
                        <div id="instagram" class="col s12">
                            <div class="center-align">
                                <p>To allow Socioboard access to your Instagram account, you must first give authorization from the Instagram website</p>
                                <a href="../InstagramManager/AuthenticateInstagram" class="waves-effect waves-light btn"><i class="fa fa-instagram fa-fw"></i>Add Instagram Profile</a>
                            </div>
                        </div>
                        <!--<div id="tumblr" class="col s12">
                        <div class="center-align">
                            <p>To allow Socioboard access to your Tumblr account, you must first give authorization from the Tumblr website</p>
                            <a class="waves-effect waves-light btn"><i class="fa fa-instagram fa-fw"></i>Add a tumblr Profile</a>
                        </div>
                    </div>-->
                        <div id="youtube" class="col s12">
                            <div class="center-align">
                                <p>To allow Socioboard access to your Youtube account, you must first give authorization from the Youtube website</p>
                                <a href="../GoogleManager/AddGoogleAccount?Op=youtubelogin" class="waves-effect waves-light btn"><i class="fa fa-youtube fa-fw"></i>Add Youtube Channel</a>
                            </div>
                        </div>
                        <div id="ganalytics" class="col s12">
                            <div class="center-align">
                                <p>Add your Google Analytics Account to see how your website traffic correlates with your social media activity.</p>
                                <a href="../GoogleManager/AddGoogleAccount?Op=page" class="waves-effect waves-light btn"><i class="fa fa-line-chart fa-fw"></i>Connect your personal Google Analytics</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="modal" id="FbFanpage_Modal">
                <div class="modal-content">
                    <h4>CHOOSE FACEBOOK PAGES TO CONNECT</h4>

                    <ul class="collection">
                        <li class="collection-item avatar" ng-repeat="fbpages in lstAddFbPages" ng-if="fbpages.connected==0">
                            <div class="left">
                                <img class="circle" alt="Socioboard" src="https://graph.facebook.com/{{fbpages.ProfilePageId}}/picture?type=small">
                                <span class="title">{{fbpages.Name}}</span>
                                <p>{{fbpages.LikeCount}}</p>
                            </div>
                            <p class="right">
                                <input type="checkbox" value="{{fbpages.AccessToken}}" id="page_{{fbpages.AccessToken}}" ng-click="toggleFbPageProfileSelection(fbpages.AccessToken)">
                                <label for="page_{{fbpages.AccessToken}}"></label>
                            </p>
                        </li>

                        <li class="collection-item avatar disabled" ng-repeat="fbpages in lstAddFbPages" ng-if="fbpages.connected==1">
                            <div class="left">
                                <img class="circle" alt="Socioboard" src="https://graph.facebook.com/{{fbpages.ProfilePageId}}/picture?type=small">
                                <span class="title">{{fbpages.Name}}</span>
                                <p>{{fbpages.LikeCount}}</p>
                            </div>
                            <p class="right">
                                <input type="checkbox" checked disabled value="" id="" />
                                <label for=""></label>
                            </p>
                        </li>
                    </ul>
                </div>
                <div class="modal-footer">
                    <a class="modal-action waves-effect waves-green btn-flat" ng-click="AddFacebookPages()">Connect</a>
                    <a class="modal-action modal-close waves-effect waves-green btn-flat" ng-click="fbpagecloseModal()">Close</a>

                </div>
            </div>

            <div class="modal" id="LinCompanypage_Modal">
                <div class="modal-content">
                    <h4>CHOOSE LINKEDIN PAGES TO CONNECT</h4>
                    <ul class="collection">

                        <li class="collection-item avatar" ng-repeat="linpages in lstaddlinpages" ng-if="linpages.connected==0">
                            <div class="left">
                                <img class="circle" alt="" src="https://media.licdn.com/mpr/mpr/p/8/005/080/2ff/3c89c08.png">
                                <span class="title">{{linpages.PageName}}</span>
                            </div>
                            <p class="right">
                                <input type="checkbox" value="{{linpages.PageId}}" id="page_{{linpages.PageId}}" ng-click="toggleLinkedinProfileSelection(linpages.PageId,linpages._token,linpages.PageName)">
                                <label for="page_{{linpages.PageId}}"></label>
                            </p>
                        </li>

                        <li class="collection-item avatar disabled" ng-repeat="linpages in lstaddlinpages" ng-if="linpages.connected==1">
                            <div class="left">
                                <img class="circle" alt="" src="https://media.licdn.com/mpr/mpr/p/8/005/080/2ff/3c89c08.png">
                                <span class="title">{{linpages.PageName}}</span>
                            </div>
                            <p class="right">
                                <input type="checkbox" checked disabled value="" id="" />
                                <label for=""></label>
                            </p>
                        </li>
                    </ul>
                </div>
                <div class="modal-footer">
                    <a class="modal-action waves-effect waves-green btn-flat" ng-click="addcompanypages()">Connect</a>
                    <a class="modal-action modal-close waves-effect waves-green btn-flat" ng-click="linpagecloseModal()">Close</a>

                </div>
            </div>

            <div class="modal" id="Youtube_Modal">
                <div class="modal-content">
                    <h4>Choose Youtube channels to connect</h4>
                    <ul class="collection">
                        <li class="collection-item avatar" ng-repeat="youtube in lstYoutube" ng-if="youtube.connected==0">
                            <div class="left">
                                <img class="circle" alt="Socioboard" src="{{youtube.YtChannelImage}}">
                                <span class="title">{{youtube.YtChannelName}}</span>

                            </div>
                            <div class="right">
                                <input type="checkbox" value="{{youtube.Accesstoken}}" id="YT_{{youtube.YtChannelId}}" ng-click="toggleYTProfileSelection(youtube.Accesstoken, youtube.Refreshtoken, youtube.YtChannelId, youtube.YtChannelName, youtube.YtChannelDescrip, youtube.PublishDate, youtube.viewscount, youtube.commentscount, youtube.videoscount, youtube.YtChannelImage, youtube.subscriberscount)">
                                <label for="YT_{{youtube.YtChannelId}}"></label>
                            </div>
                        </li>

                        <li class="collection-item avatar disabled" ng-repeat="youtube in lstYoutube" ng-if="youtube.connected==1">
                            <div class="left">
                                <img class="circle" alt="Socioboard" src="{{youtube.YtChannelImage}}">
                                <span class="title">{{youtube.YtChannelName}}</span>

                            </div>
                            <p class="right">
                                <input type="checkbox" checked disabled value="" id="" />
                                <label for=""></label>
                            </p>
                        </li>
                    </ul>
                </div>
                <div class="modal-footer">
                    <a class="modal-action waves-effect waves-green btn-flat" ng-click="AddYTChannels()">Connect</a>
                    <a class="modal-action modal-close waves-effect waves-green btn-flat" ng-click="fbpagecloseModal()">Close</a>
                </div>
            </div>

            <div class="modal" id="GoogleAnalytics_Modal">
                <div class="modal-content">
                    <h4>CHOOSE Google Analytics Sites TO CONNECT</h4>
                    <ul class="collection">
                        <li class="collection-item avatar" ng-repeat="ganalytics in lstGanalytics" ng-if="ganalytics.connected==0">
                            <div class="left">
                                <img class="circle" alt="Socioboard" src="https://www.socioboard.com/contents/socioboard/images/G-Ana-icon.png">
                                <span class="title">{{ganalytics.ProfileName}}</span>

                            </div>
                            <p class="right">
                                <input type="checkbox" value="{{ganalytics.AccessToken}}" id="GA_{{ganalytics.ProfileId}}" ng-click="toggleGAeProfileSelection(ganalytics.AccessToken,ganalytics.RefreshToken,ganalytics.AccountId,ganalytics.AccountName,ganalytics.EmailId,ganalytics.ProfileId,ganalytics.ProfileName,ganalytics.WebPropertyId,ganalytics.WebsiteUrl,ganalytics.internalWebPropertyId)">
                                <label for="GA_{{ganalytics.ProfileId}}"></label>
                            </p>
                        </li>

                        <li class="collection-item avatar disabled" ng-repeat="ganalytics in lstGanalytics" ng-if="ganalytics.connected==1">
                            <div class="left">
                                <img class="circle" alt="Socioboard" src="https://www.socioboard.com/contents/socioboard/images/G-Ana-icon.png">
                                <span class="title">{{ganalytics.ProfileName}}</span>

                            </div>
                            <p class="right">
                                <input type="checkbox" checked disabled value="" id="" />
                                <label for=""></label>
                            </p>
                        </li>
                    </ul>
                </div>
                <div class="modal-footer">
                    <a class="modal-action waves-effect waves-green btn-flat" ng-click="AddGaSites()">Connect</a>
                    <a class="modal-action modal-close waves-effect waves-green btn-flat" ng-click="fbpagecloseModal()">Close</a>
                </div>
            </div>

            <!-- Active Account Modal  -->
            <div id="ActiveProfileModal" class="modal" style="max-height:initial">
                <div class="modal-content">
                    <h4>SELECT YOUR ACCOUNTS</h4>
                    <h6>As you have modified your account, you can only use upto {{MaxCount}} profiles. As a {{AccountType}} user, you have added {{profileCount}} profiles. Please choose which {{MaxCount}} among them you would like to retain</h6>
                    <div class="active_acc_list">
                        <ul class="collection ">
                            <li class="collection-item avatar" ng-repeat="profile in lstProfiles">
                                <div class="left">
                                    <img src="{{profile.profilePic}}" alt="{{profile.profileName}}" class="circle">
                                    <span class="title">{{profile.profileName}}</span>
                                    <p>Connected</p>
                                </div>
                                <p class="right">
                                    <input type="checkbox" id="{{profile.profileId}}" ng-click="toggleProfileSelection(profile.profileId)" />
                                    <label for="{{profile.profileId}}"></label>
                                </p>
                            </li>

                        </ul>
                    </div>
                </div>
                <div class="modal-footer">
                    <!--<a href="#!" class="modal-action modal-close waves-effect waves-green btn-flat">Close</a>-->
                    <a href="#!" ng-click="AddSelectedProfiles()" class="modal-action waves-effect waves-green btn-flat">Retain Profiles</a>
                </div>
            </div>
        </div>

        <script>

    function closeModel() {
        jQuery('input:checkbox').removeAttr('checked');
    }

    $(function () {
        // Initializes and creates emoji set from sprite sheet
        window.emojiPicker = new EmojiPicker({
            emojiable_selector: '[data-emojiable=true]',
            assetsPath: '../contents/socioboard/global/plugins/emoji-picker/lib/img/',
            popupButtonClasses: 'fa fa-smile-o'
        });
        window.emojiPicker.discover();
    });


        </script>
