JSFiddle - React, Tailwind, and code Playground

by amitkumar31

HTML

<script src="http://code.angularjs.org/1.2.0-rc.3/angular.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<script src="http://code.angularjs.org/1.2.0-rc.3/angular-route.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.js"></script>
<div ng-app="myApp" ng-controller="TemparRestController">
  >
  <br>************************* CALLING TIME *****************************</br>
  <span>{{serviceResponse}}</span>
  <br>************************* MEASUREMENTS *****************************</br>
  <span>{{measurments}}</span
    <br>************************* FIRST DEVICE *****************************</br>
    <span >ID      : {{devices[1].id}}</span><br></br><span>Name :{{devices[1].name}}</span><br></br><span>Owner :{{devices[1].owner}}</span><br></br><span>Type :{{devices[1].type}}</span>
  <br>************************* All DEVICES *****************************</br>
  <span>{{devices}}</span>

</div>

JavaScript

(function() {
  angular.element(document).ready(function() {

    var app = angular.module('myApp', []);

    app.controller("TemparRestController", function($scope, fetchMeasurments, serviceHandler, poollingRESTFactory, $http) {

      poollingRESTFactory.callFnOnInterval(function() {

        $http.get('https://tempar.adamos.com/inventory/managedObjects?  fragmentType=c8y_IsDevice', {
          headers: {
            "Authorization": "Basic YW1pdC5rdW1hcjMxQGR4Yy5jb206UGFzc3dvcmQtMg==",
            'Content-Type': 'application/json',
            'Accept': 'application/json'
          }
        }).then(function(response) {
          $scope.devices = response.data.managedObjects;
        });

        $scope.serviceResponse = serviceHandler.invokeRESTEndoint('abc', $http);
        //   $scope.measurments = 'lflldf';
     //   $scope.measurments =
            fetchMeasurments.fetchMesurementForDeviceaById($http, $scope);

      });

    });

    app.factory("fetchMeasurments", function() {

      function fetchMesurementForDeviceaById($http, $scope) {

        $http.get('https://tempar.adamos.com/measurement/measurements', {
          headers: {
            "Authorization": "Basic YW1pdC5rdW1hcjMxQGR4Yy5jb206UGFzc3dvcmQtMg==",
            'Content-Type': 'application/json',
            'Accept': 'application/json'
          }
        }).then(function(response) {

          $scope.measurments= response.data;
        });

      }
      return {
        fetchMesurementForDeviceaById: fetchMesurementForDeviceaById
      };
    });

    app.factory("serviceHandler", function() {
      function invokeRESTEndoint(id, $http) {
        return "called service " + " at: " + (new Date());
      }

      return {
        invokeRESTEndoint: invokeRESTEndoint
      };

    });

    app.factory("poollingRESTFactory", function($timeout) {
      //TODO  Make this configurable
      var timeIntervalInSec = 10000;

      function callFnOnInterval(fn, timeInterval) {

        var...