1 files changed, 88 insertions, 0 deletions
diff --git a/moonv4/moon_gui/static/app/pdp/action/pdp-add.tpl.html b/moonv4/moon_gui/static/app/pdp/action/pdp-add.tpl.html
new file mode 100644
index 00000000..f83fb85c
--- /dev/null
+++ b/moonv4/moon_gui/static/app/pdp/action/pdp-add.tpl.html
@@ -0,0 +1,88 @@
+<div ng-controller="PDPAddController as add" class="modal" tabindex="-1" data-role="modalAddPDP">
+
+	<div class="modal-dialog">
+
+		<div class="modal-content">
+
+			<div class="modal-header">
+				<button type="button" class="close" ng-click="$hide()">&times;</button>
+				<h4 class="modal-title" data-translate="moon.pdp.add.title"></h4>
+			</div>
+			
+			<div class="modal-body">
+				
+				<form class="form-horizontal" role="form" name="add.form">
+				
+					<div class="form-group" ng-class="{'has-error': add.form.name.$invalid && add.form.name.$dirty}">
+					
+		                <label for="name" class="col-sm-3 control-label" data-translate="moon.pdp.add.form.name">Name</label>
+		            
+		                <div class="col-sm-6">
+		            
+		                    <input name="name" id="name" class="form-control" type="text" data-ng-model="add.pdp.name" required />
+		                                        
+		                    <div class="help-block" ng-show="add.form.name.$dirty && add.form.name.$invalid">
+		                    	<small class="error" ng-show="add.form.name.$error.required" data-translate="moon.pdp.add.check.name.required">Name is required</small>
+		                    </div>
+		                    
+		                </div>
+		            </div>
+		            
+		            <div class="form-group" ng-class="{'has-error': add.form.policy.$dirty && (add.form.policy.$invalid || !add.selectedPolicy)}">
+		            
+		                <label class="col-sm-3 control-label" data-translate="moon.pdp.add.form.policy">Policy</label>
+		                
+		                <div class="col-sm-6" ng-if="!add.loadingPolicies">
+		                
+		                    <ui-select ng-model="add.selectedPolicy" name="policy" required>
+		                    	<ui-select-match placeholder="(None)">{{$select.selected.name}}</ui-select-match>
+		                    	<ui-select-choices repeat="policy in add.policies">
+		                    		<div ng-value="policy">{{policy.name}}</div>
+	             				</ui-select-choices>
+		                    </ui-select>
+		                    
+		                    <div class="help-block" ng-show="add.form.policy.$dirty && (add.form.policy.$invalid || !add.selectedPolicy)">
+		                    	<small class="error" ng-show="add.form.policy.$error.required" data-translate="moon.pdp.add.check.policy.required">Policy is required</small>
+		                    </div>
+		                    
+		                </div>
+
+						<div class="col-sm-6" ng-if="add.loadingPolicies">
+							<moon-loader ng-if="add.loadingPolicies" ></moon-loader>
+						</div>
+
+					</div>
+
+		            <div class="form-group">
+
+						<label for="description" class="col-sm-3 control-label" data-translate="moon.pdp.add.form.description">Description</label>
+						<div class="col-sm-6">
+			    			<textarea name="description" id="description" class="form-control" ng-model="add.pdp.description"></textarea>
+		            	</div>
+
+		            </div>
+	            
+				</form>
+				
+			</div>
+			
+			<div class="modal-footer">
+
+				<div class="btn-toolbar" style="float: right;">
+					<a href="" ng-click="$hide()" class="btn btn-default">
+		                <span data-translate="moon.pdp.add.action.cancel">Cancel</span>
+					</a>					
+					<a href="" ng-disabled="add.loading"  ng-click="add.create(add.pdp)" class="btn btn-warning">
+		            	<span class="glyphicon glyphicon-save"></span>
+		                <span data-translate="moon.pdp.add.action.create">Create</span>
+					</a>
+					<moon-loader ng-if="add.loading"></moon-loader>
+				</div>
+
+			</div>
+			
+		</div>
+		
+	</div>
+	
+</div>