insert.html

<div class="basic-tools-insert-container basic-tools-dropdown-menu form-group-xxs">

    <div id="vmap-insert-tool"></div>

    <!--selecteur d'objet métier-->
    <div class="padding-sides-10 margin-10" ng-show="vmapScope.sizeOf(aInsertableBOs) > 0">
        <div id="select-insert-layer-dropdown-button-group" class="btn-group width-100">
            <label class="control-label text-center">Créer un objet</label>
            <select id="{{:refresh:field.id}}"
                    class="form-control"
                    ng-model="selectedBoId">
                <option value=""></option>
                <option ng-repeat="bo in aInsertableBOs" ng-value="bo.bo_id">{{::bo['bo_title']}}</option>
            </select>
        </div>
    </div>
    <div ng-show="!vmapScope.sizeOf(aInsertableBOs) > 0">
        <label class="margin-10 margin-sides-10">
            Aucun objet métier ou pas de droits en insertion
        </label>
    </div>

    <div ng-show="selectedBoId">
        <!--Boutons de dessin-->
        <div ng-show="oInsertObject.sGeomColumn !== null">
            <div class="hr-gray margin-10"></div>

            <div class="btn-group btn-block" style="text-align: center; padding: 0px 8px;">
                <button type="button"
                        class="btn btn-sm btn-info"
                        style="width: 80%"
                        ng-class="{'white color-gray': ctrl.currentAction === 'basicTools-insert-insertPoint' || ctrl.currentAction === 'basicTools-insert-insertLineString' || ctrl.currentAction === 'basicTools-insert-insertPolygon' || ctrl.currentAction === 'basicTools-insert-insertCircle'}"
                        ng-click="ctrl.addPartGeomType !== '' ? ctrl.startInsertion('insert' + ctrl.addPartGeomType, ctrl.currentAction === 'basicTools-insert-insert' + ctrl.addPartGeomType) : angular.noop">
                    Ajouter une partie
                </button>
                <button type="button"
                        class="btn btn-sm btn-default dropdown-toggle"
                        style="width: 20%"
                        data-toggle="dropdown"
                        aria-haspopup="true"
                        aria-expanded="false">
                    <span class="caret" ng-show="oInsertObject.sGeomType === 'GEOMETRYCOLLECTION' || oInsertObject.sGeomType === 'GEOMETRY' && ctrl.addPartGeomType === ''"></span>
                    <span class="icon-point" ng-show="ctrl.addPartGeomType === 'Point'"></span>
                    <span class="icon-line" ng-show="ctrl.addPartGeomType === 'LineString'"></span>
                    <span class="icon-polygon" ng-show="ctrl.addPartGeomType === 'Polygon'"></span>
                    <span class="icon-circle" ng-show="ctrl.addPartGeomType === 'Circle'"></span>
                </button>
                <ul class="dropdown-menu">
                    <li><a href="javascript:void(0)"
                           ng-show="oInsertObject.sGeomType === 'GEOMETRYCOLLECTION' || oInsertObject.sGeomType === 'GEOMETRY' || oInsertObject.sGeomType === 'POINT' || oInsertObject.sGeomType === 'MULTIPOINT'"
                           ng-click="ctrl.addPartGeomType = 'Point'; ctrl.startInsertion('insertPoint', false)">
                            <span class="icon-point"></span> Point
                        </a></li>
                    <li><a href="javascript:void(0)"
                           ng-show="oInsertObject.sGeomType === 'GEOMETRYCOLLECTION' || oInsertObject.sGeomType === 'GEOMETRY' || oInsertObject.sGeomType === 'LINESTRING' || oInsertObject.sGeomType === 'MULTILINESTRING'"
                           ng-click="ctrl.addPartGeomType = 'LineString'; ctrl.startInsertion('insertLineString', false)">
                            <span class="icon-line"></span> Ligne
                        </a></li>
                    <li><a href="javascript:void(0)"
                           ng-show="oInsertObject.sGeomType === 'GEOMETRYCOLLECTION' || oInsertObject.sGeomType === 'GEOMETRY' || oInsertObject.sGeomType === 'POLYGON' || oInsertObject.sGeomType === 'MULTIPOLYGON'"
                           ng-click="ctrl.addPartGeomType = 'Polygon'; ctrl.startInsertion('insertPolygon', false)">
                            <span class="icon-polygon"></span> Polygone
                        </a></li>
                    <li><a href="javascript:void(0)"
                           ng-show="oInsertObject.sGeomType === 'GEOMETRYCOLLECTION' || oInsertObject.sGeomType === 'GEOMETRY' || oInsertObject.sGeomType === 'POLYGON' || oInsertObject.sGeomType === 'MULTIPOLYGON'"
                           ng-click="ctrl.addPartGeomType = 'Circle'; ctrl.startInsertion('insertCircle', false)">
                            <span class="icon-circle"></span> Cercle
                        </a></li>
                </ul>
            </div>