new.html in faalis-0.25.0

- old
+ new
@@ -1,45 +1,67 @@
 <div class="newform">
-<form name="from" novalidate>
+  <form name="from" novalidate>
 
-  <fieldset class="form">
+    <fieldset class="form">
 
-  <legend ng-if="!editing"><span translate>New Group</span></legend>
-  <legend ng-if="editing"><span translate>Edit Group</span></legend>
+      <legend ng-if="!editing"><span translate>New Group</span></legend>
+      <legend ng-if="editing"><span translate>Edit Group</span></legend>
 
-  <div class="row">
-    <div class="small-4 columns">
-      <label translate>Name :</label>
-      <input id="id_name" ng-model="new_name" type="text" required>
-      <small id="id_name_msg"></small>
-    </div>
-  </div>
+      <div class="row">
+        <div class="small-4 columns">
+          <label translate>Name :</label>
+          <input id="id_name" ng-model="new_name" type="text" required>
+          <small id="id_name_msg"></small>
+        </div>
+      </div>
+    </fieldset>
 
-  <div class="row">
-    <label for="permissions" translate>Permissions</label>
+    <fieldset>
+        <legend translate>Workflows</legend>
+        <div class="row">
+          <div class="small-12 columns">
+            <p translate>Choose any workflow which you want to allow user to have access to.</p>
+          </div>
+        </div>
+        <div class="row">
+          <div class="small-2 columns text-center" ng-repeat="workflow in workflows">
 
-    <div class="small-10 columns permissions">
+            <span class="fa-stack fa-2x" ng-if="workflow.have_icon == true">
+              <i class="fa fa-circle fa-stack-2x"></i>
+              <i class="{{ workflow.icon }} fa-stack-1x fa-inverse"></i>
+            </span>
+            <img ng-src="workflow.image" ng-if="workflow.have_iamge == true"/>
+            <span>{{ workflow.title }}</span>
+          </div>
+        </div>
+    </fieldset>
 
+    <fieldset>
+      <legend translate>Advance Permissions</legend>
       <div class="row">
-        <div id="id_permissions" class="small-8 columns field">
-          <ul>
+        <label for="permissions" translate>Permissions</label>
+      </div>
 
+      <div class="small-10 columns permissions">
+
+        <div class="row">
+          <div id="id_permissions" class="small-8 columns field">
+            <ul>
+
               <li ng-repeat="permission in permissions" id="{{permission.name}}" ng-click="select_permission(permission)"> <i ng-show="is_selected(permission)" class="fa fa-check"></i> {{ permission.string }} </li>
 
-          </ul>
+            </ul>
+          </div>
+          <small id="id_permissions_msg"></small>
         </div>
-        <small id="id_permissions_msg"></small>
       </div>
-    </div>
-  </div>
-  </fieldset>
+    </fieldset>
 
-
-  <div class="row">
+    <div class="row">
       <div class="small-6 columns">
         <button class="btn small green" ng-click="save()" ng-disabled="form.$invalid"><i class="fa fa-check"></i> <span translate>Save</span></button>
         <button class="btn small red" ng-click="cancel()"><i class="fa fa-times"></i><span translate>Cansel</span></button>
       </div>
-  </div>
-</form>
+    </div>
+  </form>
 
 </div>