<div class="aside" tabindex="-1" role="dialog">
    <div class="aside-dialog">
        <div class="aside-content">
            <div class="aside-body">
                <div ng-if="activeAnnotationTool && activeAnnotationTool.graphic">
                    <div class="row">
                        <div class="btn-group pull-right" style="padding-right: 15px;" ng-model="activeAnnotationTool.graphic.styleMode" ng-click="switchPolygonSymbolMode(activeAnnotationTool)" bs-radio-group>
                            <label class="btn btn-default"><input type="radio" class="btn btn-default" value="SYMBOL">
                                <translate>mapannotations.tools.common.simplemode</translate>
                            </label>
                            <label class="btn btn-default"><input type="radio" class="btn btn-default" value="HASH">
                                <translate>mapannotations.tools.polygon.advancedmode</translate>
                            </label>
                        </div>
                    </div><!-- /.row -->
                    <div ng-if="activeAnnotationTool.graphic.styleMode == 'SYMBOL'">
                        <div nojointure="true" 
                            nounite="true"
                            sld-polygon-symbolizer
                            component="activeAnnotationTool.graphic"
                            isannotation="true">
                        </div>
                        <div ng-hide="activeAnnotationTool.graphic.styleMode == 'HASH'" class="col-xs-12">
                        <label><translate>model.styles.editor.symbolizers.opacity</translate> - <b>{{ activeAnnotationTool.graphic.opacity}} %</b></label>
                        <div range-slider
                             min="0"
                             max="100"
                             model-max="activeAnnotationTool.graphic.opacity"
                             pin-handle="min"
                             class="lightslider"></div>
                        </div>
                    </div>
                    <div ng-if="activeAnnotationTool.graphic.styleMode == 'HASH'">
                        <div  nojointure="true" nounite="true" 
                            sld-polygon-symbolizer
                            component="activeAnnotationTool.graphic"
                            isannotation="true"
                            usehash="true">
                        </div>
                    </div>
                    <div class = "row" style = "margin-top:20px">

                    <div class="col-sm-3"></div>
                        <div class = "col-sm-6">
                          <button type= "button" class ="btn btn-danger" ng-click ="activeAnnotationTool.closingSidePanel=true; activeAnnotationTool.aside.hide();"><translate>common.close</translate></button>
                        </div>
                    </div>  
                    
                   
        </div>
    </div>
</div>