Reference Source

src/components/presenters/map-presenter.js

  1. import BasePresenter from './presenter';
  2. import { HomeM, MapM, ProfileM, AlertM } from '../models/export-models';
  3.  
  4. /**
  5.  * Class for the Map Presenter.
  6.  * @extends BasePresenter
  7.  */
  8. class MapPresenter extends BasePresenter {
  9. 	/**
  10. 	 * Creates an instance of the MapPresenter.
  11. 	 * @constructor
  12. 	 */
  13. 	constructor(view){
  14. 		super();
  15.  
  16. 		this.view = view;
  17. 		HomeM.subscribe(this);
  18. 		MapM.subscribe(this);
  19. 	}
  20. 	
  21. 	/**
  22. 	 * @private
  23. 	 * We're cheating here because the map presenter subscribes too late to receive data from the home model
  24. 	 * so we just force a notifyAll and move on. This only happens when the component mounts
  25. 	 */
  26. 	forceRequestData() {
  27. 		HomeM.forceNotifyAll();
  28. 	}
  29.  
  30. 	/**
  31. 	 * Returns the data from the MapModel.
  32. 	 *
  33. 	 * @return {Object} The data from the map model.
  34. 	 */
  35. 	getData = () => {
  36. 		return MapM.get();
  37. 	}
  38.  
  39. 	/**
  40. 	 * If the view or presenter is destroyed, unsubscribe the presenter from the model.
  41. 	 */
  42. 	onDestroy = () => {
  43. 		HomeM.unsubscribe(this);
  44. 		MapM.unsubscribe(this);
  45. 	};
  46.  
  47. 	/**
  48. 	 * onUpdated only called from HomeModel because MapModel doesn't call it.
  49. 	 * Since data in MapModel should be the same as the from the HomeModel, we don't have to read from the database in the MapModel
  50. 	 * and we can just wait for data to be received.
  51. 	 */
  52. 	onUpdated = (data) => {
  53. 		MapM.update(data);
  54. 		this.forceRefresh(); // We always want to force a refresh for the model because data only comes from the HomeModel
  55. 	}
  56.  
  57. 	/**
  58. 	 * Force the view/presenter to refresh the view's data
  59. 	 */
  60. 	forceRefresh = () => {
  61. 		this.view.setState({
  62. 			markers: this.getData()
  63. 		});
  64. 	};
  65.  
  66. 	/**
  67. 	 * Get the profile picture from the profile model
  68. 	 *
  69. 	 * @param {Function} callback - A callback function that will be called with the resulting data
  70. 	 */
  71. 	getProfileImage = (callback) => {
  72. 		ProfileM.getProfileData(callback);
  73. 	}
  74.  
  75. 	/**
  76. 	 * Get the number of notifications from the Alerts model.
  77. 	 *
  78. 	 * @return {Number} The number of notifications
  79. 	 */
  80. 	getNotificationCount = () => {
  81. 		return AlertM.getNotificationsCount();
  82. 	}
  83.  
  84. 	/**
  85. 	 * Gets the user's current location from the model.
  86. 	 *
  87. 	 * @return {Object} The longitude and latitude of the user's current location
  88. 	 */
  89. 	getUserLocation = () => {
  90. 		return MapM.getCurrentLocation();
  91. 	}
  92.  
  93. 	filterMarkers = (markers, selectedFilter) => {
  94. 		if (!selectedFilter || selectedFilter.length === 0 || selectedFilter.name === 'None') {
  95. 			return markers;
  96. 		}
  97. 		
  98. 		let newMarkers = markers;
  99. 		const filter = (selectedFilter.name).replace("< ", "");
  100. 		newMarkers = newMarkers.filter((el) => {
  101. 			const timeago = el.data.timeago;
  102. 			const timeAgoNums = parseInt((timeago).replace(/[^0-9]/g, ''));
  103. 			switch (filter) {
  104. 				case "1 min ago":
  105. 					return timeago.includes('s');
  106. 					break;
  107. 				case "1 hour ago":
  108. 					return timeago.includes('min') || timeago.includes('mins') || timeago.includes('s');
  109. 					break;
  110. 				case "12 hours ago":
  111. 					return timeAgoNums < 12 && (timeago.includes('h') || timeago.includes('min') || timeago.includes('mins') || timeago.includes('s'));
  112. 					break;
  113. 				case "1 day ago":
  114. 					return timeago.includes('h') || timeago.includes('min') || timeago.includes('mins') || timeago.includes('s');;
  115. 					break;
  116. 				case "7 days ago":
  117. 					return timeAgoNums < 7 && (timeago.includes('d') || timeago.includes('h') || timeago.includes('min') || timeago.includes('mins') || timeago.includes('s'));
  118. 					break;
  119. 				case "1 month ago":
  120. 					return (timeago.includes('d') || timeago.includes('h') || timeago.includes('min') || timeago.includes('mins') || timeago.includes('s'));
  121. 					break;
  122. 				case "1 year ago":
  123. 					return timeAgoNums < 365 && (timeago.includes('mo') || timeago.includes('d') || timeago.includes('h') || timeago.includes('min') || timeago.includes('mins') || timeago.includes('s'));
  124. 					break;
  125. 			}
  126. 		});
  127. 		
  128. 		return newMarkers;
  129. 	}
  130. }
  131. export default MapPresenter;