default: "<div ng-if=\"fsCtrl.feature && fsCtrl.type\">\n <div class=\"form-group\">\n <input\n ng-model=\"fsCtrl.getSetName\"\n ng-model-options=\"{getterSetter: true}\"\n ng-attr-placeholder=\"{{'Name' | translate}}\"\n class=\"form-control\"\n />\n </div>\n <div ng-if=\"fsCtrl.type !== 'Text'\" class=\"form-group\">\n <input\n id=\"gmf-featurestyle-showlabel-{{::fsCtrl.uid}}\"\n type=\"checkbox\"\n ng-model=\"fsCtrl.getSetShowLabel\"\n ng-model-options=\"{getterSetter: true}\"\n />\n <label ng-switch=\"fsCtrl.type\" for=\"gmf-featurestyle-showlabel-{{::fsCtrl.uid}}\" class=\"col-form-label\">\n {{'Display label' | translate}}\n </label>\n </div>\n <div ng-if=\"fsCtrl.type !== 'Text'\" class=\"form-group\">\n <input\n id=\"gmf-featurestyle-showmeasure-{{::fsCtrl.uid}}\"\n type=\"checkbox\"\n ng-model=\"fsCtrl.getSetShowMeasure\"\n ng-model-options=\"{getterSetter: true}\"\n />\n <label ng-switch=\"fsCtrl.type\" for=\"gmf-featurestyle-showmeasure-{{::fsCtrl.uid}}\" class=\"col-form-label\">\n <span ng-switch-when=\"Circle\"> {{'Display azimuth and radius' | translate}} </span>\n <span ng-switch-when=\"Polygon\"> {{'Display surface' | translate}} </span>\n <span ng-switch-when=\"Rectangle\"> {{'Display surface' | translate}} </span>\n <span ng-switch-when=\"LineString\"> {{'Display length' | translate}} </span>\n <span ng-switch-when=\"Point\"> {{'Display coordinates' | translate}} </span>\n </label>\n <em class=\"text-muted\"> ({{ fsCtrl.measure }}) </em>\n </div>\n\n <div class=\"form-group\">\n <div ngeo-colorpicker=\"\" ngeo-colorpicker-color=\"fsCtrl.color\"></div>\n </div>\n\n <div ng-if=\"fsCtrl.type === 'Point'\" class=\"form-group\">\n <div class=\"row\">\n <label class=\"col-form-label col-md-5\">{{'Size' | translate}}</label>\n <div class=\"col-md-7\">\n <input\n type=\"range\"\n class=\"form-control\"\n min=\"3\"\n max=\"20\"\n step=\"1\"\n ng-model=\"fsCtrl.getSetSize\"\n ng-model-options=\"{getterSetter: true}\"\n />\n </div>\n </div>\n </div>\n\n <div ng-if=\"fsCtrl.type === 'Text'\" class=\"form-group\">\n <div class=\"row\">\n <label class=\"col-form-label col-md-5\">{{'Size' | translate}}</label>\n <div class=\"col-md-7\">\n <input\n type=\"range\"\n class=\"form-control\"\n min=\"8\"\n max=\"30\"\n step=\"1\"\n ng-model=\"fsCtrl.getSetSize\"\n ng-model-options=\"{getterSetter: true}\"\n />\n </div>\n </div>\n </div>\n\n <div\n ng-if=\"fsCtrl.type === 'Circle' || fsCtrl.type === 'LineString' || fsCtrl.type === 'Polygon' || fsCtrl.type === 'Rectangle'\"\n class=\"form-group\"\n >\n <div class=\"row\">\n <label class=\"col-form-label col-md-5\">{{'Stroke' | translate}}</label>\n <div class=\"col-md-7\">\n <input\n type=\"range\"\n class=\"form-control\"\n min=\"0.5\"\n max=\"5\"\n step=\"0.5\"\n ng-model=\"fsCtrl.getSetStroke\"\n ng-model-options=\"{getterSetter: true}\"\n />\n </div>\n </div>\n </div>\n\n <div ng-if=\"fsCtrl.type === 'LineString'\">\n <div class=\"form-group\">\n <div class=\"row\">\n <label class=\"col-form-label col-md-5\">{{'Arrow direction' | translate}}</label>\n <div class=\"col-md-7\">\n <select\n class=\"form-control\"\n ng-model=\"fsCtrl.getSetArrowDirection\"\n ng-model-options=\"{getterSetter: true}\"\n >\n <option value=\"{{::fsCtrl.arrowDirections.NONE}}\">{{'None' | translate}}</option>\n <option value=\"{{::fsCtrl.arrowDirections.FORWARD}}\">{{'Forward' | translate}}</option>\n <option value=\"{{::fsCtrl.arrowDirections.BACKWARD}}\">{{'Backward' | translate}}</option>\n <option value=\"{{::fsCtrl.arrowDirections.BOTH}}\">{{'Both' | translate}}</option>\n </select>\n </div>\n </div>\n </div>\n <div class=\"form-group\">\n <div class=\"row\">\n <label class=\"col-md-5\">{{'Arrow position' | translate}}</label>\n <div class=\"col-md-7\">\n <select\n class=\"form-control\"\n ng-disabled=\"fsCtrl.getSetArrowDirection() === 'none'\"\n ng-model=\"fsCtrl.getSetArrowPosition\"\n ng-model-options=\"{getterSetter: true}\"\n >\n <option value=\"{{::fsCtrl.arrowPositions.FIRST}}\">{{'First segment' | translate}}</option>\n <option value=\"{{::fsCtrl.arrowPositions.LAST}}\">{{'Last segment' | translate}}</option>\n <option value=\"{{::fsCtrl.arrowPositions.EVERY}}\">{{'Every segment' | translate}}</option>\n </select>\n </div>\n </div>\n </div>\n </div>\n\n <div\n ng-if=\"fsCtrl.type === 'Circle' || fsCtrl.type === 'Polygon' || fsCtrl.type === 'Rectangle'\"\n class=\"form-group\"\n >\n <div class=\"row\">\n <label class=\"col-form-label col-md-5\">{{'Opacity' | translate}}</label>\n <div class=\"col-md-7\">\n <input\n type=\"range\"\n class=\"form-control\"\n min=\"0\"\n max=\"1\"\n step=\"0.05\"\n ng-model=\"fsCtrl.getSetOpacity\"\n ng-model-options=\"{getterSetter: true}\"\n />\n </div>\n </div>\n </div>\n\n <div ng-if=\"fsCtrl.type === 'Text'\" class=\"form-group\">\n <div class=\"row\">\n <label class=\"col-form-label col-md-5\">{{'Angle' | translate}}</label>\n <div class=\"col-md-7\">\n <input\n type=\"range\"\n class=\"form-control\"\n min=\"-180\"\n max=\"180\"\n step=\"22.5\"\n ng-model=\"fsCtrl.getSetAngle\"\n ng-model-options=\"{getterSetter: true}\"\n />\n </div>\n </div>\n </div>\n</div>"