wmsServiceTestsTpl.html

<div class="row wms-service-tests">
    <div data-app-wms-service-tests="" class="col-xs-12">
        <!-- Menu -->
        <ul class="nav nav-tabs" role="tablist">
            <li role="presentation" class="active">
                <a href="#wms_service_tests_get_capabilities" aria-controls="wms_service_tests_get_capabilities" role="tab" data-toggle="tab" ng-click="showWmsServiceGetCapabilities()">{{ 'TAB_TITLE_GETCAPABILITIES_VM4MS_WMS_SERVICE_TESTS' | translate }}
                    <button type="button" class="btn btn-primary btn-refresh-tab" aria-label="Left Align" ng-click="showWmsServiceGetCapabilities(true)">
                        <span class="glyphicon glyphicon-refresh" aria-hidden="true"></span>
                    </button>
                </a>
            </li>
            <li role="presentation">
                <a href="#wms_service_tests_wms_service_mapserver" aria-controls="wms_service_tests_wms_service_mapserver" role="tab" data-toggle="tab" ng-click="testWmsServiceWithMapServer()">{{ 'TAB_TITLE_TEST_WMS_SERVICE_MAP_SERVER_VM4MS_WMS_SERVICE_TESTS' | translate }}
                    <button type="button" class="btn btn-primary btn-refresh-tab" aria-label="Left Align" ng-click="testWmsServiceWithMapServer(true)">
                        <span class="glyphicon glyphicon-refresh" aria-hidden="true"></span>
                    </button>
                </a>
            </li>
            <li role="presentation">
                <a href="#wms_service_tests_wms_service_ol" aria-controls="wms_service_tests_wms_service_ol" role="tab" data-toggle="tab" ng-click="testWmsServiceWithOpenLayers()">{{ 'TAB_TITLE_TEST_WMS_SERVICE_OL3_VM4MS_WMS_SERVICE_TESTS' | translate }}
                    <button type="button" class="btn btn-primary btn-refresh-tab" aria-label="Left Align" ng-click="testWmsServiceWithOpenLayers(true)">
                        <span class="glyphicon glyphicon-refresh" aria-hidden="true"></span>
                    </button>
                </a>
            </li>
            <li role="presentation">
                <a href="#wms_service_tests_wms_service_log" aria-controls="wms_service_tests_wms_service_log" role="tab" data-toggle="tab" ng-click="loadWmsServiceMapServerLog()">{{ 'TAB_TITLE_MAPSERVER_LOG_VM4MS_WMS_SERVICE_TESTS' | translate }}
                    <button type="button" class="btn btn-primary btn-refresh-tab" aria-label="Left Align" ng-click="loadWmsServiceMapServerLog(true)">
                        <span class="glyphicon glyphicon-refresh" aria-hidden="true"></span>
                    </button>
                </a>
            </li>
            <li role="presentation">
                <a href="#wms_service_tests_wms_service_map_file" aria-controls="wms_service_tests_wms_service_map_file" role="tab" data-toggle="tab" ng-click="loadWmsServiceMapFile()">{{ 'TAB_TITLE_MAP_FILE_VM4MS_WMS_SERVICE_TESTS' | translate }}
                    <button type="button" class="btn btn-primary btn-refresh-tab" aria-label="Left Align" ng-click="loadWmsServiceMapFile(true)">
                        <span class="glyphicon glyphicon-refresh" aria-hidden="true"></span>
                    </button>
                </a>
            </li>
        </ul>
        <!-- Onglets -->
        <div class="tab-content">
            <div role="tabpanel" class="tab-pane active" id="wms_service_tests_get_capabilities">
                <textarea id="wms_service_tests_get_capabilities_textarea"></textarea>
            </div>
            <div role="tabpanel" class="tab-pane" id="wms_service_tests_wms_service_mapserver">
                <iframe src="" id="wms_service_tests_wms_service_ms_iframe"></iframe>
            </div>
            <div role="tabpanel" class="tab-pane" id="wms_service_tests_wms_service_ol">
                <div id="wms_service_tests_wms_service_ol_map"></div>
            </div>
            <div role="tabpanel" class="tab-pane wms_service-mapserver-log" id="wms_service_tests_wms_service_log">
                <textarea id="wms_service_tests_wms_service_log_textarea" readonly>{{aWmsServiceTestTabs.mapserver_log.file_content}}</textarea>
            </div>
            <div role="tabpanel" class="tab-pane wms_service-mapserver-map_file" id="wms_service_tests_wms_service_map_file">
                <textarea id="wms_service_tests_wms_service_map_file_textarea"></textarea>
            </div>
        </div>
        <!-- Modale de sélection de couches -->
        <div class="modal fade" id="wms_service_tests_layer_select_modal" role="dialog">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                        <h4 class="modal-title">{{ 'TAB_TITLE_MAPSERVER_LAYERS_VM4MS_WMS_SERVICE_TESTS' | translate }}</h4>
                    </div>
                    <div class="modal-body">                
                        <!-- Checkbox visible -->
                        <div class="checkbox checkbox-info text-right">
                            <input id="wms_service_tests_all_layers_checkbox" 
                                   type="checkbox" 
                                   style="cursor:pointer; position: absolute" 
                                   title="Definit si la couche est visible"
                                   ng-checked="aMSTestLayers.length === oGetCapabilities.json.Capability.Layer.Layer.length" 
                                   ng-click="aMSTestLayers.length === oGetCapabilities.json.Capability.Layer.Layer.length ? aMSTestLayers.length = 0 : testWmsServiceSelectAllLayers()">
                            <label for="wms_service_tests_all_layers_checkbox" style="cursor:pointer" title=""></label>
                        </div> 
                        <ul class="form-map-layertree-ul">
                            <li ng-repeat="oLayer in oGetCapabilities.json.Capability.Layer.Layer | orderBy: 'Title'" class="margin-3">
                                <div class="list-group-item auto-height">
                                    <span class="font-11 layer-name layer-name-tree" ng-attr-title="{{oLayer.Title}}">{{oLayer.Title}}</span>                     
                                    <!-- Checkbox visible -->
                                    <div class="checkbox checkbox-info inline-checkbox">
                                        <input id="{{oLayer.Name}}_wms_service_tests_layer_checkbox" 
                                               type="checkbox" 
                                               style="cursor:pointer; position: absolute" 
                                               title="Definit si la couche est visible"
                                               ng-checked="aMSTestLayers.indexOf(oLayer.Name) !== -1" 
                                               ng-click="aMSTestLayers.indexOf(oLayer.Name) === -1 ? aMSTestLayers.push(oLayer.Name) : aMSTestLayers.splice(aMSTestLayers.indexOf(oLayer.Name), 1)">
                                        <label for="{{oLayer.Name}}_wms_service_tests_layer_checkbox" style="cursor:pointer" title="Definit si la couche est visible"></label>
                                    </div> 
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="modal-footer">
                        <!--<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>-->
                        <button type="button" class="btn btn-primary" ng-click="testWmsServiceSelectedLayersWithMapServer(aMSTestLayers)">Ok</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="row wms-service-tests-connection-form">
    <div data-app-wms-service-tests-connection-form="" class="col-xs-12">
    </div>
</div>