'use strict';
/**
* <p>
* Example:
* <p><b>
* <sra-camera-selector-Vertical30></sra-camera-selector-Vertical30><br />
* </b>
* <img src="../widgets/CameraSelectorVertical30/icon.png" alt="Image goes here"/>
* @ngdoc directive
* @name sra-camera-selector-vertical30
* @param {integer} data-sra-args-interval The interval, in milliseconds, that this widget will update from the server. Default is 300.
* @author Jeffrey Gilliam
* @since 1.7
* @copyright Copyright (C) 2015 - 2024 Jeffrey Gilliam
* @license Apache License 2.0
*/
define(['SIMRacingApps'
,'css!widgets/CameraSelectorVertical30/CameraSelectorVertical30'
,'widgets/CarSelector64/CarSelector64'
,'widgets/ReplayControl/ReplayControl'],
function(SIMRacingApps) {
var self = {
name: "sraCameraSelectorVertical30",
url: 'CameraSelectorVertical30',
template: 'CameraSelectorVertical30.html',
defaultWidth: 480,
defaultHeight: 880,
defaultInterval: 300 //initialize with the default interval
};
self.module = angular.module('SIMRacingApps'); //get the main module
self.module.directive(self.name,
['sraDispatcher', '$filter', '$rootScope', '$timeout',
function(sraDispatcher, $filter, $rootScope, $timeout) {
return {
restrict: 'EA',
scope: true,
templateUrl: sraDispatcher.getWidgetUrl(self.url) + '/' + self.template,
controller: [ '$scope', function($scope) {
$scope.directiveName = self.name;
$scope.defaultWidth = self.defaultWidth;
$scope.defaultHeight = self.defaultHeight;
$scope.defaultInterval = self.defaultInterval;
$scope.translations = {};
$scope.clickDelay = 2000;
$scope.numRows = 10;
$scope.numColumns = 3;
$scope.rows = [1,2,3,4,5,6,7,8,9,10];
$scope.cols = [1,2,3];
$scope.sraButtons = {};
$scope.clickedStatus = 'N';
$scope.currentCamera = '';
//load translations, if you have any comment out if you do not so it will not look for them
sraDispatcher.loadTranslations(sraDispatcher.getWidgetUrl(self.url),'text',function(path) {
$scope.translations = sraDispatcher.getTranslation(path);
});
$scope.sendCommand = function(command) {
sraDispatcher.sendCommand(command);
console.log(command);
};
$scope.updateText = function(value) {
var row=1;
var col=1;
console.log('updateText() called = '+$scope.data.Session.Cameras.Value);
$scope.sraButtons = {};
//for formatting buttons
if (false) {
$scope.sraButtons = {
"row1-col1": { text: "empty", camera: "1" },
"row2-col1": { text: "empty", camera: "2" },
"row3-col1": { text: "empty", camera: "3" },
"row4-col1": { text: "empty", camera: "4" },
"row5-col1": { text: "empty", camera: "5" },
"row6-col1": { text: "empty", camera: "6" },
"row7-col1": { text: "empty", camera: "7" },
"row8-col1": { text: "empty", camera: "8" },
"row9-col1": { text: "empty", camera: "9" },
"row10-col1": { text: "empty", camera: "10" },
"row1-col2": { text: "empty", camera: "11" },
"row2-col2": { text: "empty", camera: "12" },
"row3-col2": { text: "empty", camera: "13" },
"row4-col2": { text: "empty", camera: "14" },
"row5-col2": { text: "empty", camera: "15" },
"row6-col2": { text: "empty", camera: "16" },
"row7-col2": { text: "empty", camera: "17" },
"row8-col2": { text: "empty", camera: "18" },
"row9-col2": { text: "empty", camera: "19" },
"row10-col2": { text: "empty", camera: "20" },
"row1-col3": { text: "empty", camera: "21" },
"row2-col3": { text: "empty", camera: "22" },
"row3-col3": { text: "empty", camera: "23" },
"row4-col3": { text: "empty", camera: "24" },
"row5-col3": { text: "empty", camera: "25" },
"row6-col3": { text: "empty", camera: "26" },
"row7-col3": { text: "empty", camera: "27" },
"row8-col3": { text: "empty", camera: "28" },
"row9-col3": { text: "empty", camera: "29" },
"row10-col3": { text: "empty", camera: "30" }
};
}
else {
//load the cameras
for (var i=0; $scope.data.Session.Cameras.Value != ''
&& i < $scope.data.Session.Cameras.Value.length
&& row <= $scope.numRows
&& col <= $scope.numColumns;
i++
) {
var camera = $scope.data.Session.Cameras.Value[i];
var buttonIdx = 'row'+row+'-col'+col;
$scope.sraButtons[buttonIdx] = {
"text": sraDispatcher.getDefined($scope.translations[camera],camera),
"camera": camera
};
if (row == $scope.numRows) {
row = 1;
col++;
}
else
row++;
}
}
//call updateCurrent. The camera's may not have loaded when it update it.
$scope.updateCurrent();
};
$scope.updateCurrent = function(value) {
console.log('updateCurrent() called = ('+$scope.data.Session.Camera.Value+')');
$scope.currentCamera = $scope.data.Session.Camera.Value;
};
$scope.onButtonClick = function(scope,value,buttonIdx) {
var camera = encodeURI($scope.sraButtons[buttonIdx].camera);
console.log('CameraSelector.onButtonClick('+buttonIdx+') = '+camera);
scope.clickedStatus = 'Y';
$scope.sendCommand("Session/setCamera/" + camera);
$timeout(function(scope) {
scope.clickedStatus = 'N';
}, $scope.clickDelay,null,scope);
};
$scope.onClickCarSelector = function($clickedScope,name) {
console.log("Spectator.setReferenceCar("+name+")");
$clickedScope.setClickedState('clicked');
sraDispatcher.sendCommand("Session/setReferenceCar/"+name);
//delay a little, then clear the clicked state.
$timeout(function () {
$clickedScope.setClickedState('none');
}, $scope.clickDelay);
};
}]
, link: function($scope,$element,$attrs) {
//copy arguments to our scope. First if using attribute, second tag, else default to something.
$attrs.sraArgsData = $attrs.sraArgsData || "";
$scope.value =
$scope[self.name] = sraDispatcher.getTruthy($scope.sraArgsVALUE, $attrs[self.name], $attrs.sraArgsValue, "DefaultValue");
/** your code goes here **/
$attrs.sraArgsData += ";Session/Cameras";
$attrs.sraArgsData += ";Session/Camera";
/**standard code that should be in every directive **/
$rootScope.$on('sraResize', sraDispatcher.resize($scope,$element,self.defaultWidth,self.defaultHeight));
//register with the dispatcher
$scope.names = sraDispatcher.subscribe($scope,$attrs,self.defaultInterval); //register subscriptions and options to the dispatcher
$scope.$watch('data.Session.Cameras.Value',$scope.updateText);
$scope.$watch('data.Session.Camera.Value',$scope.updateCurrent);
}
};
}]);
return self;
});