-
Notifications
You must be signed in to change notification settings - Fork 31
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #99 from xwp/update/undo-removals
Add the undo button to cancel video removal
- Loading branch information
Showing
18 changed files
with
450 additions
and
169 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,79 @@ | ||
| import { loadSetting, saveSetting, removeSetting } from '../utils/settings'; | ||
| import { SETTING_KEY_TOGGLE_OFFLINE } from '../constants'; | ||
|
|
||
| import ToggleButton from './ToggleButton'; | ||
|
|
||
| /** | ||
| * Respond to button interaction. | ||
| * | ||
| * @param {boolean} forceOffline Force the offline state. | ||
| * @param {ConnectionStatus} connectionStatus ConnectionStatus instance. | ||
| */ | ||
| const buttonInteractionHandler = (forceOffline, connectionStatus) => { | ||
| if (forceOffline) { | ||
| saveSetting(SETTING_KEY_TOGGLE_OFFLINE, true); | ||
| connectionStatus.forceOffline(); | ||
| } else if (connectionStatus.getStatusDetail().navigatorStatus === 'offline') { | ||
| /** | ||
| * If we want to leave offline mode, but we're not online, let's | ||
| * prevent the action and broadcast a "Not connected" alert instead. | ||
| */ | ||
| connectionStatus.alert(); | ||
| } else { | ||
| removeSetting(SETTING_KEY_TOGGLE_OFFLINE); | ||
| connectionStatus.unforceOffline(); | ||
| } | ||
| }; | ||
|
|
||
| /** | ||
| * Respond to connection status changes. | ||
| * | ||
| * @param {HTMLElement} button The toggle button element. | ||
| * @param {ConnectionStatus} connectionStatus ConnectionStatus instance. | ||
| */ | ||
| const networkChangeHandler = (button, connectionStatus) => { | ||
| const offlineModeEnabled = loadSetting(SETTING_KEY_TOGGLE_OFFLINE); | ||
|
|
||
| if (offlineModeEnabled) { | ||
| button.checked = true; | ||
| } else { | ||
| button.checked = (connectionStatus.status === 'offline'); | ||
| } | ||
| }; | ||
|
|
||
| /** | ||
| * The offline toggle button is a special case of a toggle button | ||
| * in a sense that it accepts and uses a `connectionStatus` | ||
| * instance to help drive its logic. | ||
| */ | ||
| export default class OfflineToggleButton extends ToggleButton { | ||
| constructor() { | ||
| super(); | ||
| this.initialized = false; | ||
| } | ||
|
|
||
| /** | ||
| * @param {ConnectionStatus} connectionStatus ConnectionStatus instance. | ||
| */ | ||
| assignConnectionStatus(connectionStatus) { | ||
| if (this.initialized) return; | ||
|
|
||
| /** | ||
| * On button interaction, we want to persist the state if it's | ||
| * based on user gesture. | ||
| */ | ||
| this.$checkbox.addEventListener('change', (e) => { | ||
| const forceOffline = (e.target.checked === true); | ||
| buttonInteractionHandler(forceOffline, connectionStatus); | ||
| }); | ||
|
|
||
| /** | ||
| * Respond to network changes. | ||
| */ | ||
| connectionStatus.subscribe( | ||
| () => networkChangeHandler(this.$checkbox, connectionStatus), | ||
| ); | ||
|
|
||
| this.initialized = true; | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.