fbeecc0479
Signed-off-by: Ajay Bura <ajbura@gmail.com>
147 lines
4.6 KiB
JavaScript
147 lines
4.6 KiB
JavaScript
import EventEmitter from 'events';
|
|
import appDispatcher from '../dispatcher';
|
|
import cons from './cons';
|
|
|
|
class Navigation extends EventEmitter {
|
|
constructor() {
|
|
super();
|
|
|
|
this.selectedTab = cons.tabs.HOME;
|
|
this.selectedSpaceId = null;
|
|
this.selectedSpacePath = [cons.tabs.HOME];
|
|
|
|
this.selectedRoomId = null;
|
|
this.recentRooms = [];
|
|
|
|
this.isRawModalVisible = false;
|
|
}
|
|
|
|
_setSpacePath(roomId) {
|
|
if (roomId === null || roomId === cons.tabs.HOME) {
|
|
this.selectedSpacePath = [cons.tabs.HOME];
|
|
return;
|
|
}
|
|
if (this.selectedSpacePath.includes(roomId)) {
|
|
const spIndex = this.selectedSpacePath.indexOf(roomId);
|
|
this.selectedSpacePath = this.selectedSpacePath.slice(0, spIndex + 1);
|
|
return;
|
|
}
|
|
this.selectedSpacePath.push(roomId);
|
|
}
|
|
|
|
removeRecentRoom(roomId) {
|
|
if (typeof roomId !== 'string') return;
|
|
const roomIdIndex = this.recentRooms.indexOf(roomId);
|
|
if (roomIdIndex >= 0) {
|
|
this.recentRooms.splice(roomIdIndex, 1);
|
|
}
|
|
}
|
|
|
|
addRecentRoom(roomId) {
|
|
if (typeof roomId !== 'string') return;
|
|
|
|
this.recentRooms.push(roomId);
|
|
if (this.recentRooms.length > 10) {
|
|
this.recentRooms.splice(0, 1);
|
|
}
|
|
}
|
|
|
|
setIsRawModalVisible(visible) {
|
|
this.isRawModalVisible = visible;
|
|
}
|
|
|
|
navigate(action) {
|
|
const actions = {
|
|
[cons.actions.navigation.SELECT_TAB]: () => {
|
|
this.selectedTab = action.tabId;
|
|
if (this.selectedTab !== cons.tabs.DIRECTS) {
|
|
if (this.selectedTab === cons.tabs.HOME) {
|
|
this.selectedSpacePath = [cons.tabs.HOME];
|
|
this.selectedSpaceId = null;
|
|
} else {
|
|
this.selectedSpacePath = [this.selectedTab];
|
|
this.selectedSpaceId = this.selectedTab;
|
|
}
|
|
this.emit(cons.events.navigation.SPACE_SELECTED, this.selectedSpaceId);
|
|
} else this.selectedSpaceId = null;
|
|
this.emit(cons.events.navigation.TAB_SELECTED, this.selectedTab);
|
|
},
|
|
[cons.actions.navigation.SELECT_SPACE]: () => {
|
|
this._setSpacePath(action.roomId);
|
|
this.selectedSpaceId = action.roomId;
|
|
this.emit(cons.events.navigation.SPACE_SELECTED, this.selectedSpaceId);
|
|
},
|
|
[cons.actions.navigation.SELECT_ROOM]: () => {
|
|
const prevSelectedRoomId = this.selectedRoomId;
|
|
this.selectedRoomId = action.roomId;
|
|
this.removeRecentRoom(prevSelectedRoomId);
|
|
this.addRecentRoom(prevSelectedRoomId);
|
|
this.removeRecentRoom(this.selectedRoomId);
|
|
this.emit(
|
|
cons.events.navigation.ROOM_SELECTED,
|
|
this.selectedRoomId,
|
|
prevSelectedRoomId,
|
|
action.eventId,
|
|
);
|
|
},
|
|
[cons.actions.navigation.OPEN_INVITE_LIST]: () => {
|
|
this.emit(cons.events.navigation.INVITE_LIST_OPENED);
|
|
},
|
|
[cons.actions.navigation.OPEN_PUBLIC_ROOMS]: () => {
|
|
this.emit(cons.events.navigation.PUBLIC_ROOMS_OPENED, action.searchTerm);
|
|
},
|
|
[cons.actions.navigation.OPEN_CREATE_ROOM]: () => {
|
|
this.emit(cons.events.navigation.CREATE_ROOM_OPENED);
|
|
},
|
|
[cons.actions.navigation.OPEN_INVITE_USER]: () => {
|
|
this.emit(cons.events.navigation.INVITE_USER_OPENED, action.roomId, action.searchTerm);
|
|
},
|
|
[cons.actions.navigation.OPEN_PROFILE_VIEWER]: () => {
|
|
this.emit(cons.events.navigation.PROFILE_VIEWER_OPENED, action.userId, action.roomId);
|
|
},
|
|
[cons.actions.navigation.OPEN_SETTINGS]: () => {
|
|
this.emit(cons.events.navigation.SETTINGS_OPENED);
|
|
},
|
|
[cons.actions.navigation.OPEN_EMOJIBOARD]: () => {
|
|
this.emit(
|
|
cons.events.navigation.EMOJIBOARD_OPENED,
|
|
action.cords, action.requestEmojiCallback,
|
|
);
|
|
},
|
|
[cons.actions.navigation.OPEN_READRECEIPTS]: () => {
|
|
this.emit(
|
|
cons.events.navigation.READRECEIPTS_OPENED,
|
|
action.roomId,
|
|
action.userIds,
|
|
);
|
|
},
|
|
[cons.actions.navigation.OPEN_ROOMOPTIONS]: () => {
|
|
this.emit(
|
|
cons.events.navigation.ROOMOPTIONS_OPENED,
|
|
action.cords,
|
|
action.roomId,
|
|
);
|
|
},
|
|
[cons.actions.navigation.CLICK_REPLY_TO]: () => {
|
|
this.emit(
|
|
cons.events.navigation.REPLY_TO_CLICKED,
|
|
action.userId,
|
|
action.eventId,
|
|
action.body,
|
|
);
|
|
},
|
|
[cons.actions.navigation.OPEN_SEARCH]: () => {
|
|
this.emit(
|
|
cons.events.navigation.SEARCH_OPENED,
|
|
action.term,
|
|
);
|
|
},
|
|
};
|
|
actions[action.type]?.();
|
|
}
|
|
}
|
|
|
|
const navigation = new Navigation();
|
|
appDispatcher.register(navigation.navigate.bind(navigation));
|
|
|
|
export default navigation;
|