diff --git a/public/_locales/en/messages.json b/public/_locales/en/messages.json index e7c760df..69ef6386 100644 --- a/public/_locales/en/messages.json +++ b/public/_locales/en/messages.json @@ -483,5 +483,8 @@ "to": { "message": "to", "description": "Used between sponsor times. Example: 1:20 to 1:30" + }, + "bracketNow": { + "message": "(Now)" } } diff --git a/public/content.css b/public/content.css index 3402725a..11d20ff9 100644 --- a/public/content.css +++ b/public/content.css @@ -350,4 +350,11 @@ input::-webkit-inner-spin-button { .sponsorTimeEditSeconds { width: 60px; +} + +.sponsorNowButton { + font-size: 11px; + + cursor: pointer; + text-decoration: underline; } \ No newline at end of file diff --git a/src/components/SponsorTimeEditComponent.tsx b/src/components/SponsorTimeEditComponent.tsx index 971f48bc..12851601 100644 --- a/src/components/SponsorTimeEditComponent.tsx +++ b/src/components/SponsorTimeEditComponent.tsx @@ -19,7 +19,7 @@ export interface SponsorTimeEditProps { export interface SponsorTimeEditState { editing: boolean; - sponsorTimeEdits: Array>; + sponsorTimeEdits: number[][]; } class SponsorTimeEditComponent extends React.Component { @@ -61,6 +61,13 @@ class SponsorTimeEditComponent extends React.Component + + this.setTimeToNow.bind(this)(0)).bind(this)}> + {chrome.i18n.getMessage("bracketNow")} + + + + this.setTimeToNow.bind(this)(1)).bind(this)}> + {chrome.i18n.getMessage("bracketNow")} + ); } else { timeDisplay = (
+ className="sponsorTimeDisplay" + onClick={this.toggleEditTime.bind(this)}> {utils.getFormattedTime(sponsorTime[0], true) + ((sponsorTime.length >= 1) ? " " + chrome.i18n.getMessage("to") + " " + utils.getFormattedTime(sponsorTime[1], true) : "")}
@@ -154,6 +168,17 @@ class SponsorTimeEditComponent extends React.Component