07c407edea
Allow injection of a validator for numeric values of the date-time fields, to allow for these to be displayed as invalid in cases where the text itself may be parsed but the resulting value is not valid (e.g. when start is greater than end.) https://github.com/nasa/openmctweb/issues/325
115 lines
4.5 KiB
JavaScript
115 lines
4.5 KiB
JavaScript
/*****************************************************************************
|
|
* Open MCT Web, Copyright (c) 2014-2015, United States Government
|
|
* as represented by the Administrator of the National Aeronautics and Space
|
|
* Administration. All rights reserved.
|
|
*
|
|
* Open MCT Web is licensed under the Apache License, Version 2.0 (the
|
|
* "License"); you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
* http://www.apache.org/licenses/LICENSE-2.0.
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
|
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
|
|
* License for the specific language governing permissions and limitations
|
|
* under the License.
|
|
*
|
|
* Open MCT Web includes source code licensed under additional open source
|
|
* licenses. See the Open Source Licenses file (LICENSES.md) included with
|
|
* this source code distribution or the Licensing information page available
|
|
* at runtime from the About dialog for additional information.
|
|
*****************************************************************************/
|
|
/*global define,Promise*/
|
|
|
|
define(
|
|
[],
|
|
function () {
|
|
'use strict';
|
|
|
|
function ACCEPT() {
|
|
return true;
|
|
}
|
|
|
|
/**
|
|
* Controller to support the date-time entry field.
|
|
*
|
|
* Accepts a `format` property in the `structure` attribute
|
|
* which allows a date/time to be specified via its symbolic
|
|
* key (as will be used to look up said format from the
|
|
* `formatService`.)
|
|
*
|
|
* {@see FormatService}
|
|
* @constructor
|
|
* @memberof platform/commonUI/general
|
|
* @param $scope the Angular scope for this controller
|
|
* @param {FormatService} formatService the service to user to format
|
|
* domain values
|
|
* @param {string} defaultFormat the format to request when no
|
|
* format has been otherwise specified
|
|
*/
|
|
function DateTimeFieldController($scope, formatService, defaultFormat) {
|
|
var formatter = formatService.getFormat(defaultFormat),
|
|
validate = ACCEPT;
|
|
|
|
function updateFromModel(value) {
|
|
// Only reformat if the value is different from user
|
|
// input (to avoid reformatting valid input while typing.)
|
|
if (!formatter.validate($scope.textValue) ||
|
|
formatter.parse($scope.textValue) !== value) {
|
|
$scope.textValue = formatter.format(value);
|
|
$scope.textInvalid = false;
|
|
$scope.lastValidValue = $scope.textValue;
|
|
}
|
|
$scope.pickerModel = { value: value };
|
|
}
|
|
|
|
function updateFromView(textValue) {
|
|
var newValue;
|
|
$scope.textInvalid = !formatter.validate(textValue);
|
|
if (!$scope.textInvalid) {
|
|
newValue = formatter.parse(textValue);
|
|
$scope.valueInvalid = !validate(newValue);
|
|
$scope.ngModel[$scope.field] = newValue;
|
|
$scope.lastValidValue = $scope.textValue;
|
|
}
|
|
}
|
|
|
|
function updateFromPicker(value) {
|
|
if (value !== $scope.ngModel[$scope.field]) {
|
|
$scope.ngModel[$scope.field] = value;
|
|
updateFromModel(value);
|
|
if ($scope.ngBlur) {
|
|
$scope.ngBlur();
|
|
}
|
|
}
|
|
}
|
|
|
|
function setFormat(format) {
|
|
formatter = formatService.getFormat(format || defaultFormat);
|
|
updateFromModel($scope.ngModel[$scope.field]);
|
|
}
|
|
|
|
function setValidator(newValidator) {
|
|
validate = newValidator || ACCEPT;
|
|
}
|
|
|
|
function restoreTextValue() {
|
|
$scope.textValue = $scope.lastValidValue;
|
|
updateFromView($scope.textValue);
|
|
}
|
|
|
|
$scope.restoreTextValue = restoreTextValue;
|
|
|
|
$scope.picker = { active: false };
|
|
|
|
$scope.$watch('structure.format', setFormat);
|
|
$scope.$watch('ngModel[field]', updateFromModel);
|
|
$scope.$watch('pickerModel.value', updateFromPicker);
|
|
$scope.$watch('textValue', updateFromView);
|
|
$scope.$watch('structure.validate', setValidator);
|
|
}
|
|
|
|
return DateTimeFieldController;
|
|
}
|
|
);
|