JSFiddle - React, Tailwind, and code Playground

by Jake Overall

JavaScript

//Contents of app.js////////////////////////////////////////////////////////

var app = angular.module('unitTrackerApp', ['ngAnimate','ngCookies','ngResource','ngRoute','ngSanitize','ngTouch', 'xeditable', 'ui.bootstrap', 'httpPostFix']);
      app.config(function ($routeProvider) {
        $routeProvider
          .when('/', {
            templateUrl: 'views/main.html',
            controller: 'MainCtrl'
          })
          .otherwise({
            redirectTo: '/'
          });
      });

      app.factory('myService', function($http, $q) {
      var deffered = $q.defer();
      var data = [];  
      var myService = {};

      myService.async = function() {
        $http.get('myphpfile')
        .success(function (d) {
            processData(d);//non-blocking :(
          deffered.resolve();
        });
        return deffered.promise;
      };
      myService.data = function() { return data; };

      function processData(d) {
      angular.forEach(d, function(obj, index) {
          var stockNum;
          if (obj.consign_flag === '1') {
              stockNum = obj.unit_num += 'C';
          } else {
              stockNum = obj.unit_num;
          }
          data[index] = {
              id: obj.id,
              dateAdded: new Date(obj.dateAdded),
              unitCondition: obj.unitCondition,
              make: obj.make,
              model: obj.model,
              unit_num: stockNum,
              serial_num: obj.serial_num,
              description: obj.description,
              gl_num: obj.gl_num,
              trade: obj.trade,
              invoice_posted: obj.invoice_posted,
              notes: obj.notes
          };
      }, data);
          
      return myService;
    });

//Contents of main.js://///////////////////////////////////////////////////

angular.module('unitTrackerApp')
  .controller('MainCtrl', function (myService, $scope, $filter, $http) {
    $scope.sortType = 'name';
    $scope.sortReverse = false;
    $scope.searchUnit...