Quantcast
<Ui>
    <!--FONTS -->
    <Font name="ViragDevToolDefaultFont" inherits="SystemFont_Small" justifyV="CENTER" justifyH="LEFT" />
    <Font name="ViragDevToolMediumFont" inherits="SystemFont_Med1" justifyV="CENTER" justifyH="LEFT" virtual="true"/>

    <Texture name="ViragDevToolStrokeTexture" virtual="true">
        <Color r="0.1" g="0.1" b="0.1" a="1"/>
    </Texture>

    <!--*********************************************************************************************************
                                                      TEMPLATES
     *********************************************************************************************************-->

    <!--FRAME -->
    <Frame name="ViragDevToolFrameTemplate" virtual="true">
        <Layers>
            <Layer level="ARTWORK">
                <Texture>
                    <Size y="35"/>
                    <Anchors>
                        <Anchor point="TOPRIGHT"/>
                        <Anchor point="LEFT"/>
                    </Anchors>
                    <Color r="0.5" g="0" b="0" a="0.5"/>
                </Texture>
                <Texture>
                    <Size y="35"/>
                    <Anchors>
                        <Anchor point="BOTTOMRIGHT"/>
                        <Anchor point="LEFT"/>
                    </Anchors>
                    <Color r="0.5" g="0" b="0" a="0.5"/>
                </Texture>
                <Texture>
                    <Size x="5"/>
                    <Anchors>
                        <Anchor point="TOPRIGHT" y="-35"/>
                        <Anchor point="BOTTOM" y="35"/>
                    </Anchors>
                    <Color r="0.5" g="0" b="0" a="0.5"/>
                </Texture>
                <Texture>
                    <Size x="5"/>
                    <Anchors>
                        <Anchor point="TOPLEFT" y="-35"/>
                        <Anchor point="BOTTOM" y="35"/>
                    </Anchors>
                    <Color r="0.5" g="0" b="0" a="0.5"/>
                </Texture>
            </Layer>
            <Layer level="BACKGROUND">
                <Texture>
                    <Anchors>
                        <Anchor point="TOPRIGHT"/>
                        <Anchor point="BOTTOMLEFT"/>
                    </Anchors>
                    <!-- <Color r="0.5" g="0.7" b="0.9" a="0.8"/>-->
                    <Color r="0" g="0" b="0.1" a="0.5"/>
                </Texture>


            </Layer>
        </Layers>
    </Frame>


    <Slider name="ViragDevToolMinimalHybridScrollBarTemplate" parentKey="scrollBar" virtual="true">
        <Size x="22" y="0"/>

        <Frames>
            <Button name="$parentScrollUpButton" inherits="UIPanelScrollUpButtonTemplate">
                <Anchors>
                    <Anchor point="TOP" x="0" y="15"/>
                </Anchors>
                <Scripts>
                    <OnLoad function="HybridScrollFrameScrollUp_OnLoad"/>
                    <OnClick function="HybridScrollFrameScrollButton_OnClick"/>
                </Scripts>
            </Button>
            <Button name="$parentScrollDownButton" inherits="UIPanelScrollDownButtonTemplate">
                <Anchors>
                    <Anchor point="BOTTOM" x="0" y="-15"/>
                </Anchors>
                <Scripts>
                    <OnLoad function="HybridScrollFrameScrollDown_OnLoad"/>
                    <OnClick function="HybridScrollFrameScrollButton_OnClick"/>
                </Scripts>
            </Button>
        </Frames>
        <Scripts>
            <OnValueChanged function="HybridScrollFrame_OnValueChanged"/>
        </Scripts>
        <ThumbTexture name="$parentThumbTexture" inherits="HybridScrollBarButton"
                      file="Interface\Buttons\UI-ScrollBar-Knob" parentKey="thumbTexture">
            <Size x="18" y="24"/>
            <TexCoords left="0.20" right="0.80" top="0.125" bottom="0.875"/>
        </ThumbTexture>
    </Slider>

    <!--SCROLL FRAME -->
    <ScrollFrame name="ViragDevToolScrollFrameTemplate" inherits="HybridScrollFrameTemplate" virtual="true">
        <Anchors>
            <Anchor point="RIGHT" x="-27"/>
            <Anchor point="LEFT" x="5"/>
        </Anchors>
        <Scripts>
            <OnLoad>
                self.scrollChild:SetPoint("BOTTOM", self, "BOTTOM", 0, -100)
            </OnLoad>
        </Scripts>
        <Frames>
            <Slider name="$parentScrollBar" inherits="ViragDevToolMinimalHybridScrollBarTemplate">
                <Anchors>
                    <Anchor point="TOPLEFT" relativePoint="TOPRIGHT" y="-18"/>
                    <Anchor point="BOTTOMLEFT" relativePoint="BOTTOMRIGHT" y="16"/>
                </Anchors>
            </Slider>
        </Frames>
        <Layers>
            <Layer level="ARTWORK">
                <Texture name="$parentHighlight">

                    <Anchors>
                        <Anchor point="TOPLEFT"/>
                        <Anchor point="BOTTOMRIGHT" x="22"/>
                    </Anchors>
                    <!-- <Color r="0.7" g="0.3" b="0.4" a="1"/>-->
                    <Color r="0" g="0" b="0.1" a="0.5"/>
                </Texture>
            </Layer>

        </Layers>
    </ScrollFrame>

    <!--BUTTON -->
    <Button name="ViragDevToolBaseButtonTemplate" virtual="true">
        <Layers>
            <Layer level="BACKGROUND">

                <Texture>
                    <Size y="25"/>
                    <Anchors>
                        <Anchor point="TOPRIGHT"/>
                        <Anchor point="LEFT"/>
                    </Anchors>
                    <Color r="0.55" g="0" b="0.1" a="0.5"/>
                </Texture>
            </Layer>
        </Layers>
        <NormalTexture file="Interface\ClassTrainerFrame\TrainerTextures">
            <TexCoords left="0.00195313" right="0.57421875" top="0.65820313" bottom="0.75000000"/>
        </NormalTexture>
        <HighlightTexture name="$parentHighlight" file="Interface\ClassTrainerFrame\TrainerTextures" alphaMode="ADD">
            <TexCoords left="0.00195313" right="0.57421875" top="0.75390625" bottom="0.84570313"/>
        </HighlightTexture>

    </Button>

    <CheckButton name="ViragDevToolButtonTemplate" inherits="ViragDevToolBaseButtonTemplate" virtual="true">
        <Size x="100" y="25"/>
        <NormalFont style="GameFontHighlight"/>
        <CheckedTexture name="$parentChecked" file="Interface\ClassTrainerFrame\TrainerTextures" alphaMode="ADD">
            <TexCoords left="0.00195313" right="0.57421875" top="0.75390625" bottom="0.84570313"/>
        </CheckedTexture>
    </CheckButton>

    <!--EDITBOX -->

    <EditBox name="ViragDevToolEditBoxTemplate" virtual="true">
        <Size y="25"/>

        <FontString inherits="ChatFontNormal"/>
        <Layers>
            <Layer level="ARTWORK">
                <Texture>
                    <Anchors>
                        <Anchor point="TOPRIGHT"/>
                        <Anchor point="BOTTOMLEFT" x="-5"/>
                    </Anchors>
                    <Color r="0" g="0" b="0.1" a="0.5"/>
                    <!--    <Color r="0" g="0" b="0.1" a="0.5"/>-->
                </Texture>
            </Layer>
        </Layers>
    </EditBox>


    <!--COLUMN FOR MAIN HybridScrollFrameTemplate -->

    <Button text="Test" name="ViragDevToolColumnTemplate" virtual="true">
        <Size x="42"/>
        <Anchors>
            <Anchor point="TOP"/>
            <Anchor point="BOTTOM"/>
        </Anchors>
        <Scripts>
            <OnLoad>
                local fontString = self:GetFontString()

                fontString:SetPoint("RIGHT", self, "RIGHT", -5, 0)
                fontString:SetWordWrap(false)
                self:EnableMouse()
            </OnLoad>
            <OnEnter>
                self:GetParent():LockHighlight()
            </OnEnter>
            <OnLeave>
                self:GetParent():UnlockHighlight()
            </OnLeave>
        </Scripts>

        <NormalFont style="ViragDevToolDefaultFont"/>
    </Button>

    <!--ROW BASE HybridScrollFrameTemplate -->
    <Button name="ViragDevToolRowTemplate" virtual="true">
        <Anchors>
            <Anchor point="RIGHT"/>
            <Anchor point="LEFT"/>
        </Anchors>
        <HighlightTexture alphaMode="ADD">
            <Color r="1" g="1" b="1" a="0.2"/>
        </HighlightTexture>
        <Layers>
            <Layer level="OVERLAY">
                <Texture name="$parentHighlight">
                    <Size y="1"/>
                    <Anchors>
                        <Anchor point="RIGHT"/>
                        <Anchor point="LEFT"/>
                        <Anchor point="BOTTOM" y="-2"/>
                    </Anchors>
                    <Color r="1" g="1" b="1" a="0.1"/>
                </Texture>
            </Layer>
        </Layers>
    </Button>

    <!--ROW FOR SIDEBAR HybridScrollFrameTemplate -->
    <Button name="ViragDevToolSideBarRowTemplate" inherits="ViragDevToolRowTemplate" virtual="true">
        <Size y="18"/>
        <Frames>
            <!--COLUMN 1 delete item icon -->
            <Button name="$parentActionButton" parentKey="actionButton">
                <Size x="25" y="25"/>
                <Anchors>
                    <Anchor point="LEFT"/>
                </Anchors>
                <NormalTexture file="Interface/BUTTONS/UI-Panel-MinimizeButton-Up"/>
                <PushedTexture file="Interface/BUTTONS/UI-Panel-MinimizeButton-Down"/>
                <DisabledTexture file="Interface/BUTTONS/UI-Panel-MinimizeButton-Disabled"/>
                <HighlightTexture file="Interface/BUTTONS/UI-Panel-MinimizeButton-Highlight" alphaMode="ADD"/>
            </Button>
            <!--COLUMN 2 item text -->
            <Button text="Test" name="$parentMainButton" inherits="ViragDevToolColumnTemplate" parentKey="mainButton">

                <Anchors>
                    <Anchor point="RIGHT"/>
                    <Anchor point="LEFT" relativeTo="$parentActionButton" relativePoint="RIGHT"/>
                </Anchors>
                <NormalFont style="ViragDevToolMediumFont"/>
            </Button>
        </Frames>
    </Button>

    <!--ROW FOR MAIN HybridScrollFrameTemplate -->
    <Button name="ViragDevToolEntryTemplate" inherits="ViragDevToolRowTemplate" virtual="true">
        <Size y="7"/>
        <Frames>
            <!--COLUMN 1-->
            <Button text="123456" name="$parentCountColumn" inherits="ViragDevToolColumnTemplate"
                    parentKey="rowNumberButton">
                <Anchors>
                    <Anchor point="LEFT" x="5"/>
                </Anchors>
            </Button>

            <!--COLUMN 2-->
            <Button text="Test Text" name="$parentNameColumn" inherits="ViragDevToolColumnTemplate"
                    parentKey="nameButton">
                <Anchors>
                    <Anchor point="LEFT" relativeTo="$parentCountColumn" relativePoint="RIGHT"/>
                    <Anchor point="RIGHT" relativeTo="ViragDevToolFrameColumnResizeButton" relativePoint="LEFT" x="10"/>
                </Anchors>
            </Button>
            <!--COLUMN 3-->
            <Button text="Test Text" name="$parentValueColumn" inherits="ViragDevToolColumnTemplate"
                    parentKey="valueButton">
                <Anchors>
                    <Anchor point="RIGHT"/>
                    <Anchor point="LEFT" relativeTo="$parentNameColumn" relativePoint="RIGHT"/>
                </Anchors>
            </Button>
        </Frames>
    </Button>




    <!--*********************************************************************************************************
                                                      MAIN UI  enableMouse="true"

     *********************************************************************************************************-->

    <Frame name="ViragDevToolFrame" inherits="ViragDevToolFrameTemplate" parent="UIParent" movable="true"
           resizable="true">
        <Size x="635" y="200"/>
        <Anchors>
            <Anchor point="CENTER"/>
        </Anchors>
        <Scripts>
            <OnLoad>

                ViragDevTool:OnLoad(self)
                self:SetUserPlaced(true)
                self:SetMinResize(635, 200);
                self:SetMaxResize(UIParent:GetWidth(), UIParent:GetHeight());
                self:RegisterForDrag("LeftButton");
            </OnLoad>


            <OnDragStart>
                self:StartMoving()
                -- self.columnResizer:
            </OnDragStart>

            <OnDragStop>
                self.isMoving = false
                self:StopMovingOrSizing();
            </OnDragStop>
        </Scripts>
        <Frames>
            <!--DRAG-RESIZE CORNER BUTTON-->
            <Button name="$parentResizeButton" parentKey="resizeButton">
                <Size x="16" y="16"/>
                <Anchors>
                    <Anchor point="BOTTOMRIGHT" relativeTo="$parent"/>
                </Anchors>
                <Scripts>
                    <OnLoad>
                        self:RegisterForDrag("LeftButton");
                    </OnLoad>
                    <OnDragStart>
                        local p = self:GetParent()
                        local x = p:GetLeft()
                        local y = -1 * (UIParent:GetHeight() - p:GetTop())
                        p:ClearAllPoints()
                        p:SetPoint("TOPLEFT", UIParent, "TOPLEFT", x, y)
                        self:SetButtonState("PUSHED", true);
                        self:GetHighlightTexture():Hide();

                        self.drag = true

                    </OnDragStart>
                    <OnUpdate>
                        if self.drag then
                            ViragDevTool:ResizeMainFrame(self)
                            ViragDevTool:DragResizeColumn(self:GetParent().columnResizer, true)
                            ViragDevTool:UpdateMainTableUI()
                            ViragDevTool:UpdateSideBarUI()
                        end
                    </OnUpdate>
                    <OnDragStop>
                        self.drag = false
                        local parent = self:GetParent()
                        self:SetButtonState("NORMAL", false);
                        self:GetHighlightTexture():Show();
                        ViragDevTool:ResizeMainFrame(self)
                        ViragDevTool:DragResizeColumn(parent.columnResizer, true)
                        ViragDevTool:UpdateMainTableUI()
                        ViragDevTool:UpdateSideBarUI()
                    </OnDragStop>
                </Scripts>
                <NormalTexture file="Interface\ChatFrame\UI-ChatIM-SizeGrabber-Up"/>
                <HighlightTexture file="Interface\ChatFrame\UI-ChatIM-SizeGrabber-Highlight"/>
                <PushedTexture file="Interface\ChatFrame\UI-ChatIM-SizeGrabber-Down"/>
            </Button>
            <!--LABEL FOR FUNCTION ARGUMENTS-->
            <Button text="Arguments:" inherits="ViragDevToolButtonTemplate" name="$parentFNCallLabelButton"
                    parentKey="clearFnArgsButton">
                <Anchors>
                    <Anchor point="BOTTOMLEFT" y="5" x="5"/>
                </Anchors>
                <Scripts>
                    <OnClick>
                        -- clear args
                        ViragDevTool:SetArgForFunctionCallFromString("")
                        ViragDevTool:print("Old args cleaned: " .. self:GetParent().editbox:GetText())
                        self:GetParent().editbox:SetText("")
                    </OnClick>
                </Scripts>
            </Button>
            <!--FUNCTION ARGUMENTS EDITBOX-->
            <EditBox name="$parentTextArea" inherits="ViragDevToolEditBoxTemplate" autoFocus="false"
                     parentKey="editbox">
                <Anchors>
                    <Anchor point="RIGHT" relativeTo="$parentResizeButton" relativePoint="LEFT" x="-14"/>
                    <Anchor point="LEFT" relativeTo="$parentFNCallLabelButton" relativePoint="RIGHT" x="10"/>
                </Anchors>
                <Scripts>
                    <OnEnterPressed>
                        ViragDevTool:SetArgForFunctionCallFromString(self:GetText())
                        ViragDevTool:print("New arguments: " .. self:GetText())
                        self:ClearFocus();
                    </OnEnterPressed>
                    <OnEscapePressed>
                        self:ClearFocus();
                    </OnEscapePressed>
                </Scripts>
            </EditBox>

            <!--********************************** TOP BUTTONS *****************************************************-->

            <!--TOGGLE SIDEBAR BUTTON -->
            <Button name="$parentToggleSideBarButton">
                <Size x="25" y="25"/>
                <Anchors>
                    <Anchor point="TOPLEFT" x="5" y="-5"/>
                </Anchors>
                <Scripts>
                    <OnClick>
                        ViragDevTool:ToggleSidebar()
                    </OnClick>
                </Scripts>
                <NormalTexture file="Interface\Buttons\UI-Panel-SmallerButton-Up"/>
                <PushedTexture file="Interface\Buttons\UI-Panel-SmallerButton-Down"/>
                <HighlightTexture file="Interface\Buttons\UI-Panel-MinimizeButton-Highlight" alphaMode="ADD"/>
            </Button>
            <!--CLEAR BUTTON -->
            <Button text="Clear" name="$parentClearButton" inherits="ViragDevToolButtonTemplate">
                <Anchors>
                    <Anchor point="LEFT" relativeTo="$parentToggleSideBarButton" relativePoint="RIGHT" x="5"/>
                </Anchors>
                <Scripts>
                    <OnClick>
                        ViragDevTool:ClearData()
                    </OnClick>
                </Scripts>
            </Button>
            <!--_G BUTTON -->
            <Button text="_G" name="$parentAddGlobalButton" inherits="ViragDevToolButtonTemplate">
                <Anchors>
                    <Anchor point="LEFT" relativeTo="$parentClearButton" relativePoint="RIGHT" x="5"/>
                </Anchors>
                <Scripts>
                    <OnClick>
                        ViragDevTool_AddData(_G, "_G")
                    </OnClick>
                </Scripts>
            </Button>
            <!--SHOW FRAME STACK BUTTON -->
            <Button text="/fstack" name="$parentFrameStack" inherits="ViragDevToolButtonTemplate">
                <Anchors>
                    <Anchor point="LEFT" relativeTo="$parentAddGlobalButton" relativePoint="RIGHT" x="5"/>
                </Anchors>
                <Scripts>
                    <OnClick>
                        self.isActive = not self.isActive
                        UIParentLoadAddOn("Blizzard_DebugTools");
                        local showHidden = false; -- todo add this functionality
                        local showRegions = false;
                        FrameStackTooltip_Toggle(showHidden, showRegions);
                    </OnClick>
                </Scripts>
            </Button>
            <!--HELP BUTTON -->
            <Button text="Help" name="$parentHelpButton" inherits="ViragDevToolButtonTemplate">
                <Anchors>
                    <Anchor point="LEFT" relativeTo="$parentFrameStack" relativePoint="RIGHT" x="5"/>
                </Anchors>
                <Scripts>
                    <OnClick>
                        ViragDevTool:ExecuteCMD("help")
                    </OnClick>
                </Scripts>
            </Button>

            <!--CLOSE UI BUTTON -->
            <Button name="$parentCloseWndButton">
                <Size x="25" y="25"/>
                <Anchors>
                    <Anchor point="TOPRIGHT" x="-5" y="-5"/>
                </Anchors>
                <Scripts>
                    <OnClick>
                        ViragDevTool:ToggleUI()
                    </OnClick>
                </Scripts>
                <NormalTexture file="Interface/BUTTONS/UI-Panel-MinimizeButton-Up"/>
                <PushedTexture file="Interface/BUTTONS/UI-Panel-MinimizeButton-Down"/>
                <DisabledTexture file="Interface/BUTTONS/UI-Panel-MinimizeButton-Disabled"/>
                <HighlightTexture file="Interface/BUTTONS/UI-Panel-MinimizeButton-Highlight" alphaMode="ADD"/>
            </Button>

            <!--SETTINGS BUTTON -->
            <Button name="$parentSettingsButton" inherits="ViragDevToolOptionsToggleButton">




            </Button>
            <Button name="$parentSettingsButton" virtual="true">
                <Size x="25" y="25"/>
                <Scripts>
                    <OnClick>
                        ViragDevTool:ToggleOptions()
                    </OnClick>
                </Scripts>
                <Anchors>
                    <Anchor point="RIGHT" relativeTo="$parentCloseWndButton" relativePoint="LEFT" x="5"/>
                </Anchors>
                <Layers>
                    <Layer level="BACKGROUND">
                        <Texture parentKey="I" file="Interface\common\help-i">
                            <Size x="25" y="25"/>
                            <Anchors>
                                <Anchor point="CENTER"/>
                            </Anchors>
                        </Texture>
                    </Layer>
                </Layers>
                <HighlightTexture alphaMode="ADD" file="Interface\Minimap\UI-Minimap-ZoomButton-Highlight">
                    <Size x="20" y="20"/>
                    <Anchors>
                        <Anchor point="CENTER" x="-1" y="1"/>
                    </Anchors>
                </HighlightTexture>
            </Button>
            <!--MAIN SCROLL FRAME-->
            <ScrollFrame name="$parentScrollFrame" inherits="ViragDevToolScrollFrameTemplate" parentKey="scrollFrame">
                <Anchors>
                    <Anchor point="TOP" relativeTo="$parentToggleSideBarButton" relativePoint="BOTTOM" y="-5"/>
                    <Anchor point="BOTTOM" relativeTo="$parentFNCallLabelButton" relativePoint="TOP" y="5"/>
                </Anchors>
            </ScrollFrame>

            <!--TABLE ROW RESIZER BUTTON -->
            <Button name="$parentColumnResizeButton" parentKey="columnResizer">
                <Size x="15" y="15"/>

                <Scripts>
                    <OnLoad>
                        -- self:SetFrameStrata("HIGH")
                        self:RegisterForDrag("LeftButton");
                    </OnLoad>
                    <OnEnter>
                        self:SetMovable(true)
                        self:EnableMouse(true)
                    </OnEnter>
                    <OnDragStart>
                        self:SetButtonState("PUSHED", false);
                        self.isMoving = true
                        self:StartMoving()
                    </OnDragStart>
                    <OnUpdate>
                        self:GetPoint()
                        if self.isMoving then
                            ViragDevTool:DragResizeColumn(self)
                        end
                    </OnUpdate>

                    <OnDragStop>
                        self:SetButtonState("NORMAL", false);
                        self:StopMovingOrSizing();
                        ViragDevTool:DragResizeColumn(self)
                        self.isMoving = false
                    </OnDragStop>

                </Scripts>

                <NormalTexture>
                    <Anchors>
                        <Anchor point="TOPRIGHT" x="-6"/>
                        <Anchor point="BOTTOMLEFT" x="6" y="5"/>
                    </Anchors>
                    <Color r="0" g="0.5" b="0" a="0.7"/>
                </NormalTexture>

                <HighlightTexture alphaMode="ADD">
                    <Anchors>
                        <Anchor point="TOPRIGHT" x="-4"/>
                        <Anchor point="BOTTOMLEFT" x="4" y="0"/>
                    </Anchors>
                    <Color r="0" g="0.3" b="0" a="0.8"/>

                </HighlightTexture>
                <PushedTexture alphaMode="ADD">
                    <Anchors>
                        <Anchor point="TOPRIGHT" x="-4"/>
                        <Anchor point="BOTTOMLEFT" x="4" y="0"/>
                    </Anchors>
                    <Color r="0" g="0.3" b="0" a="0.8"/>

                </PushedTexture>
            </Button>

            <!--*********************************************************************************************************
                                                        SIDEBAR
            *********************************************************************************************************-->

            <Frame name="$parentSideBar" inherits="ViragDevToolFrameTemplate" enableMouse="true" parentKey="sideFrame"
                   hidden="true">
                <Size x="320"/>
                <Anchors>
                    <Anchor point="TOP"/>
                    <Anchor point="BOTTOM"/>
                    <Anchor point="RIGHT" relativeTo="$parent" relativePoint="LEFT"/>
                </Anchors>
                <Scripts>
                    <OnLoad>
                        self:RegisterForDrag("LeftButton");
                    </OnLoad>
                    <OnDragStart>
                        self:GetParent():StartMoving()
                    </OnDragStart>
                    <OnDragStop>
                        self:GetParent():StopMovingOrSizing();
                    </OnDragStop>
                </Scripts>
                <Frames>
                    <!--HISTORY TAB BUTTON-->
                    <CheckButton text="/vdt history" name="$parentHistoryButton" inherits="ViragDevToolButtonTemplate"
                                 parentKey="history">
                        <Anchors>
                            <Anchor point="TOPLEFT" y="-5" x="5"/>
                        </Anchors>
                        <Scripts>
                            <OnClick>
                                ViragDevTool:EnableSideBarTab("history")
                            </OnClick>
                        </Scripts>
                    </CheckButton>
                    <!--EVENTS TAB BUTTON-->
                    <CheckButton text="Events" name="$parentEventsButton" inherits="ViragDevToolButtonTemplate"
                                 parentKey="events">
                        <Anchors>
                            <Anchor point="LEFT" relativeTo="$parentHistoryButton" relativePoint="RIGHT" x="5"/>
                        </Anchors>
                        <Scripts>
                            <OnClick>
                                ViragDevTool:EnableSideBarTab("events")
                            </OnClick>
                        </Scripts>
                    </CheckButton>
                    <!--FUNCTION LOGGER TAB BUTTON-->
                    <CheckButton text="Fn Call Log" name="$parentLogButton" inherits="ViragDevToolButtonTemplate"
                                 parentKey="logs">
                        <Anchors>
                            <Anchor point="LEFT" relativeTo="$parentEventsButton" relativePoint="RIGHT" x="5"/>
                        </Anchors>
                        <Scripts>
                            <OnClick>
                                ViragDevTool:EnableSideBarTab("logs")
                            </OnClick>
                        </Scripts>
                    </CheckButton>
                    <!--SIDEBAR EDITBOX-->
                    <EditBox name="$parentTextArea" inherits="ViragDevToolEditBoxTemplate" autoFocus="false"
                             parentKey="editbox">
                        <Anchors>
                            <Anchor point="BOTTOMLEFT" y="5" x="10"/>
                            <Anchor point="RIGHT" x="-5"/>
                        </Anchors>

                        <Scripts>
                            <OnEnterPressed>
                                ViragDevTool:SubmitEditBoxSidebar()
                                self:SetText("")
                                self:ClearFocus();
                            </OnEnterPressed>
                            <OnEscapePressed>
                                self:ClearFocus();
                                self:SetText("")
                            </OnEscapePressed>
                        </Scripts>
                    </EditBox>
                    <!--SIDEBAR SCROLL FRAME-->
                    <ScrollFrame name="$parentScrollFrame" inherits="ViragDevToolScrollFrameTemplate"
                                 parentKey="sideScrollFrame">
                        <Anchors>
                            <Anchor point="TOP" relativeTo="$parentHistoryButton" relativePoint="BOTTOM" y="-5"/>
                            <Anchor point="BOTTOM" relativeTo="$parentTextArea" relativePoint="TOP" y="5"/>
                        </Anchors>
                    </ScrollFrame>
                </Frames>
            </Frame>
        </Frames>
    </Frame>


</Ui>