Skip to content

Components

michaelni678 edited this page Mar 12, 2024 · 7 revisions

AdvanceSettings.vue

Props

Prop name Description Default
customAPI

Methods

Method name Description Parameters
setBaseURL() -





Announcement.vue

Props

Prop name Description Default
updateOnNextInterval false
fetchInterval Updates announcement every minute function
announcerIndex 0
rawUpdate Temporarily stores updated announcements []
raw []

Methods

Method name Description Parameters
updateAnnouncements() Updates the announcements -
getAnnouncements() Gets the announcements from API -
loadAnnouncer() Load different announcement for every animation loop -





ColorBlindIconModal.vue

Methods

Method name Description Parameters
showModal() Shows the colorblind icon modal -





Copyright.vue

Methods

Method name Description Parameters
resetAdvMode() Resets advanced mode -





Fullscrn_qrcode.vue





Header.vue





LogModal.vue

Methods

Method name Description Parameters
showModal() Shows the log modal -
hideModal() Hides the log modal -





Modal.vue

Methods

Method name Description Parameters
showModal() Shows the modal -
checkAnnouncementLen() Updates the modal's cached announcement length -





Progressbar.vue





Schedule.vue

Props

Prop name Description Default
schedules Array of schedules from server []
currentWeek Current week schedule from server placeholder
currentSemester Name of the current semester Spring 2022

Methods

Method name Description Parameters
getCurrentSemester() Gets the current semester from the server API -





Settings.vue

Props

Prop name Description Default
isCbMode Boolean for colorblind mode false
isDark Boolean for dark mode false
isAdvMode Boolean for advanced mode false
devHQ Boolean for dev false
devAnnouncement Boolean for dev announcements false
devToolsEnabled Checks if should be using dev tools unknown
cbExplanation Message when hovering over setting sliders String
darkExplanation Message for dark mode String
advSettingsExplanation Message for advanced settings String

Methods

Method name Description Parameters
setCbMode() Toggles color blind mode -
setDarkMode() Toggles dark mode -
setHQData() Toggles dev mode -
simulateAnnouncementBar() Toggles fake announcement -
setAdvMode() Toggles advanced mode -
showLogs() Shows the log modal -
uploadLogs() Upload the recent logs to the server -





Status.vue

Props

Prop name Description Default
expanded false
compStatus String for the component status String
APIWarning String for the component status warning String
NonOfficialWarning String to warn for non-official API use String
statusDescription String to highlight detailed server report String
showStatus Boolean to show the status false

Methods

Method name Description Parameters
toggleExpand() Toggles the list of all four different server statuses -





Tracker.vue

Props

Prop name Description Default
routesInterval For handling request failures Undefined
stopsInterval For handling request failures Undefined
mapObj Undefined
tokenID The current token ID process.env.VUE_APP_MAP_TOKEN_ID
apiVersion The current API version process.env.VUE_APP_API_VERSION
fullscreen false
FullscreenDesc The fullscreen toggle 'Toggle fullscreen mode'
showFullscreen Only shows FS on non-mobile devices false
showFSIcon Toggle showing FS icon true
fullscreenDelay 0

Methods

Method name Description Parameters
isMobile() Checks if user is on mobile -
toggleFullscreen() Toggles fullscreen mode -
fixRoundedBorders() -
hideIcons() Hides the icons -
getAPIVersion() Gets the current API version -
updateBuses() Fetches the API for buses and updates tracker -
renderRoutes() Fetches the API and renders the routes -
renderStops() Fetches the API and renders the stops -