Mini Kabibi Habibi
<%@ Control Language="C#" AutoEventWireup="true" CodeFile="VideoView.ascx.cs" Inherits="VideoView" %>
<div id="videoView">
<dx:ASPxPanel ID="pVideo" runat="server" Width="100%">
<PanelCollection>
<dx:PanelContent ID="pVideoContent" runat="server" SupportsDisabledAttribute="True">
<div class="videoPanel" style="float: left;">
<h1 id="videoTitleControl" runat="server">
</h1>
<div id="getPlayerPanel" class="getPlayerPanel">
You need to upgrade your Adobe Flash Player to watch this video.
<a href="http://get.adobe.com/flashplayer/">Download it from Adobe.</a>
</div>
<div id="videoPlaceholder" runat="server" class="videoPlaceholder">
</div>
<div class="videoInfo">
<p>
<span class="field">Product: </span>
<span runat="server" id="product"></span>
<span class="clear"></span>
</p>
<p>
<span class="field">Tags: </span>
<asp:Repeater ID="rpTags" runat="server">
<ItemTemplate>
<dx:ASPxHyperLink ID="hlVideoTag" runat="server" NavigateUrl='<%# "~/Tag/" + Eval("UrlName") %>'
Text='<%# Eval("Name") %>'>
<ClientSideEvents Click="VideoPortal.onHlVideoTagClick" />
</dx:ASPxHyperLink>
</ItemTemplate>
<SeparatorTemplate>
<span class="tagSeparator">, </span></SeparatorTemplate>
</asp:Repeater>
<span class="clear"></span>
</p>
<p>
<span class="field">Published: </span>
<span runat="server" id="published"></span>
<span class="clear"></span>
</p>
</div>
<div id="description" class="description" runat="server">
</div>
<dx:ASPxCallbackPanel ID="cpComments" runat="server" Width="100%" ClientInstanceName="cpComments"
OnCallback="cpComments_Callback" CssClass="commentsPanel" HideContentOnCallback="true">
<PanelCollection>
<dx:PanelContent runat="server" SupportsDisabledAttribute="True">
<asp:Repeater ID="rpComments" runat="server">
<ItemTemplate>
<div class="comment">
<div class="commentInfo">
<dx:ASPxImage ID="imgUserAvatar" runat="server" Width="58px" Height="70px" ImageUrl='<%# "~/Content/Avatars/" + Eval("UserAvatarID") + ".jpg" %>'
CssClass="userAvatar">
</dx:ASPxImage>
<div class="userName">
<%# Eval("UserName") %>
</div>
<div class="addedAt">
<%# Eval("AddedAt") %>
</div>
</div>
<div class="commentQuote">
</div>
<div class="commentBodyWrapper">
<div class="commentBody">
<%# Eval("Text") %>
</div>
<div class="topRightCorner">
</div>
<div class="bottomLeftCorner">
</div>
</div>
<div class="clear">
</div>
</div>
</ItemTemplate>
</asp:Repeater>
<div class="commentEditorPanel">
<h2>
Leave your comment
</h2>
<div class="wrapper">
<dx:ASPxTextBox ID="tbName" runat="server" Width="100%" Height="24px" NullText="Type your name"
CssClass="nameEditor">
</dx:ASPxTextBox>
<dx:ASPxHtmlEditor ID="commentEditor" runat="server" Width="100%" Height="190px"
ClientInstanceName="commentEditor">
<SettingsHtmlEditing AllowScripts="false" AllowIFrames="false" AllowIdAttributes="false" AllowStyleAttributes="false" />
<Settings AllowHtmlView="false" AllowPreview="false" AllowContextMenu="Default" />
<Toolbars>
<dx:HtmlEditorToolbar>
<Items>
<dx:ToolbarBoldButton>
</dx:ToolbarBoldButton>
<dx:ToolbarItalicButton>
</dx:ToolbarItalicButton>
<dx:ToolbarUnderlineButton>
</dx:ToolbarUnderlineButton>
</Items>
</dx:HtmlEditorToolbar>
</Toolbars>
<Settings AllowHtmlView="False" AllowPreview="False"></Settings>
</dx:ASPxHtmlEditor>
<div id="errorFrame" class="errorFrame" runat="server" visible="false">
<img class="errorImg" src="../Content/Images/error.png" alt="error" />
<div id="errorText" runat="server" class="errorText">
</div>
<div class="clear">
</div>
</div>
<dx:ASPxButton ID="btnPostComment" runat="server" Text="Post" AutoPostBack="false"
Width="110px" CssClass="postButton">
<ClientSideEvents Click="VideoPortal.onBtnPostCommentClick" />
</dx:ASPxButton>
<div class="clear">
</div>
</div>
</div>
</dx:PanelContent>
</PanelCollection>
</dx:ASPxCallbackPanel>
</div>
<div class="relatedVideosPanel">
<h2>
Related videos
</h2>
<div class="repeater">
<asp:Repeater ID="rpRelatedVideos" runat="server">
<ItemTemplate>
<a class="videoPreview" href='<%# Eval("Url") %>' onclick="VideoPortal.onHlRelatedVideoClick(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>
</asp:Repeater>
</div>
</div>
<div class="clear">
</div>
</dx:PanelContent>
</PanelCollection>
<ClientSideEvents Init="VideoPortal.onVideoPanelInit" />
</dx:ASPxPanel>
</div>