js “//cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.15/angular.js”

%div{ 'ng-app' => 'instaAdminApp', 'ng-controller' => 'InstaAdmin' }

%h1 Ki InstAdmin

%p
  Connected to
  = Ki::Orm::Db.instance.connection_string

%input{ 'ng-model' => 'verb' }
%input{ 'ng-model' => 'resource' }
%button{ 'ng-click' => 'executeReq()' } Execute Request

%textarea{ 'ng-model' => 'input' }
%textarea{ 'ng-model' => 'output' }

:css
  textarea {
    width: 100%;
    height: 300px;
    padding: 15px;
  }

  button, input {
    width: 33%;
    padding: 15px;
  }

:javascript
  var adminApp = angular.module('instaAdminApp', []);

  adminApp.controller('InstaAdmin', function ($scope, $http) {
    $scope.verb = 'get';
    $scope.resource = 'users';
    $scope.input = '{}'

    $scope.executeReq = function () {
      $http[$scope.verb]("/" + $scope.resource + ".json", JSON.parse($scope.input)).
        success(function(data, status, headers, config) {
          console.log(data);
          $scope.output = JSON.stringify(data, `undefined`, 2)
        }).
        error(function(data, status, headers, config) {
          console.log(data);
          $scope.output = JSON.stringify(data, `undefined`, 2)
        });
    }
  });