<?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="Unsecured Devices"
                 author="WSO2 Gadget Server"
                 scrolling="false"
                 tags="stack,chart,data,visualization"
                 description="EMM Unsecured Devices">
        <Require feature="pubsub-2"/>
        <Require feature="dynamic-height" />
        <Require feature="dynamic-width" />
        <Require feature="wso2-gadgets-remoteClient" />
    </ModulePrefs>
    <Content type="html">
        <![CDATA[
        <html>
            <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="../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>
                <div class="clearfix items-group">
                    <div id="NON_COMPLIANT" class="col-6 group-item">
                        <div>
                            <h1 id="non-compliant-count" class="text-center text-success">0</h1>
                            <h5 class="text-center">
                                <span class="icon fw fw-stack">
                                    <i class="fw fw-policy fw-stack-1x"></i>
                                    <i class="fw fw-block fw-stack-2x"></i>
                                </span>
                                &nbsp;Non-compliant
                            </h5>
                        </div>
                    </div>
                    <div id="UNMONITORED" class="col-6 group-item">
                        <div>
                            <h1 id="unmonitored-count" class="text-center text-success">0</h1>
                            <h5 class="text-center">
                                <span class="icon fw fw-stack">
                                    <i class="fw fw-mobile fw-stack-1x"></i>
                                    <i class="fw fw-block fw-stack-2x"></i>
                                </span>
                                &nbsp;Unmonitored
                            </h5>
                        </div>
                    </div>
                </div>
            </body>
        </html>
        ]]>
    </Content>
</Module>
