Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<script src="https://rawgit.com/angular/bower-angular/master/angular.min.js"></script><script src="https://code.jquery.com/jquery.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<div ng-app="JSONConverter">
  <div ng-controller="JSONController" class="container">
    <div class="row">
      <div class="col-xs-6">
        <h2>Paste JSON here</h2>
        <p>The list on the right will change as soon as any new JSON is pasted.</p>
        <form>
            <textarea ng-model="rawJSON"
                      ng-change="processJSON(rawJSON)"
                        >
                        
            </textarea>
        </form>
        
      </div>
      <div class="col-xs-6">
​
          <h2>{{sampleTime()}}</h2>
​
          <ul class="list-group">
            <li ng-repeat="item in displayArray" class="list-group-item">
              <p>PI Tag - {{item.pi_tag}}</p>
              <p>Numeric Value - {{item.num_value}}</p>
            </li>
          </ul>
      </div>
    </div>
  </div>
</div>
​
 
angular
  .module('JSONConverter', [])
  .controller('JSONController', JSONControllerFn);
​
function JSONControllerFn($scope){
​
  $scope.rawData = {
    "JOB": {
        "SAMPLE": [{
            "-SAMPLETIME": "18/09/2016 1100",
            "SCHEME": [{
                "ANALYTE": {
                    "-PI_TAG": "HV_FLOT_FEED_CNTLSOLID_S_pct",
                    "-NUMERICVALUE": "1.023800015449524"
                }
            }, {
                "ANALYTE": {
                    "-ANALYTENAME": "DrySample",
                    "-NUMERICVALUE": "0.239999994635582"
                }
            }, {
                "ANALYTE": {
                    "-PI_TAG": "HV_FLOT_FEED_CNTLSOLID_Ag_ppm",
                    "-NUMERICVALUE": "14.90999984741211"
                }
            }, {
                "ANALYTE": {
                    "-PI_TAG": "HV_FLOT_TAIL_CNTLSOLID_Au_g/t",
                    "-NUMERICVALUE": "1.149999976158142"
                }
            }]
        }, {
            "-SAMPLETIME": "18/09/2016 1100",
            "SCHEME": [{
                "ANALYTE": {
                    "-PI_TAG": "HV_FLOT_TAIL_CNTLSOLID_S_pct",
                    "-NUMERICVALUE": "0.7418000102043152"
                }
            }, {
                "ANALYTE": {
                    "-NUMERICVALUE": "0.2199999988079071"
                }
            }, {
                "ANALYTE": {
                    "-PI_TAG": "HV_FLOT_TAIL_CNTLSOLID_Ag_ppm",
                    "-NUMERICVALUE": "3.674999713897705"
                }
            }, {
                "ANALYTE": {
                    "-ANALYTENAME": "Au",
                    "-NUMERICVALUE": "0.1599999964237213"
                }
            }]
        }, {
            "-SAMPLETIME": "18/09/2016 1100",
            "SCHEME": [{
                "ANALYTE": {
                    "-PI_TAG": "HV_CONC_LEACH_FEED_CNTLSOLID_S_pct",
                    "-NUMERICVALUE": "7.076700210571289"
                }
            }, {
                "ANALYTE": {
                    "-NUMERICVALUE": "0.2800000011920929"
                }
            }, {
                "ANALYTE": {
                    "-PI_TAG": "HV_CONC_LEACH_FEED_CNTLSOLID_Ag_ppm",
                    "-NUMERICVALUE": "169.8899993896484"
                }
            }, {
                "ANALYTE": {
                    "-PI_TAG": "HV_CONC_LEACH_FEED_CNTLSOLID_Au_g/t",
                    "-NUMERICVALUE": "10.96000003814697"
                }
            }]
        }, {
            "-SAMPLETIME": "18/09/2016 1100",
​
            "SCHEME": [{
                "ANALYTE": {
                    "-NUMERICVALUE": "0.2300000041723251"
                }
            }, {
                "ANALYTE": {
​
                    "-PI_TAG": "HV_CONC_LEACH_TK1_CNTLSOLID_Ag_ppm",
                    "-NUMERICVALUE": "85.15499114990234"
                }
            }, {
​
                "ANALYTE": {
                    "-PI_TAG": "HV_CONC_LEACH_TK1_CNTLSOLID_Au_g/t",
                    "-NUMERICVALUE": "544"
                }
            }]
        }]
    }
};
  $scope.sample = $scope.rawData.JOB.SAMPLE;
  $scope.sampleTime = function() {
      return 'Sampletime - ' + $scope.sample[0]['-SAMPLETIME'];
  }
​
  $scope.ObjArray = function(){
    //var sample = $scope.rawData.JOB.SAMPLE;
    var ObjArr = [];
    var obj;
    angular.forEach($scope.rawData.JOB.SAMPLE, function(sample) {
      var scheme = sample['SCHEME'];
      angular.forEach(scheme, function(x) {
        obj= {};
        obj.pi_tag = x.ANALYTE['-PI_TAG'] || 'undefined';
        obj.num_value = x.ANALYTE['-NUMERICVALUE'];
        ObjArr.push(obj);
      })
    })
    return ObjArr;                                  
  }
​
  $scope.displayArray = $scope.ObjArray();
  
  $scope.processJSON  = function(data){
      $scope.rawData = JSON.parse(data);
      $scope.displayArray = $scope.ObjArray();
  }
​
}
Output 300px

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
dwilbank68pro
0viewers