Collapsible (#80)

* applicaitongroupcreate.html changes

* workspace modified

* without .idea/workspace.xml

* collapsible Isolation policy - applicationgroup

* removed .idea folder

* adding bundle.js - production version

* html static page changes reverted

* Removed .DS_Store

app/applicationgroups/applicationgroupcreate.html

@@ -38,15 +38,9 @@ <h4 class="ui header">
     </div>
 
     <div class="ui section divider"></div>
-    <div class="field">
-        <div ng-click="applicationGroupCreateCtrl.isolationPoliciesVisible = !applicationGroupCreateCtrl.isolationPoliciesVisible">
-            <h4 class="ui header">
-                <i ng-if="applicationGroupCreateCtrl.isolationPoliciesVisible" class="grey minus circle outline icon"></i>
-                <i ng-if="!applicationGroupCreateCtrl.isolationPoliciesVisible" class="grey plus circle outline icon"></i>
-                Isolation Policies
-            </h4>
-        </div>
-        <div ng-show="applicationGroupCreateCtrl.isolationPoliciesVisible">
+
+    <ctv-collapsible title="Isolation Policies">
+        <div class="field">
             <table class="ui very basic collapsing unstackable table">
                 <tbody>
                 <tr>
@@ -135,8 +129,10 @@ <h5 class="ui header" style="margin-top: 40px">Outgoing rules</h5>
                 </tr>
                 </tbody>
             </table>
+
         </div>
-    </div>
+    </ctv-collapsible>
+
 
     <div class="ui section divider"></div>
     <div class="field">

app/applicationgroups/applicationgroupdetails.html

@@ -65,15 +65,8 @@ <h4 class="ui header">
 
 
     <div class="ui section divider"></div>
-    <div ng-click="applicationGroupDetailsCtrl.isolationPoliciesVisible = !applicationGroupDetailsCtrl.isolationPoliciesVisible">
-        <h4 class="ui header">
-            <i ng-if="applicationGroupDetailsCtrl.isolationPoliciesVisible" class="grey minus circle outline icon"></i>
-            <i ng-if="!applicationGroupDetailsCtrl.isolationPoliciesVisible" class="grey plus circle outline icon"></i>
-            Isolation Policies
-        </h4>
-    </div>
 
-    <div ng-show="applicationGroupDetailsCtrl.isolationPoliciesVisible">
+    <ctv-collapsible title="Isolation Policies">
         <div ng-switch="applicationGroupDetailsCtrl.mode">
             <table ng-switch-when="edit" class="ui very basic collapsing unstackable table">
                 <tbody>
@@ -118,6 +111,8 @@ <h4 class="ui header">
                 </tbody>
             </table>
         </div>
+
+
         <h5 class="ui header">Incoming rules</h5>
         <table class="ui very basic unstackable table" style="margin-top: 40px">
             <thead>
@@ -172,7 +167,7 @@ <h5 class="ui header" style="margin-top: 40px">Outgoing rules</h5>
             </tr>
             </tbody>
         </table>
-    </div>
+    </ctv-collapsible>
 
     <div class="ui section divider"></div>