<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="Default" %>


<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link href="Resources/Stylesheets/Web.css" rel="stylesheet" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.2.2/pdf.js"></script>
</head>
<body>
    <form id="form1" runat="server">

        <style>
            html, body, form, {
                height: 99%;
            }

            .width_Height_100Pct {
                height: 100%;
            }
        </style>


        <asp:ScriptManager ID="ScriptManager1" runat="server" />
        <div style="width: 100%; height: 99%; position: absolute;">
            <table class="width_Height_100Pct">
                <colgroup>
                    <col style="width: 250px;" />
                    <col />
                </colgroup>
                <thead>
                    <tr>
                        <td colspan="2" class="width_100Pct textAlign_Center" style="border-bottom: 1px solid black;">
                            <h1>HEN Drawings Viewer</h1>
                        </td>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td class="verticalAlign_Top">
                            <div style="height: 100%; overflow-y: scroll;">

                                <telerik:RadTreeView runat="server" RenderMode="Lightweight" ID="RadTreeView1">
                                    <Nodes>
                                        <telerik:RadTreeNode Text="Root 1" Expanded="true">
                                            <Nodes>
                                                <telerik:RadTreeNode Text="Child 1.1"></telerik:RadTreeNode>
                                                <telerik:RadTreeNode Text="Child 1.2"></telerik:RadTreeNode>
                                                <telerik:RadTreeNode Text="Child 1.3"></telerik:RadTreeNode>
                                                <telerik:RadTreeNode Text="Child 1.4"></telerik:RadTreeNode>
                                            </Nodes>
                                        </telerik:RadTreeNode>
                                        <telerik:RadTreeNode Text="Root 2" Expanded="true">
                                            <Nodes>
                                                <telerik:RadTreeNode Text="Child 2.1"></telerik:RadTreeNode>
                                                <telerik:RadTreeNode Text="Child 2.2"></telerik:RadTreeNode>
                                                <telerik:RadTreeNode Text="Child 2.3"></telerik:RadTreeNode>
                                                <telerik:RadTreeNode Text="Child 2.4"></telerik:RadTreeNode>
                                            </Nodes>
                                        </telerik:RadTreeNode>
                                        <telerik:RadTreeNode Text="Root 3" Expanded="true">
                                            <Nodes>
                                                <telerik:RadTreeNode Text="Child 3.1"></telerik:RadTreeNode>
                                                <telerik:RadTreeNode Text="Child 3.2"></telerik:RadTreeNode>
                                                <telerik:RadTreeNode Text="Child 3.3"></telerik:RadTreeNode>
                                                <telerik:RadTreeNode Text="Child 3.4"></telerik:RadTreeNode>
                                            </Nodes>
                                        </telerik:RadTreeNode>
                                        <telerik:RadTreeNode Text="Root 4" Expanded="true">
                                            <Nodes>
                                                <telerik:RadTreeNode Text="Child 4.1"></telerik:RadTreeNode>
                                                <telerik:RadTreeNode Text="Child 4.2"></telerik:RadTreeNode>
                                                <telerik:RadTreeNode Text="Child 4.3"></telerik:RadTreeNode>
                                                <telerik:RadTreeNode Text="Child 4.4"></telerik:RadTreeNode>
                                            </Nodes>
                                        </telerik:RadTreeNode>
                                        <telerik:RadTreeNode Text="Root 5" Expanded="true">
                                            <Nodes>
                                                <telerik:RadTreeNode Text="Child 5.1"></telerik:RadTreeNode>
                                                <telerik:RadTreeNode Text="Child 5.2"></telerik:RadTreeNode>
                                                <telerik:RadTreeNode Text="Child 5.3"></telerik:RadTreeNode>
                                                <telerik:RadTreeNode Text="Child 5.4"></telerik:RadTreeNode>
                                            </Nodes>
                                        </telerik:RadTreeNode>
                                        <telerik:RadTreeNode Text="Root 6" Expanded="true">
                                            <Nodes>
                                                <telerik:RadTreeNode Text="Child 6.1"></telerik:RadTreeNode>
                                                <telerik:RadTreeNode Text="Child 6.2"></telerik:RadTreeNode>
                                                <telerik:RadTreeNode Text="Child 6.3"></telerik:RadTreeNode>
                                                <telerik:RadTreeNode Text="Child 6.4"></telerik:RadTreeNode>
                                            </Nodes>
                                        </telerik:RadTreeNode>
                                        <telerik:RadTreeNode Text="Root 7" Expanded="true">
                                            <Nodes>
                                                <telerik:RadTreeNode Text="Child 7.1"></telerik:RadTreeNode>
                                                <telerik:RadTreeNode Text="Child 7.2"></telerik:RadTreeNode>
                                                <telerik:RadTreeNode Text="Child 7.3"></telerik:RadTreeNode>
                                                <telerik:RadTreeNode Text="Child 7.4"></telerik:RadTreeNode>
                                            </Nodes>
                                        </telerik:RadTreeNode>
                                    </Nodes>
                                </telerik:RadTreeView>
                            </div>
                        </td>
                        <td class="verticalAlign_Top" style="border-left: 1px solid black;">
                            <div class="width_Height_100Pct">
                                <asp:Label ID="LabelDrawingName" runat="server" Style="display: none;" />
                                <telerik:RadPdfViewer ID="RadPdfViewerDrawing" runat="server" Width="100%" Height="100%" RenderMode="Lightweight">
                                    <ClientEvents OnLoad="onLoad" />
                                    <ToolBarSettings Items="pager, zoom, toggleSelection, search" />
                                    <DefaultPageSizeSettings Height="0" />
                                    <PdfjsProcessingSettings File="Document.pdf"></PdfjsProcessingSettings>
                                </telerik:RadPdfViewer>
                            </div>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
        <script>    

            function onLoad(sender, args) {
                resizeViewer(sender);
            }
            function resizeViewer(pdfViewer) {
                var $ = $telerik.$;
                pdfViewer.set_height($(pdfViewer.get_element().parentElement).height());
            }
        </script>
    </form>
</body>
</html>
