firewall_gui: show rule details RESTful url endpoint added

cloud/urls.py

@@ -103,4 +103,6 @@ urlpatterns = patterns('',
     url(r'^firewall/domains/$', 'firewall_gui.views.list_domains'),
     url(r'^firewall/records/$', 'firewall_gui.views.list_records'),
     url(r'^firewall/blacklists/$', 'firewall_gui.views.list_blacklists'),
+
+    url(r'^firewall/rules/(?P<id>\d+)/$', 'firewall_gui.views.show_rule'),
 )

firewall_gui/static/js/project.js

@@ -6,7 +6,7 @@
  * @type {Array}
  */
 var listControllers = ['rule', 'host', 'vlan', 'vlangroup', 'hostgroup', 'firewall', 'domain', 'record', 'blacklist'];
-
+var entityControllers = ['rule'];
 var module = angular.module('firewall', []).config(
 ['$routeProvider', function($routeProvider) {
     for (var i in listControllers) {
@@ -16,6 +16,13 @@ var module = angular.module('firewall', []).config(
             controller: ListController('/firewall/' + c + 's/')
         });
     }
+    for (var i in entityControllers) {
+        var c = entityControllers[i];
+        $routeProvider.when('/' + c + 's/:id/', {
+            templateUrl: '/static/partials/' + c + '-edit.html',
+            controller: EntityController('/firewall/' + c + 's/')
+        });
+    }
     $routeProvider.otherwise({
         redirectTo: '/rules/'
     });
@@ -77,3 +84,15 @@ function ListController(url) {
         });
     }
 }
+
+function EntityController(url) {
+    console.log('creatin...', url);
+    return function($scope, $http, $routeParams) {
+        var id = $routeParams.id;
+        console.log('foooooo');
+        $http.get(url + id + '/').success(function success(data) {
+            console.log(data);
+            $scope.rule = data;
+        });
+    }
+}

firewall_gui/static/partials/rule-edit.html

+<form class="form-horizontal">
+  <div class="control-group">
+    <label class="control-label" for="ID">ID</label>
+    <div class="controls">
+      <input class="input-mini" type="text" id="ID" placeholder="ID" value="{{rule.id}}" disabled="disabled">
+    </div>
+  </div>
+  <div class="control-group">
+    <label class="control-label" for="inputPassword">Password</label>
+    <div class="controls">
+      <input type="password" id="inputPassword" placeholder="Password">
+    </div>
+  </div>
+  <div class="control-group">
+    <div class="controls">
+      <label class="checkbox">
+        <input type="checkbox"> Remember me
+      </label>
+      <button type="submit" class="btn">Sign in</button>
+    </div>
+  </div>
+</form>