Skip to content

Instantly share code, notes, and snippets.

@sudheesh001
Created August 8, 2016 15:57
Show Gist options
  • Save sudheesh001/e16578e09aa1e3bdaba554806d30a976 to your computer and use it in GitHub Desktop.
Save sudheesh001/e16578e09aa1e3bdaba554806d30a976 to your computer and use it in GitHub Desktop.
Sometimes when things break on loklak webclient
angular.module("templates", []).run(["$templateCache", function($templateCache) {$templateCache.put("about.html","<div class=\"content-wrapper\">\n <div class=\"container about-view-container \">\n <div class=\"row cms-view\">\n <div class=\"col-md-12 about-jumbotron\">\n <h1 class=\"page-header\">About <code>loklak</code></h1>\n <p>This is the front-end of <code>Loklak</code>, an application which is able to collect and analyse messages from various sources, including Twitter. The application is divided into two parts: <a href=\"http://loklak.net\"><code>loklak</code>.net</a>, the front-end (these pages) and <a href=\"http://loklak.org\"><code>loklak</code>.org</a>, the search- and collecting back-end.</p>\n <img src=\"../images/loklak_architecture_overview.png\" width=\"50%\" height=\"50%\">\n\n <p>The back-end is not only able to collect millions of messages anonymously from Twitter, it can also distribute the collection workload into a peer-to-peer network. The back-end also stores the messages into an Elasticsearch search index and a downloadable message dump which can be imported into fresh, new loklak peers. The front-end uses a simple API to retrieve messages and mass-message statistics from the back-end. This front-end site is created in angular.js and node.js</p>\n <img src=\"../images/loklak_architecture_details.png\" width=\"50%\" height=\"50%\">\n <p class=\"download-info\">This software is free and can be downloaded from the <a href=\"http://github.com/loklak\">loklak GitHub project</a></p>\n </div>\n </div>\n\n <div class=\"subbars-container\">\n <div class=\"col-md-6 about-subbar\">\n <h2 class=\"sub-header\">Why Should I Use This?</h2>\n <p>If you like to be anonymous when searching things, want to archive Tweets or messages about specific topics and if you are looking for a tool to create statistics about Tweet topics, then you may consider <code>Loklak</code>. With <code>Loklak</code> you can:</p>\n <ul>\n <li>Collect and store a very, very large amount of Tweets and similar messages</li>\n <li>Create your own search engine for Tweets</li>\n <li>Omit authentication enforcement for API requests on the Twitter platform</li>\n <li>Share Tweets and Tweet archives with other <code>loklak</code> users</li>\n <li>Search anonymously on your own search portal</li>\n <li>Create your own Tweet search portal or statistical evaluations</li>\n </ul>\n </div>\n <div class=\"col-md-6 about-subbar\">\n <h2 class=\"sub-header\">Short-Links are De-Shortened</h2>\n <p>Twitter shortens all links, even those already shortened by a third-party service. We expand almost all links in the Tweets and reveal the original URL the user has attached to their Tweets. This is very important when archiving Tweets for two reasons: it allows archive viewers in the future to follow the links even if the shortening service goes out of business, and prevents the shortening service tracking the user. <code>Loklak</code> can even de-shorten recursively, multi-shortened links.</p>\n </div>\n </div>\n </div>\n\n <div class=\"credits-container\">\n <div class=\"left-credits\">\n <a>© 2015 loklak</a><span>-</span>\n <a href=\"./about\">About</a><span>-</span>\n <a href=\"http://blog.loklak.net/\" target=\"_blank\" >Blog</a><span>-</span>\n <a href=\"https://github.com/loklak\" target=\"_blank\" >Github</a><span>-</span>\n <a href=\"http://facebook.com/loklakmessages\" target=\"_blank\" >Facebook</a>\n </div>\n \n <div class=\"right-credits\">\n \n </div>\n\n </div>\n</div>\n\n");
$templateCache.put("account.html","<div ng-attr-id=\"{{data.id_str}}\" class=\"home-user-info\">\n <div class=\"blue-background-placeholder\">\n <a ng-href=\"{{\'./search?q=from:\' + data.screen_name}}\" ><img ng-src=\"{{data.profile_banner_url }}\" alt=\"user-banner-photo\" ng-show=\"data.profile_banner_url\" fallback-src=\"/images/anon_400x400.png\"></a>\n </div>\n <div class=\"home-user-info-content\">\n <div class=\"top-content\">\n <div>\n <!--<div class=\"account-image-and-following-text\">-->\n <a ng-href=\"{{\'./search?q=from:\' + data.screen_name}}\"><img fallback-src=\"/images/anon_200x200.png\" ng-src=\"{{data.profile_image_url_https | homePageImage }}\"></a>\n <div ng-if=\"data.following\" class=\"btn btn-loklak-blue following-text\">\n Following\n </div>\n </div>\n <div class=\"name-and-screen-name\">\n <a ng-href=\"{{\'./search?q=from:\' + data.screen_name}}\" class=\"home-user-name\">{{data.name | shortenTo:19 }}</a><br>\n <a ng-href=\"{{\'./search?q=from:\' + data.screen_name}}\" class=\"home-user-screen-name\">@{{data.screen_name}}</a>\n <div ng-if=\"data.friend\" class=\"home-user-follows-text\">FOLLOWS YOU</div>\n </div>\n </div>\n <div class=\"bottom-content\">\n <p ng-bind-html=\"data.description | tweetTextLink | tweetMention | tweetHashtag | removeTwitterPicLink | toTrusted | shortenTo:91\"></p>\n </div>\n </div>\n</div>");
$templateCache.put("advancedsearch.html","<div ng-show=\"advanced.showAdvancedSearch\" class=\"advanced-search-view-container\">\n <!-- Start advanced search -->\n <div class=\"advanced-search-form-container\">\n <h1 class=\"advanced-search-title\">Advanced <span>Search</span></h1>\n <form>\n <div class=\"form-section words-section\">\n <h3 class=\"form-section-title\">Words</h3>\n <span class=\"field-title\">All of these words</span>\n <input class=\"field-value\" ng-model=\"aSearch.union\" type=\"text\"><br>\n <span class=\"field-title\">This exact phrase</span>\n <input class=\"field-value\" ng-model=\"aSearch.phrase\" type=\"text\"><br>\n <span class=\"field-title\">Any of these words</span>\n <input class=\"field-value\" ng-model=\"aSearch.intersect\" type=\"text\"><br>\n <span class=\"field-title\">None of these words</span>\n <input class=\"field-value\" ng-model=\"aSearch.negUnion\" type=\"text\"><br>\n <span class=\"field-title\">These hashtags</span>\n <input class=\"field-value\" ng-model=\"aSearch.hashtags\" type=\"text\"><br>\n <span class=\"field-title profane-field-title\">Remove profane results</span>\n <span ng-click=\"advanced.toggleProfanity();\" class=\"profanity-checkbox\"><i ng-show=\"advanced.removeProfane\" class=\"fa fa-check\"></i></span>\n\n <!-- When possible, add written in language options -->\n </div>\n\n <div class=\"form-section people-section\">\n <h3>People</h3>\n <span class=\"field-title\">From these accounts</span>\n <input class=\"field-value\" ng-model=\"aSearch.accountIntersect\" type=\"text\"><br>\n <span class=\"field-title\">Mentioning those accounts</span>\n <input class=\"field-value\" ng-model=\"aSearch.accountMentionUnion\" type=\"text\"><br>\n </div>\n\n <div class=\"form-section location-section\">\n <h3>Place</h3>\n <span class=\"field-title\">Near this place</span>\n <div>\n <input type=\"text\" ng-model=\"chosenLocation\" class=\"chosen-location\" ng-click=\"advanced.toggleShowLookUp()\">\n <ul class=\"suggestions\" ng-show=\"advanced.hasSuggestions\">\n <li ng-repeat=\"location in advanced.locationSuggestions | limitTo:5\" ng-click=\"advanced.setLocation(location.query)\">{{location.query}}</li>\n </ul>\n </div>\n <span class=\"location-hint\">Click to change/choose location</span>\n <br>\n </div>\n\n <!-- Time period pickers-->\n <div class=\"form-section date-range-section\">\n <h3>Dates</h3>\n <span class=\"field-title from-this-date\">From this date</span>\n\n <div class=\"form-inline\">\n <div class=\"input-group dropdown\">\n <span class=\"input-group-addon\">\n <span class=\"glyphicon glyphicon-calendar\"></span>\n </span>\n <a class=\"dropdown-toggle my-toggle-select\" id=\"datetimepicker1\" role=\"button\" data-toggle=\"dropdown\" data-target=\"#\" href=\"\">\n <div class=\"input-append\">\n <input type=\"text\" class=\"form-control date-input\" ng-model=\"aSearch.sinceDate\">\n </div>\n </a>\n <ul class=\"dropdown-menu\" role=\"menu\" aria-labelledby=\"datetimepicker1\">\n <datetimepicker ng-model=\"aSearch.sinceDate\" data-datetimepicker-config=\"{ dropdownSelector: \'.my-toggle-select\', minView: \'hour\' }\"></datetimepicker>\n </ul>\n </div>\n </div>\n <br>\n <span class=\"field-title from-this-date\">To this date</span>\n <div class=\"form-inline\">\n <div class=\"input-group dropdown\">\n <span class=\"input-group-addon\">\n <span class=\"glyphicon glyphicon-calendar\"></span>\n </span>\n <a class=\"dropdown-toggle my-toggle-select\" id=\"datetimepicker2\" role=\"button\" data-toggle=\"dropdown\" data-target=\"#\" href=\"\">\n <div class=\"input-append\">\n <input type=\"text\" class=\"form-control date-input\" ng-model=\"aSearch.untilDate\">\n </div>\n </a>\n <ul class=\"dropdown-menu\" role=\"menu\" aria-labelledby=\"datetimepicker2\">\n <datetimepicker ng-model=\"aSearch.untilDate\" data-datetimepicker-config=\"{ dropdownSelector: \'.my-toggle-select\', minView: \'hour\' }\"></datetimepicker>\n </ul>\n </div>\n\n </div>\n </div> \n <!-- End Time period pickers--> \n <input class=\"submit-advanced-search\" type=\"submit\" ng-click=\"advanced.processSearch()\" value=\"Submit\" />\n <input class=\"reset-advanced-search\" type=\"button\" ng-click=\"advanced.reset()\" value=\"Reset\" />\n \n </form>\n </div>\n <!-- ENd advanced search -->\n</div>\n\n<!-- Output result here -->\n<div ng-show=\"advanced.isResultShow\" class=\"search-container advanced-result-container\">\n <div class=\"content-container\">\n <h3 class=\"final-search-term\">Search options : <span>{{advanced.finalParams.q}} </span><span ng-show=\"advanced.filterMessage\">{{advanced.filterMessage}}</span></h3>\n <h3 class=\"result-message\">\n <span ng-show=\"advanced.resultMessage\">{{advanced.resultMessage}}</span>\n <div class=\"create-new-search\"><span ng-click=\"advanced.initNewSearchView()\">New search</span></div>\n </h3>\n <div class=\"result-container\">\n <div class=\"filters-container\">\n <ul class=\"search-modes\">\n <!-- General filters -->\n <li ng-class=\"(advanced.currentFilter === \'live\') ? \'active\' : \'\'\" ng-click=\"advanced.filterLive()\">\n <a href=\"#\">live</a>\n </li>\n <li ng-class=\"(advanced.currentFilter === \'accounts\') ? \'active\' : \'\'\" ng-click=\"advanced.filterAccounts()\">\n <a href=\"#\">accounts</a>\n </li>\n <li ng-class=\"(advanced.currentFilter === \'photos\') ? \'active\' : \'\'\" ng-click=\"advanced.filterPhotos()\">\n <a href=\"#\">photos</a>\n </li>\n <li ng-class=\"(advanced.currentFilter === \'videos\') ? \'active\' : \'\'\" ng-click=\"advanced.filterVideos()\">\n <a href=\"#\">videos</a>\n </li>\n <li ng-class=\"(advanced.currentFilter === \'map\') ? \'active\' : \'\'\" ng-click=\"advanced.filterMap()\">\n <a href=\"#\">map</a>\n </li>\n </ul>\n </div>\n\n <div ng-show=\"!advanced.mapSearch\" class=\"advanced-normal-result\">\n <div ng-show=\"!advanced.peopleSearch\" class=\"main-result-container\">\n <div ng-repeat=\"status in advanced.currentResult\" status data=\"status\"></div> \n </div> \n\n <div ng-show=\"advanced.peopleSearch\" class=\"main-result-container\">\n <div ng-repeat=\"account in advanced.accounts\" account data=\"account\"></div>\n </div>\n </div>\n\n <!-- Map search -->\n \n </div> \n <div ng-show=\"advanced.mapSearch\" class=\"advanced-search-map-wrapper map-container-parent\">\n <div id=\"advanced-search-map\"></div>\n </div> \n </div>\n</div>\n\n\n\n ");
$templateCache.put("anonymous-session-content.html","<div class=\"anonymous-session-content\">\n <div class=\"blue-bar\">\n {{root.globalSearchTerm}}\n </div>\n <div class=\"container anonymous-content-container\">\n\n <h1 class=\"wassup-title\">What\'s going on</h1>\n <div class=\"search-form-wrapper\">\n <div global-search-form></div>\n <span ng-click=\"root.submitSearchForm();\">Search</span>\n </div>\n <p class=\"search-hints\">\n Use <span class=\"operator-hint\" ng-click=\"root.home.operatorOverlayShow = true\">operators</span> for <a href=\"./advancedsearch\">advanced search</a>\n </p>\n\n <div class=\"trend-container\">\n <h4>Trends</h4>\n <ul id=\"horizontal-trend-list\">\n <li><a href=\"./search?q=%23loklak\">#loklak</a></li>\n <li ng-repeat=\"(key, value) in root.trends\">\n <!-- -->\n <a href=\"./search?q=%23{{key}}\">#{{key}}</a>\n <!-- -->\n </li>\n </ul> \n </div>\n\n <div class=\"credits-container\">\n <div class=\"left-credits\">\n <a>© 2015 loklak</a><span>-</span>\n <a href=\"./about\">About</a><span>-</span>\n <a href=\"http://blog.loklak.net/\" target=\"_blank\" >Blog</a><span>-</span>\n <a href=\"https://github.com/loklak\" target=\"_blank\" >Github</a><span>-</span>\n <a href=\"http://facebook.com/loklakmessages\" target=\"_blank\" >Facebook</a>\n </div>\n \n <div class=\"right-credits\">\n \n </div>\n\n </div>\n\n </div>\n\n <div ng-show=\"root.home.operatorOverlayShow\" class=\"operator-overlay-container\" ng-click=\"root.home.evalToCloseOverlay($event);\">\n <div class=\"operator-overlay\">\n <p class=\"header\">\n Search operators\n <span class=\"close-overlay\" ng-click=\"root.home.operatorOverlayShow = false\">x</span>\n </p>\n <div class=\"table-container\">\n <table>\n <tr>\n <th>Operator</th>\n <th>Find tweets...</th>\n </tr>\n <tr ng-repeat=\'(prop, val) in root.home.operators track by prop\'>\n <td>{{prop}}</td>\n <td>{{val}}</td>\n </tr>\n </table>\n </div>\n </div>\n </div>\n </div>");
$templateCache.put("controlsidebar.html","<!-- Control Sidebar --> \n <aside class=\"control-sidebar control-sidebar-dark\"> \n <!-- Create the tabs -->\n <ul class=\"nav nav-tabs nav-justified control-sidebar-tabs\">\n <li class=\"active\"><a href=\"#control-sidebar-home-tab\" data-toggle=\"tab\"><i class=\"fa fa-home\"></i></a></li>\n <li><a href=\"#control-sidebar-settings-tab\" data-toggle=\"tab\"><i class=\"fa fa-gears\"></i></a></li>\n </ul>\n <!-- Tab panes -->\n <div class=\"tab-content\">\n <!-- Home tab content -->\n <div class=\"tab-pane active\" id=\"control-sidebar-home-tab\">\n <h3 class=\"control-sidebar-heading\">Recent Activity</h3>\n <ul class=\'control-sidebar-menu\'>\n <li>\n <a href=\'javascript::;\'>\n <i class=\"menu-icon fa fa-birthday-cake bg-red\"></i>\n <div class=\"menu-info\">\n <h4 class=\"control-sidebar-subheading\">Langdon\'s Birthday</h4>\n <p>Will be 23 on April 24th</p>\n </div>\n </a>\n </li> \n </ul><!-- /.control-sidebar-menu -->\n\n <h3 class=\"control-sidebar-heading\">Tasks Progress</h3> \n <ul class=\'control-sidebar-menu\'>\n <li>\n <a href=\'javascript::;\'> \n <h4 class=\"control-sidebar-subheading\">\n Custom Template Design\n <span class=\"label label-danger pull-right\">70%</span>\n </h4>\n <div class=\"progress progress-xxs\">\n <div class=\"progress-bar progress-bar-danger\" style=\"width: 70%\"></div>\n </div> \n </a>\n </li> \n </ul><!-- /.control-sidebar-menu --> \n\n </div><!-- /.tab-pane -->\n <!-- Stats tab content -->\n <div class=\"tab-pane\" id=\"control-sidebar-stats-tab\">Stats Tab Content</div><!-- /.tab-pane -->\n <!-- Settings tab content -->\n <div class=\"tab-pane\" id=\"control-sidebar-settings-tab\"> \n <form method=\"post\">\n <h3 class=\"control-sidebar-heading\">General Settings</h3>\n <div class=\"form-group\">\n <label class=\"control-sidebar-subheading\">\n Report panel usage\n <input type=\"checkbox\" class=\"pull-right\" checked />\n </label>\n <p>\n Some information about this general settings option\n </p>\n </div><!-- /.form-group -->\n </form>\n </div><!-- /.tab-pane -->\n </div>\n </aside><!-- /.control-sidebar -->\n <!-- Add the sidebar\'s background. This div must be placed\n immediately after the control sidebar -->\n <div class=\'control-sidebar-bg\'></div>");
$templateCache.put("copy-link-modal.html","<div class=\"modal-content\"> \n <div class=\"modal-header\">\n <h3 class=\"modal-title\" id=\"copy-link-to-tweet-dialog-header\">Copy link to Tweet \n </h3>\n <span class=\"close-copy-modal\" ng-click=\"closeCopyModal()\">x</span>\n </div>\n <div class=\"modal-body\">\n <div class=\"copy-link-to-tweet-container\">\n <p>The URL of this tweet is below. Copy it to easily share with friends.</p>\n <textarea id=\"link-to-copy-container\">{{promptLink}}</textarea>\n </div>\n </div>\n</div>");
$templateCache.put("debugged-link.html","<div ng-show=\"debuggable\"></div>");
$templateCache.put("global-search-form.html","<form class=\"global-search-container\" ng-submit=\"root.submitSearchForm()\">\n <input type=\"text\" id=\"global-search-input\" name=\"q\" autocomplete=\"off\" placeholder=\"Search\" ng-model=\"root.globalSearchTerm\" ng-keydown=\"root.watchArrowFromSearchBox($event)\">\n <i class=\"fa fa-search\"></i>\n <ul class=\"suggestions\" ng-show=\"root.haveSearchSuggestion\">\n <li ng-repeat=\"suggestion in root.searchSuggestions | limitTo:5\" ng-click=\"root.setGlobalSearchTerm(suggestion.query)\" ng-mouseover=\"root.highlightSelection()\" class=\"suggestion-item\">\n {{suggestion.query}}\n </li>\n </ul>\n</form>");
$templateCache.put("home-debugged-link.html","<div ng-show=\"debuggable\"></div>");
$templateCache.put("home.html","\n<!-- Template for home view -->\n<div ng-show=\"!map.isShowingMapNotHome\" class=\"content-wrapper home-view-content-wrapper\">\n <!-- Main content -->\n <!-- <div ng-show=\"root.twitterSession && root.doneGettingFeed\" class=\"container content-container\"> -->\n \n <!-- Left content: Who to follow, trends -->\n <!-- <div class=\"left-result-container col-md-4 col-sm-12 col-lg-3\" ng-show=\"root.twitterSession\">\n \n <div class=\"switchers\">\n <div class=\"switch-to-map\" ng-click=\"map.toggleMapAndTimeline();\">\n <span>Open Map</span>\n <span class=\"fa fa-chevron-circle-right\">\n </span> \n </div>\n <div class=\"switch-to-timeline-text\" ng-click=\"map.toggleMapAndTimeline();\">\n <span class=\"fa fa-chevron-circle-left\">\n </span>\n <span>Timeline</span> \n </div>\n </div>\n\n <div class=\"home-user-info\">\n <div class=\"blue-background-placeholder\">\n <img ng-src=\"{{root.twitterSession.profile_banner_url }}\" alt=\"user-banner-photo\" ng-show=\"root.twitterSession.profile_banner_url\"> \n </div>\n <div class=\"home-user-info-content\">\n <div class=\"top-content\">\n <img ng-src=\"{{root.twitterSession.profile_image_url_https | homePageImage }}\">\n <div class=\"name-and-screen-name\">\n <span class=\"home-user-name\">{{root.twitterSession.name}}</span>\n <span class=\"home-user-screen-name\">@{{root.twitterSession.screen_name}}</span>\n </div>\n </div>\n <div class=\"bottom-content\">\n <div class=\"user-no-tweets\">\n <a href=\"\">Tweets<br><span>{{root.twitterSession.statuses_count}}</span></a>\n </div>\n <div class=\"user-no-followings\">\n <a href=\"\">Following<br><span>{{root.twitterSession.friends_count}}</span></a>\n </div>\n <div class=\"user-no-followers\">\n <a href=\"\">Followers<br><span>{{root.twitterSession.followers_count}}</span></a>\n </div>\n </div>\n <div ng-show=\"root.twitterSession.description\" class=\"user-info-text\">\n {{root.twitterSession.description}}\n </div>\n </div>\n </div>\n\n <div ng-show=\"userTopology.followers.length !== 0\" class=\"followers-list-container\">\n <h2>Followers<span ng-click=\"map.showAllFollowers();\" ng-show=\"userTopology.followers.length > map.showFollowersLimit\">Show all</span></h2>\n <div class=\"followers-link-container clearfix\">\n <a class=\"topology-item\" ng-repeat=\"item in userTopology.followers | limitTo: map.showFollowersLimit\" ng-href=\"{{ \'./search?q=from:\' + item.screen_name}}\">\n <img ng-src=\"{{item.profile_image_url_https}}\">\n </a>\n </div>\n </div> \n\n\n\n\n <div ng-show=\"userTopology.following.length !== 0\" class=\"followers-list-container\">\n <h2>Following<span ng-click=\"map.showAllFollowings();\" ng-show=\"userTopology.following.length > map.showFollowingsLimit\">Show all</span></h2>\n <div class=\"followers-link-container clearfix\">\n <a class=\"topology-item\" ng-repeat=\"item in userTopology.following | limitTo: map.showFollowingsLimit\" ng-href=\"{{ \'./search?q=from:\' + item.screen_name}}\">\n <img ng-src=\"{{item.profile_image_url_https}}\">\n </a>\n </div>\n </div> \n\n </div> -->\n <!-- Center result + option filters -->\n <!-- <div class=\"center-result-container col-md-8 col-sm-12 col-lg-6\" ng-show=\"root.twitterSession\">\n <div class=\"row cms-view\">\n <div class=\"main-result-container\">\n <button ng-show=\"root.timelineNewTweets.length > 0\" class=\"timeline-more-result\" ng-click=\"root.timelineShowNewerTweets();\">Load {{root.timelineNewTweets.length}} new tweets!</button>\n <div class=\"statuses-container box-body chat\" id=\"chat-box\" style=\"width: auto;\" infinite-scroll=\"root.loadMoreHomeFeed(15)\">\n <div ng-repeat=\"status in root.twitterFriends.data | limitTo: root.homeFeedLimit\" ng-attr-id=\"{{status.id}}\" ng-click=\"map.openPopup(status.id);\">\n <div class=\"item\" ng-click=\"toggleDetail($event)\">\n <img class=\"friend-profile-img\" src=\"{{status.profile_image_url}}\">\n <p class=\"message home-tweet-text\">\n <span class=\"home-user-screen-name\">@{{ status.screen_name }} - </span><span time ng-attr-timecreated=\"{{status.status.created_at}}\"></span>\n <br>\n <span ng-bind-html=\"status.status.text | tweetTextLink | tweetMention | tweetHashtag | removeTwitterPicLink | toTrusted \"></span>\n </p>\n\n <div class=\"home-debugged-link-container\" home-debugged-link entities=\"status.status.entities\"></div>\n </div>\n </div>\n </div> \n </div>\n </div>\n </div> -->\n\n <!-- Right content: Other statistics -->\n <!-- <div class=\"right-result-container col-md-3 visible-lg\">\n <div class=\"home-user-trends\">\n <h3 class=\"trend-title\">Trends</h3>\n <ul id=\"home-trend-list\">\n <li><a href=\"./search?q=%23loklak\">#loklak</a></li>\n <li ng-repeat=\"(key, value) in root.trends\">\n <a href=\"./search?q=%23{{key}}\">#{{key}}</a>\n </li>\n </ul>\n </div>\n\n <div class=\"credits-container\">\n <div class=\"credits\">\n <a>© 2015 loklak</a><span>-</span>\n <a href=\"./about\">About</a><span>-</span>\n <a href=\"http://blog.loklak.net/\" target=\"_blank\" >Blog</a><span>-</span>\n <a href=\"https://github.com/loklak\" target=\"_blank\" >Github</a><span>-</span>\n <a href=\"http://facebook.com/loklakmessages\" target=\"_blank\" >Facebook</a>\n </div>\n </div>\n </div>\n\n </div>\n\n\n <div class=\"logged-content map-container-parent\" ng-show=\"root.twitterSession\">\n <span class=\"toggle-map-feed fa fa-chevron-circle-right\" ng-click=\"map.toggleMapFeed();\"></span>\n <div id=\"map\" ng-show=\"root.twitterSession\"></div>\n \n <div class=\"location-fail-notice\">\n <div class=\"warning-sign\"><i class=\"fa fa-exclamation-triangle\"></i></div>\n <p class=\"notice-text\">The user you\'re searching for doesn\'t seem to have location enabled!</p>\n </div>\n </div> -->\n <!-- Search box for anonymous user-no-followers -->\n <div ng-include src=\"\'anonymous-session-content.html\'\"></div>\n <!-- End search box for anonymous users -->\n\n</div>\n\n");
$templateCache.put("pswp.html","<!-- Root element of PhotoSwipe. Must have class pswp. -->\n<div class=\"pswp\" tabindex=\"-1\" role=\"dialog\" aria-hidden=\"true\">\n\n <!-- Background of PhotoSwipe. \n It\'s a separate element as animating opacity is faster than rgba(). -->\n <div class=\"pswp__bg\"></div>\n\n <!-- Slides wrapper with overflow:hidden. -->\n <div class=\"pswp__scroll-wrap\">\n\n <!-- Container that holds slides. \n PhotoSwipe keeps only 3 of them in the DOM to save memory.\n Don\'t modify these 3 pswp__item elements, data is added later on. -->\n <div class=\"pswp__container\">\n <div class=\"pswp__item\"></div>\n <div class=\"pswp__item\"></div>\n <div class=\"pswp__item\"></div>\n </div>\n\n <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. -->\n <div class=\"pswp__ui pswp__ui--hidden\">\n\n <div class=\"pswp__top-bar\">\n\n <!-- Controls are self-explanatory. Order can be changed. -->\n\n <div class=\"pswp__counter\"></div>\n\n <button class=\"pswp__button pswp__button--close\" title=\"Close (Esc)\"></button>\n\n <button class=\"pswp__button pswp__button--share\" title=\"Share\"></button>\n\n <button class=\"pswp__button pswp__button--fs\" title=\"Toggle fullscreen\"></button>\n\n <button class=\"pswp__button pswp__button--zoom\" title=\"Zoom in/out\"></button>\n\n <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR -->\n <!-- element will get class pswp__preloader--active when preloader is running -->\n <div class=\"pswp__preloader\">\n <div class=\"pswp__preloader__icn\">\n <div class=\"pswp__preloader__cut\">\n <div class=\"pswp__preloader__donut\"></div>\n </div>\n </div>\n </div>\n </div>\n\n <div class=\"pswp__share-modal pswp__share-modal--hidden pswp__single-tap\">\n <div class=\"pswp__share-tooltip\"></div> \n </div>\n\n <button class=\"pswp__button pswp__button--arrow--left\" title=\"Previous (arrow left)\">\n </button>\n\n <button class=\"pswp__button pswp__button--arrow--right\" title=\"Next (arrow right)\">\n </button>\n\n <div class=\"pswp__caption\">\n <div class=\"pswp__caption__center\"></div>\n </div>\n\n </div>\n\n </div>\n\n</div>\n");
$templateCache.put("redirect.html","<!-- What is this page for? After logging in via twitter, this page will just show a loading spinner instead of the home page -->\n<div class=\"redirect-page\">\n <img class=\"loading-redirect-img\" src=\"images/loklak_icon_yellow.png\" alt=\"\">\n <h1>Loklak</h1>\n <div class=\"loading-redirect\"><span id=\"bull1\">&bull;</span><span id=\"bull2\">&bull;</span><span id=\"bull3\">&bull;</span></div>\n\n <h2 id=\"redirect-text\">Please close this window to continue.</h2>\n</div>");
$templateCache.put("retweet-modal.html","<div class=\"retweet-box\">\n <div class=\"retweet-title\">\n <p>Retweet this to your followers?</p>\n <span class=\"close-rt-modal\" ng-click=\"closeRtModal()\">x\n </span>\n </div>\n\n <div class=\"retweet-comment-container\">\n <div class=\"retweet-comment\">\n <textarea maxlength=\"117\" cols=\"1\" ng-click=\"showMoreCols();\" placeholder=\"Add a comment...\" ng-model=\"comment\"></textarea>\n <span class=\"remaining-chars\">{{remainingChars}}</span>\n </div>\n </div>\n\n <div class=\"current-tweet\">\n <div class=\"item\">\n <img class=\"friend-profile-img\" ng-src=\"{{status.user.profile_image_url_https}}\">\n <p class=\"message home-tweet-text\">\n <span class=\"home-user-screen-name\">@{{ status.screen_name }} - {{ status.created_at | tweetFromNow }}</span>\n <br>\n <span ng-bind-html=\"status.text | tweetTextLink | tweetMention | tweetHashtag | removeTwitterPicLink | toTrusted \"></span>\n </p>\n </div>\n <!-- <div class=\"item\">\n <img class=\"friend-profile-img\" src=\"https://pbs.twimg.com/profile_images/527368661527322624/5jQCG8LQ_bigger.jpeg\">\n <p class=\"message home-tweet-text\">\n <span class=\"home-user-screen-name\">@iltalehti_fi 8m</span>\n <br>\n Soini muistutti Ukrainan kriisin heikentäneen turvallisuutta: Ulkoministeri Timo Soini puhui hetki sitten Etyj... http://tinyurl.com/pkxqn3x\n </p>\n </div> -->\n </div>\n\n <div class=\"retweet-button-container\">\n <div class=\"retweet-button\" ng-click=\"confirmRt();\">\n <span class=\"retweet-icon\"></span>\n <span class=\"retweet-text\">Retweet</span>\n </div>\n </div>\n</div>");
$templateCache.put("search-modal.html","<div ng-click=\"closeModal($event)\" ng-class=\"{\'modal-wrapper\': true, \'modal-show\': tweetModalShow}\">\n <div ng-show=\"tweetModalShow\" class=\"tweet tweet-modal\">\n <div class=\"top-metadata\">\n <img class=\"avatar\" \n onError=\"this.onerror=null;this.src=\'/images/anon_200x200.png\';\"\n ng-src=\"{{modalData.user.profile_image_url_https}}\" alt=\"user-images\">\n <!-- Metadata modalData -->\n <a class=\"name\" ng-href=\"{{\'./search?q=from:\' + modalData.user.screen_name}}\">{{modalData.user.name}}</a>\n <span class=\"screen-name\">{{ \"@\" + modalData.user.screen_name}}</span> \n </div>\n \n <div class=\"tweet-content\">\n <!-- Main content -->\n <p class=\"tweet-content-text\" ng-bind-html=\"modalData.text | tweetMention | tweetHashtag | toTrusted\"></p>\n\n <!-- Images - 1 img -->\n <div data-ng-click=\"switchToSwipe(modalData.id_str);\" class=\"images-wrapper clearfix\" ng-if=\"modalData.images_count === 1\">\n <div class=\"single-masonry-item\" ng-repeat=\"image in modalData.images\">\n <img ng-src=\"{{image}}\" alt=\"A masonry brick\">\n </div>\n </div>\n <!-- Images - 2 imgs -->\n <div data-ng-click=\"switchToSwipe(modalData.id_str);\" class=\"images-wrapper clearfix showcomposition\" ng-if=\"modalData.images_count === 2\">\n <div class=\"double-masonry-item\" ng-repeat=\"image in modalData.images\">\n <img ng-src=\"{{image}}\" alt=\"A masonry brick\">\n </div>\n </div>\n <!-- Images - 3 imgs -->\n <div data-ng-click=\"switchToSwipe(modalData.id_str);\" class=\"images-wrapper clearfix showcomposition\" ng-if=\"modalData.images_count === 3\">\n <div ng-class=\"{\'triple-masonry-item\': true, \'first-item\': ($index === 0)}\" ng-repeat=\"image in modalData.images\">\n <img ng-src=\"{{image}}\" alt=\"A masonry brick\">\n </div>\n </div>\n <!-- Images - 4 imgs -->\n <div data-ng-click=\"switchToSwipe(modalData.id_str);\" class=\"images-wrapper clearfix showcomposition\" ng-if=\"modalData.images_count === 4\">\n <div class=\"quad-masonry-item\" ng-repeat=\"image in modalData.images\">\n <img ng-src=\"{{image}}\" alt=\"A masonry brick\">\n </div>\n </div>\n\n <!-- Action list -->\n\n <div class=\"action-list\">\n <div class=\"action-reply\">\n <button class=\"reply\" />\n </div>\n <div class=\"action-retweet\">\n <button class=\"retweet\" /><span ng-if=\"modalData.retweet_count\" class=\"rt-count\">{{modalData.retweet_count}}</span> \n </div>\n <div class=\"action-favor\">\n <button class=\"favor\" /><span ng-if=\"modalData.favourites_count\" class=\"fav-count\">{{modalData.favourites_count}}</span> \n </div>\n <div class=\"action-more\" ng-click=\"toggleShowMoreAction()\">\n <i class=\"fa fa-circle\"></i>\n <i class=\"fa fa-circle\"></i>\n <i class=\"fa fa-circle\"></i>\n <div ng-show=\"showMoreAction\" class=\"more-actions\">\n <ul>\n <li><a class=\"copy-link\" data-ng-click=\"openSingleTweet(modalData.id_str)\">Open this single tweet</a></li>\n </ul>\n </div>\n </div>\n </div>\n\n <!-- detailed metadata -->\n <div class=\"detail-metadata\">\n <span class=\"metadata\">{{ modalData.created_at | date:\'h:mm a - dd MMM yyyy .\' }}</span> · \n </div> \n </div>\n </div>\n</div>");
$templateCache.put("search.html","<div class=\"content-wrapper search-view-container\">\n <div class=\"search-container container-fluid\">\n\n <div ng-show=\"!search.showMap\" class=\"title-as-current-search-term\">\n <span>{{root.globalSearchTerm}}</span>\n </div>\n <!-- <div ng-if=\"!search.statuses\" class=\"input-container container\">\n <form ng-submit=\"search.update(term)\" class=\"navbar-form navbar-left\" role=\"search\">\n <div class=\"form-group\">\n <input ng-model=\"term\" type=\"text\" class=\"form-control\" id=\"navbar-search-input\" placeholder=\"Search\">\n </div>\n </form>\n <div class=\"clearfix\"></div>\n </div> -->\n\n <!-- Filters -->\n <div class=\"container content-container search-filters-container\">\n <div ng-show=\"search.showResult\" class=\"filters-container\">\n <ul class=\"search-modes\">\n <!-- General filters -->\n <li ng-class=\"(root.globalFilter === \'live\') ? \'active\' : \'\'\" ng-click=\"search.filterLive()\">\n <a href=\"#\">live</a>\n </li>\n <li ng-class=\"(root.globalFilter === \'accounts\') ? \'active\' : \'\'\" ng-click=\"search.filterAccounts()\">\n <a href=\"#\">accounts</a>\n </li>\n <li ng-class=\"(root.globalFilter === \'photos\') ? \'active\' : \'\'\" ng-click=\"search.filterPhotos()\">\n <a href=\"#\">photos</a>\n </li>\n <li ng-class=\"(root.globalFilter === \'videos\') ? \'active\' : \'\'\" ng-click=\"search.filterVideos()\">\n <a href=\"#\">videos</a>\n </li>\n <li ng-class=\"(root.globalFilter === \'map\') ? \'active\' : \'\'\" ng-click=\"search.filterMap()\">\n <a href=\"#\">map</a>\n </li>\n <li><a href=\"./advancedsearch\">More options</a></li>\n </ul>\n </div>\n </div>\n \n <!-- Main content -->\n <div class=\"container content-container\">\n <!-- Left content: Who to follow, trends -->\n <div ng-show=\"!search.showMap\" class=\"dashboard dashboard-left col-lg-3 col-md-3\">\n <!-- Right content: Other statistics -->\n <div class=\"search-view-user-trends col-md-8\">\n <div class=\"home-user-trends\">\n <h3 class=\"trend-title\">Trends</h3>\n <ul id=\"home-trend-list\">\n <li><a href=\"./search?q=%23loklak\">#loklak</a></li>\n <li ng-repeat=\"(key, value) in root.trends\">\n <!-- -->\n <a href=\"./search?q=%23{{key}}\">#{{key}}</a>\n <!-- -->\n </li>\n </ul>\n </div>\n </div>\n </div>\n\n <!-- Center result + option filters -->\n <div ng-show=\"search.showResult\" ng-class=\"(search.peopleSearch) ? \'result-container col-lg-9\' : \'result-container col-md-6\'\">\n \n\n <!-- New status from background updating process -->\n <button ng-show=\"search.newStasuses.length > 0\" class=\"more-result\" ng-click=\"search.showNewStatuses();\">Load {{search.noOfNewStatuses}} new results!</button>\n\n <!-- Main results -->\n <div ng-if=\"!search.peopleSearch\" class=\"main-result-container\" infinite-scroll=\"loadMore(15)\" infinite-scroll-distance=\"1\">\n <div ng-repeat=\"status in search.statuses track by $index\" status open-swipe=\"search.openSwipe\" data=\"status\">\n </div> \n </div>\n\n <!-- People results -->\n <div ng-if=\"search.peopleSearch\" class=\"main-result-container\" infinite-scroll=\"loadMore(3)\" infinite-scroll-distance=\"1\">\n <div class=\"col-md-4 col-sm-6 account-item\" ng-repeat=\"account in search.accountsPretty | limitTo: search.showingResultInAcc\" account data=\"account\"></div>\n </div>\n\n \n </div>\n <!-- Map result -->\n <div ng-show=\"search.showMap\" class=\"search-map-wrapper map-container-parent\">\n <div id=\"search-map\"></div>\n </div>\n\n <!-- Right content: Other statistics -->\n <div ng-show=\"!search.showMap\" class=\"dashboard dashboard-right col-md-3\">\n </div>\n\n </div>\n </div>\n</div>");
$templateCache.put("sidebar.html","<!-- Left side column. contains the logo and sidebar -->\n <aside class=\"main-sidebar\">\n\n <!-- sidebar: style can be found in sidebar.less -->\n <section class=\"sidebar\">\n\n <!-- search form (Optional) -->\n <form action=\"#\" method=\"get\" class=\"sidebar-form\">\n <div class=\"input-group\">\n <input type=\"text\" name=\"q\" class=\"form-control\" placeholder=\"Searh sidebar...\"/>\n <span class=\"input-group-btn\">\n <button type=\'submit\' name=\'search\' id=\'search-btn\' class=\"btn btn-flat\"><i class=\"fa fa-search\"></i></button>\n </span>\n </div>\n </form>\n <!-- /.search form -->\n\n <!-- Sidebar Menu -->\n <ul class=\"sidebar-menu\">\n <li class=\"header\">Views</li>\n <!-- Optionally, you can add icons to the links -->\n <li ng-repeat=\"navItem in root.topNavItems\">\n <a ng-href=\"{{navItem.link}}\">\n <i class=\'fa fa-{{navItem.icon}}\'></i> <span>{{navItem.title}}</span>\n </a>\n </li>\n <!-- <li class=\"treeview\">\n <a href=\"#\"><i class=\'fa fa-link\'></i> <span>Multilevel</span> <i class=\"fa fa-angle-left pull-right\"></i></a>\n <ul class=\"treeview-menu\">\n <li><a href=\"#\">Link in level 2</a></li>\n <li><a href=\"#\">Link in level 2</a></li>\n </ul>\n </li> -->\n </ul><!-- /.sidebar-menu -->\n </section>\n <!-- /.sidebar -->\n </aside>");
$templateCache.put("signin-twitter.html","<div ng-show=\"twitterSession\" class=\"twitter-session\">\n <img id=\"home-view-user-avatar\" ng-click=\"toggleOptions()\" ng-src=\"{{twitterSession.profile_image_url_https}}\" class=\"user-image\" alt=\"{{twitterSession.name}}\">\n <div class=\"hidden-user-info hide\">\n <ul class=\"top-options\">\n <li>\n <a href=\"./home\">\n <span class=\"full-name\">{{twitterSession.name}}</span><br>\n <span class=\"metadata\">View profile</span>\n </a>\n </li>\n </ul>\n <ul class=\"bottom-options\">\n <li><a href=\"#\" ng-click=\"hello(\'twitter\').logout()\">Log out</a></li>\n </ul>\n </div>\n</div>\n\n<div ng-show=\"!twitterSession\" class=\"signin\">\n <a href=\"\">\n <span class=\"link\" ng-href=\"#signupModal\" data-target=\"#signupModal\">\n <button type=\"button\" class=\"btn btn-loklak-blue btn-lg\" data-toggle=\"modal\" data-target=\"#signupModal\"><i class=\"fa\"></i>Sign in</button>\n </span>\n </a>\n</div>\n\n\n");
$templateCache.put("single-status.html","<div ng-show=\"showStatus\" ng-attr-id=\"{{data.id_str}}\" class=\"single-tweet tweet\">\n <div class=\"top-metadata\">\n <img class=\"avatar\" \n onError=\"this.onerror=null;this.src=\'/images/anon_200x200.png\';\"\n ng-src=\"{{data.user.profile_image_url_https}}\" alt=\"user-images\">\n <!-- Metadata data -->\n <div class=\"user-data-wrapper\">\n <a class=\"name\" ng-href=\"{{\'./search?q=from:\' + data.user.screen_name}}\">{{data.user.name}}</a>\n <span class=\"screen-name\">{{ \"@\" + data.user.screen_name}}</span> \n </div>\n </div>\n\n <div class=\"tweet-content\">\n <!-- Main content -->\n <p class=\"tweet-content-text\" ng-bind-html=\"data.text | tweetTextLink | tweetMention | tweetHashtag | removeTwitterPicLink | toTrusted\"></p>\n\n <div class=\"debugged-link-container\" debugged-link image-link=\"data.images\" link-array=\"data.links\" debuggable=\"debuggable\"></div>\n\n <!-- Images -->\n <div class=\"status-images-container\" ng-show=\"!debuggable\">\n <!-- Images - 1 img -->\n <div data-ng-click=\"openSwipe(data.id_str);\" class=\"images-wrapper clearfix\" ng-if=\"data.images_count === 1\">\n <div class=\"single-masonry-item\" ng-repeat=\"image in data.images track by $index\">\n <img ng-src=\"{{image}}\" alt=\"A masonry brick\">\n </div>\n </div>\n <!-- Images - 2 imgs -->\n <div data-ng-click=\"openSwipe(data.id_str);\" class=\"images-wrapper clearfix showcomposition\" ng-if=\"data.images_count === 2\">\n <div class=\"double-masonry-item\" ng-repeat=\"image in data.images track by $index\">\n <img ng-src=\"{{image}}\" alt=\"A masonry brick\">\n </div>\n </div>\n <!-- Images - 3 imgs -->\n <div data-ng-click=\"openSwipe(data.id_str);\" class=\"images-wrapper clearfix showcomposition\" ng-if=\"data.images_count === 3\">\n <div ng-class=\"{\'triple-masonry-item\': true, \'first-item\': ($index === 0)}\" ng-repeat=\"image in data.images track by $index\">\n <img ng-src=\"{{image}}\" alt=\"A masonry brick\">\n </div>\n </div>\n <!-- Images - 4 imgs -->\n <div data-ng-click=\"openSwipe(data.id_str);\" class=\"images-wrapper clearfix showcomposition\" ng-if=\"data.images_count === 4\">\n <div class=\"quad-masonry-item\" ng-repeat=\"image in data.images track by $index\">\n <img ng-src=\"{{image}}\" alt=\"A masonry brick\">\n </div>\n </div>\n </div>\n <!-- End of images -->\n\n <!-- Action list -->\n\n <div class=\"action-list\">\n <div class=\"action-reply\">\n <button class=\"reply\" />\n </div>\n <div class=\"action-retweet\">\n <button class=\"retweet\" data-ng-click=\"retweet()\" id=\"rt-{{data.id_str}}\"/><span ng-if=\"data.retweet_count\" class=\"rt-count\">{{data.retweet_count}}</span> \n </div>\n <div class=\"action-favor\">\n <button class=\"favor\" data-ng-click=\"favorite(data.id_str)\" id=\"fav-{{data.id_str}}\"/><span ng-if=\"data.favourites_count\" class=\"fav-count\">{{data.favourites_count}}</span> \n </div>\n <!-- <div class=\"action-more\">\n <i class=\"fa fa-circle\"></i>\n <i class=\"fa fa-circle\"></i>\n <i class=\"fa fa-circle\"></i>\n </div> -->\n </div>\n\n <!-- detailed metadata -->\n <div class=\"detail-metadata\">\n <span class=\"metadata\">{{ data.created_at | date:\'h:mm a - dd MMM yyyy .\' }}</span> · \n </div> \n </div>\n</div>");
$templateCache.put("single-tweet.html","<div class=\"content-wrapper\">\n <div single-status open-swipe=\"singleTweet.openSwipe\" data=\"singleTweet.status\" show-status=\"singleTweet.showStatus\"></div>\n</div>");
$templateCache.put("stat.html"," <div class=\"item row\">\n <span class=\"percent-bar\" style=\"width: {{ data[2] + 10 }}%\"></span>\n <p>{{ data[0] }}</p>\n <span class=\"percentage\">{{ data[2] }}%</span>\n</div>");
$templateCache.put("status.html","<div ng-attr-id=\"{{data.id_str}}\" ng-click=\"toggleDetail($event)\" class=\"tweet tweet-simple\">\n\n <!-- Avatar with a fallback -->\n <img fallback-status-id=\"data.user.screen_name\" class=\"avatar\" \n fallback-src=\"/images/anon_200x200.png\"\n ng-src=\"{{data.user.profile_image_url_https}}\" alt=\"user-images\">\n\n <!-- Main content -->\n <div class=\"tweet-content\">\n\n <!-- Metadata -->\n <a class=\"name\" ng-href=\"{{\'./search?q=from:\' + data.user.screen_name}}\">{{data.user.name}}</a>\n <span class=\"screen-name\">{{ \"@\" + data.user.screen_name}}</span>\n <span class=\"created-at\">- {{data.created_at | tweetFromNow }}</span>\n <!-- End of metadata -->\n\n <!-- Text -->\n <div class=\"tweet-content-container\">\n <p class=\"tweet-content-text\" ng-bind-html=\"data.text | parseNormalContent | tweetTextLink | tweetMention | tweetHashtag | toTrusted\"></p>\n <p class=\"rich-tweet-content-text\" ng-bind-html=\"data.text | parseRichContent | toTrusted\"></p>\n </div>\n \n\n <div class=\"debugged-link-container\" debugged-link data=\"data\" image-link=\"data.images\" link-array=\"data.links\" debuggable=\"debuggable\"></div>\n\n <!-- Images -->\n <div class=\"status-images-container\" ng-show=\"!debuggable\">\n <!-- Images - 1 img -->\n <div data-ng-click=\"openSwipe(data.id_str);\" ng-class=\"{\'images-wrapper\': true, \'clearfix\': true, \'showdetail\': showDetail}\" ng-if=\"data.images_count === 1\">\n <div class=\"single-masonry-item\" ng-repeat=\"image in data.images track by $index\">\n <img ng-src=\"{{(image) ? image : \'/images/anon_200x200.png\'}}\">\n </div>\n </div>\n <!-- Images - 2 imgs -->\n <div data-ng-click=\"openSwipe(data.id_str);\" ng-class=\"{\'images-wrapper\': true, \'clearfix\': true, \'showdetail\': showDetail, \'showcomposition\' : true}\" ng-if=\"data.images_count === 2\">\n <div class=\"double-masonry-item\" ng-repeat=\"image in data.images track by $index\">\n <img ng-src=\"{{(image) ? image : \'/images/anon_200x200.png\'}}\">\n </div>\n </div>\n <!-- Images - 3 imgs -->\n <div data-ng-click=\"openSwipe(data.id_str);\" ng-class=\"{\'images-wrapper\': true, \'clearfix\': true, \'showdetail\': showDetail, \'showcomposition\' : true}\" ng-if=\"data.images_count === 3\">\n <div ng-class=\"{\'triple-masonry-item\': true, \'first-item\': ($index === 0)}\" ng-repeat=\"image in data.images track by $index\">\n <img ng-src=\"{{(image) ? image : \'/images/anon_200x200.png\'}}\">\n </div>\n </div>\n <!-- Images - 4 imgs -->\n <div data-ng-click=\"openSwipe(data.id_str);\" ng-class=\"{\'images-wrapper\': true, \'clearfix\': true, \'showdetail\': showDetail, \'showcomposition\' : true}\" ng-if=\"data.images_count === 4\">\n <div class=\"quad-masonry-item\" ng-repeat=\"image in data.images track by $index\">\n <img ng-src=\"{{(image) ? image : \'/images/anon_200x200.png\'}}\">\n </div>\n </div>\n </div>\n <!-- End of images -->\n\n <!-- Hidden detailed metadata -->\n <div ng-show=\"showDetail\" class=\"detail-metadata\">\n <span class=\"metadata\">{{ data.created_at | date:\'h:mm a - dd MMM yyyy .\' }}</span> · \n <span class=\"link-to-tweet\" data-ng-click=\"openSingleTweet(data.id_str)\">Details</span>\n </div>\n\n\n <div class=\"action-list\">\n <div class=\"action-reply\">\n <button class=\"reply\" />\n </div>\n <div class=\"action-retweet\">\n <button class=\"retweet\" data-ng-click=\"retweet()\" id=\"rt-{{data.id_str}}\"/><span ng-if=\"data.retweet_count\" class=\"rt-count\">{{data.retweet_count}}</span> \n </div>\n <div class=\"action-favor\">\n <button class=\"favor\" data-ng-click=\"favorite(data.id_str)\" id=\"fav-{{data.id_str}}\"/><span ng-if=\"data.favourites_count\" class=\"fav-count\">{{data.favourites_count}}</span> \n </div>\n <div ng-click=\"toggleShowMoreAction()\" class=\"action-more\">\n <i class=\"fa fa-circle\"></i>\n <i class=\"fa fa-circle\"></i>\n <i class=\"fa fa-circle\"></i>\n <div ng-show=\"showMoreAction\" class=\"more-actions\">\n <ul>\n <li><a class=\"copy-link\" data-ng-click=\"openSingleTweet(data.id_str)\">Open this single tweet</a></li>\n <li><a class=\"copy-link\" data-ng-click=\"openLinkPrompt(data.id_str)\">Copy link to tweet</a></li>\n </ul>\n </div>\n </div>\n </div>\n <!-- End of hidden detailed metadata --> \n </div>\n <!-- End of main content -->\n</div>\n");
$templateCache.put("topnav.html","<link rel=\"stylesheet\" href=\"http://lab.lepture.com/editor/editor.css\" />\n<script type=\"text/javascript\" src=\"http://lab.lepture.com/editor/editor.js\"></script>\n<script type=\"text/javascript\" src=\"http://lab.lepture.com/editor/marked.js\"></script>\n\n<header ng-if=\"!root.sidebarEnabled\" class=\"main-header\">\n <div class=\"container topnav\">\n <div class=\"universal-topnav-container\">\n <!-- Left --> \n <a href=\"./\"><img ng-show=\"!root.twitterSession\" src=\"../images/loklak_icon_yellow_45x45_transparent.png\" alt=\"Loklak logo\"></a>\n <div class=\"hidden-xs universal-topnav-item list-of-views\">\n <ul ng-show=\"root.twitterSession\">\n <li ng-repeat=\"navItem in root.topNavItems\">\n <a ng-class=\"(navItem.title == root.currentView) ? \'active-view-nav\' : \'\'\" ng-href=\"{{navItem.link}}\"><span class=\"{{navItem.icon}}\"></span><span class=\"nav-item-title\">{{navItem.title}}</span></a>\n </li>\n </ul>\n </div>\n <!-- Right -->\n <div class=\"universal-topnav-item topnav-user-actions\">\n <img class=\"hidden-xs\" ng-show=\"root.twitterSession\" src=\"../images/loklak_icon_yellow_45x45_transparent.png\" alt=\"Loklak logo\" id=\"loklak-nav-logo\">\n <div global-search-form class=\"hidden-xs\"></div> \n <div twitter-session=\"root.twitterSession\" ng-class=\"{\'isNotLoggedIn\': !root.twitterSession, \'signin-twitter\': true}\" signin-twitter hello=\"root.hello\" ></div>\n <!-- <ul class=\"hidden-xs global-tweet-button-container\" ng-if=\"root.twitterSession\">\n <li>\n <button id=\"global-new-tweet-button\" type=\"button\" class=\"js-global-new-tweet js-tooltip btn primary-btn tweet-btn js-dynamic-tooltip btn-loklak-blue\" data-placement=\"bottom\" data-component-term=\"new_tweet_button\" data-original-title=\"\" data-toggle=\"modal\" data-target=\"#myModal\" >\n <span class=\"fa fa-twitter\"></span>\n <span class=\"text hidden-xs hidden-sm hidden-md\">Tweet</span>\n </button>\n </li>\n </ul> -->\n </div>\n\n <!-- Mobile nav -->\n <div class=\"visible-xs hidden-mobile-nav\">\n <div class=\"left-logo-and-brand\">\n <img ng-show=\"root.twitterSession\" src=\"../images/loklak_icon_yellow_45x45_transparent.png\" alt=\"Loklak logo\" id=\"loklak-nav-logo\">\n </div>\n <div global-search-form ></div> \n <div ng-show=\"root.twitterSession\" class=\"hided\">\n <a id=\"pull\" href=\"#\" ng-click=\"root.ToggleMobileNav()\">\n <button id=\"main-nav-button\" class=\"lines-button x arrow arrow-left\" type=\"button\" role=\"button\" aria-label=\"Toggle Navigation\">\n <span class=\"lines\"></span>\n </button>\n </a>\n </div>\n <a id=\"sign-in-button\" href=\"\" ng-show=\"!root.twitterSession\">\n <span class=\"link\" ng-href=\"#signupModal\" data-target=\"#signupModal\">\n <button type=\"button\" class=\"btn btn-info btn-lg\" data-toggle=\"modal\" data-target=\"#signupModal\"><i class=\"fa fa-twitter\"></i>Sign in</button>\n </span>\n </a>\n </div>\n <!-- Hidden items -->\n <div ng-show=\"root.twitterSession\" class=\"hidden-items hidden-sm hidden-md hidden-lg hidden-init\">\n <div class=\"list-of-views\">\n <ul>\n <li ng-repeat=\"navItem in root.topNavItems\">\n <a ng-class=\"(navItem.title == root.currentView) ? \'active-view-nav\' : \'\'\" ng-href=\"{{navItem.link}}\"><span class=\"{{navItem.icon}}\"></span>{{navItem.title}}</a>\n </li>\n </ul>\n </div>\n <!-- <div class=\"signin-status-container\">\n <ul class=\"global-tweet-button-container\" ng-if=\"root.twitterSession\">\n <li>\n <button id=\"global-new-tweet-button\" type=\"button\" class=\"js-global-new-tweet js-tooltip btn primary-btn tweet-btn js-dynamic-tooltip btn-loklak-blue\" data-placement=\"bottom\" data-component-term=\"new_tweet_button\" data-original-title=\"\" data-toggle=\"modal\" data-target=\"#myModal\" >\n <span class=\"fa fa-twitter\"></span>\n <span class=\"text\">Tweet</span>\n </button>\n </li>\n </ul>\n </div> -->\n </div>\n </div>\n </div>\n</header>\n\n<!-- Modal -->\n<div tweet-feature-drt></div>\n<div id=\"myModal\" class=\"modal\" role=\"dialog\">\n <div class=\"modal-dialog\">\n\n <!-- Modal content-->\n <div class=\"modal-content\">\n <div class=\"modal-header\">\n <button type=\"button\" class=\"close\" data-dismiss=\"modal\">&times;</button>\n <h4 class=\"modal-title\" style=\"text-align:center\">Compose New Tweet</h4>\n </div>\n <form role=\"form\" id=\"tweet\" ng-submit=\"root.postTweet()\" enctype=\"multipart/form-data\">\n <div class=\"modal-body\">\n <div class=\"modal-tweet-form-container\">\n \n <textarea name=\"tweet\" id=\"tweet\" cols=\"30\" rows=\"5\" class=\"form-control\" ng-model=\"root.tweet\" ng-change=\"root.tweetLengthCalculate()\"></textarea>\n <input type=\"hidden\" name=\"optionChoice\" ng-model=\"root.option\" id=\"optionChoice\">\n <input type=\"hidden\" name=\"mapZoomLevel\" ng-model=\"root.mapZoomLevel\" id=\"mapZoomLevel\">\n <input type=\"hidden\" name=\"latitude\" ng-model=\"root.latitude\" id=\"mapLat\">\n <input type=\"hidden\" name=\"longitude\" ng-model=\"root.longitude\" id=\"mapLng\">\n <input type=\"hidden\" name=\"maplongWest\" ng-model=\"root.maplongWest\" id=\"maplongWest\">\n <input type=\"hidden\" name=\"maplatSouth\" ng-model=\"root.maplatSouth\" id=\"maplatSouth\">\n <input type=\"hidden\" name=\"maplongEast\" ng-model=\"root.maplongEast\" id=\"maplongEast\">\n <input type=\"hidden\" name=\"maplatNorth\" ng-model=\"root.maplatNorth\" id=\"maplatNorth\">\n <div id=\"tweet-map\" style=\"width: 100%; height: 300px;\"></div>\n <textarea name=\"largeTextAttachment\" id=\"largeTextAttachment\" ng-model=\"root.largeTextAttachment\"></textarea>\n </div>\n </div>\n <div class=\"modal-footer\">\n <output id=\"list\"></output>\n <span ng-show=\"root.tweetLength < 0\" style=\"color:red;\">{{root.tweetLength}}</span>\n <span ng-show=\"root.tweetLength < 7 && root.tweetLength >= 0\" style=\"color:crimson;\">{{root.tweetLength}}</span>\n <span ng-show=\"root.tweetLength >= 7 && root.tweetLength <= 140\" style=\"color:green;\">{{root.tweetLength}}</span>\n <span class=\"btn btn-default btn-file fa pull-left\" id=\"filePicker\">\n <input type=\"file\" id=\"fileInput\" name=\"imageUpload\" ng-model=\"root.imageUpload\">&nbsp;&#xf030; Add Photo\n </span>\n <input type=\"button\" class=\"fa fa btn btn-default pull-left\" ng-if=\"!root.locationName\" ng-click=\"root.getLocation()\" value=\"&#xf041; Get Location\">\n <span class=\"pull-left\">\n <div class=\"dropdown\" ng-if=\"root.locationName\">\n <button class=\"fa btn btn-default dropdown-toggle\" type=\"button\" id=\"dropdownMenu1\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"true\">\n {{root.locationName}}\n <span class=\"caret\"></span>\n </button>\n <ul class=\"fa dropdown-menu\" aria-labelledby=\"dropdownMenu1\" id=\"subDropDownMenu\">\n <li ng-repeat=\"loc in root.VariableLocations | limitTo:5\"><a href=\"#\" ng-click=\"root.setNewLocation($index)\" class=\"fa\" id=\"locationAng\" onclick=\"changeLocationName(event)\" value=\"{{loc}}\">{{loc}}</a></li>\n <li><a href=\"\" ng-bind=\"root.newLocationSet\" ng-click=\"root.setNewLocationOther()\">&#xf041; </a></li>\n <li role=\"separator\" class=\"divider\"></li>\n <input type=\"text\" class=\"form-content\" ng-model=\"root.newLocationSet\" id=\"newLoc\" onkeyup=\"return inputNewLocation(event)\" >\n <li><a ng-click=\"root.clearLocation()\">Disable Location</a></li>\n </ul>\n\n </div>\n </span>\n &nbsp;\n <!-- Map Tile -->\n <input type=\"button\" class=\"fa fa btn btn-default pull-left\" onclick=\"setMapTile()\" id=\"attachMap\" value=\"&#xf041; Attach Map\">\n <input type=\"button\" class=\"fa fa btn btn-default pull-left\" onclick=\"cancelMapTile()\" id=\"CancelMap\" value=\"&#xf041; Cancel Map\">\n <!-- End Map Tile -->\n <!-- Markdown Attachment -->\n <input type=\"button\" class=\"fa fa btn btn-default pull-left\" onclick=\"showLargeAttachment()\" id=\"attachLargeText\" value=\"&#xf041; Attach Text\">\n <input type=\"button\" class=\"fa fa btn btn-default pull-left\" onclick=\"cancelLargeAttachment()\" id=\"cancelLargeTextAttachment\" value=\"&#xf041; Cancel Text\">\n <!-- End Markdown -->\n <input type=\"submit\" class=\"fa fa-twitter btn btn-default \" value=\"&#xf099; Tweet\">\n </div>\n </form>\n </div>\n\n </div>\n</div>\n<!-- Signup modal -->\n<div id=\"signupModal\" class=\"modal\" role=\"dialog\" ng-if=\"!root.twitterSession\">\n <div class=\"modal-dialog\">\n\n <!-- Modal content-->\n <div class=\"modal-content\">\n <div class=\"modal-header\">\n <button type=\"button\" class=\"close\" data-dismiss=\"modal\">&times;</button>\n <h4 class=\"modal-title\" style=\"text-align:center\">Signup for loklak</h4>\n </div>\n <div class=\"modal-body\">\n <img id=\"loklak-signup-icon\" src=\"../images/loklak_icon_yellow_signup.png\">\n <h3 style=\"text-align:center;\">Not on loklak? Get more out of your twitter and weibo! Use maps, create walls, see trends and reports and help to build an open education project.</h3>\n </div>\n <div class=\"modal-footer\" style=\"text-align:center;\">\n <button class=\"btn btn-info btn-flat\" value=\"Sign up Via Twitter\" ng-click=\"root.hello(\'twitter\').login()\"><i class=\"fa fa-twitter\"></i>&nbsp;Signup with Twitter</button>\n </div>\n </div>\n\n </div>\n</div>\n<script>\n\nvar latitude;\nvar longitude;\n\n$(document).click(function(){\n $(\"#subDropDownMenu\").hide(\'slow\');\n $(\"#subDropDownMenu\").find(\'input\').click(function(e){\n e.stopPropagation(); \n });\n reActivate();\n});\n\n$(\"#subDropDownMenu\").find(\'input\').click(function(e){\n e.stopPropagation(); \n});\n\n$(\'#myModal\').on(\'shown.bs.modal\', function (e) {\n if (navigator.geolocation) {\n navigator.geolocation.getCurrentPosition(showPosition);\n } \n})\n\n function reActivate() {\n $(\"#dropdownMenu1\").click(function(e){\n $(\"#subDropDownMenu\").show(\'slow\');\n });\n }\n\n function removeImage() {\n $(\'.thumb\').hide();\n $(\'.close\').hide();\n }\n\n var imageHandlerCount = 1;\n var tweetmap;\n\n function handleFileSelect(evt) {\n var files = evt.target.files; // FileList object\n\n // Loop through the FileList and render image files as thumbnails.\n for (var i = 0, f; f = files[i]; i++) {\n\n // Only process image files.\n if (!f.type.match(\'image.*\')) {\n continue;\n }\n\n var reader = new FileReader();\n\n // Closure to capture the file information.\n reader.onload = (function(theFile) {\n return function(e) {\n // Render thumbnail.\n var span = document.createElement(\'span\');\n if (imageHandlerCount!=1) {\n $(\'.thumb\').hide();\n $(\'.close\').hide();\n imageHandlerCount=1;\n }\n var thumbID = \'thumb\'+imageHandlerCount;\n if(imageHandlerCount==1) {\n imageHandlerCount++;\n span.innerHTML = [\'<img id=\"\',thumbID, \'\" class=\"thumb\" src=\"\', e.target.result,\n \'\" title=\"\', escape(theFile.name), \'\"/><a id=\"close\" class=\"close\" href=\"#\" onclick=\"removeImage();\">X</a>\'].join(\'\');\n document.getElementById(\'list\').insertBefore(span, null);\n }\n };\n })(f);\n\n // Read in the image file as a data URL.\n reader.readAsDataURL(f);\n }\n }\n\n var tempArray = [];\n\n function showPosition(position) {\n latitude = position.coords.latitude;\n longitude = position.coords.longitude;\n tempArray.push(latitude);\n tempArray.push(longitude);\n sendPositionDetails(latitude, longitude);\n }\n\n $(\"#tweet-map\").hide();\n $(\"#CancelMap\").hide();\n $(\"#largeTextAttachment\").hide();\n $(\"#cancelLargeTextAttachment\").hide();\n $(\'#newLocation\').hide();\n $(\'#addNewLocation\').hide();\n\n var popup = L.popup();\n var new_event_marker;\n L.Icon.Default.imagePath = \'/images/\';\n\n function onMapClick(e) {\n console.log(e);\n var mapZoomLevel = tweetmap.getZoom();\n $(\"#mapZoomLevel\").val(mapZoomLevel);\n console.log(tweetmap.getBounds());\n var bound = tweetmap.getBounds();\n var longWest = parseFloat(bound._southWest.lng);\n var latSouth = parseFloat(bound._southWest.lat);\n var longEast = parseFloat(bound._northEast.lng);\n var latNorth = parseFloat(bound._northEast.lat);\n $(\"#maplongWest\").val(longWest);\n $(\"#maplatSouth\").val(latSouth);\n $(\"#maplongEast\").val(longEast);\n $(\"#maplatNorth\").val(latNorth);\n if(typeof(new_event_marker)===\'undefined\')\n {\n new_event_marker = new L.marker(e.latlng,{bounceOnAdd: true}).addTo(tweetmap); \n tweetmap.panTo(new L.LatLng(e.latlng.lat, e.latlng.lng));\n latitude = e.latlng.lat;\n longitude = e.latlng.lng;\n sendPositionDetails(latitude, longitude);\n }\n else \n {\n new_event_marker.setLatLng(e.latlng); \n tweetmap.panTo(new L.LatLng(e.latlng.lat, e.latlng.lng));\n latitude = e.latlng.lat;\n longitude = e.latlng.lng;\n sendPositionDetails(latitude, longitude);\n }\n }\n\n console.log(latitude + \',\' + longitude);\n\n function setMap(latitude, longitude) {\n tweetmap.panTo(new L.LatLng(latitude, longitude));\n }\n\n var osmUrl = \'http://{s}.tile.osm.org/{z}/{x}/{y}.png\',\n osmAttrib = \'Map data &copy; <a href=\"http://openstreetmap.org\">OpenStreetMap</a> contributors, \' +\n \'<a href=\"http://creativecommons.org/licenses/by-sa/2.0/\">CC-BY-SA</a>, \' +\n \'Imagery © <a href=\"http://mapbox.com\">Mapbox</a>\',\n osm = L.tileLayer(osmUrl, {maxZoom: 18, attribution: osmAttrib});\n\n tweetmap = L.map(\'tweet-map\').setView([51.505, -0.159], 15).addLayer(osm);\n\n tweetmap.on(\'tileerror\', function(error, tile) {\n console.log(error);\n console.log(tile);\n });\n\n function setMapTile() {\n $(\"#tweet-map\").show();\n $(\"#CancelMap\").show();\n $(\"#attachMap\").hide();\n $(\'#filePicker\').hide();\n $(\"#optionChoice\").val(\'mapAttachment\');\n setTimeout(function() {\n console.log(\"Triggered\");\n tweetmap.invalidateSize();\n }, 1000);\n }\n\n function cancelMapTile() {\n $(\"#CancelMap\").hide();\n $(\"#tweet-map\").hide();\n $(\"#attachMap\").show();\n $(\'#filePicker\').show();\n $(\"#optionChoice\").val(\'\');\n }\n\n function sendPositionDetails (lat, lng) {\n\n console.log(\"Called\");\n console.log(lat+\',\'+lng);\n $(\"#mapLat\").val(lat);\n $(\"#mapLng\").val(lng);\n setMap(lat, lng);\n }\n\n function showLargeAttachment() {\n var editor = new Editor({\n element: document.getElementById(\'largeTextAttachment\')\n });\n editor.render();\n\n $(\"#cancelLargeTextAttachment\").show();\n $(\"#attachLargeText\").hide();\n $(\'#filePicker\').hide();\n $(\"#optionChoice\").val(\'markdownAttachment\');\n }\n\n function cancelLargeAttachment() {\n $(\"#attachLargeText\").show();\n $(\'#filePicker\').show();\n $(\".CodeMirror.cm-s-paper\").hide();\n $(\".editor-toolbar\").hide();\n $(\".editor-statusbar\").hide();\n $(\"#largeTextAttachment\").hide();\n $(\"#cancelLargeTextAttachment\").hide();\n $(\"#optionChoice\").val(\'\');\n }\n\n function inputNewLocation() {\n var inputBox = document.getElementById(\'newLoc\');\n if(inputBox.value != \'\') {\n var x = inputBox.value;\n $(\'#dropdownMenu1\').text(x).html();\n }\n }\n\n function changeLocationName(locName) {\n var x = locName.target.childNodes[0].nodeValue;\n console.log(x);\n $(\'#dropdownMenu1\').text(x).html();\n }\n\n function inputNewLocation(e) {\n var inputBox = document.getElementById(\'newLoc\');\n if(inputBox.value != \'\') {\n var x = inputBox.value;\n $(\'#dropdownMenu1\').text(x).html();\n }\n }\n\n document.getElementById(\'locationAng\').onclick = function (event) {\n console.log(event.target);\n }\n\n tweetmap.on(\'click\', onMapClick);\n\ndocument.getElementById(\'fileInput\').addEventListener(\'change\', handleFileSelect, false);\n\n</script>\n");
$templateCache.put("topology.html","<div class=\"content-wrapper topology-view-content-wrapper\" ng-show=\"topology.showPage\">\n <!-- Top banner picture -->\n <div class=\"user-top-banner\" ng-style=\"{\'background-image\': \'url(\' + topology.user.profile_banner_url + \')\', \'background-color\' : \'#\' + topology.user.profile_background_color}\">\n <!-- Aggregated data -->\n <div class=\"row aggregated-data-container\">\n <div class=\"container aggregated-data-content\">\n <div class=\"user-info-column col-md-offset-4\">\n <ul>\n <li>\n <span class=\"info-prop\">Tweets</span>\n <span clasS=\"info-value\">{{topology.user.statuses_count}}</span>\n </li>\n\n <li>\n <span class=\"info-prop\">Following</span>\n <span clasS=\"info-value\">{{topology.user.friends_count}}</span>\n </li>\n\n <li>\n <span class=\"info-prop\">Followers</span>\n <span clasS=\"info-value\">{{topology.user.followers_count}}</span>\n </li>\n\n <li>\n <span class=\"info-prop\">Favorites</span>\n <span clasS=\"info-value\">{{topology.user.favourites_count}}</span>\n </li>\n\n <li>\n <span class=\"info-prop\">Lists</span>\n <span clasS=\"info-value\">{{topology.user.listed_count}}</span>\n </li>\n </ul>\n </div>\n\n <div class=\"profile-picture-container\">\n <img ng-src=\"{{topology.user.profile_image_url}}\"> \n </div>\n </div>\n </div>\n </div>\n\n <!-- Main content -->\n <div class=\"container user-topology-container\">\n <div class=\"row\">\n <!-- Left content user profile pic & desc -->\n <div class=\"left-component-container col-md-4 col-sm-12 col-lg-3\">\n \n <div class=\"user-name-and-screen-name\">\n <p class=\"username\">{{topology.user.name}}</p>\n <p class=\"screen_name\">@{{topology.user.screen_name}}</p>\n </div>\n\n <p ng-show=\"topology.user.description\" class=\"user-description\">\n {{topology.user.description}}\n </p>\n\n <div class=\"more-user-metadata\">\n <p class=\"location\" ng-show=\"topology.user.location\" ><i class=\"fa fa-map-marker\"></i>{{topology.user.location}}</p>\n <p class=\"company\" ng-show=\"topology.user.entities.url.urls[0].display_url\"><i class=\"fa fa-link\"></i>{{topology.user.entities.url.urls[0].display_url}}</p>\n <p class=\"when-joined\" ng-show=\"topology.created_at\"><i class=\"fa fa-clock-o\"></i>Joined {{topology.created_at}}</p>\n </div>\n\n </div>\n\n <!-- Activity from users -->\n <div class=\"center-component-container col-md-8 col-sm-12 col-lg-6\">\n <div ng-show=\"topology.showResult\" class=\"main-result-container\" infinite-scroll=\"loadMore(15)\" infinite-scroll-distance=\"1\">\n <div ng-repeat=\"status in topology.statuses track by $index\" status open-swipe=\"topology.openSwipe\" data=\"status\">\n </div> \n </div>\n </div>\n\n <!-- Right content Other statsz -->\n <div class=\"right-component-container col-md-3 visible-lg\">\n <div class=\"home-user-trends\">\n <h3 class=\"trend-title\">Trends</h3>\n <ul id=\"home-trend-list\">\n <li><a href=\"./search?q=%23loklak\">#loklak</a></li>\n <li ng-repeat=\"(key, value) in root.trends\">\n <!-- -->\n <a href=\"./search?q=%23{{key}}\">#{{key}}</a>\n <!-- -->\n </li>\n </ul>\n </div>\n\n <div class=\"credits-container\">\n <div class=\"credits\">\n <a>© 2015 loklak</a><span>-</span>\n <a href=\"./about\">About</a><span>-</span>\n <a href=\"http://blog.loklak.net/\" target=\"_blank\" >Blog</a><span>-</span>\n <a href=\"https://github.com/loklak\" target=\"_blank\" >Github</a><span>-</span>\n <a href=\"http://facebook.com/loklakmessages\" target=\"_blank\" >Facebook</a>\n </div>\n </div>\n </div>\n </div>\n </div>\n\n\n</div>");
$templateCache.put("analyze/analyze.html","<link rel=\"stylesheet\" type=\"text/css\" href=\"css/angular-toggle-switch.css\">\n<link rel=\"stylesheet\" type=\"text/css\" href=\"css/ng-tags-input.min.css\">\n<script src=\"http://bouil.github.io/angular-google-chart/ng-google-chart.js\"></script>\n<link rel=\"stylesheet\" type=\"text/css\" href=\"css/ng-tags-input.bootstrap.min.css\">\n<link rel=\"stylesheet\" type=\"text/css\" href=\"css/bootstrap.vertical-tabs.min.css\">\n<link rel=\"stylesheet\" type=\"text/css\" href=\"css/angular-chart.css\">\n<div class=\"content-wrapper report-content-wrapper\" ng-show=\"root.twitterSession && Analyze.doneReporting\">\n <div class=\"search-container container-fluid\">\n \n <div class=\"title-as-current-search-term bottom-margin-small\">\n <center><span>report:{{username}}</span></center>\n </div>\n \n </div> \n\n <div class=\"filters-container container\">\n <ul class=\"search-modes\">\n <li class=\"active\" ng-class=\"(root.globalFilter === \'followers\') ? \'active\' : \'\'\" ng-click=\"getstatfollower()\">\n <a href=\"#\">Followers</a>\n </li>\n <!-- \n <li ng-class=\"(root.globalFilter === \'following\') ? \'active\' : \'\'\" ng-click=\"getstatfollowing()\">\n <a href=\"#\">Following</a>\n </li>\n <li ng-class=\"(root.globalFilter === \'iot\') ? \'active\' : \'\'\" ng-click=\"getstatiot()\">\n <a href=\"#\">IoT</a>\n </li>\n -->\n </ul>\n </div>\n <!-- Main content -->\n <div class=\"container content-container\">\n <!-- Left content: Who to follow, trends -->\n <div class=\"col-md-3 padded \">\n <div class=\"home-user-info no-top-margin\">\n <div class=\"blue-background-placeholder\">\n <img ng-src=\"{{profilebanner}}\" s> \n </div>\n <div class=\"home-user-info-content\" style=\"width:268px;\">\n <div class=\"top-content\">\n <img ng-src=\"{{profilepicurl}}\" fallback-src=\"/images/anon_200x200.png\" >\n <div class=\"name-and-screen-name\">\n <span class=\"home-user-name\">{{name}}</span>\n <span class=\"home-user-screen-name\">@{{username}}</span>\n </div>\n </div>\n <div class=\"bottom-content\">\n <div class=\"user-no-tweets\">\n <a href=\"\">Tweets<br><span>{{tweetcount}}</span></a>\n </div>\n <div class=\"user-no-followings\">\n <a href=\"\">Following<br><span>{{followingstotal}}</span></a>\n </div>\n <div class=\"user-no-followers\">\n <a href=\"\">Followers<br><span>{{followerstotal}}</span></a>\n </div>\n </div>\n </div>\n </div>\n <input type=\"text\" class=\"inputname\" ng-model=\"username\" placeholder=\"screenname\" required></input> \n <br><center>\n <button type=\"button\" id=\"create-report-btn\" class=\"btn btn-loklak-blue btn-lg\" aria-label=\"Left Align\" ng-click=\"getstatfollower()\" >\n <span class=\"fa fa-bar-chart\" aria-hidden=\"true\"> Create Report</span>\n </button>\n </center><br>\n\n <div ng-show=\"Analyze.topology.followers.length !== 0\" class=\"followers-list-container followers-list\">\n <h2>Followers<span ng-click=\"Analyze.showAllFollowers();\" ng-show=\"Analyze.topology.followers.length > Analyze.showFollowersLimit\">Show all</span></h2>\n <div class=\"followers-link-container clearfix\">\n <a class=\"topology-item\" ng-repeat=\"item in Analyze.topology.followers | limitTo: Analyze.showFollowersLimit\" ng-href=\"{{ \'./search?q=from:\' + item.screen_name}}\">\n <img ng-src=\"{{item.profile_image_url_https}}\">\n </a>\n </div>\n </div> \n\n\n\n\n <div ng-show=\"Analyze.topology.following.length !== 0\" class=\"followers-list-container\">\n <h2>Following<span ng-click=\"Analyze.showAllFollowings();\" ng-show=\"Analyze.topology.following.length > Analyze.showFollowingsLimit\">Show all</span></h2>\n <div class=\"followers-link-container clearfix\">\n <a class=\"topology-item\" ng-repeat=\"item in Analyze.topology.following | limitTo: Analyze.showFollowingsLimit\" ng-href=\"{{ \'./search?q=from:\' + item.screen_name}}\">\n <img ng-src=\"{{item.profile_image_url_https}}\">\n </a>\n </div>\n </div> \n </div>\n\n <!-- Center result + option filters -->\n <div class=\"result-container col-md-6\">\n <!-- Filters -->\n\n \n \n\n <!-- Main analysis -->\n <div id=\"loadmsg\" class=\"main-result-container whitebg\">\n <img id=\"loader\" src=\"../images/whiteloader.gif\"></img>\n <h3 id=\"loadingmessage\">Analyzing the latest data for you.Please hold on.<h3>\n <div id=\"notfoundmessage\">Sorry we did not find anyone with this account</div> \n <div id=\"errormessage\">Sorry there\'s some glitch :(. Please try again later.</div>\n </div>\n <div id=\"analysis-report\" class=\"main-result-container whitebg\" >\n <div class=\"row\">\n <div class=\"col-md-6 margin-right-neg\">\n <h3 class=\"analysis-titles\">Country-wise Followers</h3>\n <canvas id=\"doughnut\" class=\"chart chart-doughnut top-margin-mid\" data=\"countryvalues\" colour=\"{#F7464A,#46BFBD,#FDB45C,#878BB6}\" labels=\"countrylabels\">\n </canvas>\n </div>\n <div class=\"col-md-6 margin-right-pos\" >\n <table class=\"table \">\n <th class=\"tableheading countryname\">Country</th><th class=\"tableheading\">Followers</th><th class=\"tableheading\">Percentage</th>\n <tr ng-repeat=\"country in countrydata | limitTo:5\">\n <td align=\"left\" >{{country.country}}</td><td align=\"center\">{{country.followers}}</td><td align=\"center\">{{country.percentage}}%</td>\n </table> \n </div><!--end span8-->\n </div>\n <div class=\"row\">\n <div class=\"col-md-6 margin-right-neg\">\n <h3 class=\"analysis-titles\">City-wise Followers</h3>\n <canvas id=\"doughnut\" class=\"chart chart-doughnut top-margin-mid\"data=\"cityvalues\" colour=\"{#F7464A,#46BFBD,#FDB45C,#878BB6}\" labels=\"citylabels\">\n </canvas>\n </div>\n <div class=\"col-md-6 margin-right-pos\">\n <table class=\"table\">\n <th class=\"tableheading\">City</th><th class=\"tableheading\">Followers</th><th class=\"tableheading\">Percentage</th>\n <tr ng-repeat=\"city in citydata | limitTo:5\">\n <td align=\"left\">{{city.city}}</td><td align=\"center\">{{city.followers}}</td><td align=\"center\">{{city.percentage}}%</i></td>\n </table> \n </div><!--end span8-->\n </div>\n\n </div> \n\n <!-- People results -->\n <div ng-if=\"search.peopleSearch\" class=\"main-result-container\">\n <div ng-repeat=\"account in search.accounts\" account data=\"account\"></div>\n </div>\n \n </div>\n <!-- Map result -->\n <div ng-show=\"search.showMap\" class=\"search-map-wrapper map-container-parent\">\n <div id=\"search-map\"></div>\n </div>\n\n <!-- Right content: Other statistics -->\n <div id=\"inffollowers\" class=\"dashboard dashboard-right col-md-3 padded\">\n <div class=\"row whitebg\" style=\"margin-left:0px\">\n <h3 class=\"analysis-titles\">Follower\'s distribution</h3>\n <canvas id=\"doughnut\" class=\"chart chart-doughnut\" legend=\"true\" data=\"categoryvalues\"labels=\"categorylabels\">\n </canvas>\n </div>\n <div class=\"row whitebg \" style=\"margin-left:0px; margin-bottom:10px;margin-top:10px;\">\n <h3 class=\"analysis-titles-list\">Most Influential Followers</h3>\n <div class=\"scrollr\">\n <div ng-repeat=\"follower in followers_follower | limitTo:100\">\n <div class=\"home-user-info\" style=\"width:100%;padding-top:20px; margin-bottom:5px;\">\n <div class=\"home-user-info-content\">\n <div class=\"top-content\">\n <img src=\"{{follower.profileimg}}\">\n <div class=\"name-and-screen-name\">\n <span class=\"home-user-name\">{{follower.name}}</span>\n <span class=\"home-user-screen-name\">@{{follower.screenname}}</span>\n </div>\n </div>\n <div class=\"bottom-content\">\n <div class=\"user-no-tweets\">\n <a href=\"\">Tweets<br><span>{{follower.statuses_count}}</span></a>\n </div>\n <div class=\"user-no-followings\">\n <a href=\"\">Following<br><span>{{follower.following}}</span></a>\n </div>\n <div class=\"user-no-followers\">\n <a href=\"\">Followers<br><span>{{follower.followers}}</span></a>\n </div>\n </div>\n \n </div>\n </div>\n </div>\n \n </div>\n </div>\n </div>\n\n </div>\n </div>\n</div>\n <div ng-hide=\"root.twitterSession\" ng-include src=\"\'anonymous-session-content.html\'\"></div>\n<!-- \n \n -->");
$templateCache.put("data-connect/add-connection-modal.html","<div id=\"add-connection-modal\" class=\"modal fade\" role=\"dialog\">\n <div id=\"add-connection-modal-dialog\" class=\"modal-dialog\">\n\n <!-- Modal content-->\n <div class=\"modal-content\" id=\"add-connection-modal-content\">\n <div class=\"modal-header\">\n <button type=\"button\" class=\"close\" data-dismiss=\"modal\" id=\"close-add-connection-modal\">&times;</button>\n <h2 class=\"modal-title\">Import Data Source</h2>\n <div class=\"alert alert-success alert-dismissible\" role=\"alert\" ng-show=\"messages.success\">\n <button type=\"button\" ng-click=\"hideSuccessPanel()\" class=\"close\"><span aria-hidden=\"true\">&times;</span></button>\n {{messages.success}}\n </div>\n <div class=\"alert alert-error alert-dismissible\" role=\"alert\" ng-show=\"messages.error\">\n <button type=\"button\" class=\"close\" ng-click=\"hideErrorPanel()\"><span aria-hidden=\"true\">&times;</span></button>\n {{messages.error}}\n </div>\n </div>\n <div class=\"modal-body\">\n <div class=\"row\">\n <div class=\"col-xs-2 tabs-list\">\n <ul class=\"nav nav-tabs tabs-left\">\n <li ng-repeat=\"(key, tabItem) in tabItems\" ng-click=\"tabSelected(key)\"\n ng-class=\"$first ? \'active\' : \'\'\">\n <a href=\"#{{tabItem.target}}\" data-toggle=\"tab\">\n <i class=\"{{tabItem.icon}} fa-2x\"></i><br>\n <h4>{{tabItem.title}}</h4>\n </a>\n </li>\n </ul>\n </div>\n\n <div class=\"col-xs-10 tab-content col-xs-offset-2\">\n <div class=\"tab-pane active\" id=\"source-format-tab\">\n <div class=\"box-header\">\n <h3 class=\"box-title\">Choose Data Source format</h3>\n </div>\n <div class=\"row\">\n <div class=\"col-sm-10\">\n <div class=\"col-md-4 col-sm-4\" ng-repeat=\"(key, sourceFormat) in sourceTypeListWEndpoint\">\n <div id=\"{{key}}\" ng-click=\"setSourceFormat($event);\" class=\"source-format-item\" ng-class=\"{selected : key == inputs.sourceFormat, nologo: !sourceFormat.logo}\">\n <img src=\"{{sourceFormat.logo}}\" name=\"{{key}}\" ng-show=\"sourceFormat.logo\"/>\n <h4><span for=\"{{sourceFormat.key}}\">{{sourceFormat.name}}</span></h4>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"tab-pane\" id=\"source-info-tab\">\n <div class=\"box-header\">\n <h3 class=\"box-title\">Source Information</h3>\n </div>\n <div class=\"box-body\">\n <form name=\"source-info-form\" role=\"form\" id=\"source-info-form\">\n <div class=\"form-group\">\n <label for=\"sourceUrl\" style=\"margin-bottom: 12px\">Source URL*</label>\n <div class=\"alert alert-error alert-dismissible\" role=\"alert\" ng-show=\"messages.validateError\">\n <button type=\"button\" class=\"close\" ng-click=\"hideValidateErrorPanel()\"><span aria-hidden=\"true\">&times;</span></button>\n {{messages.validateError}}\n </div>\n <br/>\n <input required=\"true\" ng-model=\"inputs.url\" ng-model-options=\'{ debounce: 1000 }\' type=\"url\" class=\"form-control\" name=\"sourceUrl\" placeholder=\"Public URL of the data source\" style=\"\" ng-change=\"validateSourceUrl();\">\n <i class=\"validate-icon fa\" ng-class=\"\n validateStatus == \'error\' ? \'fa-exclamation-circle\' :\n (validateStatus == \'waiting\' ? \'fa-spinner fa-pulse\' :\n (validateStatus == \'success\' ? \'fa-check\' : \'\'))\"></i> \n </div>\n <div class=\"form-group\" ng-show=\"inputs.sourceFormat == \'geojson\'\">\n <label for=\"privacy\">Source type</label><br/>\n <ol name=\"sourceType\" class=\"nya-bs-select\" ng-model=\"inputs.sourceType\">\n <li nya-bs-option=\"value in sourceTypeList\">\n <a>{{value.name}}</a>\n </li>\n </ol><br/>\n <h4 style=\"display: inline-block\"><small>The type of the source that this data corresponds to.</small></h4>\n </div>\n <div class=\"form-group\"><label>Advanced options <i id=\"toggle-show-data\" class=\"fa\" ng-class=\"showAdvancedOptions ? \'fa-caret-down\' : \'fa-caret-right\'\" ng-click=\"showAdvancedOptions = !showAdvancedOptions\"></i></i>\n </div>\n <div ng-show=\"showAdvancedOptions\">\n <div class=\"form-group\">\n <label for=\"harvestingFreq\">Update frequency</label><br/>\n <h4 style=\"display: inline-block\"><small>Check for updates every </small></h4>\n <ol name=\"harvestingFreq\" class=\"nya-bs-select\" ng-model=\"inputs.harvesting_freq\">\n <li nya-bs-option=\"freq in harvestingFreqList\">\n <a>{{freq.label}}</a>\n </li>\n </ol>\n </div>\n <div class=\"form-group\">\n <label for=\"lifetime\">Lifetime</label>\n <h4><small>Expiration date of the source. Leave blank for ever-lasting data.</small></h4>\n <div class=\"form-inline\">\n <div class=\"input-group dropdown\">\n <span class=\"input-group-addon\"><span class=\"fa fa-calendar\"></span></span>\n <a class=\"dropdown-toggle my-toggle-select\" id=\"datetimepicker1\" role=\"button\" data-toggle=\"dropdown\" data-target=\"#\" href=\"\">\n <div class=\"input-append\">\n <input type=\"text\" class=\"form-control date-input\" name=\"lifetime\" ng-model=\"inputs.lifetime\">\n </div>\n </a>\n <ul class=\"dropdown-menu\" role=\"menu\" aria-labelledby=\"datetimepicker1\">\n <datetimepicker ng-model=\"inputs.lifetime\" data-datetimepicker-config=\"{ dropdownSelector: \'.my-toggle-select\', minView: \'day\' }\"></datetimepicker>\n </ul>\n </div>\n </div>\n </div>\n </div>\n </form>\n </div>\n </div>\n <div class=\"tab-pane\" id=\"mapping-rule-tab\">\n <div class=\"box-header\">\n <h3 class=\"box-title\">Final step: Map your data to loklak</h3> <i id=\"toggle-show-data\" ng-show=\"currentData\" class=\"fa\" ng-class=\"showCurrentData ? \'fa-caret-down\' : \'fa-caret-right\'\" ng-click=\"showCurrentData = !showCurrentData\"></i>\n </div>\n <div class=\"box-body\">\n <div class=\"row\" ng-show=\"showCurrentData\">\n <pre>{{currentData | json }}</pre>\n </div>\n <div class=\"row\" ng-show=\"currentLoklakFields == null && inputs.sourceFormat\">\n <div class=\"col-md-8\">\n <h4><small>This step is not required for data of type <code>{{sourceTypeList[inputs.sourceFormat][\'name\']}}.</code></small></h4>\n </div>\n </div>\n <div ng-hide=\"currentLoklakFields == null\">\n <div class=\"row field-label\">\n <div class=\"col-md-2\"><h3>Loklak field</h3></div>\n <div class=\"col-md-4 col-md-offset-1\"><h3>Custom field</h3></div>\n </div>\n <hr/>\n <div class=\"form-group\" ng-repeat=\"(key, value) in currentLoklakFields\">\n <div class=\"row\" ng-class=\"$last ? \'last\' : \'\'\" >\n <div class=\"col-md-2\">\n <span name=\"loklakField\" class=\"loklak-field\">{{value.label}}</span>\n </div>\n <div class=\"col-md-1\" style=\"text-align: center\">\n <i class=\"fa fa-arrow-left\"></i>\n </div>\n <div class=\"col-md-4\">\n <input type=\"text\" class=\"form-control input-sm custom-field\" ng-model=\"inputs.mapRules[key][0]\"/>\n </div>\n <div class=\"col-md-4 field-preview\" ng-show=\"accessDataField(key)\">\n <pre>{{accessDataField(key) | json }}</pre>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"col-md-7\">\n <h4><small>{{value.help}}</small></h4>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"modal-footer\">\n <div style=\"float:left;\" class=\"col-xs-offset-2\">\n <a id=\"next-step\" ng-show=\"showNext\" ng-click=\"proceed()\" type=\"button\" class=\"btn btn-loklak-blue\">Next Step</a>\n <a ng-hide=\"showNext\" ng-click=\"submit()\" type=\"submit\" class=\"btn btn-loklak-blue\" ng-click=\"\">Submit</a>\n <span ng-show=\"\" style=\"color:red;\" class=\"ng-hide\">Enter an event name and your event\'s main hashtag</span>\n </div>\n </div>\n </div>\n </div>\n</div>\n");
$templateCache.put("data-connect/data-connect-alert.html","<div class=\"alert alert-success alert-dismissible\" role=\"alert\" ng-show=\"messages.success || messages.knownProfiles\">\n <button type=\"button\" class=\"close\" data-dismiss=\"alert\" aria-label=\"Close\" ng-click=\"clearData()\"><span aria-hidden=\"true\">&times;</span></button>\n {{messages.success}}\n <div ng-show=\"messages.knownProfiles && messages.knownProfiles.length != 0\">\n <br/><span>Found {{messages.knownProfiles.length}} source(s) hosting this message :</span><br/><br/>\n <ul ng-repeat=\"profile in messages.knownProfiles\" style=\"list-style: inherit\">\n <li><a class=\"alert-link\" data-toggle=\"modal\" data-target=\"#message-view-modal\" ng-click=\"setViewData(profile)\">{{profile.source_url}}</a></li>\n </ul>\n\n </div>\n</div>\n<div class=\"alert alert-error alert-dismissible\" role=\"alert\" ng-show=\"messages.error\">\n <button type=\"button\" class=\"close\" data-dismiss=\"alert\" aria-label=\"Close\"><span aria-hidden=\"true\">&times;</span></button>\n {{messages.error}}\n</div>");
$templateCache.put("data-connect/data-connect.html","<link rel=\"stylesheet\" type=\"text/css\" href=\"css/ng-tags-input.min.css\">\n<link rel=\"stylesheet\" type=\"text/css\" href=\"css/ng-tags-input.bootstrap.min.css\">\n<link rel=\"stylesheet\" type=\"text/css\" href=\"css/bootstrap.vertical-tabs.min.css\">\n<link rel=\"stylesheet\" type=\"text/css\" href=\"css/angular-toggle-switch.css\">\n<div class=\"content-wrapper\">\n <div ng-show=\"root.twitterSession\" class=\"container-fluid content-container container\">\n\n <div id=\"my-connection-panel\">\n <div class=\"buttonPanel pull-right\">\n <button class=\"btn btn-loklak-blue btn-lg\" data-toggle=\"modal\" data-target=\"#add-connection-modal\" ng-click=\"clearModalData()\">Add Source</button>\n </div>\n <h1>My Data</h1> <button id=\"refreshButton\" class=\"btn btn-default\" ng-click=\"onUpdateDataSources()\" title=\"Refresh\"><i class=\"fa fa-refresh\"></i></button>\n <div connect-alert messages=\"dataSourceMessages\" set-message-view=\"setMessageView(profile)\"></div>\n <hr/>\n <ul id=\"datasource-table\">\n <li>\n <div class=\"row title-row\">\n <div class=\"col col-md-3\">Source URL</div>\n <div class=\"col col-md-2\">Source type</div>\n <div class=\"col col-md-2\">Created at</div>\n <div class=\"col col-md-2\">Last edit</div>\n <div class=\"col col-md-1\">Item</div>\n <div class=\"col col-md-1\">Map</div>\n <div class=\"col col-md-1\">Shared by</div>\n </div>\n </li>\n <li ng-repeat=\"item in dataSourceItems\" ng-click=\"showRowDetail($event)\">\n <div class=\"row content-row\">\n <div class=\"col col-sm-3 col-md-3 col-source-url\"><a ng-href=\"{{item.source_url}}\" target=\"_blank\">{{item.source_url}}</a></div>\n <div class=\"col col-md-2\"><a ng-href=\"/connect/{{item.source_type}}\" ng-click=\"$event.stopPropagation();\">{{item.display_source_type}}</a></div>\n <div class=\"col col-md-2\" am-time-ago=\"item.created_at\"></div>\n <div class=\"col col-md-2\" am-time-ago=\"item.last_modified\"></div>\n <div class=\"col col-md-1\"><a data-toggle=\"modal\" data-target=\"#message-view-modal\" ng-click=\"setMessageView(item)\">File <span class=\"badge\">{{item.imported.length}}</span></a></div>\n <div class=\"col col-md-1\"><a data-toggle=\"modal\" data-target=\"#map-view-modal\" ng-click=\"setMapView(item)\">View</a></div>\n <div class=\"col col-md-1\">{{item.sharers | arraySize}}</div>\n </div>\n <div class=\"detail\" ng-click=\"$event.stopPropagation();\">\n <div class=\"row\">\n <div class=\"col-md-2\">\n <label for=\"harvesting_freq\">Update frequency</label>\n </div>\n <div class=\"col-md-10\">\n <select name=\"harvesting_freq\" type=\"text\" ng-disabled=\"!item.editing\" ng-options=\"freq.value as freq.label for freq in harvestingFreqList\" ng-model=\"item.harvesting_freq\"/>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"col-md-2\">\n <label for=\"lifetime\">Lifetime</label>\n </div>\n <div class=\"col-md-10\">\n <input name=\"lifetime\" datasource-lifetime type=\"text\" ng-disabled=\"!item.editing\" ng-model=\"item.lifetime\"/>\n </div>\n </div>\n <div class=\"row detailButtonPanel\">\n <div class=\"col-md-12\">\n <button id=\"saveButton\" class=\"btn btn-loklak-blue\" ng-click=\"saveDataSource(item); \" ng-show=\"item.editing\">Save</button>\n <button id=\"editButton\" class=\"btn btn-loklak-blue\" ng-click=\"toggleEditDataSource($event, item); \">Edit</button>\n <button class=\"btn btn-danger\" ng-click=\"openConfirmUnsubcribeModal(item)\">Unsubscribe</button>\n </div>\n </div>\n </div>\n </li>\n </ul><div id=\"single-data-map\"></div>\n <div add-connection-modal></div>\n <div map-view-modal></div>\n <button id=\"open-confirm-modal\" class=\"hide\" data-toggle=\"modal\" data-target=\"#confirm-unsubscribe-modal\">Hide me!</button>\n <div id=\"message-view-modal\" class=\"modal fade\" role=\"dialog\">\n <div class=\"modal-dialog\">\n <div class=\"modal-content\">\n <div class=\"modal-header\">\n <button type=\"button\" class=\"close\" data-dismiss=\"modal\">&times;</button>\n <h4><a ng-href=\"{{selectedProfile.source_url}}\" target=\"_blank\">{{selectedProfile.source_url}}</a></h4>\n </div>\n <div class=\"modal-body\">\n <div ng-repeat=\"value in selectedMessages\">\n <div single-imported-status data=\"value\" profile=\"selectedProfile\"></div>\n <hr/>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div id=\"confirm-unsubscribe-modal\" class=\"modal\" role=\"dialog\">\n <div id=\"confirm-unsubscribe-modal-dialog\" class=\"modal-dialog\">\n <div class=\"modal-content\" id=\"add-connection-modal-content\">\n <div class=\"modal-header\">\n <button type=\"button\" class=\"close\" data-dismiss=\"modal\">&times;</button>\n </div>\n <div class=\"modal-body\">\n <h4 style=\"text-align : center\">Are you sure you want to unsubscribe this ?</h4>\n </div>\n <div class=\"modal-footer\">\n <button id=\"confirmDeleteButton\" class=\"btn btn-danger\" ng-click=\"unsubscribeDataSource();\" data-dismiss=\"modal\">Unsubscribe</button>\n <button id=\"cancelDeleteButton\" class=\"btn btn-default\" data-dismiss=\"modal\">Cancel</button>\n </div>\n </div>\n </div>\n </div>\n </div>\n <!-- Search box for anonymous user-no-followers -->\n <div ng-include src=\"\'anonymous-session-content.html\'\"></div>\n <!-- End search box for anonymous users -->\n</div>");
$templateCache.put("data-connect/map-view-modal.html","<div id=\"map-view-modal\" class=\"modal fade\" role=\"dialog\">\n <div id=\"map-view-modal-dialog\" class=\"modal-dialog\">\n <div class=\"modal-content\" id=\"map-view-modal-content\">\n <div class=\"modal-header\">\n <button type=\"button\" class=\"close\" data-dismiss=\"modal\">&times;</button>\n <h2 class=\"modal-title\">Map View</h2>\n </div>\n <div class=\"modal-body\" style=\"padding: 0\">\n <div id=\"single-data-map\"></div>\n </div>\n </div>\n </div>\n</div>\n");
$templateCache.put("data-connect/single-imported-status.html","<div ng-attr-id=\"{{data.id_str}}\" class=\"single-imported-status\">\n <div class=\"body\">\n <div class=\"right-logo\">\n <img src=\"{{sourceType.logo}}\"/>\n </div>\n <h3>{{accessField(richData, sourceType.template.header)}}</h3>\n {{accessField(richData, sourceType.template.subHeader)}}\n </div>\n <div class=\"footer\">\n <p>{{profile.sharers | shortenSharersList}}</p>\n <div class=\"action-list\">\n <span ng-click=\"share()\">Share <i class=\"fa fa-share\" tile=\"Share this\"></i></span>\n </div>\n </div>\n</div>");
$templateCache.put("location-lookup/location-lookup.html","<div class=\"search-box\">\n <location-predictions results=\"results\"></location-predictions>\n</div>\n\n<ul>\n\n <!-- Results -->\n <li ng-repeat=\"option in results | limitTo:limitTo\"\n ng-click=\"pickLocation(option);\"\n item=\"option\">{{option.description}}</li>\n\n</ul>");
$templateCache.put("location-picker/location-picker.html","<ul>\n\n <!-- Reverse Geocode Results -->\n <li ng-repeat=\"option in options | limitTo:limitTo\"\n ng-click=\"pickLocation(option)\"\n item=\"option\">{{option.formatted_address}}</li>\n\n <!-- Loading -->\n <li ng-if=\"!options\">Loading &hellip;</li>\n\n</ul>");
$templateCache.put("map/tweetmap.html","<div class=\"content-wrapper map-view map-container-parent\">\n <div class=\"logged-content\" ng-show=\"root.twitterSession\">\n <span class=\"toggle-map-feed fa fa-chevron-circle-left\" ng-click=\"map.toggleMapFeed();\"></span>\n <div id=\"map\" ng-show=\"root.twitterSession\"></div>\n <div class=\"activity-feed show-feed\">\n <div class=\"feed-header\">\n <span class=\"toggle-map-feed-clone fa fa-chevron-circle-right\" ng-click=\"map.toggleMapFeed();\"></span>\n <p>Activity feeds</p>\n </div> \n <div class=\"feed-content\">\n <div ng-repeat=\"status in root.twitterFriends.data | limitTo: map.feedLimit\" ng-attr-id=\"{{status.id}}\" ng-click=\"map.openPopup(status.id);\">\n <div class=\"item\">\n <img class=\"friend-profile-img\" src=\"{{status.profile_image_url}}\">\n <p class=\"message home-tweet-text\">\n <span class=\"home-user-screen-name\">@{{ status.screen_name }} - {{ status.status.created_at | tweetFromNow }}</span>\n <br>\n <span ng-bind-html=\"status.status.text | tweetTextLink | tweetMention | tweetHashtag | removeTwitterPicLink | toTrusted \"></span>\n </p>\n <div class=\"home-debugged-link-container\" home-debugged-link entities=\"status.status.entities\"></div>\n </div>\n </div>\n </div>\n </div>\n\n <div class=\"location-fail-notice\">\n <div class=\"warning-sign\"><i class=\"fa fa-exclamation-triangle\"></i></div>\n <p class=\"notice-text\">The user you\'re searching for doesn\'t seem to have location enabled!</p>\n </div>\n </div> \n \n <!-- Search box for anonymous user-no-followers -->\n <div ng-include src=\"\'anonymous-session-content.html\'\"></div>\n <!-- End search box for anonymous users -->\n</div>");
$templateCache.put("wall/create.html","<link rel=\"stylesheet\" type=\"text/css\" href=\"css/ng-tags-input.min.css\">\n<link rel=\"stylesheet\" type=\"text/css\" href=\"css/ng-tags-input.bootstrap.min.css\">\n<link rel=\"stylesheet\" type=\"text/css\" href=\"css/bootstrap.vertical-tabs.min.css\">\n<!-- <link rel=\"stylesheet\" type=\"text/css\" href=\"css/angular-toggle-switch.css\"> -->\n<div class=\"content-wrapper\">\n <div ng-show=\"root.twitterSession\" class=\"container content-container\">\n <section class=\"content-header\">\n </section>\n <section class=\"content\">\n <div class=\"row\" style=\"clear: both;\">\n <h1 style=\"float:left;margin-top:0px;\">My Twitter Walls</h1>\n <button style=\"float:right;\" type=\"button\" class=\"btn btn-loklak-blue btn-lg\" ng-click=\"openModal()\">Create a new wall</button>\n </div>\n <div ng-hide=\"root.twitterSession\" style=\"margin-top: 20px;\" class=\"well alert alert-info\">\n <a href=\"#\" class=\"close\" data-dismiss=\"alert\" aria-label=\"close\">&times;</a>\n <strong>Please sign up to start saving your twitter walls.</strong>\n </div>\n <div ng-if=\"root.twitterSession && !wallsPresent\" style=\"margin-top: 20px;\" class=\"well alert alert-info\">\n <a href=\"#\" class=\"close\" data-dismiss=\"alert\" aria-label=\"close\">&times;</a>\n <strong>You haven\'t created any walls yet.</strong>\n </div>\n <div ng-show=\"root.twitterSession\" ng-if=\"userWalls.length>0\" class=\"row wall-thumbnail-container\">\n <div ng-repeat=\"wallObj in userWalls\" data=\"wallObj\" delete-wall=\"deleteWall($index)\" edit-wall=\"editWall($index)\" screen-name=\"screen_name\" wallthumbnail>\n </div>\n </ul>\n </section>\n </div>\n\n <!-- Search box for anonymous user-no-followers -->\n <div ng-show=\"!root.twitterSession\" ng-include src=\"\'anonymous-session-content.html\'\"></div>\n <!-- End search box for anonymous users -->\n</div>\n<div ng-include=\"\'wall/wallCreationModal.html\'\"></div>\n");
$templateCache.put("wall/display.html","<link rel=\"stylesheet\" href=\"http://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.3/leaflet.css\" />\n<link rel=\"stylesheet\" type=\"text/css\" href=\"css/angular-chart.css\">\n<script type=\"text/javascript\" src=\"https://cdnjs.cloudflare.com/ajax/libs/Chart.js/1.0.2/Chart.min.js\"></script>\n<style>\n.custom .leaflet-popup-tip,\n.custom .leaflet-popup-content-wrapper {\n background: #3c8dbc;\n color: #ffffff;\n z-index: 99999;\n position: relative;\n right: 100px;\n}\n</style>\n<div>\n <div ng-style=\"{\'background-color\': wall.wallOptions.headerColour}\" ng-class=\"getHeaderClass()\">\n <div ng-style=\"{\'color\': wall.wallOptions.headerForeColour} \" class=\"hashtag col-md-4\">{{wall.wallOptions.mainHashtag}}</div>\n <div ng-style=\"{\'color\': wall .wallOptions.headerForeColour} \" class=\"event-name col-md-4\">\n <div><img ng-if=\"wall.wallOptions.logo\" class=\"wall-preview-logo\" data-ng-src=\"data:{{wall.wallOptions.logo.filetype}};base64,{{wall.wallOptions.logo.base64}}\">\n <div ng-hide=\"!wall.wallOptions.showEventName\" class=\"wall-header-eventname\">{{wall.wallOptions.eventName}}</div>\n </div>\n </div>\n <div class=\"banner col-md-3\"><a ng-hide=\"!wall.wallOptions.showLoklakLogo\" ng-style=\"{\'color\': wall.wallOptions.headerForeColour} \" href=\"/\">Powered by Loklak.net</a></div>\n <div class=\"banner col-md-1\">\n <!-- <i ng-style=\"{\'color\': wall.wallOptions.headerForeColour} \" data-toggle=\"modal\" data-target=\"#wall-modal\" class=\"fa fa-fw fa-gear\"></i> -->\n <i ng-style=\"{\'color\': wall.wallOptions.headerForeColour} \" ng-hide=\"wall.fullscreenEnabled\" ng-click=\"fullscreen()\" class=\"fa fa-fw fa-arrows-alt\"></i>\n </div>\n </div>\n <div class=\"wall-container container-fluid\">\n <div class=\"container content-container wall-body\" ng-style=\"((wall.wallOptions.layoutStyle==2)&&(wall.statuses.length>0))?{\'margin-left\':\'-5px\'}:{}\">\n <div ng-switch on=\"wall.wallOptions.layoutStyle\" ng-show=\"wall.statuses.length>0\" ng-class=\"wall.wallOptions.showStatistics?\'col-md-8\':\'col-md-12\'\">\n <div ng-switch-when=\"1\" ng-animate ng-enter ng-enter-pending ng-repeat=\"status in wall.statuses\" linear open=\"wall.open\" data=\"status\" class=\"animate-repeat\"></div>\n <div ng-switch-when=\"2\" class=\"animate-repeat\" ng-repeat=\"status in wall.statuses\" card open=\"wall.open\" data=\"status\" leaderboardEnabled=\"{{wall.wallOptions.showStatistics}}\"></div>\n <div ng-switch-when=\"3\" class=\"animate-repeat\" ng-repeat=\"status in wall.statuses\" coa open=\"wall.open\" data=\"status\"></div>\n <div ng-switch-when=\"4\">\n <div data=\"wall.statuses\" id=\"map\" maplayout style=\"margin-left:-48px; margin-top:-10px;\" ng-style=\"wall.wallOptions.showStatistics?{}:{\'margin-right\':\'-48px\'}\" cycleTweets=\"{{wall.wallOptions.cycle}}\"></div>\n </div>\n </div>\n <div ng-if=\"wall.wallOptions.showStatistics && wall.statuses.length>0\" class=\"col-md-4\">\n <h4>LEADERBOARD</h4>\n <div class=\"row leaderboard-container\">\n <img class=\"histogram-loader\" ng-hide=\"wall.topTwitterersData\" src=\"images/loading.gif\">\n <div class=\"nav-tabs-custom\" style=\"margin: 0 15px;\" ng-mouseover=\"stopLeaderboardTimer()\" ng-mouseleave=\"startLeaderboardTimer()\">\n <ul class=\"nav nav-tabs\">\n <li class=\"active\" ng-style=\"getTabStyle(this)\">\n <a data-toggle=\"tab\" href=\"#tab-twitterers\">Top Twitterers</a>\n </li>\n <li ng-style=\"getTabStyle(this)\">\n <a data-toggle=\"tab\" href=\"#tab-hashtags\">Top Hashtags</a>\n </li>\n <li ng-style=\"getTabStyle(this)\">\n <a data-toggle=\"tab\" href=\"#tab-mentions\">Top Mentions</a>\n </li>\n </ul>\n <div class=\"tab-content\">\n <div class=\"tab-pane fade in active\" id=\"tab-twitterers\">\n <!-- <canvas class=\"chart chart-pie\" options=\"wall.topTwitterersOptions\" labels=\"wall.topTwitterersLabels\" data=\"wall.topTwitterersData\"></canvas> -->\n <table class=\"table leaderboard\">\n <tbody>\n <tr class=\"leaderboard-item\" ng-repeat=\"obj in wall.topTwitterersData\">\n <td style=\"width: 11vh;\" style=\"width: 11vh;\">\n <img ng-src=\"http://avatars.io/twitter/{{obj[0]}}\" alt=\"\">\n <span ng-style=\"{\'background-color\': wall.wallOptions.headerColour, \'color\': wall.wallOptions.headerForeColour}\" class=\"label leaderboard-label\">{{obj[1]}}</span>\n </td>\n <td class=\"leaderboard-text\">\n <a ng-href=\"{{\'./search?q=from:\' + obj[0]}}\" target=\"_blank\">@{{obj[0]}}</a>\n </td>\n </tr>\n </tbody>\n </table>\n </div>\n <div class=\"tab-pane fade\" id=\"tab-hashtags\">\n <!-- <canvas class=\"chart chart-pie\" options=\"wall.topHashtagsOptions\" labels=\"wall.topHashtagsLabels\" data=\"wall.topHashtagsData\"></canvas> -->\n <table class=\"table\">\n <tbody>\n <tr class=\"leaderboard-item\" ng-repeat=\"obj in wall.topHashtagsData\">\n <td style=\"width: 11vh;\">\n <div ng-style=\"{\'background-color\': wall.wallOptions.headerColour, \'color\': wall.wallOptions.headerForeColour}\" class=\"leaderboard-count\">{{obj[1]}}</div>\n </td>\n <td class=\"leaderboard-text\">\n <a ng-href=\"{{\'./search?q=#\' + obj[0]}}\" target=\"_blank\">#{{obj[0]}}</a>\n </td>\n </tr>\n </tbody>\n </table>\n </div>\n <div class=\"tab-pane fade\" id=\"tab-mentions\">\n <!-- <canvas class=\"chart chart-pie\" options=\"wall.topHashtagsOptions\" labels=\"wall.topHashtagsLabels\" data=\"wall.topHashtagsData\"></canvas> -->\n <table class=\"table\">\n <tbody>\n <tr class=\"leaderboard-item\" ng-repeat=\"obj in wall.topMentionsData\">\n <td style=\"width: 11vh;\" style=\"width: 11vh;\">\n <img ng-src=\"http://avatars.io/twitter/{{obj[0]}}\" alt=\"\">\n <span ng-style=\"{\'background-color\': wall.wallOptions.headerColour, \'color\': wall.wallOptions.headerForeColour}\" class=\"label leaderboard-label\">{{obj[1]}}</span>\n </td>\n <td class=\"leaderboard-text\">\n <a ng-href=\"{{\'./search?q=@\' + obj[0]}}\" target=\"_blank\">@{{obj[0]}}</a>\n </td>\n </tr>\n </tbody>\n </table>\n </div>\n </div>\n </div>\n </div>\n <div class=\"row histogram-container\" ng-style=\"wall.wallOptions.headerPosition == \'Bottom\'?{\'bottom\':\'120px\'}:{}\">\n <div class=\"row histogram-gradient\"></div>\n <div class=\"box box-default\" style=\"margin: 0 15px;\">\n <div class=\"box-header with-border\">\n <h3 class=\"box-title\">TWEETS FREQUENCY</h3>\n </div>\n <div class=\"box-body\">\n <div class=\"row\">\n <img class=\"histogram-loader\" ng-hide=\"wall.histogram2\" src=\"images/loading.gif\">\n <canvas id=\"wallHistogram\" class=\"chart chart-bar wall-histogram\" options=\"wall.histogramOptions\" labels=\"wall.labels\" data=\"wall.histogram2\"></canvas>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div ng-show=\"wall.statuses.length<=0 && !wall.showEmpty && !wall.invalidId\" class=\"col-md-12\">\n <div class=\"loading-redirect\" style=\"text-align: center;\"><span id=\"bull1\">&bull;</span><span id=\"bull2\">&bull;</span><span id=\"bull3\">&bull;</span></div>\n <h2 id=\"redirect-text\">Loading your tweet wall...</h2>\n </div>\n <div ng-hide=\"!wall.showEmpty\" class=\"col-md-12\" style=\"text-align: center;\">\n <h3>No tweets to show yet. Try changing the search parameters or come back here after some time!</h3>\n </div>\n <div ng-hide=\"!wall.invalidId\" class=\"col-md-12\" style=\"text-align: center;\">\n <img src=\"images/loklak_icon_yellow_45x45_transparent.png\">\n <h3>This wall does not exist. Please check the URL.</h3>\n </div>\n </div>\n </div>\n</div>\n<div ng-include=\"\'wall/wallCreationModal.html\'\"></div>\n");
$templateCache.put("wall/landing.html","<div class=\"container-fluid content-wrapper\">\n <section class=\"container content-header\">\n <div class=\"row\">\n <div id=\"carousel-example-generic\" class=\"carousel slide\" data-ride=\"carousel\">\n <ol class=\"carousel-indicators\">\n <li data-target=\"#carousel-example-generic\" data-slide-to=\"0\" class=\"active\"></li>\n <li data-target=\"#carousel-example-generic\" data-slide-to=\"1\" class=\"\"></li>\n <li data-target=\"#carousel-example-generic\" data-slide-to=\"2\" class=\"\"></li>\n </ol>\n <div class=\"carousel-inner\">\n <div class=\"item active\">\n <img style=\"display: block; margin:auto;\" class=\"img-responsive\" src=\"http://placehold.it/1100x400/39CCCC/ffffff&amp;text=Loklak+is+awesome\" alt=\"First slide\">\n <div class=\"carousel-caption\">\n First Slide\n </div>\n </div>\n <div class=\"item\">\n <img style=\"display: block; margin:auto;\" class=\"img-responsive\" src=\"http://placehold.it/1100x400/3c8dbc/ffffff&amp;text=Loklak+is+awesome\" alt=\"Second slide\">\n <div class=\"carousel-caption\">\n Second Slide\n </div>\n </div>\n <div class=\"item\">\n <img style=\"display: block; margin:auto;\" class=\"img-responsive\" src=\"http://placehold.it/1100x400/f39c12/ffffff&amp;text=Loklak+is+awesome\" alt=\"Third slide\">\n <div class=\"carousel-caption\">\n Third Slide\n </div>\n </div>\n </div>\n <a class=\"left carousel-control\" href=\"#carousel-example-generic\" data-slide=\"prev\">\n <span class=\"fa fa-angle-left\"></span>\n </a>\n <a class=\"right carousel-control\" href=\"#carousel-example-generic\" data-slide=\"next\">\n <span class=\"fa fa-angle-right\"></span>\n </a>\n </div>\n <div class=\"row\">\n <div class=\"box box-default\">\n <div class=\"box-body text-center\">\n <a href=\"wall/create\" class=\"btn text-center btn-primary btn-lg\">Start your tweet wall now</a>\n </div>\n </div>\n </div>\n </div>\n </section>\n</div>\n");
$templateCache.put("wall/wallCreationModal.html","<link rel=\"stylesheet\" type=\"text/css\" href=\"css/angular-toggle-switch.css\">\n<div class=\"modal fade wall-modal\" id=\"wall-modal\" role=\"dialog\">\n <div class=\"modal-dialog modal-lg wall-modal-dialog\">\n <div class=\"modal-content wall-modal-content\">\n <div class=\"modal-header\">\n <button type=\"button\" class=\"close\" data-dismiss=\"modal\">&times;</button>\n <h2 class=\"modal-title\">Create a new Twitter Wall</h2>\n </div>\n <div class=\"modal-body wall-modal-body\">\n <div class=\"row\">\n <div class=\"col-xs-2 tabs-list\" style=\"position:fixed;\">\n <ul class=\"nav nav-tabs tabs-left\">\n <li ng-click=\"tabSelected(0)\" class=\"active\"><a href=\"#info\" data-toggle=\"tab\"><i class=\"fa fa-align-left fa-2x\"></i><br><h4>INFO</h4></a></li>\n <li ng-click=\"tabSelected(1)\"><a href=\"#content\" data-toggle=\"tab\"><i class=\"fa fa-filter fa-2x\"></i><br><h4>CONTENT</h4></a></li>\n <li ng-click=\"tabSelected(2)\"><a href=\"#design\" data-toggle=\"tab\"><i class=\"fa fa-paint-brush fa-2x\"></i><br><h4>DESIGN</h4></a></li>\n </ul>\n </div>\n <div class=\"col-xs-offset-2 col-xs-10\">\n <div class=\"tab-content\">\n <div class=\"tab-pane active\" id=\"info\" style=\"margin-bottom: 80px;\">\n <div>\n <form name=\"step1\" role=\"form\" class=\"wall-creation-form\">\n <div class=\"box-body\">\n <div class=\"form-group\">\n <label for=\"eventNameInput\">What\'s the name of the event that you\'re creating a tweet wall for?</label>\n <input required ng-model=\"newWallOptions.eventName\" type=\"text\" class=\"form-control\" name=\"eventNameInput\" placeholder=\"Event Name\">\n </div>\n <div class=\"form-group\">\n <label>Show tweets within this period:</label>\n <div class=\"form-inline\">\n <div class=\"input-group dropdown\">\n <span class=\"input-group-addon\">\n <span class=\"fa fa-calendar\"></span>\n </span>\n <a class=\"dropdown-toggle my-toggle-select\" id=\"datetimepicker1\" role=\"button\" data-toggle=\"dropdown\" data-target=\"#\" href=\"\">\n <div class=\"input-append\">\n <input type=\"text\" class=\"form-control date-input\" ng-model=\"newWallOptions.sinceDate\">\n </div>\n </a>\n <ul class=\"dropdown-menu\" role=\"menu\" aria-labelledby=\"datetimepicker1\">\n <datetimepicker ng-model=\"newWallOptions.sinceDate\" data-datetimepicker-config=\"{ dropdownSelector: \'.my-toggle-select\', minView: \'hour\' }\"></datetimepicker>\n </ul>\n </div>\n &nbsp-&nbsp\n <div class=\"input-group dropdown\">\n <span class=\"input-group-addon\">\n <span class=\"fa fa-calendar\"></span>\n </span>\n <a class=\"dropdown-toggle my-toggle-select\" id=\"datetimepicker2\" role=\"button\" data-toggle=\"dropdown\" data-target=\"#\" href=\"\">\n <div class=\"input-append\">\n <input type=\"text\" class=\"form-control date-input\" ng-model=\"newWallOptions.untilDate\">\n </div>\n </a>\n <ul class=\"dropdown-menu\" role=\"menu\" aria-labelledby=\"datetimepicker2\">\n <datetimepicker ng-model=\"newWallOptions.untilDate\" data-datetimepicker-config=\"{ dropdownSelector: \'.my-toggle-select\', minView: \'hour\' }\"></datetimepicker>\n </ul>\n </div>\n <button ng-click=\"resetDate()\" class=\"btn btn-danger\">Clear</button>\n </div>\n </div>\n <div class=\"form-group\">\n <label for=\"hashtagInput\">What\'s your main hashtag for the event? This will show prominently on your tweet wall.</label>\n <div class=\"input-group\">\n <span class=\"input-group-addon\">#</span>\n <input required ng-model=\"newWallOptions.mainHashtagText\" type=\"text\" class=\"form-control\" name=\"hashtagInput\" placeholder=\"loklak\">\n </div>\n </div>\n <div class=\"form-group\">\n <div>\n <div class=\"form-group\">\n <label>Upload Logo</label>&nbsp&nbsp<small>Transparent PNGs work best!</small>\n <br>\n <div class=\"btn btn-default btn-file btn-lg\">\n <input type=\'file\' ng-model=\'newWallOptions.logo\' accept=\"image/*\" maxsize=\"500\" base-sixty-four-input>Choose Image</div>\n <img class=\"wall-thumbnail-logo\" ng-if=\"newWallOptions.logo\" ng-src=\"data:{{newWallOptions.logo.filetype}};base64,{{newWallOptions.logo.base64}}\" /><span ng-show=\"invalidFile\">File must not exceed 500 KB.</span>\n <button ng-if=\"newWallOptions.logo\" ng-click=\"resetLogo()\" class=\" btn btn-danger\">Clear</button>\n </div>\n </div>\n </div>\n </div>\n </form>\n </div>\n </div>\n <div class=\"tab-pane\" id=\"content\">\n <div>\n <div class=\"box-body\">\n <div class=\"row\">\n <div class=\"col-xs-6\">\n <div class=\"wall-float-container\">\n <i class=\"fa fa-check-circle fa-3x wall-float-icon-contains\"></i>\n <div class=\"wall-float-text\">\n <h3>What do you want to show?<br><small>Add words, #hashtags, @mentions and from:user</small></h3>\n </div>\n </div>\n <div class=\"form-group wall-tag-label-contain\">\n <label class=\"wall-contains-header\">Show tweets that contain <strong>ALL</strong> of these</label>\n <tags-input class=\"wall-tag-input\" ng-model=\"newWallOptions.all\" placeholder=\"Type and hit enter\" name=\"ands\"></tags-input>\n </div>\n <div class=\"form-group wall-tag-label-contain\">\n <label class=\"wall-contains-header\">Show tweets that contain <strong>ANY</strong> of these</label>\n <tags-input class=\"wall-tag-input\" ng-model=\"newWallOptions.any\" placeholder=\"Type and hit enter\" name=\"ors\"></tags-input>\n </div>\n <h3 style=\"margin-bottom: 10px;\" ng-if=\"newWallOptions.mainHashtagText\">Main hashtag: <span class=\"label label-primary\">{{newWallOptions.mainHashtag}}</span></h3>\n <div class=\"form-group row\">\n <h4 class=\"col-xs-9\">Cycle/Repeat tweets\n <br><small>Do you want to constantly cycle Tweets so it always appears active? Will show only latest tweets if set to No.</small></h4>\n <toggle-switch class=\"wall-toggle-switch\" on-label=\"YES\" off-label=\"NO\" ng-model=\"newWallOptions.cycle\">\n </toggle-switch>\n </div>\n <hr>\n <div ng-if=\"newWallOptions.cycle==true\" class=\"form-group row\">\n <h4 class=\"col-xs-9\">Cycle Delay Time\n <br><small>When there are no new posts, show a tweet for how many seconds?</small></h4>\n <input style=\"min-width:100px;width:10%;\" class=\"col-xs-2\" type=\"number\" min=\"1\" max=\"20\" ng-blur=\"lostCycleDelayFocus()\" ng-model=\"newWallOptions.cycleDelayTime\">\n <hr>\n </div>\n <div ng-if=\"newWallOptions.cycle==true\" class=\"form-group row\">\n <h4 class=\"col-xs-9\">Cycle Post Limit\n <br><small>How many of the most recent posts should we cycle?</small></h4>\n <input style=\"min-width:100px;width:10%;\" class=\"col-xs-2\" type=\"number\" min=\"1\" max=\"100\" ng-blur=\"lostCyclePostsFocus()\" ng-model=\"newWallOptions.cyclePostLimit\">\n <hr>\n </div>\n <hr>\n <div class=\"form-group\">\n <h3>Which media do you want to show on the wall?</h3>\n <div class=\"row\">\n <h4 class=\"col-xs-8\">Images<br><small>Show tweets with images?</small></h4>\n <choices class=\"wall-media-toggle\" data-type=\"array\" btn-type=\"btn-default\" ng-model=\"newWallOptions.images\">\n <choice ng-disabled=\"newWallOptions.videos[0]==\'only\'\" active value=\"both\">Yes</choice>\n <choice ng-disabled=\"newWallOptions.videos[0]==\'only\'\" value=\"none\">No</choice>\n <choice ng-disabled=\"newWallOptions.videos[0]==\'only\'\" value=\"only\">Only</choice>\n </choices>\n </div>\n <hr>\n <div class=\"row\">\n <h4 class=\"col-xs-8\">Videos<br><small>Show tweets with videos?</small></h4>\n <choices class=\"wall-media-toggle\" data-type=\"array\" btn-type=\"btn-default\" ng-model=\"newWallOptions.videos\">\n <choice ng-disabled=\"newWallOptions.images[0]==\'only\'\" value=\"both\">Yes</choice>\n <choice ng-disabled=\"newWallOptions.images[0]==\'only\'\" active value=\"none\">No</choice>\n <choice ng-disabled=\"newWallOptions.images[0]==\'only\'\" value=\"only\">Only</choice>\n </choices>\n </div>\n </div>\n <div class=\"form-group\">\n <h3>Location</h3>\n <div class=\"row\">\n <h4 class=\"col-xs-8\">Places<br><small>Show tweets near this place</small></h4>\n <input class=\"wall-location-input\" type=\"text\" ng-model=\"newWallOptions.chosenLocation\">\n <ul class=\"col-xs-offset-8 wall-location-list\" ng-show=\"wall.hasSuggestions\">\n <li ng-repeat=\"location in wall.locationSuggestions | limitTo:5\" ng-click=\"wall.setLocation(location.query)\">{{location.query}}</li>\n </ul>\n </div>\n <!-- <span class=\"location-hint\">Click to change/choose location</span> -->\n </div>\n </div>\n <div class=\"col-xs-6\">\n <div class=\"wall-float-container\">\n <i class=\"fa fa-minus-circle fa-3x wall-float-icon-not-contains\"></i>\n <div class=\"wall-float-text\">\n <h3>What do you want to exclude?<br><small>Add words, #hashtags, @mentions and from:user</small></h3></div>\n </div>\n <div class=\"form-group wall-tag-label-not-contain\">\n <label class=\"wall-not-contains-header\">Show tweets that contain NONE of these</label>\n <tags-input class=\"wall-tag-input\" ng-model=\"newWallOptions.none\" placeholder=\"Type and hit enter\" name=\"nones\"></tags-input>\n </div>\n <div>\n <hr>\n <div class=\"form-group row\">\n <h4 class=\"col-xs-9\">Block tweets with profanity\n <br><small>Tweets containing profanity will go straight into the blocked queue and will not be displayed or placed in moderation.</small></h4>\n <toggle-switch class=\"wall-toggle-switch\" on-label=\"YES\" off-label=\"NO\" ng-model=\"newWallOptions.profanity\">\n </toggle-switch>\n </div>\n <hr>\n <div class=\"form-group row\">\n <h4 class=\"col-xs-9\">Block retweets\n <br><small>Retweets will not be shown or counted in the stats, they\'ll be immediately blocked.</small></h4>\n <toggle-switch class=\"wall-toggle-switch\" on-label=\"YES\" off-label=\"NO\" ng-model=\"newWallOptions.blockRetweets\">\n </toggle-switch>\n </div>\n <hr>\n <h4>Coming Soon</h4>\n <div class=\"form-group row wall-exclude-toggles\">\n <h4 class=\"col-xs-9\">Hide retweets\n <br><small>Retweets will not be shown, but they WILL be counted in the stats and leaderboards.</small></h4>\n <toggle-switch disabled=\"true\" class=\"wall-toggle-switch\" on-label=\"YES\" off-label=\"NO\" ng-model=\"newWallOptions.hideRetweets\">\n </toggle-switch>\n </div>\n <hr>\n <div class=\"form-group row wall-exclude-toggles\">\n <h4 class=\"col-xs-9\">Follower threshold\n <br><small>Block any Tweets from people that have less than the number of followers you specify.</small></h4>\n <input style=\"min-width:100px;width:10%;\" disabled=\"true\" class=\"col-xs-2\" type=\"text\" ng-model=\"newWallOptions.followerThreshold\">\n </div>\n <hr>\n <div class=\"form-group row wall-exclude-toggles\">\n <h4 class=\"col-xs-9\">Moderation\n <br><small>This gives you the ability to approve or deny every Tweet before it shows on your Tweet wall</small></h4>\n <toggle-switch disabled=\"true\" class=\"wall-toggle-switch\" on-label=\"YES\" off-label=\"NO\" ng-model=\"newWallOptions.moderation\">\n </toggle-switch>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"tab-pane\" id=\"design\">\n <div>\n <div class=\"box-body\">\n <div class=\"row wall-preview-container\">\n <div class=\"col-md-4\">\n <div>\n <div class=\"box-header\">\n <label>Select a layout to customize</label>\n </div>\n <div class=\"box-body\">\n <div>\n <div class=\"row\">\n <div class=\"col-md-6\">\n <label class=\"layoutRadio\">\n <input ng-model=\"newWallOptions.layoutStyle\" value=\"1\" name=\"layoutStyle\" type=\"radio\"></input>\n <img src=\"images/linear-layout-thumb.jpg\" alt=\"\">\n </label>\n </div>\n <div class=\"col-md-6\">\n <label class=\"layoutRadio\">\n <input ng-model=\"newWallOptions.layoutStyle\" value=\"2\" name=\"layoutStyle\" type=\"radio\"></input>\n <img src=\"images/masonry-layout-thumb.jpg\" alt=\"\">\n </label>\n </div>\n <div class=\"col-md-6\">\n <label class=\"layoutRadio\">\n <input ng-model=\"newWallOptions.layoutStyle\" value=\"3\" name=\"layoutStyle\" type=\"radio\"></input>\n <img src=\"images/cot-layout-thumb.jpg\" alt=\"\">\n </label>\n </div>\n <div class=\"col-md-6\">\n <label class=\"layoutRadio\">\n <input ng-model=\"newWallOptions.layoutStyle\" value=\"4\" name=\"layoutStyle\" type=\"radio\"></input>\n <img src=\"images/map-layout-thumb.jpg\" alt=\"\">\n </label>\n </div>\n </div>\n <div class=\"row design-box\">\n <div>\n <div class=\"col-xs-6 form-group\">\n <label>Set Header Colour</label>\n <div class=\"input-group\">\n <span ng-style=\"{\'background-color\':newWallOptions.headerColour}\" class=\"input-group-addon\"></span>\n <input ng-model=\"newWallOptions.headerColour\" colorpicker type=\"text\" class=\"form-control\">\n </div>\n </div>\n <div class=\"col-xs-6 form-group\">\n <label>Show Header on</label>\n <select ng-model=\"newWallOptions.headerPosition\" class=\"form-control\">\n <option>Top</option>\n <option>Bottom</option>\n </select>\n </div>\n <div class=\"col-xs-6 form-group\">\n <label>Leaderboard</label>\n <br>\n <toggle-switch class=\"wall-toggle-switch\" on-label=\"YES\" off-label=\"NO\" ng-model=\"newWallOptions.showStatistics\">\n </toggle-switch>\n </div>\n <div class=\"col-xs-6 form-group\">\n <label>Show Loklak logo</label>\n <br>\n <toggle-switch class=\"wall-toggle-switch\" on-label=\"YES\" off-label=\"NO\" ng-model=\"newWallOptions.showLoklakLogo\">\n </toggle-switch>\n </div>\n <div class=\"col-xs-6 form-group\">\n <label>Show event name</label>\n <br>\n <toggle-switch class=\"wall-toggle-switch\" on-label=\"YES\" off-label=\"NO\" ng-model=\"newWallOptions.showEventName\">\n </toggle-switch>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"col-md-7 wall-preview animate-switch-container\" ng-switch on=\"newWallOptions.headerPosition\">\n <div ng-switch-when=\"Top\" ng-style=\"{\'background-color\': newWallOptions.headerColour} \" class=\"row wall-preview-header\">\n <div ng-style=\"{\'color\': newWallOptions.headerForeColour} \" class=\"preview-hashtag col-md-4\">{{newWallOptions.mainHashtag}}</div>\n <div ng-style=\"{\'color\': newWallOptions.headerForeColour} \" class=\"preview-event-name col-md-4\">\n <div><img class=\"wall-preview-logo\" ng-if=\"newWallOptions.logo\" data-ng-src=\"data:{{newWallOptions.logo.filetype}};base64,{{newWallOptions.logo.base64}}\">\n <div ng-hide=\"!newWallOptions.showEventName\" class=\"wall-header-eventname\">{{newWallOptions.eventName}}</div>\n </div>\n </div>\n <div ng-hide=\"!newWallOptions.showLoklakLogo\" ng-style=\"{\'color\': newWallOptions.headerForeColour} \" class=\"preview-banner col-md-4\">Loklak</div>\n </div>\n <div class=\"row animate-switch-container\" ng-switch on=\"newWallOptions.layoutStyle\">\n <img ng-switch-when=\"1\" class=\"img-responsive animate-switch\" ng-src=\"{{newWallOptions.showStatistics?\'/images/leaderboardlinear-layout.jpg\':\'/images/linear-layout.jpg\'}}\" alt=\"\">\n <img ng-switch-when=\"2\" class=\"img-responsive animate-switch\" ng-src=\"{{newWallOptions.showStatistics?\'/images/leaderboardmasonry-layout.jpg\':\'/images/masonry-layout.jpg\'}}\" alt=\"\">\n <img ng-switch-when=\"3\" class=\"img-responsive animate-switch\" ng-src=\"{{newWallOptions.showStatistics?\'/images/leaderboardcoa-layout.jpg\':\'/images/coa-layout.jpg\'}}\" alt=\"\">\n <img ng-switch-when=\"4\" class=\"img-responsive animate-switch\" ng-src=\"{{newWallOptions.showStatistics?\'/images/leaderboardmap-layout.jpg\':\'/images/map-layout.jpg\'}}\" alt=\"\">\n </div>\n <div ng-switch-when=\"Bottom\" ng-style=\"{\'background-color\': newWallOptions.headerColour} \" class=\"row wall-preview-header\">\n <div ng-style=\"{\'color\': newWallOptions.headerForeColour} \" class=\"preview-hashtag col-md-4\">{{newWallOptions.mainHashtag}}</div>\n <div ng-style=\"{\'color\': newWallOptions.headerForeColour} \" class=\"preview-event-name col-md-4\">\n <div><img class=\"wall-preview-logo\" ng-if=\"newWallOptions.logo\" data-ng-src=\"data:{{newWallOptions.logo.filetype}};base64,{{newWallOptions.logo.base64}}\">\n <div ng-hide=\"!newWallOptions.showEventName\" class=\"wall-header-eventname\">{{newWallOptions.eventName}}</div>\n </div>\n </div>\n <div ng-hide=\"!newWallOptions.showLoklakLogo\" ng-style=\"{\'color\': newWallOptions.headerForeColour} \" class=\"preview-banner col-md-4\">Loklak</div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"modal-footer\">\n <div style=\"float:left;\" class=\"col-xs-offset-2\">\n <a ng-show=\"showNext\" ng-click=\"proceed()\" type=\"submit\" class=\"btn btn-loklak-blue\">Next Step</a>\n <!-- <a ng-click=\"proceed()\" type=\"submit\" class=\"btn btn-primary\">Save and Close</a> -->\n <a ng-hide=\"showNext\" ng-disabled=\"!(newWallOptions.eventName && newWallOptions.mainHashtagText)\" type=\"submit\" class=\"btn btn-loklak-blue\" ng-click=\"!(newWallOptions.eventName && newWallOptions.mainHashtagText) || start()\">Start twitter wall</a>\n <span ng-show=\"(!showNext) && ((step1.eventNameInput.$invalid) || (step1.hashtagInput.$invalid))\" style=\"color:red;\">Enter an event name and your event\'s main hashtag</span>\n </div>\n </div>\n </div>\n </div>\n</div>\n");
$templateCache.put("wall/templates/card.html","<div class=\"card-container\" ng-class=\"getClass()\">\n <div ng-attr-id=\"{{data.id_str}}\" class=\"card card-simple\">\n <div class=\"card-content row\">\n <!-- Main content -->\n <div ng-if=\"data.images.length>0\" class=\"col-xs-4\" style=\"padding:0px;\">\n <img class=\"tweet-image\" alt=\"\" ng-if=\"data.images.length>0\" ng-src=\"{{data.images[0] | instaFilter}}\">\n </div>\n <div ng-class=\"data.images.length>0?\'col-xs-8\':\'col-xs-12\'\" style=\"padding:0px;height:100%;\">\n <div class=\"card-content-text\" ng-bind-html=\"data.text | tweetTextLink | tweetMention | tweetHashtag | toTrusted\"></div>\n <div class=\"metadata\">\n <img class=\"avatar spinner\" onError=\"this.onerror=null;this.src=\'/images/anon_200x200.png\';\" ng-src=\"{{data.user.profile_image_url_https | biggerProfileImage}}\" alt=\"user-images\">\n <div class=\"user-data\">\n <a class=\"name\" ng-href=\"{{\'./search?q=from:\' + data.user.screen_name}}\">{{data.user.name}}</a> <span><i class=\"fa fa-twitter\"></i></span> • \n <span am-time-ago=\"data.created_at\"></span>\n <br><span class=\"screen-name\">{{ \"@\" + data.user.screen_name}}</span>\n \n </div>\n </div>\n </div>\n \n <!-- Images -->\n <!-- <div data-ng-click=\"open(data.id_str);\" ng-class=\"{\'images-wrapper\': true, \'showdetail\': showdetail}\" ng-if=\"data.images_count\"> -->\n <!-- Metadata <--></-->\n <!-- </div>\n <div class=\"row\"> -->\n \n </div>\n </div>\n</div>\n");
$templateCache.put("wall/templates/coa.html","<div ng-attr-id=\"{{data.id_str}}\" class=\"coa coa-simple\">\n <img class=\"avatar spinner\" onError=\"this.onerror=null;this.src=\'/images/anon_200x200.png\';\" ng-src=\"{{data.user.profile_image_url_https | biggerProfileImage}}\" alt=\"user-images\">\n <div class=\"coa-content row\">\n <!-- Main content -->\n <p class=\"coa-content-text\" ng-class=\"data.images.length>0?\'col-xs-9\':\'col-xs-12\'\" ng-bind-html=\"data.text | tweetTextLink | tweetMention | tweetHashtag | toTrusted\"></p>\n <!-- Images -->\n <div style=\"height: 100%;\" class=\"col-xs-3\">\n <img alt=\"\" ng-if=\"data.images.length>0\" ng-src=\"{{data.images[0] | instaFilter}}\">\n </div>\n <!-- <div data-ng-click=\"open(data.id_str);\" ng-class=\"{\'images-wrapper\': true, \'showdetail\': showdetail}\" ng-if=\"data.images_count\"> -->\n <!-- <div masonry=\"{ transitionDuration: \'1s\'}\" item-selector=\".masonry-brick\">\n <div class=\"masonry-brick\" ng-repeat=\"image in data.images\">\n <img ng-click=\"wall.open()\" class=\"masonry-image spinner\" ng-src=\"{{image}}\" alt=\"A masonry brick\">\n </div>\n </div> -->\n <!-- Metadata -->\n <div class=\"metadata col-xs-12\">\n <a class=\"name\" ng-href=\"{{\'./search?q=from:\' + data.user.screen_name}}\">{{data.user.name}}</a>\n <span class=\"screen-name\">{{ \"@\" + data.user.screen_name}}</span>\n <span><i class=\"fa fa-twitter\"></i></span> •\n <span am-time-ago=\"data.created_at\"></span>\n <span ng-show=\"data.place_name\" class=\"created-at\"> • <i class=\"fa fa-map-marker\"></i> {{data.place_name}}</span>\n </div>\n </div>\n</div>\n");
$templateCache.put("wall/templates/linear.html","<div ng-attr-id=\"{{data.id_str}}\" class=\"linear linear-simple\">\n <img class=\"avatar spinner\" onError=\"this.onerror=null;this.src=\'/images/anon_200x200.png\';\" ng-src=\"{{data.user.profile_image_url_https | biggerProfileImage}}\" alt=\"user-images\">\n <div class=\"linear-content row\">\n <!-- <div class=\"row\"> -->\n <!-- Main content -->\n <p class=\"linear-content-text\" ng-class=\"data.images.length>0?\'col-xs-9\':\'col-xs-12\'\" ng-bind-html=\"data.text | tweetTextLink | tweetMention | tweetHashtag | toTrusted\"></p>\n <!-- Images -->\n <div style=\"height:130px; padding-left:0; text-align:right;\" ng-if=\"data.images.length>0\" class=\"col-xs-3\">\n <img alt=\"\" ng-src=\"{{data.images[0] | instaFilter}}\">\n </div>\n <!-- <div data-ng-click=\"open(data.id_str);\" ng-class=\"{\'images-wrapper\': true, \'showdetail\': showdetail}\" ng-if=\"data.images_count\"> -->\n <!-- <div masonry=\"{ transitionDuration: \'1s\'}\" item-selector=\".masonry-brick\">\n <div class=\"masonry-brick\" ng-repeat=\"image in data.images\">\n <img ng-click=\"wall.open()\" class=\"masonry-image spinner\" ng-src=\"{{image | biggerProfileImage}}\" alt=\"A masonry brick\">\n </div>\n </div> -->\n <!-- Metadata -->\n <div class=\"metadata\" ng-class=\"data.images.length>0?\'col-xs-9\':\'col-xs-12\'\">\n <a class=\"name\" ng-href=\"{{\'./search?q=from:\' + data.user.screen_name}}\">{{data.user.name}}</a>\n <span class=\"screen-name\">{{ \"@\" + data.user.screen_name}}</span>\n <span><i class=\"fa fa-twitter\"></i></span> •\n <span am-time-ago=\"data.created_at\"></span>\n <span ng-show=\"data.place_name\" class=\"created-at\"> • <i class=\"fa fa-map-marker\"></i> {{data.place_name}}</span>\n </div>\n <!-- </div> -->\n </div>\n</div>\n");
$templateCache.put("wall/templates/wallThumbnail.html","<div class=\"wall-thumbnail col-xs-3\">\n <div ng-show=\"data.showLoading\" class=\"spinner wall-thumbnail-loading\">\n <div class=\"bounce1\"></div>\n <div class=\"bounce2\"></div>\n <div class=\"bounce3\"></div>\n </div>\n <img src=\"images/loklak_icon_yellow_45x45_transparent.png\" class=\"sq-setter-w\" />\n <div class=\"wall-thumbnail-content\">\n <a target=\"_blank\" ng-href=\"{{screenName}}/wall/{{data.id}}\">\n <div ng-style=\"{\'background-color\': data.headerColour, \'color\': data.headerForeColour}\" class=\"wall-thumbnail-event-name\">{{data.eventName}}</div>\n <h4 class=\"wall-thumbnail-mainhashtag\">{{data.mainHashtag}}</h4>\n </a>\n <div class=\"row wall-thumbnail-footer\">\n <div class=\"col-xs-6\">\n <span ng-click=\"editWall(data)\"><i class=\"fa fa-pencil\"></i>Edit</span>\n </div>\n <div class=\"col-xs-6\">\n <span ng-click=\"deleteWall(data)\"><i class=\"fa fa-trash-o\"></i>Delete</span>\n </div>\n </div>\n </div>\n</div>\n");}]);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment