added interface/bgp/snmp data output

329e8a2c · Erik Reid · 02de16e1 · 329e8a2c · 329e8a2c · 329e8a2c
Commit 329e8a2c authored 6 years ago by Erik Reid
--- a/inventory_provider/static/inventoryProvider.js
+++ b/inventory_provider/static/inventoryProvider.js
@@ -2,18 +2,47 @@ var myApp = angular.module('inventoryApp', []);

 myApp.controller('inventoryProvider', function($scope, $http) {

-    $scope.routers = []
+    $scope.routers = [];
+    $scope.router = '';

-    function onSuccess(response) {
-        $scope.routers = response.data;
-    }
-
-    function onError(response) {
-        $scope.routers = ['error'];
-    }
+    $scope.interfaces = 'not yet loaded';
+    $scope.bgp = 'not yet loaded';
+    $scope.snmp = 'not yet loaded';

    $http({
        method: 'GET',
        url: window.location.origin + "/data/routers"
-    }).then(onSuccess, onError);
+    }).then(
+        function(rsp) {$scope.routers = rsp.data;},
+        function(rsp) {$scope.routers = ['error'];}
+    );
+
+    $scope.update_interface = function() {
+
+        $http({
+            method: 'GET',
+            url: window.location.origin + "/data/interfaces/" + $scope.router
+        }).then(
+            function(rsp) {$scope.interfaces = rsp.data;},
+            function(rsp) {$scope.interfaces = 'error';}
+        );
+
+        $http({
+            method: 'GET',
+            url: window.location.origin + "/data/bgp/" + $scope.router
+        }).then(
+            function(rsp) {$scope.bgp = rsp.data;},
+            function(rsp) {$scope.bgp = 'error';}
+        );
+
+        $http({
+            method: 'GET',
+            url: window.location.origin + "/data/snmp/" + $scope.router
+        }).then(
+            function(rsp) {$scope.snmp = rsp.data;},
+            function(rsp) {$scope.snmp = 'error';}
+        );
+
+    }
+
 });
\ No newline at end of file
--- a/inventory_provider/static/demo.html
+++ b/inventory_provider/static/demo.html
@@ -3,14 +3,40 @@
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.5/angular.min.js"></script>
    <script src="inventoryProvider.js"></script>
-    <link rel="stylesheet" href="todo.css">
+    <link rel="stylesheet" href="style.css">
  </head>
  <body>
-    <h2>Todo</h2>
+
+    <!--
+    <h2>Routers</h2>
    <div ng-controller="inventoryProvider">
      <ul name="routers" class="unstyled">
-          <li ng-repeat="router in routers">{{router}}</li>
+          <li ng-repeat="r in routers">{{r}}</li>
      </ul>
    </div>
+    -->
+
+    <div ng-controller="inventoryProvider">
+      <h2>Interfaces</h2>
+      <div>
+      <select
+              ng-options="r for r in routers"
+              ng-change="update_interface()"
+              ng-model="router"></select>
+      </div>
+
+      <div class="column">
+        <p><b>interfaces</b></p>
+        {{interfaces}}
+      </div>
+      <div class="column">
+        <p><b>bgp</b></p>
+        {{bgp}}
+      </div>
+      <div class="column">
+        <p><b>snmp</b></p>
+        {{snmp}}
+      </div>
+    </div>
  </body>
 </html>
\ No newline at end of file
--- a/inventory_provider/static/style.css
+++ b/inventory_provider/static/style.css
+.column {
+  float: left;
+  width: 33.33%;
+}
+
+/* Clear floats after the columns */
+.row:after {
+  content: "";
+  display: table;
+  clear: both;
+}
\ No newline at end of file