<script type="text/ng-template" id="view-mapping-template.html"> <div class="modal-header"> <span class="close" data-dismiss="modal" aria-hidden="true" ng-click="hidePopPanel()">×</span> <h4 class="modal-title">{{'MakeandModelMappingRelationship' | translate}}</h4> </div> <div class="modal-body"> <div class="btn-row"> <button type="button" atms-permission permission-code="{{$root.vatPermission.outputInvoice.mappingConfig.editCode}}" class="btn btn-add" ng-click="addMapping()"> <i class="material-icons" aria-hidden="true">add_circle_outline</i> <span> {{'Add' | translate}}</span> </button> <button type="button" atms-permission permission-code="{{$root.vatPermission.outputInvoice.mappingConfig.editCode}}" class="btn btn-edit" ng-click="editMapping()"> <i class="material-icons" aria-hidden="true">mode_edit</i> <span> {{'Edit' | translate}}</span> </button> <button type="button" atms-permission permission-code="{{$root.vatPermission.outputInvoice.mappingConfig.editCode}}" class="btn btn-delete" ng-click="deleteMapping()"> <i class="fa fa-trash" aria-hidden="true"></i> <span> {{'Delete' | translate}}</span> </button> </div> <div> <div id="gridMappingContainer" dx-data-grid="dataMappingGridOptions"></div> </div> </div> <!--<div class="modal-footer"> <button ng-click="hidePopPanel();" class="btn btn-primary btn-first">{{'ENConfirm' | translate}}</button> <button ng-click="hidePopPanel();" class="btn btn-primary btn-second">{{'ENCancel' | translate}}</button> </div>--> </script> <script type="text/ng-template" id="add-edit-mapping-template.html"> <div class="modal-header"> <span class="close" data-dismiss="modal" aria-hidden="true" ng-click="hidePopPanel()">×</span> <h4 class="modal-title">{{title | translate}}</h4> </div> <div class="modal-body"> <div class="form-group"> <label><span style="color:red;">*</span>{{'ModelSeriesName' | translate}}</label> <div class="form-control" id="modelSeriesName" dx-select-box="modelSeriesOption"></div> <!--<input type="text" ng-model="model.modelSeries" class="form-control" id="modelSeriesName">--> </div> <div class="form-group"> <label><span style="color:red;">*</span>{{'CabinConfigurationName' | translate}}</label> <div class="form-control" id="cabinConfigurationName" dx-select-box="cabinConfigurationOption"></div> <!--<input type="text" ng-model="model.cabinConfiguration" class="form-control" id="CabinConfigurationName">--> </div> <div class="form-group"> <label><span style="color:red;">*</span>{{'MakeAndModelName' | translate}}</label> <input type="text" ng-model="model.makeAndModel" class="form-control" id="MakeAndModelName" placeholder="{{'InputMakeModel'|translate}}" maxlength="255"> </div> <div class="form-group"> <label>{{'CategoryName' | translate}}</label> <input type="text" ng-model="model.category" class="form-control" id="CategoryName" placeholder="{{'InputCategoryName'|translate}}" readonly> </div> <div class="modal-footer"> <button ng-click="saveModel();" class="btn btn-tesla-confirm btn-first">{{'ENConfirm' | translate}}</button> <button ng-click="hidePopPanel();" class="btn btn-tesla-cancel btn-second">{{'ENCancel' | translate}}</button> </div> </div> </script>