tickers-panel

tickers-panel

<section class="panel tickers-panel">

	<header class="quick-find">
		<ul>
			<li ng-class="{'active':tickersAll}"
				ng-click="tickersAll = true; getTickers('all')">All</li>
			<li ng-class="{'active':!tickersAll}"
				ng-click="tickersAll = false; getTickers('port')">Port</li>
			<li><div class="quick-search-ico"></div></li>
		</ul>
	</header>

	<section class="tickers-column column">
		<div ng-hide="loadingTickersDone" class="icon-spin5 animate-spin"></div>
		<ul ng-show="loadingTickersDone" class="tickers-list">
			<li class="ticker-li"
				ng-repeat="ticker in tickers"
				ng-hide="$first && tickerRemoved"
			    ng-class="{'selected':toggleTicker.item == $index}"
			    ng-mouseleave="hideTickerOptions()">

			    <div class="ticker"
			    	 ng-click="toggleTicker.item = $index;
			    	 		   selectTicker(ticker.ticker);
			    	 		   revealTickerOptions()">
			    	 {{ticker.ticker}}
			    </div>

			    <div class="add-to-portfolio"
			    	 ng-show="tickerOptions"
			    	 ng-mouseleave="hideTickerOptions()">

			    	 <div ng-show="addOption"
			    	 	  ng-click="addPortfolio(ticker.ticker)">+ Portfolio</div>
			    	 <div ng-show="removeOption"
			    	 	  ng-click="removePortfolio(ticker.ticker)">- Portfolio</div>
			    </div>
			</li>
		</ul>
	</section>
	
</section>