Mini Kabibi Habibi

<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>
<asp:Content ID="headContent" ContentPlaceHolderID="CustomHeadHolder" runat="server">
    <link rel="stylesheet" type="text/css" href="<%= Url.Content("~/Content/Docking/CSS/Widgets.css") %>" />
</asp:Content>
<asp:Content ID="indexContent" ContentPlaceHolderID="ContentHolder" runat="server">
    <script type="text/javascript">
    // <![CDATA[
        function ShowWidgetPanel(widgetPanelUID) {
            var panel = dockManager.GetPanelByUID(widgetPanelUID);
            panel.Show();
        }
        function SetWidgetButtonVisible(widgetName, visible) {
            if(!visible)
                $('#widgetButton_' + widgetName).addClass('disabled')
            else
                $('#widgetButton_' + widgetName).removeClass();
        }
     // ]]> 
    </script>
    <%
        Html.DevExpress().DockManager(
            settings => {
                settings.Name = "dockManager";
                settings.ClientSideEvents.PanelShown = "function(s, e) { SetWidgetButtonVisible(e.panel.panelUID, false) }";
                settings.ClientSideEvents.PanelCloseUp = "function(s, e) { SetWidgetButtonVisible(e.panel.panelUID, true) }";
            }
        )
        .Render();
    %>
    <%
        Html.DevExpress().DockPanel(
            settings => {
                settings.Name = "dateTimePanel";
                settings.PanelUID = "DateTime";
                settings.HeaderText = "Date & Time";
                settings.Left = 820;
                settings.Top = 220;
                settings.SetContent(() => {
                    Html.RenderPartial("DateTimeWidgetPartial");
                });
            }
        )
        .Render();
    %>
    <%
        Html.DevExpress().DockPanel(
            settings => {
                settings.Name = "weatherPanel";
                settings.PanelUID = "Weather";
                settings.HeaderText = "Weather";
                settings.Width = 275;
                settings.OwnerZoneUID = "rightZone";
                settings.VisibleIndex = 0;
                settings.ShowOnPageLoad = false;
                settings.SetContent(() => {
                    Html.RenderPartial("WeatherWidgetPartial");
                });
            }
        )
        .Render();
    %>
    <%
        Html.DevExpress().DockPanel(
            settings => {
                settings.Name = "mailPanel";
                settings.PanelUID = "Mail";
                settings.OwnerZoneUID = "leftZone";
                settings.HeaderText = "Mail";
                settings.VisibleIndex = 0;
                settings.SetContent(() => {
                    Html.RenderPartial("MailWidgetPartial");
                });
            }
        )
        .Render();
    %>
    <%
        Html.DevExpress().DockPanel(
            settings => {
                settings.Name = "calendarPanel";
                settings.PanelUID = "Calendar";
                settings.OwnerZoneUID = "leftZone";
                settings.HeaderText = "Calendar";
                settings.VisibleIndex = 1;
                settings.Width = 275;
                settings.SetContent(() => {
                    Html.RenderPartial("CalendarWidgetPartial");
                });
                settings.Styles.Content.Paddings.Padding = 10;
            }
        )
        .Render();
    %>
    <% 
        Html.DevExpress().DockPanel(
            settings => {
                settings.Name = "tradingPanel";
                settings.PanelUID = "Trading";
                settings.OwnerZoneUID = "leftZone";
                settings.HeaderText = "Trading";
                settings.Width = 400;
                settings.AllowResize = true;
                settings.ShowOnPageLoad = false;
                settings.SetContent(() => {
                    Html.RenderPartial("TradingWidgetPartial");
                });
            }
        )
        .Render();
    %>
    <div class="widgetPanel">
        <% foreach(string widget in WidgetsDemoHelper.GetWidgets()) { %>
           <%
                Html.DevExpress().Image(
                    settings => {
                        settings.Name = "widgetButton_" + widget;
                        settings.ImageUrl = Url.Content(string.Format("~/Content/Docking/Images/Widgets/{0}.png", widget));
                        settings.ControlStyle.Cursor = "pointer";
                        settings.ToolTip = "Show " + widget;
                        settings.Properties.ClientSideEvents.Click = string.Format("function(s, e) {{ ShowWidgetPanel('{0}') }}", widget);
                    }
                )
                .Render();
            %> 
        <% } %>   
    </div>
    <%
        Html.DevExpress().DockZone(
            settings => {
                settings.Name = "dockZone1";
                settings.ZoneUID = "leftZone";
                settings.ControlStyle.CssClass = "leftZone";
                settings.Width = 297;
                settings.PanelSpacing = 3;
            }
        )
        .Render();
    %>
    <%
        Html.DevExpress().DockZone(
            settings => {
                settings.Name = "dockZone2";
                settings.ZoneUID = "rightZone";
                settings.ControlStyle.CssClass = "rightZone";
                settings.Width = 400;
                settings.PanelSpacing = 3;
            }
        )
        .Render(); 
    %>
</asp:Content>