<?xml version="1.0" encoding="UTF-8" ?>
<Module>
    <ModulePrefs title="Subscriber" description="Subscriber">
        <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="../IsAnalytics_Gadget_Commons/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" />     

              <!-- 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>
              <script src="../IsAnalytics_Gadget_Commons/js/bootstrap-paginator.min.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>
              
              <!--Twitter typeahead-->
              <link rel="stylesheet" type="text/css" href="../IsAnalytics_Gadget_Commons/css/autocomplete.css" />
              <script src="../IsAnalytics_Gadget_Commons/js/typeahead.bundle.js"></script>

              <!-- Custom -->
              <script src="js/gadgetconf.js"></script>
              <script src="js/main.js"></script>

              <link rel="stylesheet" type="text/css" href="../IsAnalytics_Gadget_Commons/css/gadget.css" />
              <link rel="stylesheet" type="text/css" href="css/custom.css" />

              <!--Twitter typeahead-->
              <script src="../IsAnalytics_Gadget_Commons/js/typeahead.bundle.js"></script>

            </head>
            <body class="bkWrapColor">

                  <ul class="nav nav-tabs" role="tablist" id="nav-tabs" style="height:20px;"><li>&nbsp;</li></ul>

                  <div class="tab-content" style="height:calc(100% - 81px); overflow: hidden;">
                        <div role="tabpanel" class="tab-pane active" id="home" style="height:100%">
                          <div class="successChart" style="height:50%">
                              <div id="canvasSuccess" style="height:calc(100% - 35px)"></div>
                              <div id="idSuccessPaginate" style="height:35px"></div>
                          </div>

                          <div class="failureChart" style="height:50%">
                              <div id="canvasFailure" style="height:calc(100% - 35px)"></div>
                              <div id="idFailurePaginate" style="height:35px"></div>
                          </div>
                        </div>
                        <div role="tabpanel" class="tab-pane" id="profile">

                        </div>
                  </div>
                  
                  <div style="height: 40px;">
                      <div class="form-group" id="autocomplete-search-box">
                          <div class="input-group">
                              <div class="input-group-btn input-wrap has-form-control-btn">
                                  <input class="typeahead typeahead-inverted" type="text" placeholder="Search..">
                              </div>
                              <div class="input-group-btn">
                                  <input type="button" id="remove-filter" value="X"/>
                                  <input type="button" id="add-filter" value="Add Filter"/>
                              </div>
                          </div>
                      </div>

                      <div class="residentIdp" style="display: none;"></div>
                  </div>

            </body>
        ]]>
    </Content>
</Module>