POC: test datatable inside division

Issue: BMS-5187 / BMS-5188 / BMS-5189
Reviewer: None

Author: nahuel-soldevilla

src/main/webapp/WEB-INF/pages/TrialManager/templates/subobservations/division.html

@@ -1,5 +1,11 @@
 <div class="row" ng-cloak="">
 	<div class="col-xs-12">
 		<h1>Division title: {{division.name}}</h1>
+		<div>
+			<button ng-click="addDataTable()">addDataTable</button>
+			<table id="subobservation-table-{{subObservation.id}}-{{division.id}}" width="100%"
+				   class="table-curved table-condensed">
+			</table>
+		</div>
 	</div>
 </div>

src/main/webapp/WEB-INF/static/js/trialmanager/manageTrial.js

@@ -99,6 +99,11 @@ stockListImportNotSaved, ImportDesign, isOpenStudy, displayAdvanceList, Inventor
 				params: {
 					subObservation: null
 				},
+				resolve: {
+					subObservation: ['$stateParams', function ($stateParams) {
+						return $stateParams.subObservation;
+					}]
+				},
 				sticky: true
 			})
 			.state('subobservations.division', {

src/main/webapp/WEB-INF/static/js/trialmanager/subobservations/division.js

@@ -1,16 +1,39 @@
-/*global angular*/
-
 (function () {
 	'use strict';
 
 	var manageTrialApp = angular.module('manageTrialApp');
 
-	manageTrialApp.controller('SubObservationDivisionCtrl', ['$scope', 'TrialManagerDataService', '$stateParams',
-		function ($scope, TrialManagerDataService, $stateParams) {
+	manageTrialApp.controller('SubObservationDivisionCtrl', ['$scope', 'TrialManagerDataService', '$stateParams'/*, 'subObservation'*/,
+		function ($scope, TrialManagerDataService, $stateParams/*, subObservation*/) {
 
 			$scope.division = $stateParams.division;
+			// $scope.subObservation = subObservation;
+
+			$scope.addDataTable = function () {
+
+				// for testing
+				var tableIdentifier = '#subobservation-table-' + $scope.subObservation.id + '-' + $scope.division.id;
+				new BMS.Fieldbook.MeasurementsDataTable(tableIdentifier);
 
-			// TODO lazy load content
+				/*
+				TODO
+				new DataTable({
+					tableIdentifier: 'subobservation-table-' + subObservation.id + '-' + division.id
+				})
+				 */
+			}
 		}]);
 
+	// TODO
+	function DataTable(options) {
+		var tableIdentifier = options.tableIdentifier;
+
+		// recreate a table if exists
+		if ($(tableIdentifier).html() && !!$(tableIdentifier).html().trim()) {
+			$(tableIdentifier).dataTable().fnDestroy();
+			$(tableIdentifier).empty();
+		}
+
+
+	}
 })();

src/main/webapp/WEB-INF/static/js/trialmanager/subobservations/subobservations.js

@@ -11,8 +11,6 @@
 			$scope.subObservation = $stateParams.subObservation;
 			$scope.title = $scope.subObservation.name;
 
-			// TODO lazy load content
-
 		}]);
 
 })();