<commit_before><div class="modal-header">
    <button type="button" class="close" ng-click="$dismiss()" aria-hidden="true">
        <span class="pficon pficon-close"></span>
    </button>
    <h4 class="modal-title" id="myModalLabel">{{vm.modalTitle}}</h4>
</div>
<div class="modal-body">

    <tabset id="blueprint-detail-tabs">
        <tab active="vm.tabs[0].active" heading="{{vm.tabs[0].title}}">
            <form name="genDetailsForm" id="genDetailsForm" class="form-horizontal">
                <div pf-form-group pf-label-class="col-sm-4" pf-input-class="col-sm-6"
                     pf-label="{{'Name'|translate}}"
                     required>
                    <input id="name" name="name"
                           ng-model="vm.modalData.resource.name" type="text" required/>
                </div>
                <div pf-form-group pf-label-class="col-sm-4" pf-input-class="col-sm-6"
                     pf-label="{{'Description'|translate}}">
                    <input id="desc" name="desc"
                           ng-model="vm.modalData.resource.description" type="text"/>
                </div>
                <div pf-form-group pf-label-class="col-sm-4" pf-input-class="col-sm-6"
                     pf-label="{{'Visibility'|translate}}"
                     required>
                    <select class="base-info-select"
                            ng-options="item as item.name for item in vm.visibilityOptions"
                            ng-model="vm.modalData.resource.visibility" required>
                    </select>
                </div>
                <div pf-form-group pf-label-class="col-sm-4 no-top" pf-input-class="col-sm-6"
                     pf-label="{{'Tags'|translate}}">
                       <tagging-widget tags="vm.tags"/>
                </div>
            </form>
        </tab>

        <tab active="vm.tabs[1].active" heading="{{vm.tabs[1].title}}">

            <form name="pubDetailsForm" id="pubDetailsForm" class="form-horizontal">
                <!-- could not use pf-form-group due to it's requirement that errors only display after fields are 'dirty' -->
                <div class="form-group" ng-class="{ 'has-error' : vm.isCatalogRequired() }">
                    <label for="catalog" class="control-label col-sm-4" translate>Catalog</label>

                    <div class="col-sm-6">
                        <select name="catalog" id="catalog" class="base-info-select base-info-select-lg form-control"
                                ng-options="item as item.name for item in vm.serviceCatalogs"
                                ng-model="vm.modalData.resource.catalog"
                                ng-required="vm.isCatalogRequired()">
                            <option value="" translate>Unassigned</option>
                        </select>
                          <span ng-show="pubDetailsForm.catalog.$error.required" class="help-block"
                                translate>Select a Catalog</span>
                        <button type="button" id="createCatalog" class="btn btn-default base-info-btn"
                                ng-click="vm.createCatalog()"
                                translate>Create Catalog
                        </button>
                    </div>
                </div>
                <div class="form-group" ng-class="{ 'has-error' : vm.isDialogRequired() }">
                    <label for="dialog" class="control-label col-sm-4" translate>Dialog</label>

                    <div class="col-sm-6">
                        <select name="dialog" id="dialog" class="base-info-select base-info-select-lg form-control"
                                ng-options="item as item.label for item in vm.serviceDialogs"
                                ng-model="vm.modalData.resource.dialog"
                                ng-required="vm.isDialogRequired()">
                            <option value="" translate>Select Dialog</option>
                        </select>
                          <span ng-show="pubDetailsForm.dialog.$error.required" class="help-block"
                                translate>Select a Dialog</span>
                    </div>
                </div>
            </form>
            <a id="advOpsHref" ng-click="vm.toggleAdvOps()" data-toggle="collapse" class="collapsed" translate>Advanced Options</a>

            <div id="advOps" class="collapse">
                <form novalidate name="advOptsForm" id="advOptsForm" class="form-horizontal">
                    <!-- could not use pf-form-group due to it's requirement that errors only display after fields are 'dirty' -->
                    <div class="form-group"
                         ng-class="{ 'has-error' : angular.isUndefined(vm.modalData.resource.provEP.value) || vm.modalData.resource.provEP.value.length === 0 }">
                        <label for="provEP" class="control-label col-sm-4" translate>Provisioning Entry Point</label>

                        <div class="col-sm-8">
                            <input name="provEP" id="provEP" class="entry-point-input form-control" name="provEP"
                                   type="text"
                                   ng-model="vm.modalData.resource.provEP.value" required/>
                            <button type="button" class="btn btn-default entry-point-btn"
                                    ng-click="vm.selectEntryPoint('provisioning')" translate>Browse
                            </button>
                            <a ng-click="vm.modalData.resource.provEP.value = ''"><span
                                    class="pficon pficon-close clear-entry-point"></span></a>
                            <span ng-show="advOptsForm.provEP.$error.required" class="help-block" translate>Please enter a Provisioning Entry Point</span>
                        </div>
                    </div>
                    <div pf-form-group pf-label-class="col-sm-4" pf-input-class="col-sm-8"
                         pf-label="{{'Reconfigure Entry Point'|translate}}">
                        <input id="reConfigEP" class="entry-point-input" name="reConfigEP" type="text"
                               ng-model="vm.modalData.resource.reConfigEP.value"/>
                        <button type="button" class="btn btn-default entry-point-btn"
                                ng-click="vm.selectEntryPoint('reconfigure')"
                                translate>Browse
                        </button>
                        <a ng-click="vm.modalData.resource.reConfigEP.value = ''"><span
                                class="pficon pficon-close clear-entry-point"></span></a>
                    </div>
                    <div pf-form-group pf-label-class="col-sm-4" pf-input-class="col-sm-8"
                         pf-label="{{'Retirement Entry Point'|translate}}">
                        <input id="retireEP" class="entry-point-input" name="retireEP" type="text"
                               ng-model="vm.modalData.resource.retireEP.value"/>
                        <button type="button" class="btn btn-default entry-point-btn"
                                ng-click="vm.selectEntryPoint('retirement')"
                                translate>Browse
                        </button>
                        <a ng-click="vm.modalData.resource.retireEP.value = ''"><span
                                class="pficon pficon-close clear-entry-point"></span></a>
                    </div>
                </form>
            </div>
        </tab>

        <tab active="vm.tabs[2].active" heading="{{vm.tabs[2].title}}" disable="vm.disableOrderListTabs()">
            <h4 translate>Rearrange Items to set Provision Order</h4>

            <div class="dnd-ordered-lists row">
                <!-- Main Order List -->
                <div class="col-md-12">
                    <div class="row">
                        <order-list list="vm.dndModels.provOrder.list"/>
                    </div>
                </div>
            </div>
        </tab>
        <tab active="vm.tabs[3].active" heading="{{vm.tabs[3].title}}"  disable="vm.disableOrderListTabs()">
            <h4 translate>Rearrange Items to set Action Order
                <input class="actionOrderCheckbox"
                       ng-model="vm.actionOrderEqualsProvOrder"
                       ng-change="vm.toggleActionEqualsProvOrder()"
                       type="checkbox"
                       ng-checked="vm.actionOrderEqualsProvOrder">
                <span class="actionOrderCheckboxTitle" translate>Same as Provision Order</span>
            </h4>

            <div class="dnd-ordered-lists row">
                <!-- Main Order List -->
                <div class="col-md-12"><commit_msg>Fix the translation not to include whole element with markup<commit_after><div class="modal-header">
    <button type="button" class="close" ng-click="$dismiss()" aria-hidden="true">
        <span class="pficon pficon-close"></span>
    </button>
    <h4 class="modal-title" id="myModalLabel">{{vm.modalTitle}}</h4>
