Merge pull request #129 from elpic/master

Add class to the datetimepicker div that indicate the current view - year-view, month-view, day-view, hour-view, and minute-view

Author: dalelotts

src/js/datetimepicker.js

@@ -96,7 +96,7 @@
       return {
         restrict: 'E',
         require: 'ngModel',
-        template: '<div class="datetimepicker table-responsive">' +
+        template: '<div class="datetimepicker table-responsive {{data.currentView}}-view">' +
         '<table class="table table-striped">' +
         '   <thead>' +
         '       <tr>' +

test/view/de/day.spec.js

@@ -12,6 +12,25 @@
  *    @since        7/21/13
  */
 
+describe('current view displayed on the markup', function(){
+  'use strict';
+
+  var $rootScope, element;
+
+  beforeEach(module('ui.bootstrap.datetimepicker'));
+  beforeEach(inject(function (_$compile_, _$rootScope_) {
+    moment.locale('de');
+    $rootScope = _$rootScope_;
+    $rootScope.date = moment('2013-01-22T00:00:00.000').toDate();
+    element = _$compile_('<datetimepicker data-datetimepicker-config="{ startView: \'day\'}" data-ng-model="date"></datetimepicker>')($rootScope);
+    $rootScope.$digest();
+  }));
+
+  it('should have `.day-view` class', function () {
+    expect(jQuery(element).hasClass('day-view')).toBeTruthy();
+  });
+});
+
 describe('German day view with initial date of 2013-01-22', function () {
   'use strict';
   var $rootScope, element;

test/view/de/hour.spec.js

@@ -12,6 +12,24 @@
  *    @since        7/21/13
  */
 
+describe('current view displayed on the markup', function(){
+  'use strict';
+
+  var $rootScope, element;
+
+  beforeEach(module('ui.bootstrap.datetimepicker'));
+  beforeEach(inject(function (_$compile_, _$rootScope_) {
+    moment.locale('de');
+    $rootScope = _$rootScope_;
+    $rootScope.date = moment('2013-01-22T00:00:00.000').toDate();
+    element = _$compile_('<datetimepicker data-datetimepicker-config="{ startView: \'hour\'}" data-ng-model="date"></datetimepicker>')($rootScope);
+    $rootScope.$digest();
+  }));
+
+  it('should have `.hour-view` class', function () {
+    expect(jQuery(element).hasClass('hour-view')).toBeTruthy();
+  });
+});
 
 describe('hour view with initial date of 2013-01-22', function () {
   'use strict';

test/view/de/minute.spec.js

@@ -12,6 +12,24 @@
  *    @since        7/21/13
  */
 
+describe('current view displayed on the markup', function(){
+  'use strict';
+
+  var $rootScope, element;
+
+  beforeEach(module('ui.bootstrap.datetimepicker'));
+  beforeEach(inject(function (_$compile_, _$rootScope_) {
+    moment.locale('de');
+    $rootScope = _$rootScope_;
+    $rootScope.date = moment('2013-01-22T00:00:00.000').toDate();
+    element = _$compile_('<datetimepicker data-datetimepicker-config="{ startView: \'minute\'}" data-ng-model="date"></datetimepicker>')($rootScope);
+    $rootScope.$digest();
+  }));
+
+  it('should have `.minute-view` class', function () {
+    expect(jQuery(element).hasClass('minute-view')).toBeTruthy();
+  });
+});
 
 describe('minute view with initial date of 2013-01-22 0:00', function () {
   'use strict';

test/view/de/month.spec.js

@@ -12,6 +12,24 @@
  *    @since        7/21/13
  */
 
+describe('current view displayed on the markup', function(){
+  'use strict';
+
+  var $rootScope, element;
+
+  beforeEach(module('ui.bootstrap.datetimepicker'));
+  beforeEach(inject(function (_$compile_, _$rootScope_) {
+    moment.locale('de');
+    $rootScope = _$rootScope_;
+    $rootScope.date = moment('2013-01-22T00:00:00.000').toDate();
+    element = _$compile_('<datetimepicker data-datetimepicker-config="{ startView: \'month\'}" data-ng-model="date"></datetimepicker>')($rootScope);
+    $rootScope.$digest();
+  }));
+
+  it('should have `.month-view` class', function () {
+    expect(jQuery(element).hasClass('month-view')).toBeTruthy();
+  });
+});
 
 describe('month view with initial date of 2010-10-01', function () {
   'use strict';

test/view/de/year.spec.js

@@ -12,6 +12,25 @@
  *    @since        7/21/13
  */
 
+describe('current view displayed on the markup', function(){
+  'use strict';
+
+  var $rootScope, element;
+
+  beforeEach(module('ui.bootstrap.datetimepicker'));
+  beforeEach(inject(function (_$compile_, _$rootScope_) {
+    moment.locale('de');
+    $rootScope = _$rootScope_;
+    $rootScope.date = moment('2013-01-22T00:00:00.000').toDate();
+    element = _$compile_('<datetimepicker data-datetimepicker-config="{ startView: \'year\'}" data-ng-model="date"></datetimepicker>')($rootScope);
+    $rootScope.$digest();
+  }));
+
+  it('should have `.year-view` class', function () {
+    expect(jQuery(element).hasClass('year-view')).toBeTruthy();
+  });
+});
+
 describe('year view with ng-model = null', function () {
   'use strict';
   var $rootScope, $compile, element;

test/view/en/day.spec.js

@@ -12,6 +12,25 @@
  *    @since        7/21/13
  */
 
+describe('current view displayed on the markup', function(){
+  'use strict';
+
+  var $rootScope, element;
+
+  beforeEach(module('ui.bootstrap.datetimepicker'));
+  beforeEach(inject(function (_$compile_, _$rootScope_) {
+    moment.locale('en');
+    $rootScope = _$rootScope_;
+    $rootScope.date = moment('2013-01-22T00:00:00.000').toDate();
+    element = _$compile_('<datetimepicker data-datetimepicker-config="{ startView: \'day\'}" data-ng-model="date"></datetimepicker>')($rootScope);
+    $rootScope.$digest();
+  }));
+
+  it('should have `.day-view` class', function () {
+    expect(jQuery(element).hasClass('day-view')).toBeTruthy();
+  });
+});
+
 describe('English day view with initial date of 2013-01-22', function () {
   'use strict';
   var $rootScope, element;

test/view/en/hour.spec.js

@@ -12,6 +12,24 @@
  *    @since        7/21/13
  */
 
+describe('current view displayed on the markup', function(){
+  'use strict';
+
+  var $rootScope, element;
+
+  beforeEach(module('ui.bootstrap.datetimepicker'));
+  beforeEach(inject(function (_$compile_, _$rootScope_) {
+    moment.locale('en');
+    $rootScope = _$rootScope_;
+    $rootScope.date = moment('2013-01-22T00:00:00.000').toDate();
+    element = _$compile_('<datetimepicker data-datetimepicker-config="{ startView: \'hour\'}" data-ng-model="date"></datetimepicker>')($rootScope);
+    $rootScope.$digest();
+  }));
+
+  it('should have `.hour-view` class', function () {
+    expect(jQuery(element).hasClass('hour-view')).toBeTruthy();
+  });
+});
 
 describe('hour view with initial date of 2013-01-22', function () {
   'use strict';

test/view/en/minute.spec.js

@@ -12,6 +12,24 @@
  *    @since        7/21/13
  */
 
+describe('current view displayed on the markup', function(){
+  'use strict';
+
+  var $rootScope, element;
+
+  beforeEach(module('ui.bootstrap.datetimepicker'));
+  beforeEach(inject(function (_$compile_, _$rootScope_) {
+    moment.locale('en');
+    $rootScope = _$rootScope_;
+    $rootScope.date = moment('2013-01-22T00:00:00.000').toDate();
+    element = _$compile_('<datetimepicker data-datetimepicker-config="{ startView: \'minute\'}" data-ng-model="date"></datetimepicker>')($rootScope);
+    $rootScope.$digest();
+  }));
+
+  it('should have `.minute-view` class', function () {
+    expect(jQuery(element).hasClass('minute-view')).toBeTruthy();
+  });
+});
 
 describe('minute view with initial date of 2013-01-22 0:00', function () {
   'use strict';

test/view/en/month.spec.js

@@ -12,6 +12,24 @@
  *    @since        7/21/13
  */
 
+describe('current view displayed on the markup', function(){
+  'use strict';
+
+  var $rootScope, element;
+
+  beforeEach(module('ui.bootstrap.datetimepicker'));
+  beforeEach(inject(function (_$compile_, _$rootScope_) {
+    moment.locale('en');
+    $rootScope = _$rootScope_;
+    $rootScope.date = moment('2013-01-22T00:00:00.000').toDate();
+    element = _$compile_('<datetimepicker data-datetimepicker-config="{ startView: \'month\'}" data-ng-model="date"></datetimepicker>')($rootScope);
+    $rootScope.$digest();
+  }));
+
+  it('should have `.month-view` class', function () {
+    expect(jQuery(element).hasClass('month-view')).toBeTruthy();
+  });
+});
 
 describe('month view with initial date of 2010-10-01', function () {
   'use strict';