Policy 1707 commit to LF

Change-Id: Ibe6f01d92f9a434c040abb05d5386e89d675ae65
Signed-off-by: ITSERVICES\rb7147 <rb7147@att.com>

11 files changed, 793 insertions, 0 deletions

diff --git a/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/Editor/templates/current-folder-breadcrumb.html b/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/Editor/templates/current-folder-breadcrumb.html
new file mode 100644
index 000000000..1a59df9b7
--- /dev/null
+++ b/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/Editor/templates/current-folder-breadcrumb.html
@@ -0,0 +1,14 @@
+<ol class="breadcrumb mb0">
+    <li>
+        <a href="" ng-click="policyNavigator.goTo(-1)">
+            <i class="glyphicon glyphicon-folder-open mr2"></i>
+        </a>
+    </li>
+    <li ng-repeat="(key, dir) in policyNavigator.currentPath track by key" ng-class="{'active':$last}" class="animated fast fadeIn">
+        <a href="" ng-show="!$last" ng-click="policyNavigator.goTo(key)">
+            <i class="glyphicon glyphicon-folder-open mr2"></i> {{dir}}
+        </a>
+        <span ng-show="$last"><i class="glyphicon glyphicon-folder-open mr2"></i>  {{dir}}</span>
+    </li>
+    <li><button class="btn btn-primary btn-xs" ng-click="policyNavigator.upDir()">&crarr;</button></li>
+</ol>
\ No newline at end of file
diff --git a/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/Editor/templates/item-context-menu.html b/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/Editor/templates/item-context-menu.html
new file mode 100644
index 000000000..5ef11b219
--- /dev/null
+++ b/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/Editor/templates/item-context-menu.html
@@ -0,0 +1,82 @@
+<div id="context-menu" class="dropdown clearfix animated fast fadeIn">
+    <ul class="dropdown-menu dropdown-right-click" ng-hide="isDisabled" role="menu" aria-labelledby="dropdownMenu" style="">
+        
+         <li ng-show="temp.isFolder()">
+             <a href="" tabindex="-1" data-toggle="modal" data-target="#addSubScope" ng-show="createScopeId" ng-click="temp.getScopeContent();">
+                 <i class="glyphicon glyphicon-plus"></i>Add Sub Scope
+            </a>
+        </li>
+ 		<li ng-show="config.allowedActions.createNewPolicy && temp.isFolder()">
+             <a href="" tabindex="-1" data-toggle="modal" data-target="#createNewPolicy" ng-show="createPolicyId">
+                 <i class="glyphicon glyphicon-plus"></i>Create Policy
+            </a>
+        </li>
+        <li ng-show="config.allowedActions.describePolicy && !temp.isFolder()">
+             <a href="" tabindex="-1" data-toggle="modal" data-target="#describePolicy" ng-show="describePolicyId" ng-click="temp.getDescribePolicyContent();">
+                 <i class="glyphicon glyphicon-picture"></i>Describe Policy
+            </a>
+        </li>
+        <li ng-show="config.allowedActions.viewPolicy && !temp.isFolder()">
+             <a href="" tabindex="-1" data-toggle="modal" data-target="#createNewPolicy" ng-show="viewPolicyId" ng-click="temp.getViewPolicyContent();">
+                <i class="glyphicon glyphicon-picture"></i> View Policy
+            </a>
+        </li>
+        <li ng-show="config.allowedActions.rename  && !temp.isFolder()">
+            <a href="" tabindex="-1" data-toggle="modal" data-target="#rename" ng-show="renameId">
+                <i class="glyphicon glyphicon-edit"></i> Rename Policy
+            </a>
+        </li>
+         <li ng-show="config.allowedActions.rename && temp.isFolder()">
+            <a href="" tabindex="-1" data-toggle="modal" data-target="#move" ng-show="renameId">
+                <i class="glyphicon glyphicon-edit"></i> Move Scope
+            </a>
+        </li>
+        <li ng-show="config.allowedActions.rename && !temp.isFolder()">
+            <a href="" tabindex="-1" data-toggle="modal" data-target="#move" ng-show="renameId">
+                <i class="glyphicon glyphicon-edit"></i> Move Policy
+            </a>
+        </li>
+         <li ng-show="config.allowedActions.rename  && temp.isFolder()" >
+            <a href="" tabindex="-1" data-toggle="modal" data-target="#rename" ng-show="renameId">
+                <i class="glyphicon glyphicon-edit"></i> Rename Scope
+            </a>
+        </li>
+        <li ng-show="config.allowedActions.copy && !temp.isFolder()">
+            <a href="" tabindex="-1" data-toggle="modal" data-target="#copy" ng-show="cloneId">
+                <i class="glyphicon glyphicon-log-out"></i> Clone policy
+            </a>
+        </li>
+        <li ng-show="config.allowedActions.edit && !temp.isFolder()">
+            <a href="" tabindex="-1" data-toggle="modal" data-target="#createNewPolicy" ng-show="editPolicyId" ng-click="temp.getContent();">
+                <i class="glyphicon glyphicon-pencil"></i> Edit Policy
+            </a>
+        </li>
+		<li ng-show="config.allowedActions.switchVersion && !temp.isFolder()">
+            <a href="" tabindex="-1" data-toggle="modal" data-target="#switchVersion" ng-show="switchVersionId" ng-click="temp.getSwitchVersionContent();">
+                <i class="glyphicon glyphicon-pencil"></i> Switch Version
+            </a>
+        </li>
+         <li ng-show="config.allowedActions.removePolicy && !temp.isFolder()">
+            <a href="" tabindex="-1" data-toggle="modal" data-target="#deletePolicy" ng-show="deletePolicyId">
+                <i class="glyphicon glyphicon-trash"></i> Delete Policy
+            </a>
+        </li>
+        <li ng-show="config.allowedActions.remove && temp.isFolder()">
+            <a href="" tabindex="-1" data-toggle="modal" data-target="#delete" ng-show="deleteScopeId">
+                <i class="glyphicon glyphicon-trash"></i> Delete Scope
+            </a>
+        </li>
+    </ul>
+     <ul class="dropdown-menu dropdown-right-click" ng-show="isDisabled" role="menu" aria-labelledby="dropdownMenu" style="">
+        <li ng-show="config.allowedActions.describePolicy && !temp.isFolder()">
+             <a href="" tabindex="-1" data-toggle="modal" data-target="#describePolicy" ng-show="describePolicyId" ng-click="temp.getDescribePolicyContent();">
+                 <i class="glyphicon glyphicon-picture"></i>Describe Policy
+            </a>
+        </li>
+        <li ng-show="config.allowedActions.viewPolicy && !temp.isFolder()">
+             <a href="" tabindex="-1" data-toggle="modal" data-target="#createNewPolicy" ng-show="viewPolicyId" ng-click="temp.getViewPolicyContent();">
+                <i class="glyphicon glyphicon-picture"></i> View Policy
+            </a>
+        </li>
+    </ul>
+</div>
\ No newline at end of file
diff --git a/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/Editor/templates/item-toolbar.html b/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/Editor/templates/item-toolbar.html
new file mode 100644
index 000000000..086aef010
--- /dev/null
+++ b/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/Editor/templates/item-toolbar.html
@@ -0,0 +1,5 @@
+<div ng-show="!item.inprocess">
+    <button class="btn btn-sm btn-default" data-toggle="modal" data-target="#watch"  ng-click="watch(item)" title="Watch">
+        <i class="glyphicon glyphicon-eye-open"></i>
+    </button>
+</div> 
\ No newline at end of file
diff --git a/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/Editor/templates/main-icons.html b/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/Editor/templates/main-icons.html
new file mode 100644
index 000000000..53a305b45
--- /dev/null
+++ b/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/Editor/templates/main-icons.html
@@ -0,0 +1,23 @@
+<div class="iconset clearfix">
+    <div class="col-120" ng-repeat="item in policyNavigator.fileList | filter: query | orderBy: orderProp" ng-show="!policyNavigator.requesting && !policyNavigator.error">
+        <a href="" class="thumbnail text-center" ng-click="smartClick(item)" ng-right-click="touch(item)" title="{{item.model.name}} ({{item.model.sizeKb()}}kb)">
+            <div class="item-icon">
+                <i class="glyphicon glyphicon-folder-open" ng-show="item.model.type === 'dir'"></i>
+                <i class="glyphicon glyphicon-file" ng-show="item.model.type === 'file'"></i>
+            </div>
+            {{item.model.name | strLimit : 11 }}
+        </a>
+    </div>
+
+    <div ng-show="policyNavigator.requesting">
+        <div ng-include="config.tplPath + '/spinner.html'"></div>
+    </div>
+
+    <div class="alert alert-warning" ng-show="!policyNavigator.requesting && policyNavigator.fileList.length < 1 && !policyNavigator.error">
+        No Policy's in Scope...
+    </div>
+    
+    <div class="alert alert-danger" ng-show="!policyNavigator.requesting && policyNavigator.error">
+        {{ policyNavigator.error }}
+    </div>
+</div>
\ No newline at end of file
diff --git a/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/Editor/templates/main-table-modal.html b/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/Editor/templates/main-table-modal.html
new file mode 100644
index 000000000..948e505f9
--- /dev/null
+++ b/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/Editor/templates/main-table-modal.html
@@ -0,0 +1,46 @@
+<table class="table table-condensed table-modal-condensed mb0">
+    <thead>
+        <tr>
+            <th>
+                <a href="" ng-click="order('model.name')">
+                    Name
+                    <span class="sortorder" ng-show="predicate[1] === 'model.name'" ng-class="{reverse:reverse}"></span>
+                </a>
+            </th>
+            <th class="text-right"></th>
+        </tr>
+    </thead>
+    <tbody class="file-item">
+        <tr ng-show="policyNavigator.requesting">
+            <td colspan="2">
+                <div ng-include="config.tplPath + '/spinner.html'"></div>
+            </td>
+        </tr>
+        <tr ng-show="!policyNavigator.requesting && !policyNavigator.listHasFolders() && !policyNavigator.error">
+            <td colspan="2">
+                No Sub Scopes in Scope...
+            </td>
+            <td class="text-right">
+                <button class="btn btn-sm btn-default" ng-click="policyNavigator.upDir()">Go back</button>
+            </td>
+        </tr>
+        <tr ng-show="!policyNavigator.requesting && policyNavigator.error">
+            <td colspan="2">
+                {{ policyNavigator.error }}
+            </td>
+        </tr>
+        <tr ng-repeat="item in policyNavigator.fileList | orderBy:predicate:reverse" ng-show="!policyNavigator.requesting && item.model.type === 'dir'">
+            <td>
+                <a href="" ng-click="policyNavigator.folderClick(item)" title="{{item.model.name}} ({{item.model.sizeKb()}}kb)">
+                    <i class="glyphicon glyphicon-folder-close"></i>
+                    {{item.model.name | strLimit : 32}}
+                </a>
+            </td>
+            <td class="text-right">
+                <button class="btn btn-sm btn-default" ng-click="select(item, temp)">
+                    <i class="glyphicon glyphicon-hand-up"></i> Select this
+                </button>
+            </td>
+        </tr>
+    </tbody>
+</table>
\ No newline at end of file
diff --git a/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/Editor/templates/main-table.html b/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/Editor/templates/main-table.html
new file mode 100644
index 000000000..27ddad7e8
--- /dev/null
+++ b/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/Editor/templates/main-table.html
@@ -0,0 +1,85 @@
+<table class="table mb0 table-files">
+    <thead>
+        <tr>
+            <th>
+                <a href="" ng-click="order('model.name')">
+                    Name
+                    <span class="sortorder" ng-show="predicate[1] === 'model.name'" ng-class="{reverse:reverse}"></span>
+                </a>
+            </th>
+              <th class="hidden-sm hidden-xs">
+                <a href="" ng-click="order('model.version')">
+                    Version
+                    <span class="sortorder" ng-show="predicate[1] === 'model.version'" ng-class="{reverse:reverse}"></span>
+                </a>
+            </th>
+            <th class="hidden-sm hidden-xs">
+                <a href="" ng-click="order('model.date')">
+                    Date
+                    <span class="sortorder" ng-show="predicate[1] === 'model.date'" ng-class="{reverse:reverse}"></span>
+                </a>
+            </th>
+              <th class="hidden-sm hidden-xs">
+                <a href="" ng-click="order('model.createdBy')">
+                    Created By
+                    <span class="sortorder" ng-show="predicate[1] === 'model.createdBy'" ng-class="{reverse:reverse}"></span>
+                </a>
+            </th>
+              <th class="hidden-sm hidden-xs">
+                <a href="" ng-click="order('model.modifiedBy')">
+                   Modified By
+                    <span class="sortorder" ng-show="predicate[1] === 'model.modifiedBy'" ng-class="{reverse:reverse}"></span>
+                </a>
+            </th>
+             <th class="hidden-sm hidden-xs">
+                <a href="">
+                   Watch Policy
+                    <span class="sortorder"  ng-class="{reverse:reverse}"></span>
+                </a>
+            </th>
+            <!-- <th class="text-right">
+            <a>Watch Policy</a></th> -->
+        </tr>
+    </thead>
+    <tbody class="file-item">
+        <tr ng-show="policyNavigator.requesting">
+            <td colspan="5">
+                <div ng-include="config.tplPath + '/spinner.html'"></div>
+            </td>
+        </tr>
+        <tr ng-show="!policyNavigator.requesting && policyNavigator.fileList.length < 1 && !policyNavigator.error">
+            <td colspan="5">
+                No Policy's in Scope...
+            </td>
+        </tr>
+        <tr ng-show="!policyNavigator.requesting && policyNavigator.error">
+            <td colspan="5">
+                {{ policyNavigator.error }}
+            </td>
+        </tr>
+        <tr ng-repeat="item in policyNavigator.fileList | filter: {model:{name: query}} | orderBy:predicate:reverse" ng-show="!policyNavigator.requesting">
+            <td ng-right-click="touch(item)">
+                <a href="" ng-click="smartClick(item)" title="{{item.model.name}} ({{item.model.sizeKb()}}kb)">
+                    <i class="glyphicon glyphicon-folder-close" ng-show="item.model.type === 'dir'"></i>
+                    <i class="glyphicon glyphicon-file" ng-show="item.model.type === 'file'"></i>
+                    {{item.model.name | strLimit : 64}}
+                </a>
+            </td>
+            <td class="hidden-xs">
+                {{item.model.version}}
+            </td>
+            <td class="hidden-sm hidden-xs">
+                {{item.model.date | formatDate }}
+            </td>
+            <td class="hidden-sm hidden-xs">
+                {{item.model.createdBy}}
+            </td>
+            <td class="hidden-sm hidden-xs">
+                {{item.model.modifiedBy}}
+            </td>
+            <td  class="text-right">
+                <div ng-include="config.tplPath + '/item-toolbar.html'"></div>
+            </td>
+        </tr>
+    </tbody>
+</table>
\ No newline at end of file
diff --git a/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/Editor/templates/modals.html b/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/Editor/templates/modals.html
new file mode 100644
index 000000000..f2b2b8d9d
--- /dev/null
+++ b/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/Editor/templates/modals.html
@@ -0,0 +1,306 @@
+<div class="modal animated fadeIn" id="delete" data-toggle="modal" data-backdrop="static" data-keyboard="false">
+  <div class="modal-dialog">
+    <div class="modal-content">
+    <form ng-submit="remove(temp)">
+      <div class="modal-header">
+        <button type="button" class="close" data-dismiss="modal">
+            <span aria-hidden="true">&times;</span>
+            <span class="sr-only">Close</span>
+        </button>
+        <h4 class="modal-title">Confirm</h4>
+      </div>
+      <div>
+        Are you Sure to delete   <b>{{temp.model.name}}</b> ?
+        <div ng-include data-src="'error-bar'" class="clearfix"></div>
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-default" data-dismiss="modal" ng-disabled="temp.inprocess">Cancel</button>
+        <button type="submit" class="btn btn-primary" ng-disabled="temp.inprocess" autofocus="autofocus">Delete</button>
+      </div>
+      </form>
+    </div>
+  </div>
+</div>
+
+<div class="modal animated fadeIn" id="deletePolicy" data-toggle="modal" data-backdrop="static" data-keyboard="false">
+  <div class="modal-dialog">
+    <div class="modal-content">
+    <form ng-submit="removePolicy(temp)">
+      <div class="modal-header">
+        <button type="button" class="close" data-dismiss="modal">
+            <span aria-hidden="true">&times;</span>
+            <span class="sr-only">Close</span>
+        </button>
+        <h4 class="modal-title">Confirm</h4>
+      </div>
+      <div>Are you Sure to delete  <b>{{temp.model.name}}</b> ?
+      	<div>
+      	 <p>          
+          	<input type = "radio" ng-model ="temp.model.versions"  name = "radSize" id = "sizeSmall" value = "CURRENT" checked = "checked" /><label for = "sizeSmall">Are you sure you want to delete Current Version of Policy</label>
+          	</br>
+          	<input type = "radio" ng-model ="temp.model.versions"  name = "radSize" id = "sizeMed"  value = "ALL" /><label for = "sizeMed">Are you sure you want to delete All Versions of Policy</label>
+         </p>
+      	</div>
+        <div ng-include data-src="'error-bar'" class="clearfix"></div>
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-default" data-dismiss="modal" ng-disabled="temp.inprocess">Cancel</button>
+        <button type="submit" class="btn btn-primary" ng-disabled="temp.inprocess" autofocus="autofocus">Delete</button>
+      </div>
+      </form>
+    </div>
+  </div>
+</div>
+
+<div class="modal animated fadeIn" id="rename" data-toggle="modal" data-backdrop="static" data-keyboard="false">
+  <div class="modal-dialog">
+    <div class="modal-content">
+        <form ng-submit="rename(temp)">
+            <div class="modal-header">
+              <button type="button" class="close" data-dismiss="modal">
+                  <span aria-hidden="true">&times;</span>
+                  <span class="sr-only">Close</span>
+              </button>
+              <h4 class="modal-title">Rename</h4>
+            </div>
+            <div>
+              <label class="radio">Enter New Name : <b>{{temp.model.name}}</b></label>
+              <input class="form-control" ng-model="temp.tempModel.name" autofocus="autofocus">
+
+                <div ng-include data-src="'path-selector'" class="clearfix"></div>
+              <div ng-include data-src="'error-bar'" class="clearfix"></div>
+            </div>
+            <div class="modal-footer">
+              <button type="button" class="btn btn-default" data-dismiss="modal" ng-disabled="temp.inprocess">Cancel</button>
+              <button type="submit" class="btn btn-primary" ng-disabled="temp.inprocess">Rename</button>
+            </div>
+        </form>
+    </div>
+  </div>
+</div>
+
+<div class="modal animated fadeIn" id="searchWindow" data-toggle="modal" data-backdrop="static" data-keyboard="false">
+  <div class="modal-dialog">
+    <div class="modal-content">
+        <form>
+            <div class="modal-header">
+              <button type="button" class="close" data-dismiss="modal">
+                  <span aria-hidden="true">&times;</span>
+                  <span class="sr-only">Close</span>
+              </button>
+              <h4 class="modal-title">List of Policies</h4>
+            </div>
+            <div>
+              <div ng-include data-src="'error-bar'" class="clearfix"></div>
+            </div>
+            <div class="modal-footer">
+              <button type="button" class="btn btn-default" data-dismiss="modal" ng-disabled="temp.inprocess">Cancel</button>
+            </div>
+        </form>
+    </div>
+  </div>
+</div>
+
+<div class="modal animated fadeIn" id="move" data-toggle="modal" data-backdrop="static" data-keyboard="false">
+  <div class="modal-dialog">
+    <div class="modal-content">
+        <form ng-submit="move(temp)">
+            <div class="modal-header">
+              <button type="button" class="close" data-dismiss="modal">
+                  <span aria-hidden="true">&times;</span>
+                  <span class="sr-only">Close</span>
+              </button>
+              <h4 class="modal-title">Move Policy</h4>
+            </div>
+            <div>
+              <div ng-include data-src="'path-selector'" class="clearfix"></div>
+              <div ng-include data-src="'error-bar'" class="clearfix"></div>
+            </div>
+            <div class="modal-footer">
+              <button type="button" class="btn btn-default" data-dismiss="modal" ng-disabled="temp.inprocess">Cancel</button>
+              <button type="submit" class="btn btn-primary" ng-disabled="temp.inprocess">Move</button>
+            </div>
+        </form>
+    </div>
+  </div>
+</div>  
+
+<div class="modal animated fadeIn" id="switchVersion" data-toggle="modal" data-backdrop="static" data-keyboard="false">
+  <div class="modal-dialog">
+    <div class="modal-content">
+        <form ng-submit="switchVersion(temp)">
+            <div class="modal-header">
+              <button type="button" class="close" data-dismiss="modal">
+                  <span aria-hidden="true">&times;</span>
+                  <span class="sr-only">Close</span>
+              </button>
+              <h4 class="modal-title">Switch Version</h4>
+            </div>
+            <div>
+              <label class="radio">Highest Version <b></b></label>
+              <input class="form-control" ng-disabled="true" ng-model="temp.tempModel.content.highestVersion" autofocus="autofocus">
+            </div>
+             <div>
+              <label class="radio">Active Version <b></b></label>
+              <select class="form-control" ng-model="temp.tempModel.content.activeVersion" ng-options="option for option in temp.tempModel.content.availableVersions" autofocus="autofocus"></select>
+              <div ng-include data-src="'error-bar'" class="clearfix"></div>
+            </div>
+            <div class="modal-footer">
+              <button type="button" class="btn btn-default" data-dismiss="modal" ng-disabled="temp.inprocess">Cancel</button>
+              <button type="submit" class="btn btn-primary" ng-disabled="temp.inprocess">Save</button>
+            </div>
+        </form>
+    </div>
+  </div>
+</div>
+
+<div class="modal animated fadeIn" id="copy" data-toggle="modal" data-backdrop="static" data-keyboard="false">
+  <div class="modal-dialog">
+    <div class="modal-content">
+        <form ng-submit="copy(temp)">
+            <div class="modal-header">
+              <button type="button" class="close" data-dismiss="modal">
+                  <span aria-hidden="true">&times;</span>
+                  <span class="sr-only">Close</span>
+              </button>
+              <h4 class="modal-title">Clone Policy</h4>
+            </div>
+            <div>
+              <label class="radio">Enter new Policy Name to Clone <b>{{temp.model.name}}</b></label>
+              <input class="form-control" ng-model="temp.tempModel.name" autofocus="autofocus">
+
+              <div ng-include data-src="'path-selector'" class="clearfix"></div>
+              <div ng-include data-src="'error-bar'" class="clearfix"></div>
+            </div>
+            <div class="modal-footer">
+              <button type="button" class="btn btn-default" data-dismiss="modal" ng-disabled="temp.inprocess">Cancel</button>
+              <button type="submit" class="btn btn-primary" ng-disabled="temp.inprocess">Clone</button>
+            </div>
+        </form>
+    </div>
+  </div>
+</div>
+
+<div class="modal" id="newfolder" data-backdrop="static" data-keyboard="false">
+  <div class="modal-dialog">
+    <div class="modal-content">
+        <form ng-submit="createFolder(temp)">
+            <div class="modal-header">
+              <button type="button" class="close" data-dismiss="modal">
+                  <span aria-hidden="true">&times;</span>
+                  <span class="sr-only">Close</span>
+              </button>
+              <h4 class="modal-title">Add Scope</h4>
+            </div>
+            <div>
+              <label class="radio">Scope Name</label>
+              <input class="form-control" ng-model="temp.tempModel.name" autofocus="autofocus">
+              <div ng-include data-src="'error-bar'" class="clearfix"></div>
+            </div>
+            <div class="modal-footer">
+              <button id = "cancel" type="button" class="btn btn-default" data-dismiss="modal" ng-disabled="temp.inprocess">Cancel</button>
+              <button type="submit" class="btn btn-primary" ng-disabled="temp.inprocess">Create</button>
+            </div>
+        </form>
+    </div>
+  </div>
+</div>
+
+<div class="modal animated fadeIn" id="addSubScope" data-toggle="modal" data-backdrop="static" data-keyboard="false">
+  <div class="modal-dialog">
+    <div class="modal-content">
+        <form ng-submit="subScopeFolder(temp)">
+            <div class="modal-header">
+              <button type="button" class="close" data-dismiss="modal">
+                  <span aria-hidden="true">&times;</span>
+                  <span class="sr-only">Close</span>
+              </button>
+              <h4 class="modal-title">Add Sub Scope</h4>
+            </div>
+            <div>
+              <label class="radio">Scope Name</label>
+              <input class="form-control" ng-model="temp.tempModel.subScopename" autofocus="autofocus">
+              <div ng-include data-src="'error-bar'" class="clearfix"></div>
+            </div>
+            <div class="modal-footer">
+              <button type="button" class="btn btn-default" data-dismiss="modal" ng-disabled="temp.inprocess">Cancel</button>
+              <button type="submit" class="btn btn-primary" ng-disabled="temp.inprocess">Create</button>
+            </div>
+        </form>
+    </div>
+  </div>
+</div>
+
+<div class="modal animated fadeIn" id="uploadfile" data-toggle="modal" data-backdrop="static" data-keyboard="false">
+  <div class="modal-dialog">
+    <div class="modal-content">
+        <form ng-submit="uploadFiles()">
+            <div class="modal-header">
+              <button type="button" class="close" data-dismiss="modal">
+                  <span aria-hidden="true">&times;</span>
+                  <span class="sr-only">Close</span>
+              </button>
+              <h4 class="modal-title">Import</h4>
+            </div>
+            <div>
+              <label class="radio">Upload to</label>
+              <input type="file" class="form-control" ng-file="$parent.uploadFileList" autofocus="autofocus" multiple="multiple"/>
+              <div ng-include data-src="'error-bar'" class="clearfix"></div>
+            </div>
+            <div class="modal-footer">
+              <div ng-show="!fileUploader.requesting">
+                  <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
+                  <button type="submit" class="btn btn-primary" ng-disabled="!uploadFileList.length || fileUploader.requesting">{{'upload' | translate}}</button>
+              </div>
+              <div ng-show="fileUploader.requesting">
+                  <span class="label label-warning">Uploading......</span>
+              </div>
+            </div>
+        </form>
+    </div>
+  </div>
+</div>
+
+<div class="modal animated fadeIn" id="selector" ng-controller="PolicyManagerModalCtrl">
+  <div class="modal-dialog">
+    <div class="modal-content">
+      <div class="modal-header">
+        <button type="button" class="close" data-dismiss="modal">
+            <span aria-hidden="true">&times;</span>
+            <span class="sr-only">Close</span>
+        </button>
+        <h4 class="modal-title">Select the Destination Scope</h4>
+      </div>
+      <div>
+        <div>
+            <div ng-include="config.tplPath + '/current-folder-breadcrumb.html'"></div>
+            <div ng-include="config.tplPath + '/main-table-modal.html'"></div>
+        </div>
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-default" data-dismiss="modal" ng-disabled="temp.inprocess">Close</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+<script type="text/ng-template" id="path-selector">
+  <div class="panel panel-primary mt10 mb0">
+    <div class="panel-body">
+        <div class="detail-sources">
+          <code class="mr5"><b>Source:</b> {{temp.model.fullPath()}}</code>
+        </div>
+        <div class="detail-sources">
+          <code class="mr5"><b>Destination:</b>{{temp.tempModel.fullPath()}}</code>
+          <a href=""  ng-click="openNavigator(temp)"><span class="label label-primary">move</span></a>
+        </div>
+    </div>
+  </div>
+</script>
+
+<script type="text/ng-template" id="error-bar">
+    <div class="label label-danger error-msg pull-left animated fadeIn" ng-show="temp.error">
+      <i class="glyphicon glyphicon-remove-circle"></i>
+      <span>{{temp.error}}</span>
+    </div>
+</script>
\ No newline at end of file
diff --git a/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/Editor/templates/navbar.html b/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/Editor/templates/navbar.html
new file mode 100644
index 000000000..80ca1c593
--- /dev/null
+++ b/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/Editor/templates/navbar.html
@@ -0,0 +1,20 @@
+<nav class="navbar navbar-light bg-faded">
+	<div class="form-group row">
+		<div class="form-group col-sm-3">
+			<form class="form-inline">
+				<label style="text-align: left; color: #157bb2"><h1>
+						<b>{{config.appName}}</b>
+					</h1></label> <label></label> <label></label>
+			</form>
+		</div>
+		<div class="form-group col-sm-5" style="margin-top: 2%"></div>
+		<div class="form-group col-sm-4" style="margin-top: 2%" align="right">
+			<div class="btn-group">
+  				<button type="button" class="btn btn-primary" ng-show="superAdminId" data-toggle="modal" data-target="#newfolder" ng-click="touch()"><i class="glyphicon glyphicon-plus"></i>Add Scope</button>
+  				<button type="button" class="btn btn-primary" ng-show="importPolicyId" data-toggle="modal" data-target="#uploadfile" ng-show="config.allowedActions.upload" ng-click="touch()"> <i class="glyphicon glyphicon-upload"></i>Import</button>
+  				<button type="button" class="btn btn-primary" ng-show="exportPolicyId" data-toggle="modal" data-target="#exportPolicy" ng-show="config.allowedActions.exportPolicy"> <i class="glyphicon glyphicon-download"></i>Export</button>
+				<button class="btn btn-secondary" type="button" onClick="window.location='policy#/policy_SearchFilter';">Filter</button>
+			</div>
+		</div>
+	</div>
+</nav>
\ No newline at end of file
diff --git a/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/Editor/templates/policyEditor.html b/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/Editor/templates/policyEditor.html
new file mode 100644
index 000000000..a32eecf0d
--- /dev/null
+++ b/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/Editor/templates/policyEditor.html
@@ -0,0 +1,20 @@
+<style>
+ .content-container {
+ 	width:98%;
+ }
+</style>
+<div id="page-content">
+ <div ng-include="config.tplPath + '/navbar.html'"></div>  
+   <div>
+        <div class="row">
+              <div ng-include="config.tplPath + '/current-folder-breadcrumb.html'" ng-show="config.breadcrumb"></div>
+              <div ng-include="config.tplPath + '/main-table.html'" class="main-navigation clearfix"></div>
+        </div>
+    </div>
+   
+    <div ng-include="config.tplPath + '/item-context-menu.html'"></div>
+    <div ng-include="'app/policyApp/policy-models/Editor/PolicyTemplates/PolicyTypeTemplate.html'"></div>
+    <div ng-include="'app/policyApp/policy-models/Editor/templates/modals.html'"></div>
+    <div ng-include="'app/policyApp/policy-models/Editor/PolicyTemplates/DescribePolicyTemplate.html'"></div>
+    <div ng-include="'app/policyApp/policy-models/Editor/PolicyTemplates/ExportPolicyTemplate.html'"></div>
+</div>
\ No newline at end of file
diff --git a/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/Editor/templates/searchNavbar.html b/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/Editor/templates/searchNavbar.html
new file mode 100644
index 000000000..43eb5148b
--- /dev/null
+++ b/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/Editor/templates/searchNavbar.html
@@ -0,0 +1,187 @@
+<style>
+body {
+	padding-top: 50px;
+}
+
+.dropdown.dropdown-lg .dropdown-menu {
+	margin-top: -1px;
+	padding: 6px 20px;
+}
+
+.input-group-btn .btn-group {
+	display: flex !important;
+}
+
+.btn-group .btn {
+	border-radius: 0;
+	margin-left: -1px;
+}
+
+.btn-group .btn:last-child {
+	border-top-right-radius: 4px;
+	border-bottom-right-radius: 4px;
+}
+
+.btn-group .form-horizontal .btn[type="submit"] {
+	border-top-left-radius: 4px;
+	border-bottom-left-radius: 4px;
+}
+
+.form-horizontal .form-group {
+	margin-left: 0;
+	margin-right: 0;
+}
+
+.form-group .form-control:last-child {
+	border-top-left-radius: 4px;
+	border-bottom-left-radius: 4px;
+}
+
+@media screen and (min-width: 768px) {
+	#adv-search {
+		width: 550px;
+		margin: 0 auto;
+	}
+	.dropdown.dropdown-lg {
+		position: static !important;
+	}
+	.dropdown.dropdown-lg .dropdown-menu {
+		min-width: 550px;
+	}
+}
+</style>
+<nav class="navbar navbar-light bg-faded">
+	<div class="form-group row">
+		<div class="form-group col-sm-8" style="margin-top: 2%">
+			<div class="container">
+				<div class="row">
+					<div class="input-group">
+						<div class="input-group" id="adv-search">
+							<input type="text" class="form-control"
+								placeholder="{{'search'}}..." ng-model="search.query" />
+							<div class="input-group-btn">
+								<div class="btn-group" role="group">
+									<div class="dropdown dropdown-lg">
+										<button type="button" class="btn btn-default dropdown-toggle"
+											data-toggle="dropdown" aria-expanded="false">
+											<span class="caret"></span>
+										</button>
+										<div class="dropdown-menu dropdown-menu-right" role="menu">
+											<form class="form-horizontal" role="form">
+												<div class="form-group row">
+													<div class="form-group col-sm-4">
+														<label for="filter">Policy Type:</label> <select
+															class="form-control" ng-model="search.policyType">
+															<option>action</option>
+															<option>config</option>
+															<option>closedLoop</option>
+															<option>decision</option>
+															<option>all</option>
+														</select>
+													</div>
+													<div class="form-group col-sm-8">
+														<label for="filter">Descriptive Type:</label> <select
+															class="form-control" ng-model="search.descriptiveScope"
+															ng-options="option for option in descriptiveScopeDictionaryDatas track by option"></select>
+													</div>
+												</div>
+												<div ng-if="search.policyType == 'closedLoop'">
+													<div class="form-group row">
+														<div class="form-group col-sm-6">
+															<label>ClosedLoop Policy Type:</label><BR> <select
+																class="form-control"
+																ng-model="search.closedLooppolicyType">
+																<option>Config_Fault</option>
+																<option>Config_PM</option>
+															</select>
+														</div>
+														<div class="form-group col-sm-6">
+															<label>Ecomp Name:</label><BR> <select
+																class="form-control" ng-model="search.ecompName"
+																ng-options="option for option in ecompNameDictionaryDatas track by option"></select>
+														</div>
+													</div>
+													<div class="form-group row">
+														<div class="form-group col-sm-6">
+															<label>D2 Service:</label><BR> <select
+																class="form-control" ng-model="search.d2Service">
+																<option>Hosted Voice(Trinity)</option>
+																<option>vUSP</option>
+																<option>MCR</option>
+																<option>Gamma</option>
+																<option>vDNS</option>
+															</select>
+														</div>
+														<div class="form-group col-sm-6">
+															<label>Bind Text Search to:</label><BR> <select
+																class="form-control" ng-model="search.bindTextSearch">
+																<option>Email Address</option>
+																<option>Trigger Signature</option>
+																<option>Connect All Traps</option>
+																<option>Verification Signature</option>
+																<option>Connect All Faults</option>
+																<option>Onset Message</option>
+																<option>Policy Name</option>
+																<option>Abatement Message</option>
+																<option>Geo Link</option>
+															</select>
+														</div>
+													</div>
+													<div class="form-group row">
+														<div class="form-group col-sm-6"
+															ng-if="search.closedLooppolicyType == 'Config_Fault'">
+															<label>VNF Type:</label><BR> <select
+																class="form-control" ng-model="search.vnfType"
+																ng-options="option for option in vnfTypeDictionaryDatas track by option"></select>
+														</div>
+														<div class="form-group col-sm-6"
+															ng-if="search.closedLooppolicyType == 'Config_Fault'">
+															<label>Policy Status:</label><BR> <select
+																class="form-control" ng-model="search.policyStatus">
+																<option>Active</option>
+																<option>InActive</option>
+															</select>
+														</div>
+													</div>
+													<div class="form-group row">
+														<div class="form-group col-sm-6"
+															ng-if="search.closedLooppolicyType == 'Config_Fault'">
+															<label>vPRO Action:</label><BR> <select
+																class="form-control" ng-model="search.vproAction"
+																ng-options="option for option in vsclActionDictionaryDatas track by option"></select>
+														</div>
+														<div class="form-group col-sm-6"
+															ng-if="search.closedLooppolicyType == 'Config_PM'">
+															<label>Service Type:</label><BR> <select
+																class="form-control" ng-model="search.serviceType">
+																<option>Registration Failure(Trinity)</option>
+																<option>International Fraud(Trinity)</option>
+																<option>No Dial Tone(Trinity)</option>
+																<option>Call Storm(Trinity)</option>
+																<option>Registration Storm(Trinity)</option>
+															</select>
+														</div>
+													</div>
+												</div>
+											</form>
+										</div>
+									</div>
+									<button type="button" class="btn btn-primary"
+										ng-click="search(search);">
+										<span class="glyphicon glyphicon-search" aria-hidden="true"></span>
+									</button>
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+		<div class="form-group col-sm-4" style="margin-top: 2%" align="right">
+			<div class="btn-group">
+  				<button class="btn btn-secondary" type="button" onClick="window.location='policy#/Editor';">Editor</button>
+				<button class="btn btn-primary" type="button" onClick="window.location='policy#/policy_SearchFilter';">Filter</button>
+			</div>
+		</div>
+	</div>
+</nav>
\ No newline at end of file
diff --git a/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/Editor/templates/spinner.html b/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/Editor/templates/spinner.html
new file mode 100644
index 000000000..5485996ef
--- /dev/null
+++ b/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/Editor/templates/spinner.html
@@ -0,0 +1,5 @@
+<div class="spinner-wrapper col-xs-12">
+    <svg class="spinner-container" style="width:65px;height:65px" viewBox="0 0 44 44">
+        <circle class="path" cx="22" cy="22" r="20" fill="none" stroke-width="4"></circle>
+    </svg>
+</div>
\ No newline at end of file