Mini Kabibi Habibi

<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage" %>
<asp:Content ID="headContent" ContentPlaceHolderID="CustomHeadHolder" runat="server">
    <link rel="stylesheet" type="text/css" href="<%= Url.Content("~/Content/TreeList/Templates.css") %>" />
</asp:Content>
<asp:Content ID="indexContent" ContentPlaceHolderID="ContentHolder" runat="server">
    <script type="text/javascript">
        function LoadNotes(id, popupElementID) {
            treeList.PerformCustomDataCallback({ 'id': id, 'popupElementID': popupElementID });
        }
        function ShowNotes(s, e) {
            notesPopup.SetContentHtml(e.result);
            var args = $.parseJSON(e.arg);
            notesPopup.ShowAtElementByID(args.popupElementID);
        }
    </script>
    <%
        Html.DevExpress().PopupControl(
            settings => {
                settings.Name = "notesPopup";
                settings.HeaderText = "Notes";
                settings.AllowDragging = true;
                settings.CloseAction = CloseAction.OuterMouseClick;
                settings.Width = Unit.Pixel(400);
                settings.PopupHorizontalAlign = PopupHorizontalAlign.LeftSides;
                settings.PopupVerticalAlign = PopupVerticalAlign.Below;
                settings.Styles.Content.HorizontalAlign = HorizontalAlign.Justify;
            }
        )
        .Render();
        
        Html.RenderPartial("TemplatesPartial", Model);
    %>
</asp:Content>