| <!-- |
| /** |
| * Licensed to the Apache Software Foundation (ASF) under one |
| * or more contributor license agreements. See the NOTICE file |
| * distributed with this work for additional information |
| * regarding copyright ownership. The ASF licenses this file |
| * to you under the Apache License, Version 2.0 (the |
| * "License"); you may not use this file except in compliance |
| * with the License. You may obtain a copy of the License at |
| * |
| * http://www.apache.org/licenses/LICENSE-2.0 |
| * |
| * Unless required by applicable law or agreed to in writing, software |
| * distributed under the License is distributed on an "AS IS" BASIS, |
| * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
| * See the License for the specific language governing permissions and |
| * limitations under the License. |
| */ |
| --> |
| <form id="formGeneralBox" |
| name="datasetForm" |
| novalidate> |
| |
| <div class="col-xs-8"> |
| <label class="light" tooltip="dataset.name">Mirror Name<mandatory-field></mandatory-field></label> |
| <input type="text" |
| name="nameInput" |
| class="form-control" |
| ng-model="UIModel.name" |
| placeholder="" |
| ng-disabled="editingMode" |
| ng-pattern="validations.patterns.name" |
| ng-required="true" |
| check-name="{type:'process', check:!editingMode}"/> |
| </label> |
| </div> |
| |
| <div class="col-xs-24 tagsBox plr0px"> |
| <label class="col-xs-24 light">Tags</label> |
| <div class="col-xs-12"> |
| <div ng-repeat="tag in UIModel.tags"> |
| <div class="row dynamic-table-spacer"> |
| <div class="col-xs-8"> |
| <input type="text" class="form-control" ng-model="tag.key" |
| validation-optional-message="{{validations.messages.key}}" |
| ng-pattern="validations.patterns.alpha" ng-required="tag.value" placeholder="key"/> |
| </div> |
| <div class="col-xs-8"> |
| <input type="text" class="form-control" validation-optional-message="{{validations.messages.value}}" |
| ng-model="tag.value" ng-pattern="validations.patterns.alpha" |
| ng-required="tag.key" placeholder="value"/> |
| </div> |
| <div class="col-xs-8"> |
| <button type="button" class="btn btn-default btn-xs" ng-click="removeTag($index)" ng-if="!$first || !$last"> |
| <span class="entypo minus"></span> delete |
| </button> |
| <button type="button" class="btn btn-default btn-xs" ng-click="addTag()" ng-if="$last"> |
| <span class="entypo plus"></span> add tag |
| </button> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| |
| <div class="col-xs-24 plr0px"> |
| <div class="col-xs-12 plr0px"> |
| <div class="col-xs-24 clusterBox plr0px"> |
| <h3>Source</h3> |
| <div class="runJobOnBox"> |
| <input type="radio" |
| id="runJobOnSourceRadio" |
| ng-model="UIModel.runOn" |
| value="source" |
| ng-required="true" |
| ng-disabled="UIModel.source.location !== 'HDFS'"/> |
| Run job here |
| </div> |
| |
| <div class="locationBox" ng-if="UIModel.type === 'HDFS'"> |
| <div class="col-xs-5"><label class="light">Location</label></div> |
| <div class="col-xs-3"><label class="mt15 radio-inline"> |
| <input type="radio" |
| ng-change="checkFromSource()" |
| id="sourceHDFSRadio" |
| ng-model="UIModel.source.location" |
| value="HDFS" |
| ng-required="!UIModel.source.location"/> HDFS |
| </label> |
| </div> |
| <div class="col-xs-3"><label class="mt15 radio-inline"> |
| <input type="radio" |
| ng-change="checkFromSource()" |
| id="sourceAzureRadio" |
| ng-model="UIModel.source.location" |
| value="azure" |
| ng-required="!UIModel.source.location"/> Azure |
| </label> |
| </div> |
| <div class="col-xs-1"><label class="mt15 radio-inline"> |
| <input type="radio" |
| ng-change="checkFromSource()" |
| id="sourceS3Radio" |
| ng-model="UIModel.source.location" |
| value="s3" |
| ng-required="!UIModel.source.location"/> S3 |
| </label> |
| </div> |
| </div> |
| |
| <div class="col-xs-24" ng-if="UIModel.source.location === 'HDFS' || UIModel.type === 'HIVE'"> |
| <div class="col-xs-5 p0"><label class="light">Cluster<mandatory-field></mandatory-field></label></div> |
| <div class="col-xs-13 mt10"> |
| <select ng-model="UIModel.source.cluster" |
| name="sourceClusterSelect" |
| ng-change="getSourceDefinition()" |
| ng-required="UIModel.source.location === 'HDFS' || UIModel.type === 'HIVE'" |
| class="form-control padding0" |
| id="sourceClusterSelect"> |
| |
| <option value="" disabled style='display:none;'>-Select cluster-</option> |
| <option ng-selected="UIModel.source.cluster === cluster.name" |
| ng-repeat="cluster in clustersList" |
| value="{{cluster.name}}"> |
| {{cluster.name}} |
| </option> |
| </select> |
| </div> |
| </div> |
| |
| <div class="col-xs-24" ng-if="UIModel.source.location === 'azure' && UIModel.type === 'HDFS'"> |
| <div class="col-xs-5 p0"><label class="light">Base URL<mandatory-field></mandatory-field></label></div> |
| <div class="col-xs-13 mt10"> |
| <input type="text" |
| name="sourceClusterUrlInput" |
| class="form-control" |
| ng-model="UIModel.source.url" |
| placeholder="URL" |
| ng-pattern="validations.patterns.azure" |
| ng-required="UIModel.source.location === 'azure'" |
| validation-message="{{validations.messages.azure}}" /> |
| </div> |
| </div> |
| <div class="col-xs-24" ng-if="UIModel.source.location === 's3' && UIModel.type === 'HDFS'"> |
| <div class="col-xs-5 p0"><label class="light">Base URL<mandatory-field></mandatory-field></label></div> |
| <div class="col-xs-13 mt10"> |
| <input type="text" |
| name="sourceClusterUrlInput" |
| class="form-control" |
| ng-model="UIModel.source.url" |
| placeholder="URL" |
| ng-pattern="validations.patterns.s3" |
| ng-required="UIModel.source.location === 's3'" |
| validation-message="{{validations.messages.s3}}" /> |
| </div> |
| </div> |
| |
| <div class="col-xs-24" ng-if="UIModel.type === 'HDFS'"> |
| <div class="col-xs-5 p0"><label class="light">Path<mandatory-field></mandatory-field></label></div> |
| <div class="col-xs-13 mt10"> |
| <input type="text" |
| name="sourceClusterPathInput" |
| class="form-control" |
| ng-model="UIModel.source.path" |
| placeholder="Path" |
| ng-pattern="validations.patterns.osPath" |
| ng-required="UIModel.source.location === 'HDFS' || UIModel.type === 'HIVE'" |
| validation-message="{{validations.messages.path}}"/> |
| </div> |
| </div> |
| |
| <div class="col-xs-24" ng-if="UIModel.type === 'HIVE'"> |
| <div class="col-xs-5 p0"> |
| <label class="light" tooltip="dataset.sourceHiveServer2Uri">HiveServer2 endpoint</label> |
| </div> |
| <div class="col-xs-13 mt10"> |
| <input type="text" |
| name="sourceHiveServerInput" |
| ng-model="UIModel.hiveOptions.source.hiveServerToEndpoint" |
| class="form-control" |
| validation-optional-message="{{validations.messages.path}}" /> |
| </div> |
| </div> |
| |
| <div class="col-xs-24 mt5" ng-if="UIModel.type === 'HIVE'"> |
| <div class="col-xs-5 p0"> |
| <label class="light">I want to copy<mandatory-field></mandatory-field></label> |
| </div> |
| <div class="col-xs-4"><label class="mt15 radio-inline"> |
| <input type="radio" |
| id="targetHIVEDatabaseRadio" |
| ng-model="UIModel.source.hiveDatabaseType" |
| value="databases" |
| ng-required="!UIModel.source.location"/>Entire databases |
| </label> |
| </div> |
| <div><label class="mt15 radio-inline"> |
| <input type="radio" |
| id="targetHIVETablesRadio" |
| ng-model="UIModel.source.hiveDatabaseType" |
| value="tables" |
| ng-required="!UIModel.source.hiveDatabaseType"/> |
| Tables in a single database |
| </label> |
| </div> |
| |
| <div class="col-xs-24 mt5 plr0px"> |
| <div class="col-xs-13 col-xs-offset-5" ng-if="UIModel.source.hiveDatabaseType === 'databases'"> |
| <label class="col-xs-24 p0 light" tooltip="dataset.sourceDatabases">Databases (comma separated)<mandatory-field></mandatory-field></label> |
| <textarea name="sourceDatabasesInput" |
| class="form-control databasesTextArea" |
| ng-model="UIModel.source.hiveDatabases" |
| ng-pattern="validations.patterns.hiveDatabases" |
| ng-required="UIModel.target.location === 'HDFS'" |
| validation-message="{{validations.messages.databases}}" |
| ng-keydown="validations.acceptNoSpaces($event)"> |
| </textarea> |
| </div> |
| <div class="col-xs-13 col-xs-offset-5" ng-if="UIModel.source.hiveDatabaseType === 'tables'"> |
| <label class="col-xs-24 p0 light">Database<mandatory-field></mandatory-field></label> |
| <input type="text" |
| name="sourceDatabaseInput" |
| class="form-control" |
| ng-model="UIModel.source.hiveDatabases" |
| ng-pattern="validations.patterns.hiveDatabase" |
| ng-required="UIModel.target.location === 'HDFS'" |
| validation-message="{{validations.messages.database}}" |
| ng-keydown="validations.acceptNoSpaces($event)"/> |
| <label class="col-xs-24 p0 light" tooltip="dataset.sourceTables">Tables (comma separated)<mandatory-field></mandatory-field></label> |
| <textarea name="sourceTablesInput" |
| class="form-control tablesTextArea" |
| ng-model="UIModel.source.hiveTables" |
| ng-pattern="validations.patterns.hiveTables" |
| ng-required="UIModel.target.location === 'HDFS'" |
| validation-message="{{validations.messages.tables}}" |
| ng-keydown="validations.acceptNoSpaces($event)"> |
| </textarea> |
| </div> |
| </div> |
| </div> |
| |
| <div class="col-xs-24" ng-if="UIModel.type === 'HIVE' && secureMode === true"> |
| <div class="col-xs-5 p0"> |
| <label class="light" tooltip="dataset.sourceHive2KerberosPrincipal">Hive2 Kerberos Principal<mandatory-field></mandatory-field></label> |
| </div> |
| <div class="col-xs-13 mt10"> |
| <input type="text" |
| name="sourceHive2KerberosPrincipal" |
| class="form-control" |
| ng-model="UIModel.source.hive2KerberosPrincipal" |
| placeholder="Source Metastore URI" |
| ng-pattern="validations.patterns.kerberosPrincipal" |
| ng-required="UIModel.type === 'HIVE'" |
| validation-message="{{validations.messages.kerberosPrincipal}}" /> |
| </div> |
| </div> |
| <div class="col-xs-24" ng-if="UIModel.type === 'HIVE' && secureMode === true"> |
| <div class="col-xs-5 p0"> |
| <label class="light">Meta Store URI<mandatory-field></mandatory-field></label> |
| </div> |
| <div class="col-xs-13 mt10"> |
| <input type="text" |
| name="sourceMetastoreUri" |
| class="form-control" |
| ng-model="UIModel.source.hiveMetastoreUri" |
| placeholder="Source Metastore URI" |
| ng-pattern="validations.patterns.metastoreUri" |
| ng-required="UIModel.type === 'HIVE'" |
| validation-message="{{validations.messages.metastoreUri}}" /> |
| </div> |
| </div> |
| <div class="col-xs-24" ng-if="UIModel.type === 'HIVE' && secureMode === true"> |
| <div class="col-xs-5 p0"> |
| <label class="light">Kerberos Principal<mandatory-field></mandatory-field></label> |
| </div> |
| <div class="col-xs-13 mt10"> |
| <input type="text" |
| name="sourceMetastoreKerberosPrincipal" |
| class="form-control" |
| ng-model="UIModel.source.hiveMetastoreKerberosPrincipal" |
| placeholder="Kerberos Principal" |
| ng-pattern="validations.patterns.kerberosPrincipal" |
| ng-required="UIModel.type === 'HIVE'" |
| validation-message="{{validations.messages.kerberosPrincipal}}" /> |
| </div> |
| </div> |
| |
| </div> |
| </div> |
| |
| <div class="col-xs-12 plr0px pl5"> |
| <div class="col-xs-24 plr0px clusterBox"> |
| <h3>Target</h3> |
| <div class="runJobOnBox"> |
| <input type="radio" |
| id="runJobOnTargetRadio" |
| ng-model="UIModel.runOn" |
| value="target" |
| ng-required="true" |
| ng-disabled="UIModel.target.location !== 'HDFS'"/> |
| Run job here |
| </div> |
| <div class="locationBox" ng-if="UIModel.type === 'HDFS'"> |
| <div class="col-xs-5"><label class="light">Location</label></div> |
| <div class="col-xs-3"><label class="mt15 radio-inline"> |
| <input type="radio" |
| ng-change="checkFromTarget()" |
| id="targetHDFSRadio" |
| ng-model="UIModel.target.location" |
| value="HDFS" |
| ng-required="!UIModel.target.location"/> HDFS |
| </label> |
| </div> |
| <div class="col-xs-3"><label class="mt15 radio-inline"> |
| <input type="radio" |
| ng-change="checkFromTarget()" |
| id="targetAzureRadio" |
| ng-model="UIModel.target.location" |
| value="azure" |
| ng-required="!UIModel.target.location"/> Azure |
| </label> |
| </div> |
| <div class="col-xs-1"><label class="mt15 radio-inline"> |
| <input type="radio" |
| ng-change="checkFromTarget()" |
| id="targetS3Radio" |
| ng-model="UIModel.target.location" |
| value="S3" |
| ng-required="!UIModel.target.location"/> S3 |
| </label> |
| </div> |
| </div> |
| |
| <div class="col-xs-24" ng-if="UIModel.target.location === 'HDFS' || UIModel.type === 'HIVE'"> |
| <div class="col-xs-5 p0"> |
| <label class="light">Cluster<mandatory-field></mandatory-field></label> |
| </div> |
| <div class="col-xs-13 mt10"> |
| <select ng-model="UIModel.target.cluster" |
| ng-change="getTargetDefinition()" |
| name="targetClusterSelect" |
| ng-required="UIModel.target.location === 'HDFS' || UIModel.type === 'HIVE'" |
| class="col-xs-24 form-control padding0" |
| id="targetClusterSelect"> |
| <option value="" disabled selected style='display:none;'>-Select cluster-</option> |
| <option ng-selected="UIModel.target.cluster === clusterItem.name" |
| ng-repeat="clusterItem in clustersList" |
| value="{{clusterItem.name}}"> |
| {{clusterItem.name}} |
| </option> |
| </select> |
| <div class="custom-danger" ng-show="clusterErrorMessage != ''"> |
| {{clusterErrorMessage}} |
| </div> |
| </div> |
| </div> |
| |
| <div class="col-xs-24" ng-if="UIModel.type === 'HIVE'"> |
| <div class="col-xs-5 p0"> |
| <label class="light" tooltip="dataset.targetHiveServer2Uri">HiveServer2 endpoint</label> |
| </div> |
| <div class="col-xs-13 mt10"> |
| <input type="text" |
| name="targetHiveServerInput" |
| ng-model="UIModel.hiveOptions.target.hiveServerToEndpoint" |
| class="form-control" |
| validation-optional-message="{{validations.messages.path}}" /> |
| </div> |
| </div> |
| |
| <div class="col-xs-24" ng-if="UIModel.type === 'HIVE'&& secureMode === true"> |
| <div class="col-xs-5 p0"> |
| <label class="light" tooltip="dataset.targetHive2KerberosPrincipal">Hive2 Kerberos Principal<mandatory-field></mandatory-field></label> |
| </div> |
| <div class="col-xs-13 mt10"> |
| <input type="text" |
| name="targetHive2KerberosPrincipal" |
| class="form-control" |
| ng-model="UIModel.target.hive2KerberosPrincipal" |
| placeholder="Hive2 Kerberos Principal" |
| ng-pattern="validations.patterns.kerberosPrincipal" |
| ng-required="UIModel.type === 'HIVE'" |
| validation-message="{{validations.messages.kerberosPrincipal}}" /> |
| </div> |
| </div> |
| <div class="col-xs-24" ng-if="UIModel.type === 'HIVE'&& secureMode === true"> |
| <div class="col-xs-5 p0"><label class="light">Meta Store URI<mandatory-field></mandatory-field></label></div> |
| <div class="col-xs-13 mt10"> |
| <input type="text" |
| name="targetMetastoreUri" |
| class="form-control" |
| ng-model="UIModel.target.hiveMetastoreUri" |
| placeholder="Target Metastore URI" |
| ng-pattern="validations.patterns.metastoreUri" |
| ng-required="UIModel.type === 'HIVE'" |
| validation-message="{{validations.messages.metastoreUri}}" /> |
| </div> |
| </div> |
| <div class="col-xs-24" ng-if="UIModel.type === 'HIVE' && secureMode === true"> |
| <div class="col-xs-5 p0"> |
| <label class="light">Kerberos Principal<mandatory-field></mandatory-field></label> |
| </div> |
| <div class="col-xs-13 mt10"> |
| <input type="text" |
| name="targetMetastoreKerberosPrincipal" |
| class="form-control" |
| ng-model="UIModel.target.hiveMetastoreKerberosPrincipal" |
| placeholder="Kerberos Principal" |
| ng-pattern="validations.patterns.kerberosPrincipal" |
| ng-required="UIModel.type === 'HIVE'" |
| validation-message="{{validations.messages.kerberosPrincipal}}" /> |
| </div> |
| </div> |
| |
| <div class="col-xs-24" ng-if="UIModel.target.location === 'azure' && UIModel.type === 'HDFS'"> |
| <div class="col-xs-5 p0"><label class="light">Base URL<mandatory-field></mandatory-field></label></div> |
| <div class="col-xs-13 mt10"> |
| <input type="text" |
| name="targetClusterUrlInput" |
| class="form-control" |
| ng-model="UIModel.target.url" |
| placeholder="URL" |
| ng-pattern="validations.patterns.azure" |
| ng-required="UIModel.target.location === 'azure'" |
| validation-message="{{validations.messages.azure}}"/> |
| </div> |
| </div> |
| <div class="col-xs-24" ng-if="UIModel.target.location === 'S3' && UIModel.type === 'HDFS'"> |
| <div class="col-xs-5 p0"><label class="light">Base URL<mandatory-field></mandatory-field></label></div> |
| <div class="col-xs-13 mt10"> |
| <input type="text" |
| name="targetClusterUrlInput" |
| class="form-control" |
| ng-model="UIModel.target.url" |
| placeholder="URL" |
| ng-pattern="validations.patterns.s3" |
| ng-required="UIModel.target.location === 'S3'" |
| validation-message="{{validations.messages.s3}}"/> |
| </div> |
| </div> |
| |
| <div class="col-xs-24" ng-if="UIModel.type === 'HDFS'"> |
| <div class="col-xs-5 p0"><label class="light">Path<mandatory-field></mandatory-field></label></div> |
| <div class="col-xs-13 mt10"> |
| <input type="text" |
| name="targetClusterPathInput" |
| class="form-control" |
| ng-model="UIModel.target.path" |
| placeholder="Path" |
| ng-pattern="validations.patterns.osPath" |
| ng-required="UIModel.target.location === 'HDFS'" |
| validation-message="{{validations.messages.path}}"/> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| |
| <div class="col-xs-24 plr0px"> |
| <div class="col-xs-12 plr0px clusterBoxEndLine"> |
| </div> |
| <div class="col-xs-12 plr0px pl5"> |
| <div class="col-xs-24 plr0px clusterBoxEndLine"> |
| </div> |
| </div> |
| </div> |
| |
| <div class="col-xs-24"><label class="mt15">Validity</label></div> |
| <div class="col-xs-24 validityBox plr0px"> |
| <div class="col-xs-24 plr0px"> |
| <div class="startDateBox col-xs-4"> |
| <label class="light">Start<mandatory-field></mandatory-field></label> |
| <input type="text" |
| name="startDateInput" |
| class="form-control dateInput" |
| placeholder="{{dateFormat | lowercase}}" |
| ng-model="UIModel.validity.start.date" |
| ng-required="true" |
| simple-date-picker /> |
| </div> |
| <div class="startTimeBox col-xs-4"> |
| <label class="light">Begin Time<mandatory-field></mandatory-field></label> |
| <timepicker ng-change="constructDate()" |
| ng-model="UIModel.validity.start.time" |
| ng-required="true" |
| hour-step="1" |
| minute-step="1" |
| show-meridian="true"> |
| </timepicker> |
| </div> |
| </div> |
| <div class="col-xs-24 plr0px"> |
| <div class="endDateBox col-xs-4"> |
| <label class="light">End<mandatory-field></mandatory-field></label> |
| <input type="text" |
| name="startDateInput" |
| class="form-control dateInput" |
| placeholder="{{dateFormat | lowercase}}" |
| ng-model="UIModel.validity.end.date" |
| ng-required="true" |
| simple-date-picker /> |
| </div> |
| <div class="endTimeBox col-xs-4"> |
| <label class="light">End Time<mandatory-field></mandatory-field></label> |
| <timepicker ng-change="constructDate()" |
| ng-model="UIModel.validity.end.time" |
| ng-required="true" |
| hour-step="1" |
| minute-step="1" |
| show-meridian="true"> |
| </timepicker> |
| </div> |
| </div> |
| </div> |
| |
| <div class="frequencyBox"> |
| <div class="col-xs-24"> |
| <label>Frequency</label> |
| </div> |
| <div class="col-xs-24 plr0px"> |
| <div class="col-xs-24"> |
| <label class="light">Repeat Every</label> |
| </div> |
| <div class="col-xs-2"> |
| <input type="text" |
| name="frequencyQuantity" |
| ng-model="UIModel.frequency.quantity" |
| ng-pattern="validations.patterns.twoDigits" |
| ng-keydown="validations.acceptOnlyNumber($event)" |
| ng-keyup="checkMininumFrequency(UIModel.frequency.quantity, UIModel.frequency.unit, datasetForm.frequencyQuantity)" |
| class="form-control" |
| ng-required="true" |
| validation-optional-message="{{validations.messages.number}}" /> |
| </div> |
| <div class="col-xs-6"> |
| <select ng-model="UIModel.frequency.unit" class="form-control padding0" ng-required="true" |
| ng-change="checkMininumFrequency(UIModel.frequency.quantity, UIModel.frequency.unit, datasetForm.frequencyQuantity)"> |
| <option selected value="minutes">minutes</option> |
| <option value="hours">hours</option> |
| <option value="days">days</option> |
| <option value="months">months</option> |
| </select> |
| </div> |
| <div class="col-xs-24 custom-danger" ng-if="!isFrequencyValid">{{validations.messages.frequency.minimum}}</div> |
| </div> |
| </div> |
| |
| <div class="tzBox col-xs-8"> |
| <label class="light">Timezone<mandatory-field></mandatory-field></label> |
| <time-zone-select ng-model="UIModel.validity.timezone"></time-zone-select> |
| </div> |
| |
| <div class="col-xs-24"> |
| <label class="light" tooltip="dataset.jobNotificationReceivers">Send alerts to</label> |
| </div> |
| <div class="col-xs-24 alertsBox plr0px"> |
| <div class="emailBox"> |
| <div class="col-xs-8"> |
| <input class="form-control" |
| name="emailAlertInput" |
| ng-model="UIModel.alert.email" |
| type="text" |
| placeholder="Email" |
| ng-pattern="validations.patterns.email" |
| validation-message="{{validations.messages.email}}"> |
| </div> |
| </div> |
| <div class="addAlertBox col-xs-3"> |
| <button class="btn btn-default btn-xs" |
| ng-disabled="!UIModel.alert.email" |
| type="button" |
| ng-click="addAlert()"> |
| <span class="glyphicon glyphicon-plus"></span>add alert |
| </button> |
| </div> |
| </div> |
| |
| <div class="col-xs-24 emailArrayRow mt10 plr0px" ng-repeat="email in UIModel.alerts"> |
| <span class="col-xs-8">{{email}}</span> |
| <div class="col-xs-3"><button class="btn btn-default btn-xs" |
| type="button" |
| ng-click="removeAlert()"> |
| <span class="glyphicon glyphicon-minus"></span> delete |
| </button></div> |
| </div> |
| |
| <div class="col-xs-24 advancedOption" ng-click="expandOptions = !expandOptions"> |
| <label class="pointer blink-success">Advanced Options</label> |
| <i class="glyphicon glyphicon-chevron-down mt15" ng-if="!expandOptions"></i> |
| <i class="glyphicon glyphicon-chevron-up mt15" ng-if="expandOptions"></i> |
| </div> |
| |
| <div id="advancedOptionsBox" class="col-xs-24 plr0px" ng-class="{expanded:expandOptions}"> |
| <div class="col-xs-24" ng-if="UIModel.type === 'HIVE'"> |
| <label tooltip="dataset.tdeEncryptionEnabled">TDE Encryption</label> |
| <input type="checkbox" ng-model="UIModel.tdeEncryptionEnabled" ng-checked="UIModel.tdeEncryptionEnabled"/> |
| </div> |
| |
| <div class="allocationBox"> |
| <div class="col-xs-24"> |
| <label>Allocation</label> |
| </div> |
| <div class="col-xs-24 plr0px" ng-if="UIModel.type === 'HDFS'"> |
| <div class="col-xs-6"> |
| <label class="light" tooltip="dataset.distcpMaxMaps">Max Maps for Distcp</label> |
| <input type="text" |
| name="maxMapsInput" |
| ng-model="UIModel.allocation.hdfs.distcpMaxMaps" |
| ng-pattern="validations.patterns.number" |
| ng-keydown="validations.acceptOnlyNumber($event)" |
| class="form-control" |
| validation-optional-message="{{validations.messages.allocationNumber}}"/> |
| </div> |
| <div class="col-xs-6"> |
| <label class="light" tooltip="dataset.distcpMapBandwidth">Max bandwidth (MB)</label> |
| <input type="text" |
| name="maxBandwidthInput" |
| ng-model="UIModel.allocation.hdfs.distcpMapBandwidth" |
| ng-pattern="validations.patterns.number" |
| ng-keydown="validations.acceptOnlyNumber($event)" |
| class="form-control" |
| validation-optional-message="{{validations.messages.allocationNumber}}" /> |
| </div> |
| </div> |
| |
| <div class="col-xs-24 plr0px" ng-if="UIModel.type === 'HIVE'"> |
| <div class="col-xs-6"> |
| <label class="light" tooltip="dataset.distcpMaxMaps">Max Maps for Distcp</label> |
| <input type="text" |
| name="hiveMaxMapsInput" |
| ng-model="UIModel.allocation.hive.distcpMaxMaps" |
| ng-pattern="validations.patterns.number" |
| ng-keydown="validations.acceptOnlyNumber($event)" |
| class="form-control" |
| validation-optional-message="{{validations.messages.allocationNumber}}"/> |
| </div> |
| <div class="col-xs-6"> |
| <label class="light" tooltip="dataset.replicationMaxMaps">Max Maps for Mirror</label> |
| <input type="text" |
| name="maxMapsInput" |
| ng-model="UIModel.allocation.hive.replicationMaxMaps" |
| ng-pattern="validations.patterns.number" |
| ng-keydown="validations.acceptOnlyNumber($event)" |
| class="form-control" |
| validation-optional-message="{{validations.messages.allocationNumber}}" /> |
| </div> |
| <div class="col-xs-6"> |
| <label class="light" tooltip="dataset.maxEvents">Max Events</label> |
| <input type="text" |
| name="maxEventsInput" |
| ng-model="UIModel.allocation.hive.maxEvents" |
| ng-pattern="validations.patterns.number" |
| ng-keydown="validations.acceptOnlyNumber($event)" |
| class="form-control" |
| validation-optional-message="{{validations.messages.allocationNumber}}" /> |
| </div> |
| <div class="col-xs-6"> |
| <label class="light" tooltip="dataset.distcpMapBandwidth">Max bandwidth (MB)</label> |
| <input type="text" |
| name="maxBandwidthInput" |
| ng-model="UIModel.allocation.hive.distcpMapBandwidth" |
| ng-pattern="validations.patterns.number" |
| ng-keydown="validations.acceptOnlyNumber($event)" |
| class="form-control" |
| validation-optional-message="{{validations.messages.allocationNumber}}" /> |
| </div> |
| </div> |
| </div> |
| |
| <div class="hiveOptBox mt10 col-xs-24 plr0px" ng-if="UIModel.type === 'HIVE'"> |
| <label class="col-xs-24">Source</label> |
| |
| <label class="col-xs-24 light mt10">Staging path</label> |
| <div class="col-xs-8"> |
| <input type="text" |
| name="sourceStagingPathInput" |
| ng-model="UIModel.hiveOptions.source.stagingPath" |
| ng-pattern="validations.patterns.path" |
| class="form-control" |
| validation-optional-message="{{validations.messages.path}}" /> |
| </div> |
| |
| <label class="col-xs-24 mt15">Target</label> |
| |
| <label class="col-xs-24 light mt10">Staging path</label> |
| <div class="col-xs-8"> |
| <input type="text" |
| name="targetStagingPathInput" |
| ng-model="UIModel.hiveOptions.target.stagingPath" |
| ng-pattern="validations.patterns.path" |
| class="form-control" |
| validation-optional-message="{{validations.messages.path}}" /> |
| </div> |
| </div> |
| |
| <div class="col-xs-24 plr0px retryBox"> |
| <label class="col-xs-24">Retry</label> |
| |
| <div class="col-xs-6 policyBox pt5px mt5"> |
| <label class="light">Policy</label> |
| <select ng-model="UIModel.retry.policy" ng-required="true" |
| class="form-control padding0" ng-change="policyChange()"> |
| <option selected value="periodic">PERIODIC</option> |
| <option value="exp-backoff">EXPONENTIAL_BACKOFF</option> |
| <option value="final">FINAL</option> |
| </select> |
| </div> |
| |
| <div class="col-xs-6 pt5px mt8"> |
| <label class="col-xs-6 light plr0px">Delay</label> |
| <div class="col-xs-8 plr0px"> |
| <input type="text" |
| name="frequencyEveryInput" |
| ng-model="UIModel.retry.delay.quantity" |
| ng-pattern="validations.patterns.twoDigits" |
| ng-keydown="validations.acceptOnlyNumber($event)" |
| class="form-control" |
| ng-disabled = "UIModel.retry.policy === 'final'" |
| validation-optional-message="{{validations.messages.number}}" /> |
| </div> |
| <div class="col-xs-16"> |
| <select ng-model="UIModel.retry.delay.unit" |
| class="form-control padding0" ng-disabled = "UIModel.retry.policy === 'final'"> |
| <option selected value="minutes">minutes</option> |
| <option value="hours">hours</option> |
| <option value="days">days</option> |
| <option value="months">months</option> |
| </select> |
| </div> |
| </div> |
| |
| <div class="col-xs-6 pt5px mt5"> |
| <label class="light">Attempts</label> |
| <input type="text" |
| name="frequencyEveryInput" |
| ng-model="UIModel.retry.attempts" |
| ng-pattern="validations.patterns.twoDigits" |
| ng-keydown="validations.acceptOnlyNumber($event)" |
| class="form-control" |
| ng-disabled = "UIModel.retry.policy === 'final'" |
| validation-optional-message="{{validations.messages.number}}" /> |
| </div> |
| </div> |
| |
| <div class="col-xs-24 plr0px"> |
| <label class="col-xs-24">Access Control List</label> |
| <div class="col-xs-24 plr0px"> |
| <div class="col-xs-8"> |
| <label class="light">Owner<mandatory-field></mandatory-field></label> |
| <input type="text" |
| name="aclOwnerInput" |
| ng-model="UIModel.ACL.owner" |
| ng-pattern="validations.patterns.unixId" |
| class="form-control" |
| ng-required="true" |
| validation-message="{{validations.messages.acl.owner}}"/> |
| </div> |
| <div class="col-xs-8 pl0px"> |
| <label class="light">Group<mandatory-field></mandatory-field></label> |
| <input type="text" |
| name="aclGroupInput" |
| ng-model="UIModel.ACL.group" |
| ng-pattern="validations.patterns.unixId" |
| class="form-control" |
| ng-required="true" |
| validation-message="{{validations.messages.acl.group}}" /> |
| </div> |
| </div> |
| <div class="col-xs-24"> |
| <div class="col-xs-8 plr0px"> |
| <label class="light">Permissions<mandatory-field></mandatory-field></label> |
| <acl-permissions acl-model="UIModel.ACL.permission"></acl-permissions> |
| </div> |
| </div> |
| </div> |
| |
| </div> |
| |
| <div class="col-xs-24 pb15px mt35"> |
| <div class="pull-right"> |
| <a class="btn cnclBtn" ui-sref="main"> |
| CANCEL |
| </a> |
| <button class="btn nextBtn" |
| ng-disabled="buttonSpinners.show" |
| ng-click="goNext(datasetForm.$invalid)" scroll-to-error> |
| NEXT <img src="css/img/ajax-loader.gif" ng-if="buttonSpinners.show" /> |
| </button> |
| </div> |
| </div> |
| |
| </form> |
