<div class="noticeboard-template-default wizdom-fullview clickListV1" ng-class="{greybackground: addGreyBackground}" ng-if="view && items.length>0" click-list-animation>
	<div class="wd-noticeboard-results wizdom-fullwidth media-list">
		<div class="col-lg-6 visible-lg-block no-right-padding">

			<div ng-repeat="item in items | filter: filter" class="imgpanel NoticeBoardItem" ng-show="currentItemId == item.id || isFirstLoad(item, $index)">
				<div class="svg-container" ng-if="!item.metadata.picture && !item.metadata.videoImage">
					<svg class="svg-placeholder"
						 xmlns="http://www.w3.org/2000/svg"
						 viewBox="0 0 512 512">
						<!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
						<path fill="#363331" d="M0 96C0 60.7 28.7 32 64 32H448c35.3 0 64 28.7 64 64V416c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V96zM323.8 202.5c-4.5-6.6-11.9-10.5-19.8-10.5s-15.4 3.9-19.8 10.5l-87 127.6L170.7 297c-4.6-5.7-11.5-9-18.7-9s-14.2 3.3-18.7 9l-64 80c-5.8 7.2-6.9 17.1-2.9 25.4s12.4 13.6 21.6 13.6h96 32H424c8.9 0 17.1-4.9 21.2-12.8s3.6-17.4-1.4-24.7l-120-176zM112 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z" />
					</svg>
				</div>
				<img ng-click="showPicture(item.metadata.picture)" class="media-item img-responsive cursor-pointer"
					 ng-if="::((item.contentType.name == 'News' || item.contentType.name == 'RSS') && item.metadata.picture)"
					 ng-src="{{::item.metadata.picture}}"
					 alt="..." />
				<img ng-click="showPicture(item.metadata.videoImage)" class="media-item img-responsive cursor-pointer"
					 ng-if="::((item.contentType.name == 'Video' || item.contentType.name == 'RSS') && item.metadata.videoImage)"
					 ng-src="{{::item.metadata.videoImage}}"
					 alt="..." />
			</div>

		</div>
		<div class="col-xs-12 col-sm-12 col-md-12 no-left-padding marginClass">
			<div ng-repeat="item in items | filter: filter" class="NoticeBoardItemList">
				<div ng-click="showNewsItem(item)" class="media wd-noticeboard-media {{((currentItemId == 0 && $index == 0) || currentItemId == item.id ? 'noticeboard-item-active' : 'noticeboard-item')}}">
					<div class="noticeboard-panel" ng-class="{top: $index==0}">
						<a href="javascript:void(0);">
							<div class="nb-clicklist-title-container">
								<div>
									<h2 class="noticeboard-item-click" ng-show="(currentItemId == 0 && $index == 0) || currentItemId == item.id" ng-click="ShowItem(item.id)">
										{{::item.heading | wizdom365SmartHtmlStrip:60}}
									</h2>
									<h2 class="noticeboard-item-nonclick">
										{{::item.heading  | wizdom365SmartHtmlStrip:60}}
									</h2>
								</div>
								<div>
									<h2 ng-if="item.isPinned" class="glyphicon glyphicon-pushpin"></h2>
								</div>
							</div>
							<div class="contents">
								<p ng-click="ShowItem(item.id)" ng-bind-html="::((item.content | wizdom365SmartHtmlStrip:75).toString() | checkForLongLinkText)">
								</p>
								<span ng-click="ShowItem(item.id)" style="float:right;"><i class="glyphicons glyphicons-chevron-right"></i></span>
								<div class="row bottom extended-info">

									<div class="col-md-6 no-left-padding no-right-padding margin-top-20">
										<span class="date">
											<i class="glyphicons glyphicons-clock"></i> <span am-time-ago="::(item.startDate | wizdom365FormatDate)"></span>
										</span>
									</div>
									<div class="col-md-6 no-left-padding no-right-padding">

										<div class="channelsV1">
											<i class="glyphicons glyphicons-tag"></i>
											<span ng-repeat="channel in item.channels | limitTo:3">
												<span>{{::channel.name}}<span ng-hide="$last">, </span></span>
											</span>
										</div>
									</div>

								</div>

							</div>

						</a>
					</div>
				</div>
			</div>
		</div>
	</div>

</div>