Mini Kabibi Habibi
<%@ Control Language="vb" AutoEventWireup="true" CodeFile="NavigationView.ascx.vb"
Inherits="NavigationView" %>
<div id="navView">
<div class="dataViewPanel">
<dx:ASPxCallbackPanel ID="cpVideos" ClientInstanceName="cpVideos" runat="server"
Width="100%" EnableCallbackAnimation="true">
<PanelCollection>
<dx:PanelContent runat="server" SupportsDisabledAttribute="True">
<dx:ASPxPanel ID="pAllVideos" runat="server" Width="100%">
<PanelCollection>
<dx:PanelContent runat="server" SupportsDisabledAttribute="True">
<div class="dataViewTitle">
<h2>
Top Rated
</h2>
</div>
<div class="dataViewContainer">
<dx:ASPxDataView ID="dvTopRated" runat="server" SettingsTableLayout-RowsPerPage="2" PagerAlign="Right" Width="630px">
<ItemTemplate>
<a class="videoPreview" href='<%#Eval("Url")%>' onclick="VideoPortal.onHlVideoClick(event);">
<dx:ASPxImage ID="imgPreview" runat="server" ImageUrl='<%#"~/Content/Previews/" & Eval("ID") & ".jpg"%>'
Width="214px" Height="160px">
</dx:ASPxImage>
<span class="videoTitleBack"></span>
<span class="videoTitle">
<span class="vertCentered">
<span class="vertCenteredIE">
<%#Eval("Title")%>
</span>
</span>
</span>
</a>
</ItemTemplate>
<PagerSettings CurrentPageNumberFormat="{0}" Summary-Visible="false" ShowNumericButtons="true"
ShowDisabledButtons="false" FirstPageButton-Visible="false" LastPageButton-Visible="false"
Position="Bottom">
<FirstPageButton Visible="False">
</FirstPageButton>
<LastPageButton Visible="False">
</LastPageButton>
<Summary Visible="False"></Summary>
</PagerSettings>
<EmptyItemStyle>
<Paddings Padding="0" />
</EmptyItemStyle>
</dx:ASPxDataView>
</div>
<div class="clear">
</div>
<div class="dataViewTitle">
<h2>
Latest
</h2>
</div>
<div class="dataViewContainer">
<dx:ASPxDataView ID="dvLatest" runat="server" SettingsTableLayout-RowsPerPage="1" PagerAlign="Right" Width="630px">
<ItemTemplate>
<a class="videoPreview" href='<%#Eval("Url")%>' onclick="VideoPortal.onHlVideoClick(event);">
<dx:ASPxImage ID="imgPreview" runat="server" ImageUrl='<%#"~/Content/Previews/" & Eval("ID") & ".jpg"%>'
Width="214px" Height="160px">
</dx:ASPxImage>
<span class="videoTitleBack"></span>
<span class="videoTitle">
<span class="vertCentered">
<span class="vertCenteredIE">
<%#Eval("Title")%>
</span>
</span>
</span>
</a>
</ItemTemplate>
<PagerSettings CurrentPageNumberFormat="{0}" Summary-Visible="false" ShowNumericButtons="true"
ShowDisabledButtons="false" FirstPageButton-Visible="false" LastPageButton-Visible="false"
Position="Bottom">
<FirstPageButton Visible="False">
</FirstPageButton>
<LastPageButton Visible="False">
</LastPageButton>
<Summary Visible="False"></Summary>
</PagerSettings>
</dx:ASPxDataView>
</div>
<div class="clear">
</div>
<div class="dataViewTitle">
<h2>
Most Viewed
</h2>
</div>
<div class="dataViewContainer">
<dx:ASPxDataView ID="dvMostViewed" runat="server" SettingsTableLayout-RowsPerPage="1" PagerAlign="Right" Width="630px">
<ItemTemplate>
<a class="videoPreview" href='<%#Eval("Url")%>' onclick="VideoPortal.onHlVideoClick(event);">
<dx:ASPxImage ID="imgPreview" runat="server" ImageUrl='<%#"~/Content/Previews/" & Eval("ID") & ".jpg"%>'
Width="214px" Height="160px">
</dx:ASPxImage>
<span class="videoTitleBack"></span>
<span class="videoTitle">
<span class="vertCentered">
<span class="vertCenteredIE">
<%#Eval("Title")%>
</span>
</span>
</span>
</a>
</ItemTemplate>
<PagerSettings CurrentPageNumberFormat="{0}" Summary-Visible="false" ShowNumericButtons="true"
ShowDisabledButtons="false" FirstPageButton-Visible="false" LastPageButton-Visible="false"
Position="Bottom">
<FirstPageButton Visible="False">
</FirstPageButton>
<LastPageButton Visible="False">
</LastPageButton>
<Summary Visible="False"></Summary>
</PagerSettings>
</dx:ASPxDataView>
</div>
<div class="clear">
</div>
</dx:PanelContent>
</PanelCollection>
<ClientSideEvents Init="VideoPortal.hideToAllVideosButton" />
</dx:ASPxPanel>
<dx:ASPxPanel ID="pTagFiltering" runat="server" Width="100%" Visible="false">
<PanelCollection>
<dx:PanelContent runat="server" SupportsDisabledAttribute="True">
<div class="dataViewTitle">
<h2>
Filtered by
</h2>
</div>
<div class="dataViewContainer">
<h1 id="tagNameHolder" runat="server" class="tagName">
</h1>
<dx:ASPxDataView ID="dvTagFiltering" runat="server" SettingsTableLayout-RowsPerPage="2" PagerAlign="Right" Width="630px" EmptyDataText="No videos to display">
<ItemTemplate>
<a class="videoPreview" href='<%#Eval("Url")%>' onclick="VideoPortal.onHlVideoClick(event);">
<dx:ASPxImage ID="imgPreview" runat="server" ImageUrl='<%#"~/Content/Previews/" & Eval("ID") & ".jpg"%>'
Width="214px" Height="160px">
</dx:ASPxImage>
<span class="videoTitleBack"></span>
<span class="videoTitle">
<span class="vertCentered">
<span class="vertCenteredIE">
<%#Eval("Title")%>
</span>
</span>
</span>
</a>
</ItemTemplate>
<PagerSettings CurrentPageNumberFormat="{0}" Summary-Visible="false" ShowNumericButtons="true"
ShowDisabledButtons="false" FirstPageButton-Visible="false" LastPageButton-Visible="false"
Position="Bottom">
<FirstPageButton Visible="False">
</FirstPageButton>
<LastPageButton Visible="False">
</LastPageButton>
<Summary Visible="False"></Summary>
</PagerSettings>
<EmptyDataStyle Paddings-PaddingTop="5px">
</EmptyDataStyle>
</dx:ASPxDataView>
</div>
<div class="clear">
</div>
</dx:PanelContent>
</PanelCollection>
<ClientSideEvents Init="VideoPortal.showToAllVideosButton" />
</dx:ASPxPanel>
</dx:PanelContent>
</PanelCollection>
</dx:ASPxCallbackPanel>
</div>
<div class="tagCloudPanel">
<dx:ASPxCloudControl ID="tagCloud" runat="server" ClientInstanceName="tagCloud" TextField="Name"
ValueField="RelatedVideosCount" NavigateUrlField="Url" NavigateUrlFormatString="~/Tag/{0}"
Width="264px">
<ClientSideEvents ItemClick="VideoPortal.onTagCloudItemClick" />
<LinkStyle Color="#272727">
</LinkStyle>
<Paddings Padding="0" />
</dx:ASPxCloudControl>
</div>
<div class="clear">
</div>
</div>