<?xml version="1.0" encoding="UTF-8" ?>
<Module>
    <ModulePrefs title="Publisher" description="Publisher">
        <Require feature="pubsub-2"/>
        <Require feature="dynamic-height"/>        
        <Require feature="setprefs"/>
    </ModulePrefs>
    <UserPref name="role" display_name="Gadet Role" required="true" />
    <Content type="html">
        <![CDATA[
        <head>
            <!-- Theme -->
            <link rel="stylesheet" type="text/css" href="/portal/libs/bootstrap_3.3.5/css/bootstrap.min.css" />
            <link rel="stylesheet" type="text/css" href="/portal/libs/font-wso2_1.0.0/css/font-wso2.min.css" />
            <link rel="stylesheet" type="text/css" href="/portal/libs/theme-wso2_1.0/css/theme-wso2.css" />
            <link rel="stylesheet" type="text/css" href="../IsAnalytics_Gadget_Commons/css/gadget.css" />
            <!-- jQuery -->
            <script src="../IsAnalytics_Gadget_Commons/js/jquery-1.10.2.js"></script>
            <script src="../IsAnalytics_Gadget_Commons/js/moment.min.js"></script>
            <script src="../IsAnalytics_Gadget_Commons/js/gadget-utils.js"></script>
            <!-- Include VizGrammar -->
            <script src="../IsAnalytics_Gadget_Commons/js/d3.min.js"></script>
            <script src="../IsAnalytics_Gadget_Commons/js/vega.js"></script>
            <script src="../IsAnalytics_Gadget_Commons/js/VizGrammar.min.js"></script>
            <script src="/portal/extensions/themes/analytics/js/colorbrewer.js"></script>
            <script src="/portal/extensions/themes/analytics/js/VizGrammarSettings.js"></script>
            <!-- Custom -->
            <link rel="stylesheet" type="text/css" href="css/custom.css" />
            <script src="js/gadgetconf.js"></script>
            <script src="js/main.js"></script>
        </head>
        <body>
            <div class="row no-gutter">
                <div class="col-10">
                    <span class="fw fw-stack" id="back" data-toggle="tooltip" title="Previous Time Range">
                        <i class="fw fw-left-arrow fw-stack-1x"></i>
                        <i class="fw fw-circle-outline fw-stack-2x"></i>
                    </span>
                    <div id="canvas" style="height:90%;"></div>
                </div>
                <div class="col-2 stats-total add-padding-top-5x">
                    <h4 style="text-align: center;">ACTIVE SESSIONS</h4>
                    <h1 id="active-session-count" style="text-align: center;">0</h1>
                </div>                
            </div>
        </body>
        ]]>
    </Content>
</Module>