_sessions_list_ctrl.js

import _ from 'underscore';
import { formatSessionForList } from '../values/session'

export const SessionsListCtrl = (
  $scope,
  params,
  sensors,
  storage,
  flash,
  $window,
  drawSession,
  markerSelected,
  updateCrowdMapLayer
) => {
  let sessions;
  const elmApp = $window.__elmApp;
  const CANNOT_SELECT_MULTIPLE_SESSIONS = "You can't select multiple sessions";

  $scope.setDefaults = function() {
    $scope.params = params;
    $scope.storage = storage;
    $scope.$window = $window;
    $scope.sensors = sensors;
    $scope.page = 0;
    $scope.markerSelected = markerSelected;
    $window.sessions = sessions = $scope.sessions;
    $scope.sessionsForList = [];

    // prolly this can be removed
    if(_(params.get("selectedSessionIds", [])).isEmpty()){
      params.update({selectedSessionIds: []});
    }

    sessions.reSelectAllSessions();
  };

  $scope.isSessionDisabled = function(sessionId) {
    // disabled if there is another selected session and it is not the selected session
    // when refactoring to a radio button this should always be false
    return !params.get("selectedSessionIds", []).includes(sessionId) && sessions.hasSelectedSessions();
  };

  $scope.sessionFetchCondition = function() {
    return {id:  sensors.selectedId(), params: params.getWithout('data', 'heat')};
  };

  $scope.updateSessionsPage = function() {
    $scope.page++;
  };

  $scope.$watch("page", () => {
    console.log("watch - page");
    sessions.fetch($scope.page);
  }, true);

  $scope.$watch("params.get('map')", ({ hasChangedProgrammatically }) => {
    console.log("watch - params.get('map')");
    if (sessions.hasSelectedSessions()) return;
    if (!hasChangedProgrammatically) $scope.page = 0;
    sessions.fetch($scope.page);
  }, true);

  $scope.$watch("sessionFetchCondition()", (newValue, oldValue) => {
    console.log("watch - sessionFetchCondition()", newValue, oldValue);
    if (sessions.hasSelectedSessions()) return;
    $scope.page = 0;
    sessions.fetch($scope.page);
  }, true);

  $scope.canSelectSession = function(sessionId) {
    const session = sessions.find(sessionId);
    if(sessions.hasSelectedSessions()){
      flash.set(CANNOT_SELECT_MULTIPLE_SESSIONS);
      return false;
    } else {
      return true;
    }
  };

  $scope.newSessionsForList = function() {
    return $scope.sessions.get().map(formatSessionForList);
  }

  $scope.$watch("newSessionsForList()", function(newSessions, oldSessions) {
    console.log("newSessionsForList()", newSessions, oldSessions);
    $scope.sessionsForList = newSessions;
    elmApp.ports.updateSessions.send(newSessions.map(formatSessionForElm));
  }, true);

  $scope.$on('markerSelected', function(event, data){
    $scope.toggleSession(data.session_id, true);
    $scope.$apply();
  });

  $scope.toggleSession = function(sessionId, markerSelected) {
    if(this.isSessionDisabled(sessionId)){
      flash.set(CANNOT_SELECT_MULTIPLE_SESSIONS);
      return;
    }
    var session = sessions.find(sessionId);
    if(sessions.isSelected(session)) {
      params.update({selectedSessionIds: []});
      session.$selected = false;
    } else if($scope.canSelectSession(sessionId)) {
      params.update({selectedSessionIds: [sessionId]});
      $scope.markerSelected.set(markerSelected);
      session.$selected = true;
    }
  };

  $scope.$watch("params.get('selectedSessionIds')", function(newIds, oldIds) {
    console.log("watch - params.get('selectedSessionIds')");
    sessions.sessionsChanged(newIds, oldIds);
  }, true);

  $scope.canExportSessions = function() {
    return (true === params.get('didSessionsSearch', false) && sessions.get().length > 0);
  };

  $scope.exportSessions = function() {
    sessions.export();
  };

  //used to fetch all the sessions
  $scope.shortTypeCss = function(name, selected){
    var result = name;
    if(selected) {
      var sensor = sensors.anySelected();
      if(sensor && name == sensor.sensor_name){
        result = result + " sensor-bold";
      }
    }
    return result;
  };

  $scope.sessionCssClass = function(selected) {
    return selected ? "selected" : "";
  };

  $scope.setDefaults();

  if (process.env.NODE_ENV !== 'test') {
    angular.element(document).ready(() => {
      elmApp.ports.checkedSession.subscribe(({ selected, deselected }) => {
        if (deselected) $scope.toggleSession(deselected, true);
        if (selected) $scope.toggleSession(selected, true);
        $scope.$apply();
      });

      elmApp.ports.loadMoreSessions.subscribe(() => {
        $scope.updateSessionsPage();
        $scope.$apply();
      });
    });
  };
}

const formatSessionForElm = s =>
  ({ ...s , shortTypes: s.shortTypes.map(({ name, type }) => ({ name, type_: type })) });