default: "<div class=\"main-button\">\n <span ng-if=\"!$ctrl.hasData()\">\n <div class=\"no-data fas fa-arrow-circle-down\" ng-click=\"$ctrl.toggleViewExtentSelection()\"></div>\n </span>\n <span ng-if=\"$ctrl.hasData()\">\n <div class=\"with-data fas fa-arrow-circle-down\" ng-click=\"$ctrl.showMenu()\"></div>\n </span>\n</div>\n\n<div\n ng-if=\"$ctrl.selectingExtent && !$ctrl.networkStatus.isDisconnected()\"\n class=\"validate-extent btn btn-primary\"\n>\n <div ng-if=\"!$ctrl.downloading\" ng-click=\"$ctrl.computeSizeAndDisplayAlertLoadData()\" translate>\n Save map\n </div>\n <div ng-if=\"$ctrl.downloading\" ng-click=\"$ctrl.askAbortDownload()\" translate>Abort</div>\n</div>\n\n<div ng-if=\"$ctrl.downloading\" class=\"in-progress\">\n <div>{{$ctrl.progressPercents}}%</div>\n</div>\n\n<ngeo-modal ng-model=\"$ctrl.menuDisplayed\">\n <div class=\"modal-header\">\n <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"{{'Close' | translate}}\">\n <span aria-hidden=\"true\">×</span>\n </button>\n <h4 class=\"modal-title\" translate>Offline map</h4>\n </div>\n <div class=\"modal-body\">\n <div ng-if=\"$ctrl.hasData()\">\n <button\n type=\"button\"\n class=\"extent-zoom btn btn-default\"\n ng-if=\"!$ctrl.offlineMode.isEnabled()\"\n ng-click=\"$ctrl.activateOfflineMode()\"\n translate\n >\n Activate offline mode\n </button>\n <button\n type=\"button\"\n class=\"extent-zoom btn btn-default\"\n ng-if=\"$ctrl.offlineMode.isEnabled() && !$ctrl.networkStatus.isDisconnected()\"\n ng-click=\"$ctrl.deactivateOfflineMode()\"\n translate\n >\n Deactivate offline mode\n </button>\n\n <button\n type=\"button\"\n class=\"extent-show btn btn-default\"\n ng-if=\"$ctrl.offlineMode.isEnabled()\"\n ng-click=\"$ctrl.toggleExtentVisibility()\"\n >\n <span ng-if=\"$ctrl.isExtentVisible()\" translate>Hide extent</span>\n <span ng-if=\"!$ctrl.isExtentVisible()\" translate>Show extent</span>\n </button>\n <button\n type=\"button\"\n class=\"delete btn btn-default\"\n ng-if=\"!$ctrl.networkStatus.isDisconnected()\"\n ng-click=\"$ctrl.displayAlertDestroyData = true\"\n translate\n >\n Delete data\n </button>\n </div>\n <div ng-if=\"!$ctrl.hasData() && !$ctrl.networkStatus.isDisconnected()\">\n <button\n type=\"button\"\n class=\"new-data btn btn-default\"\n ng-click=\"$ctrl.toggleViewExtentSelection()\"\n translate\n >\n Save new map\n </button>\n </div>\n </div>\n</ngeo-modal>\n\n<ngeo-modal ng-model=\"$ctrl.displayAlertLoadData\">\n <div class=\"modal-header\">\n <h4 class=\"modal-title\" translate>Warning</h4>\n </div>\n <div class=\"modal-body\">\n <p translate>\n ~{{$ctrl.estimatedLoadDataSize}}MB of maps will be downloaded (until scale 1:25'000) - Don't lock your\n device or navigate away from this site during the download process. Deactivate \"private\" mode of your\n browser.\n </p>\n <button\n type=\"button\"\n class=\"validate btn btn-primary\"\n data-dismiss=\"modal\"\n ng-click=\"$ctrl.validateExtent()\"\n translate\n >\n Ok\n </button>\n <button type=\"button\" class=\"delete btn btn-default\" data-dismiss=\"modal\" translate>Cancel</button>\n </div>\n</ngeo-modal>\n\n<ngeo-modal ng-model=\"$ctrl.displayAlertNoLayer\">\n <div class=\"modal-header\">\n <h4 class=\"modal-title\" translate>Warning</h4>\n </div>\n <div class=\"modal-body\">\n <p translate>No maps selected for saving.</p>\n <button type=\"button\" class=\"delete btn btn-default\" data-dismiss=\"modal\" translate>Ok</button>\n </div>\n</ngeo-modal>\n\n<ngeo-modal ng-model=\"$ctrl.displayAlertDestroyData\">\n <div class=\"modal-header\">\n <h4 class=\"modal-title\" translate>Warning</h4>\n </div>\n <div class=\"modal-body\">\n <p translate>Do you really want to remove your data ?</p>\n <button\n type=\"button\"\n class=\"validate btn btn-primary\"\n data-dismiss=\"modal\"\n ng-click=\"$ctrl.deleteData()\"\n translate\n >\n Ok\n </button>\n <button type=\"button\" class=\"delete btn btn-default\" data-dismiss=\"modal\" translate>Cancel</button>\n </div>\n</ngeo-modal>\n\n<ngeo-modal ng-model=\"$ctrl.displayAlertAbortDownload\">\n <div class=\"modal-header\">\n <h4 class=\"modal-title\" translate>Warning</h4>\n </div>\n <div class=\"modal-body\">\n <p translate>Do you really want to remove your data ?</p>\n <button\n type=\"button\"\n class=\"validate btn btn-primary\"\n data-dismiss=\"modal\"\n ng-click=\"$ctrl.abortDownload()\"\n translate\n >\n Ok\n </button>\n <button\n type=\"button\"\n class=\"delete btn btn-default\"\n data-dismiss=\"modal\"\n ng-click=\"$ctrl.followDownloadProgression_()\"\n translate\n >\n Cancel\n </button>\n </div>\n</ngeo-modal>"