36 lines
2.0 KiB
HTML
36 lines
2.0 KiB
HTML
<div ux-id="create-incident" class="create-incident clearfix">
|
|
<div ng-form="createIncidentForm" class="create-form-wrapper">
|
|
<div loading-spinner class="create-ticket__loading-spinner" if="state.showSpinner" centered="true" overlay="true"></div>
|
|
|
|
<div class="clearfix" ng-if="!state.dataIsLoading">
|
|
<div class="create-ticket__header">
|
|
<h3 class="create-ticket__header-title">{{ 'create.incident.header' | i18n }}</h3>
|
|
<span>{{ 'create.incident.sub.header' | i18n }}</span>
|
|
</div>
|
|
<layout-renderer screen-layout="screenLayout" ticket="incident" metadata="incidentMetadata" edit-mode="editMode" is-new="isNew">
|
|
|
|
</layout-renderer>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="create-ticket__action-panel">
|
|
<span ux-id="form-invalid-message" class="create-ticket__form_invalid" ng-if="createIncidentForm.$invalid">
|
|
<i class="icon-exclamation_triangle"></i>
|
|
<span ux-id="invalid-fields" ng-if="createIncidentForm.$error.required.length">{{ 'create.ticket.more.required.fields' | i18n: (createIncidentForm.$error.required.length) }}</span>
|
|
<span ng-if="formContainsInvalidFields(createIncidentForm)">{{ 'create.ticket.invalid.fields' | i18n }}</span>
|
|
</span>
|
|
<span ux-id="form-valid-message" class="font-size-m" ng-if="createIncidentForm.$valid">
|
|
<i class="icon-check"></i>
|
|
{{ 'create.ticket.all.required.fields.complete' | i18n }}
|
|
</span>
|
|
|
|
<div class="pull-right">
|
|
<button ux-id="submit" type="submit" class="btn_primary create-ticket__action-btn" ng-disabled="createIncidentForm.$invalid || state.dataIsLoading" ng-click="createIncident()">
|
|
{{ 'common.button.saveTicket' | i18n }}
|
|
</button>
|
|
<button ux-id="cancel" type="button" class="btn_secondary action-panel__cancel-btn" ng-disabled="state.dataIsLoading" ng-click="cancel()">
|
|
{{ 'common.button.cancel' | i18n }}
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div> |