<?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="Connectivity Status"
                 author="WSO2 Gadget Server"
                 scrolling="false"
                 tags="stack,chart,data,visualization"
                 description="EMM Device Connectivity Status">
        <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>Connectivity Status</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.min.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/bootstrap-paginator.min.js"></script>
                <script src="js/topojson.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>
                <h4 class="add-padding-left-5x add-padding-top-3x add-padding-right-5x">
                    <div id="header-msg">
                        <span id="header-msg-count" class="label label-success label-zero">0</span>
                        &nbsp; <span id="header-msg-text">non-compliant features found.<span>
                    </div>
                    <hr>
                </h4>
                <div id="chart" class="hidden"></div>
                <div id="pagination-view" class="add-padding-left-5x add-padding-top-5x add-padding-right-5x hidden">
                    <div class="form-inline">
                        <div class="form-group clearfix">
                            <div class="pull-left">
                                <label for="input-name" class="control-label">Show&nbsp;</label>
                                <select id="paginationNumber" class="form-control" onChange="bc.changePaginationNumber(this.value);">
                                    <option value=5>5</option>
                                    <option value=10>10</option>
                                    <option value=15>15</option>
                                    <option value=20>20</option>
                                </select>
                                &nbsp;features
                            </div>
                            <div class="pull-right">
                                <div id="idPaginate"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <span id="body-msg-for-compliance" class="add-padding-left-5x add-padding-right-5x hidden">
                    All devices (if any) with assigned policies are currently intact.
                <span>
            </body>
        </html>
        ]]>
    </Content>
</Module>
