diff --git a/public/_locales/en/messages.json b/public/_locales/en/messages.json index 69ef6386..68900959 100644 --- a/public/_locales/en/messages.json +++ b/public/_locales/en/messages.json @@ -484,7 +484,19 @@ "message": "to", "description": "Used between sponsor times. Example: 1:20 to 1:30" }, - "bracketNow": { - "message": "(Now)" + "category_sponsor": { + "message": "Sponsor" + }, + "category_intro": { + "message": "Intro" + }, + "category_outro": { + "message": "Outro" + }, + "category_interaction": { + "message": "Interaction (Redundant Like, Subscribe, Follow, etc.)" + }, + "category_merchandise": { + "message": "Merchandise and self-promotion" } } diff --git a/public/content.css b/public/content.css index 11d20ff9..5d65f788 100644 --- a/public/content.css +++ b/public/content.css @@ -357,4 +357,15 @@ input::-webkit-inner-spin-button { cursor: pointer; text-decoration: underline; +} + +.sponsorTimeCategories { + margin-top: 5px; + margin-bottom: 5px; + + background-color: rgba(28, 28, 28, 0.9); + border-color: rgb(130,0,0,0.9); + color: white; + border-width: 3px; + padding: 3px; } \ No newline at end of file diff --git a/src/components/SponsorTimeEditComponent.tsx b/src/components/SponsorTimeEditComponent.tsx index 2ca8b020..fd9bc7c4 100644 --- a/src/components/SponsorTimeEditComponent.tsx +++ b/src/components/SponsorTimeEditComponent.tsx @@ -1,6 +1,7 @@ import * as React from "react"; -import Config from "../config" +import Config from "../config"; +import * as CompileConfig from "../../config.json"; import Utils from "../utils"; import { ContentContainer } from "../types"; @@ -143,6 +144,17 @@ class SponsorTimeEditComponent extends React.Component + {this.getCategoryOptions()} + + +
+ + {/* Editing Tools */} + @@ -168,6 +180,20 @@ class SponsorTimeEditComponent extends React.Component + {chrome.i18n.getMessage("category_" + category)} + + ); + } + + return elements; + } + setTimeToNow(index: number) { let sponsorTime = this.props.contentContainer().sponsorTimesSubmitting[this.props.index];