diff --git a/web/directives/channel-config.js b/web/directives/channel-config.js index e3cbfb1..8d8789c 100644 --- a/web/directives/channel-config.js +++ b/web/directives/channel-config.js @@ -13,10 +13,11 @@ module.exports = function ($timeout, $location, dizquetv) { scope.maxSize = 50000; scope.blockCount = 1; - scope.showShuffleOptions = false; + scope.showShuffleOptions = (localStorage.getItem("channel-tools") === "on"); + scope.reverseTools = (localStorage.getItem("channel-tools-position") === "left"); scope.hasFlex = false; - scope.showHelp = false; + scope.showHelp = { check: false } scope._frequencyModified = false; scope._frequencyMessage = ""; scope.minProgramIndex = 0; @@ -1289,10 +1290,12 @@ module.exports = function ($timeout, $location, dizquetv) { scope.toggleTools = () => { scope.showShuffleOptions = !scope.showShuffleOptions + localStorage.setItem("channel-tools", (scope.showShuffleOptions? 'on' : 'off') ); } - scope.toggleToolHelp = () => { - scope.showHelp= !scope.showHelp + scope.toggleToolsDirection = () => { + scope.reverseTools = ! scope.reverseTools; + localStorage.setItem("channel-tools-position", (scope.reverseTools? 'left' : 'right') ); } scope.disablePadding = () => { diff --git a/web/public/style.css b/web/public/style.css index c412128..7b31549 100644 --- a/web/public/style.css +++ b/web/public/style.css @@ -273,6 +273,9 @@ div.programming-panes { padding-top: 0; padding-bottom: 0; } +div.programming-panes div.reverse { + flex-direction: row-reverse; +} div.programming-panes div.programming-pane { max-height: 30rem; overflow-y: auto; @@ -306,28 +309,33 @@ div.programming-programs div.list-group-item { background-color: #eeeeee; } -.programming-pane button:not(.btn-danger), -.programming-pane .input-group-text, -.programming-pane select { +.tools-pane button { + text-overflow: ellipsis; + overflow: hidden; +} + +.tools-pane button:not(.btn-danger), +.tools-pane .input-group-text, +.tools-pane select { border: 1px solid #999999 !important; } -.programming-pane input, -.programming-pane select { +.tools-pane input, +.tools-pane select { font-size: 14px; } -.programming-pane select { +.tools-pane select { text-align: center; border-radius: 0; padding: 0 16px 0 0; height: initial; } -.programming-pane select:first-of-type { +.tools-pane select:first-of-type { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } -.programming-pane .input-group-prepend + button { +.tools-pane .input-group-prepend + button { border-left: 0; } -.programming-pane input.form-control { +.tools-pane input.form-control { border-color: #999999; } diff --git a/web/public/templates/channel-config.html b/web/public/templates/channel-config.html index 2981500..bd3160a 100644 --- a/web/public/templates/channel-config.html +++ b/web/public/templates/channel-config.html @@ -95,26 +95,38 @@
-
+
Total: {{channel.programs.length}}
-
+
Filler Lists: {{channel.fillerCollections.length}}
-
+
Fallback: {{describeFallback()}}
-
-
-
-
+ +
-
+
{{error.programs}}
- +
@@ -330,11 +342,11 @@
-
-

The "Save" button saves the current episodes that are next to be played for each tv show. Then whenever you click the "Recover Episode Popsitions" button, episodes will be rearranged cyclically and they will start with the saved positions. So you can maintain episode sequences even after modifying the channel. If there are any new TV shows, they will start at their current positions. Movies and specials won't change positions. +

The "Save" button saves the current episodes that are next to be played for each tv show. Then whenever you click the "Recover Episode Popsitions" button, episodes will be rearranged cyclically and they will start with the saved positions. So you can maintain episode sequences even after modifying the channel. If there are any new TV shows, they will start at their current positions. Movies and specials won't change positions.

@@ -343,11 +355,11 @@
-
-

Makes multiple copies of the schedule and plays them in sequence. Normally this isn't necessary, because dizqueTV will always play the schedule back from the beginning when it finishes. But creating replicas is a useful intermediary step sometimes before applying other transformations. Note that because very large channels can be problematic, the number of replicas will be limited to avoid creating really large channels.

+

Makes multiple copies of the schedule and plays them in sequence. Normally this isn't necessary, because dizqueTV will always play the schedule back from the beginning when it finishes. But creating replicas is a useful intermediary step sometimes before applying other transformations. Note that because very large channels can be problematic, the number of replicas will be limited to avoid creating really large channels.

@@ -355,20 +367,20 @@
-
-

Like "Replicate", it will make multiple copies of the programming. In addition it will shuffle the programs, but it will make sure not to have too small a distance between two identical programs.

+

Like "Replicate", it will make multiple copies of the programming. In addition it will shuffle the programs, but it will make sure not to have too small a distance between two identical programs.

-
-

Adds a channel redirect. During this period of time, the channel will redirect to another channel.

+

Adds a channel redirect. During this period of time, the channel will redirect to another channel.

@@ -382,56 +394,56 @@
-
-

Will redirect to another channel while between the selected hours.

+

Will redirect to another channel while between the selected hours.

-
-

Removes repeated videos.

+

Removes repeated videos.

-
-

Removes any Flex periods from the schedule.

+

Removes any Flex periods from the schedule.

-
-

Removes any specials from the schedule. Specials are episodes with season "00".

+

Removes any specials from the schedule. Specials are episodes with season "00".

-
-

Allows you to pick specific shows to remove from the channel.

+

Allows you to pick specific shows to remove from the channel.

-
-

Wipes out the schedule so that you can start over.

+

Wipes out the schedule so that you can start over.