{{getDisplayType(step)}} {{getDisplayName(step)}}
- Save with custom commit message
{{step.comment}}

</fieldset> <ul ng-if="step === currentStep" ng-class="{'visibility-hidden': !step.$isCommentEditorOpen && !showEditionToolbar}" class="scenario-comment-edition-toolbar" > <li ng-click="toggleCommentEditor(step)" ng-if="!step.$isCommentEditorOpen"> <i class="dku-icon-edit-16"></i> </li> <li ng-click="toggleCommentEditor(step)" ng-if="step.$isCommentEditorOpen"> <i class="dku-icon-save-16"></i> </li> <li ng-click="deleteComment(step)"> <i class="dku-icon-trash-16"></i> </li> </ul> </div> <div> <div class="scenario-comment-alwaysshow-label-div"> <label class="scenario-comment-alwaysshow-label" ng-if="shouldShowAlwaysShowCheckbox(step)"> <input type="checkbox" class="scenario-comment-alwaysshow-label-checkbox" ng-model='step.alwaysShowComment'/> <span class="scenario-comment-alwaysshow-label-span" translate="SHAKER.STEP.COMMENT.ALWAYS_SHOW">Always show comment</span> </label> </div> </div> <div ng-if="step === currentStep" class="text-right scenario-comment-footer-div"> <div class="scenario-comment-footer-info-div"> <a title="{{translate('SHAKER.STEP.ACTIONS.COMMENT', 'Comment')}}" class="scenario-comment-footer-info" ng-click="toggleCommentEditor(step)"> <i class="dku-icon-info-circle-fill-16"/> </a> </div> </div> </div> </li> </ul> </div> <div class="oa flex step-list center-children" ng-if="scenario.params.steps.length === 0"> <div class="empty-list-cta m0"> <p translate="SCENARIO.STEPS.MAIN.NO_STEP_YET">No step yet in this scenario</p> </div> </div>  <div class="add-step noflex" style="margin-bottom: 10px;" custom-element-popup cep-position="smart" close-on-click="false" on-show-callback="focusAddStepSearchBar"> <button ng-click="togglePopover()" class="mainzone btn btn--primary dropdown-toggle" style="width: 60%; font-size: 14px"> {{translate('SCENARIO.STEPS.MAIN.ADD_STEP', 'Add step')}} <i class="dku-icon-caret-up-16" style="position:absolute; right: 10px; font-size: 17px" /> </button> <ul class="popover custom-element-popup-popover dropdown-menu scenario__add-step-menu"> <li ng-repeat="item in ALL_STEPS | filterNewScenarioStepsOptions:queryString" ng-if="item.if === undefined || item.if" ng-class="{'nav-header' : item.isSection, 'divider' : item.divider, disabled: getDisabledMessage(item.type)}" > <span ng-if="item.isSection">{{item.label}}</span> <a ng-if="!item.isSection && !item.divider" toggle="tooltip" title="{{getDisabledMessage(item.type)}}" ng-click="!getDisabledMessage(item.type) && addStep(copyStep(item)) && hidePopover()"> {{item.label}} </a> </li> <li ng-repeat="result in displayedCustomPythonSteps | filterNewScenarioStepsOptions:queryString" ng-class="{'nav-header' : result.isSection, 'divider' : result.divider}"> <span ng-if="result.isSection" class="faic" href> <i class="{{result.icon | toModernIcon:16}}" /> {{result.label}}</span> <a ng-if="!result.isSection && !result.divider" ng-click="addStep({'type': result.desc.stepType, 'params' : {'config' : {}}}) && hidePopover()" class="faic"> <i class="{{result.icon | toModernIcon:16}}" /> {{result.label}} </a> </li> <div class="search-bar"> <basic-search-box ng-model="queryString"></basic-search-box> </div> </ul> </div> </div> </div> <div class="flex h100 oa step-editor-side" ng-class="{ 'center-children': currentStep === null }"> <div ng-if="currentStep === null && scenario.params.steps.length === 0" class="empty-list-cta m0"> <h1 translate="SCENARIO.STEPS.MAIN.CONFIGURE_SCENARIO">Configure this scenario</h1> <p translate="SCENARIO.STEPS.MAIN.ADD_NEW_STEP">Add a new step</p> </div> <div ng-if="currentStep === null && scenario.params.steps.length !== 0" class="empty-list-cta m0"> <h1 translate="SCENARIO.STEPS.MAIN.SELECT_STEP">Select a step</h1> </div> <div ng-if="currentStep != null" class="step-editor {{currentStep.type}}"> <div edit-step="currentStep"></div> </div> </div> </div> </div>