added 260907 version of worker toolkit

worker-toolkit-flaredown/repo/frontend/app/components/chart-navigation.js

@@ -0,0 +1,103 @@
+import Ember from 'ember';
+import moment from 'moment';
+
+const {
+  $,
+  Component,
+  computed,
+  get,
+  set,
+  computed: { alias },
+  observer,
+  run: { scheduleOnce }
+} = Ember;
+
+export default Component.extend({
+  date: new Date(),
+  dateFormat: 'MMM D',
+  classNames: ['chart-navigation'],
+  classNameBindings: ['isAuthenticated::isBottom'],
+
+  isAuthenticated: alias('session.isAuthenticated'),
+
+  patternNavbar: false,
+  rateOfDuration: 0.2,
+
+  visibleChartsCount: alias('chartsVisibilityService.visibleChartsCount'),
+
+  pickadateOptionsStart: {
+    container: 'body > .ember-view',
+    max: moment().toDate(),
+  },
+
+  pickadateOptionsEnd: {
+    container: 'body > .ember-view',
+    max: moment().toDate(),
+  },
+
+  pickadateOptions: {
+    container: 'body > .ember-view'
+  },
+
+  startDate: computed('startAt', function(){
+    return get(this, 'startAt').toDate();
+  }),
+
+  endDate: computed('endAt', function(){
+    return get(this, 'endAt').toDate();
+  }),
+
+  endAtLabel: computed('endAt', function() {
+    return get(this, 'endAt').format(get(this, 'dateFormat'));
+  }),
+
+  startAtLabel: computed('startAt', function() {
+    return get(this, 'startAt').format(get(this, 'dateFormat'));
+  }),
+
+  startDateLimitationObserver: observer('endAt', function() {
+    set(this, 'pickadateOptionsStart', $.extend({}, get(this, 'pickadateOptionsStart'), {
+      max: get(this, 'endAt').toDate()
+    }));
+  }),
+
+  rigthArrowVisibile: computed('endAt', function() {
+    return get(this, 'endAt').endOf('day') < moment();
+  }),
+
+  daysDuration: computed('startAt', 'endAt', function() {
+    let duration = moment.duration(get(this, 'endAt') - get(this, 'startAt')).asDays();
+    let rate = Number(duration*get(this, 'rateOfDuration')).toFixed(0);
+
+    return rate > 1 ? rate : 1;
+  }),
+
+  actions: {
+    openPicker() {
+      const arg = arguments[0];
+      const selector = arg ? `.calendar-opener-${arg}` : '.calendar-opener';
+
+      $(`${selector} .picker__input`).first().pickadate('picker').open();
+    },
+
+    navigateLeft() {
+      this.sendAction('onNavigate', - 1); // - daysDuration
+    },
+
+    navigateRight() {
+      this.sendAction('onNavigate', 1); // daysDuration
+    },
+
+    startChanged(date) {
+      scheduleOnce('afterRender', this, () => {
+        this.sendAction('onChangeStartAt', moment(date));
+      });
+    },
+
+    endChanged(date) {
+      scheduleOnce('afterRender', this, () => {
+        this.sendAction('onChangeEndAt', moment(date));
+      });
+    },
+  },
+});