<?xml version="1.0" encoding="UTF-8" ?>
<!--
  ~ Copyright (c)  2016, WSO2 Inc. (http://www.wso2.org) All Rights Reserved.
  ~
  ~ WSO2 Inc. licenses this file to you under the Apache License,
  ~ Version 2.0 (the "License"); you may not use this file except
  ~ in compliance with the License.
  ~ You may obtain a copy of the License at
  ~
  ~     http://www.apache.org/licenses/LICENSE-2.0
  ~
  ~ Unless required by applicable law or agreed to in writing,
  ~ software distributed under the License is distributed on an
  ~ "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
  ~ KIND, either express or implied. See the License for the
  ~ specific language governing permissions and limitations
  ~ under the License.
  -->

<Module>
    <ModulePrefs title="Filter Groups"
                 author="WSO2 Gadget Server"
                 scrolling="false"
                 tags="stack,chart,data,visualization"
                 description="EMM Filter Groups">
        <Require feature="pubsub-2"/>
        <Require feature="dynamic-height" />
        <Require feature="dynamic-width" />
        <Require feature="wso2-gadgets-remoteClient" />
    </ModulePrefs>
    <Content type="html">
        <![CDATA[
        <html>
            <head>
                <meta charset="utf-8">
                <title>Filter Groups</title>

                <!-- 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="../commons/css/gadget.css" />

                <!-- jQuery -->
                <script src="../commons/js/jquery-1.10.2.js"></script>
                <script src="../commons/js/moment.min.js"></script>
                <script src="../commons/js/gadget-utils.js"></script>

                <!-- Include VizGrammar -->
                <script src="../commons/js/d3.min.js"></script>
                <script src="../commons/js/vega.js"></script>
<!--
                <script src="../commons/js/VizGrammar_2.js"></script>
                <script src="/portal/extensions/themes/analytics/js/colorbrewer.js"></script>
                <script src="/portal/extensions/themes/analytics/js/VizGrammarSettings.js"></script>
-->

                <!-- JS -->
                <script src="js/topojson.js"></script>
                <script src="js/vega.js"></script>
                <script src="js/VizGrammar_2.js"></script>
                <script src="js/VizGrammarSettings.js"></script>
                <script src="js/gadgetconf.js"></script>
                <script src="js/analyticsUtils.js"></script>
                <script src="js/main.js"></script>

                <!-- CSS -->
                <link rel="stylesheet" href="css/style.css" type="text/css"/>
            </head>
            <body style="margin-bottom: 0px;">
                <div id="chart" class="hidden"></div>
                <h4 id="header-msg-for-zero-devices" class="add-padding-left-5x add-padding-top-3x add-padding-right-5x hidden">
                    <div id="header-msg">
                        <i class="icon fw fw-info text-info" style="margin-bottom: 3px;"></i>
                        &nbsp;
                        <span id="header-msg-text">Found no devices in the system.<span>
                        <hr>
                    </div>
                </h4>
                <span id="body-msg-for-zero-devices" class="add-padding-left-5x add-padding-right-5x hidden">
                    Enroll at least one device to see device grouping statistics in action.
                <span>
            </body>
        </html>
        ]]>
    </Content>
</Module>

