security-admin/src/main/webapp/templates/policies/RangerPolicyForm_tmpl.html

{{!-- 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 class="form-horizontal">
	<fieldset>
		<p class="formHeader">
			Policy Details:
		</p>
		<div class="row ranger-policy">
			<div class="col-md-8">
				{{#if policyType}}
					<div class="form-group field-id">
						<label class="control-label col-sm-3" for="c1836_id">Policy Type</label>
						<div class="col-sm-5">
							<label class="badge badge-primary">{{policyType}}</label>
						</div>
					</div>
				{{/if}}
				{{#if id}}
					<div class="form-group field-id">
						<label class="control-label col-sm-3" for="c1836_id">Policy ID</label>
						<div class="col-sm-5">
							<label class="badge badge-primary">{{id}}</label>
						</div>
					</div>
				{{/if}}
				<div data-fieldsets class="policy-form"></div>
			</div>
			<div class="policy-form col-md-4">
				<a href="javascript:void(0);" data-js="policyTimeBtn" data-id="1" class="btn btn-primary pull-right m-b-md btn-sm" title="set time for policy"><i class="fa-fw fa fa-clock-o"></i>{{policyTimeBtnLabel}}</a>
				{{#if policyConditionHideShow}}
					<div class="table-responsive">
						<table class="table table-bordered condition-group-table">
							<thead>
								<tr>
									<th colspan="2">Policy Conditions <a href="javascript:void(0);" data-js="customPolicyConditions" class="btn btn-sm pull-right" title="set conditions for policy"><i class='{{policyConditionIconClass}}' data-id="policyCondIcon"></i></a></th>
								</tr>
							</thead>
							<tbody data-id="conditionData">
								{{#if conditionsData}}
									{{#each conditionsData}}
									<tr>
										<td width="40%">{{this.name}}</td>
										<td width="60%">{{this.values}}</td>
									</tr>
									{{/each}}
								{{else}}
									<tr><td><center> No Conditions </center></td></tr>
								{{/if}}
							</tbody>
						</table>
					</div>
				{{/if}}
			</div>
		</div>
	</fieldset>
	<fieldset>
		<p class="wrap-header bold formHeader">
			Resources : <span class="badge badge-yellow pull-right"></span>
		</p>
		&nbsp;
		<div>
			<div data-customfields="policyResources" />
		</div>
	</fieldset>
	<fieldset>
			<p class="wrap-header bold formHeader">
				{{conditionType}} Conditions: <span class="badge badge-yellow pull-right"></span>
			</p>
			&nbsp;
			<div class="wrap position-relative">

				<div data-customfields="groupPerms">
					<div class="form-group">
						<label class="control-label">{{tt 'lbl.permissions'}}</label>
						<div class="controls">
							<img src="images/loading.gif"
								style="margin-left: 4%; margin-top: 1%;" />
						</div>
					</div>
				</div>
				{{#compare "Allow" "eq" conditionType}}
					<div class="form-indent-right" data-js="allowExcludePerm">
						<div class="row m-b-md">
							<div class="col-md-12">
								<div class="wrap-header search-header">
									<i class="fa-fw fa fa-exclamation-triangle fa-fw fa fa-1 text-color-red"></i>
									Exclude from Allow Conditions:
								</div>
							</div>
						</div>
						<div class="wrap position-relative borderNone">

							<div class="" data-customfields="groupPermsAllowExclude">
								<div class="form-group" style="margin-left: -100px;">
									<label class="control-label">Exclude:</label>
									<div class="controls">
										<img src="images/loading.gif"
											style="margin-left: 4%; margin-top: 1%;" />
									</div>
								</div>
							</div>
						</div>
					</div>
				{{/compare}}
			</div>
			{{#compare "Allow" "eq" conditionType}}
				<div  class="toggle-xa form-group">
					<label class="control-label col-md-2">Deny All Other Accesses:</label>
					<div class="col-md-10">
						<div data-js="isDenyAllElse" class="toggle controls"></div>
					</div>
				</div>
				<div data-js="denyConditionItems">
					<p class="wrap-header bold formHeader">Deny Conditions:</p>
					&nbsp;
					<div class="wrap position-relative">
						<div class="" data-customfields="groupPermsDeny">
							<div class="form-group">
								<label class="control-label">{{tt 'lbl.permissions'}}</label>
								<div class="controls">
									<img src="images/loading.gif"
										style="margin-left: 4%; margin-top: 1%;" />
								</div>
							</div>
						</div>
						<div class="form-indent-right">
							<p class="wrap-header search-header"><i class="fa-fw fa fa-exclamation-triangle fa-fw fa fa-1 text-color-red"></i>
							Exclude from Deny Conditions:</p>
							&nbsp;
							<div class="wrap position-relative borderNone">
								<div class="" data-customfields="groupPermsDenyExclude">
									<div class="form-group">
										<label class="control-label">Exclude:</label>
										<div class="controls">
											<img src="images/loading.gif"
												style="margin-left: 4%; margin-top: 1%;" />
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			{{/compare}}
	</fieldset>
</form>