diff --git a/firewall_gui/templates/base2.html b/firewall_gui/templates/base2.html
index 8c6eee3..009e661 100644
--- a/firewall_gui/templates/base2.html
+++ b/firewall_gui/templates/base2.html
@@ -72,8 +72,16 @@
     <script src="{% templatetag openvariable %} STATIC_URL {% templatetag closevariable %}js/bootstrap.min.js"></script>
 
     <!-- place project specific Javascript in this file -->
-    <script src="{% static "js/project.js" %}"></script>
+    <script src="{% static "js/project.js" %}">
 
-    {% block extra_js %} {% endblock %}
+    {% block extra_js %}
+$(function() {
+  console.log('foo);')
+  $.get('/firewall/rules/list',function(data) {
+    console.log(data);
+  });
+})
+    {% endblock %}
+    </script>
   </body>
 </html>
diff --git a/firewall_gui/views.py b/firewall_gui/views.py
index 444c03a..9538a3c 100644
--- a/firewall_gui/views.py
+++ b/firewall_gui/views.py
@@ -5,11 +5,43 @@ from firewall.fw import *
 from firewall.models import *
 
 def index(request):
-    return HttpResponse("Ez itt a bd tuzfaladminja.")
+    return render(request, 'base2.html')
 
 def list_rules(request):
-    rules = Rule.objects.all()
-    return render(request, 'rule/list.html', {
-        'rules': rules,
-        })
+    rules = [{
+        'id': rule.id,
+        'vlan': {
+            'name': rule.vlan.name,
+            'id': rule.vlan.id,
+        } if rule.vlan else None,
+        'vlangroup': {
+            'name': rule.vlangroup.name,
+            'id': rule.vlangroup.id,
+        } if rule.vlangroup else None,
+        'hostgroup': {
+            'name': rule.hostgroup.name,
+            'id': rule.hostgroup.id,
+        } if rule.hostgroup else None,
+        'firewall': {
+            'name': rule.firewall.name,
+            'id': rule.firewall.id,
+        } if rule.firewall else None,
+        'host': {
+            'name': rule.host.hostname,
+            'id': rule.host.id,
+        } if rule.host else None,
+        'type': rule.r_type,
+        'direction': rule.get_direction_display(),
+        'proto': rule.proto,
+        'owner': {
+            'name': str(rule.owner),
+            'id': rule.owner.id
+        },
+        'created_at': rule.created_at.isoformat(),
+        'modified_at': rule.modified_at.isoformat(),
+        'nat': rule.nat,
+        'accept': rule.accept,
+        'description': rule.description,
+    } for rule in Rule.objects.all()]
+    return HttpResponse(json.dumps(rules, indent=2), content_type="application/json")