</div>
<div class="modal-body">

    <tabset id="blueprint-detail-tabs">
        <tab active="vm.tabs[0].active" heading="{{vm.tabs[0].title}}">
            <form name="genDetailsForm" id="genDetailsForm" class="form-horizontal">
                <div pf-form-group pf-label-class="col-sm-4" pf-input-class="col-sm-6"
                     pf-label="{{'Name'|translate}}"
                     required>
                    <input id="name" name="name"
                           ng-model="vm.modalData.resource.name" type="text" required/>
                </div>
                <div pf-form-group pf-label-class="col-sm-4" pf-input-class="col-sm-6"
                     pf-label="{{'Description'|translate}}">
                    <input id="desc" name="desc"
                           ng-model="vm.modalData.resource.description" type="text"/>
                </div>
                <div pf-form-group pf-label-class="col-sm-4" pf-input-class="col-sm-6"
                     pf-label="{{'Visibility'|translate}}"
                     required>
                    <select class="base-info-select"
                            ng-options="item as item.name for item in vm.visibilityOptions"
                            ng-model="vm.modalData.resource.visibility" required>
                    </select>
                </div>
                <div pf-form-group pf-label-class="col-sm-4 no-top" pf-input-class="col-sm-6"
                     pf-label="{{'Tags'|translate}}">
                       <tagging-widget tags="vm.tags"/>
                </div>
            </form>
        </tab>

        <tab active="vm.tabs[1].active" heading="{{vm.tabs[1].title}}">

            <form name="pubDetailsForm" id="pubDetailsForm" class="form-horizontal">
                <!-- could not use pf-form-group due to it's requirement that errors only display after fields are 'dirty' -->
                <div class="form-group" ng-class="{ 'has-error' : vm.isCatalogRequired() }">
                    <label for="catalog" class="control-label col-sm-4" translate>Catalog</label>

                    <div class="col-sm-6">
                        <select name="catalog" id="catalog" class="base-info-select base-info-select-lg form-control"
                                ng-options="item as item.name for item in vm.serviceCatalogs"
                                ng-model="vm.modalData.resource.catalog"
                                ng-required="vm.isCatalogRequired()">
                            <option value="" translate>Unassigned</option>
                        </select>
                          <span ng-show="pubDetailsForm.catalog.$error.required" class="help-block"
                                translate>Select a Catalog</span>
                        <button type="button" id="createCatalog" class="btn btn-default base-info-btn"
                                ng-click="vm.createCatalog()"
                                translate>Create Catalog
                        </button>
                    </div>
                </div>
                <div class="form-group" ng-class="{ 'has-error' : vm.isDialogRequired() }">
                    <label for="dialog" class="control-label col-sm-4" translate>Dialog</label>

                    <div class="col-sm-6">
                        <select name="dialog" id="dialog" class="base-info-select base-info-select-lg form-control"
                                ng-options="item as item.label for item in vm.serviceDialogs"
                                ng-model="vm.modalData.resource.dialog"
                                ng-required="vm.isDialogRequired()">
                            <option value="" translate>Select Dialog</option>
                        </select>
                          <span ng-show="pubDetailsForm.dialog.$error.required" class="help-block"
                                translate>Select a Dialog</span>
                    </div>
                </div>
            </form>
            <a id="advOpsHref" ng-click="vm.toggleAdvOps()" data-toggle="collapse" class="collapsed" translate>Advanced Options</a>

            <div id="advOps" class="collapse">
                <form novalidate name="advOptsForm" id="advOptsForm" class="form-horizontal">
                    <!-- could not use pf-form-group due to it's requirement that errors only display after fields are 'dirty' -->
                    <div class="form-group"
                         ng-class="{ 'has-error' : angular.isUndefined(vm.modalData.resource.provEP.value) || vm.modalData.resource.provEP.value.length === 0 }">
                        <label for="provEP" class="control-label col-sm-4" translate>Provisioning Entry Point</label>

                        <div class="col-sm-8">
                            <input name="provEP" id="provEP" class="entry-point-input form-control" name="provEP"
                                   type="text"
                                   ng-model="vm.modalData.resource.provEP.value" required/>
                            <button type="button" class="btn btn-default entry-point-btn"
                                    ng-click="vm.selectEntryPoint('provisioning')" translate>Browse
                            </button>
                            <a ng-click="vm.modalData.resource.provEP.value = ''"><span
                                    class="pficon pficon-close clear-entry-point"></span></a>
                            <span ng-show="advOptsForm.provEP.$error.required" class="help-block" translate>Please enter a Provisioning Entry Point</span>
                        </div>
                    </div>
                    <div pf-form-group pf-label-class="col-sm-4" pf-input-class="col-sm-8"
                         pf-label="{{'Reconfigure Entry Point'|translate}}">
                        <input id="reConfigEP" class="entry-point-input" name="reConfigEP" type="text"
                               ng-model="vm.modalData.resource.reConfigEP.value"/>
                        <button type="button" class="btn btn-default entry-point-btn"
                                ng-click="vm.selectEntryPoint('reconfigure')"
                                translate>Browse
                        </button>
                        <a ng-click="vm.modalData.resource.reConfigEP.value = ''"><span
                                class="pficon pficon-close clear-entry-point"></span></a>
                    </div>
                    <div pf-form-group pf-label-class="col-sm-4" pf-input-class="col-sm-8"
                         pf-label="{{'Retirement Entry Point'|translate}}">
                        <input id="retireEP" class="entry-point-input" name="retireEP" type="text"
                               ng-model="vm.modalData.resource.retireEP.value"/>
                        <button type="button" class="btn btn-default entry-point-btn"
                                ng-click="vm.selectEntryPoint('retirement')"
                                translate>Browse
                        </button>
                        <a ng-click="vm.modalData.resource.retireEP.value = ''"><span
                                class="pficon pficon-close clear-entry-point"></span></a>
                    </div>
                </form>
            </div>
        </tab>

        <tab active="vm.tabs[2].active" heading="{{vm.tabs[2].title}}" disable="vm.disableOrderListTabs()">
            <h4 translate>Rearrange Items to set Provision Order</h4>

            <div class="dnd-ordered-lists row">
                <!-- Main Order List -->
                <div class="col-md-12">
                    <div class="row">
                        <order-list list="vm.dndModels.provOrder.list"/>
                    </div>
                </div>
            </div>
        </tab>
        <tab active="vm.tabs[3].active" heading="{{vm.tabs[3].title}}"  disable="vm.disableOrderListTabs()">
            <h4>{{ 'Rearrange Items to set Action Order' | translate}}
                <input class="actionOrderCheckbox"
                       ng-model="vm.actionOrderEqualsProvOrder"
                       ng-change="vm.toggleActionEqualsProvOrder()"
                       type="checkbox"
                       ng-checked="vm.actionOrderEqualsProvOrder">
                <span class="actionOrderCheckboxTitle" translate>Same as Provision Order</span>
            </h4>

            <div class="dnd-ordered-lists row">
                <!-- Main Order List -->
                <div class="col-md-12">
{'fraction_non_alphanumeric': 0.13681875071111615, 'fraction_numerical': 0.00420980771418819, 'mean_word_length': 1.4558535903883767, 'pattern_counts': {'":': 0, '<': 241, '<?xml version=': 0, '>': 241, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 8, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4266327', 'n_tokens_mistral': 4711, 'n_tokens_neox': 4448, 'n_words': 793}