Skip to content

Commit

Permalink
web-app: Improvements to Setup and Program Guide
Browse files Browse the repository at this point in the history
Setup
- When the backend starts or restarts in web-only mode, display
  the reason at the top of the page, so the user can know what to fix.
- If the user started the backend with --webonly, then the restart
  button is replaced with a Shutdown button, because restarting would
  still keep it in web only mode.

Program Guide
- Implement color coding of background based on the program category.
  Copy the colors used in MythWeb default theme.
- Add a page to show the list of colors used by category, instead of
  the four buttons previously shown.

Development
- Updated proxy.conf so that you can test against your production
  backend data while getting the app and translations from your
  development system.
  • Loading branch information
bennettpeter committed Jan 7, 2024
1 parent c718f28 commit d59e251
Show file tree
Hide file tree
Showing 51 changed files with 887 additions and 316 deletions.
84 changes: 84 additions & 0 deletions mythtv/html/assets/guidecolors.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,84 @@
/* Customize the guide colors here.
Note that changes you make here may be overwritten if you subsequently install a new
build of MythTV. Therefore keep a copy of your changed file somewhere else and copy
it back here if you install MythTV again or upgrade it.
Use ".guide_type_" prefix for "Category Type" in the listings. Normally there are only 4
types: series, tvshow, movie, sports.
Use ".guide_cat_" prefix for "Category" in the listings. Following this is the category,
converted to lower case, all characters other than a-z and 0-9 changed to underscore.
For example "Science fiction" becomes .guide_cat_science_fiction and "Bus./financial" becomes
.guide_cat_bus__financial (two underscores).
If you edit this file with Visual C++, it will provide a color selector to make selecting
colors easy.
*/

/* The default color must be first in the list. Do not remove this default. You can change it
if needed. If you remove it the default colors may be unreadable. */
.guide_type_default { background-color: #403060 !important; color: white !important; }

/* The type colors are next in the list. If you do not want colors for these types you
can remove or comment these lines.
If a show matches a type and a category, the last match will take effect, in other
words the category will be used. If you want all movies to have the same color
irrespective of the category, put the .guide_type_movie entry at the end of this file */
.guide_type_sports { background-color: #005030 !important; color: white !important; }
.guide_type_series { background-color: darkblue !important; color: white !important; }
.guide_type_tvshow { background-color: rgb(117, 189, 189) !important; color: black !important; }
.guide_type_movie { background-color: #fc7b7b !important; color: black !important; }

/* The category colors are after the type colors. If there is a matching category its
color will override the type color. Any time there is a multiple match, the last one
in this file that matches will take effect.
You can change these, remove entries or add missing entries.
If you add a light background color, you may want to change the text color from white
to black */
.guide_cat_action { background-color: #906020 !important; color: white !important; }
.guide_cat_adult { background-color: #702020 !important; color: white !important; }
.guide_cat_animals { background-color: #609060 !important; color: white !important; }
.guide_cat_art { background-color: #801060 !important; color: white !important; }
.guide_cat_bus__financial { background-color: #703010 !important; color: white !important; }
.guide_cat_children { background-color: #B00010 !important; color: white !important; }
.guide_cat_animated { background-color: #B00010 !important; color: white !important; }
.guide_cat_comedy { background-color: #006080 !important; color: white !important; }
.guide_cat_sitcom { background-color: #006080 !important; color: white !important; }
.guide_cat_comedy_drama { background-color: #006080 !important; color: white !important; }
.guide_cat_cooking { background-color: #208040 !important; color: white !important; }
.guide_cat_crime { background-color: #105050 !important; color: white !important; }
.guide_cat_crime_drama { background-color: #105050 !important; color: white !important; }
.guide_cat_documentary { background-color: #504020 !important; color: white !important; }
.guide_cat_docudrama { background-color: #504020 !important; color: white !important; }
.guide_cat_drama { background-color: #400060 !important; color: white !important; }
.guide_cat_educational { background-color: #606060 !important; color: white !important; }
.guide_cat_fantasy { background-color: #606090 !important; color: white !important; }
.guide_cat_game_show { background-color: #701010 !important; color: white !important; }
.guide_cat_health { background-color: #806060 !important; color: white !important; }
.guide_cat_history { background-color: #807020 !important; color: white !important; }
.guide_cat_historical_drama { background-color: #807020 !important; color: white !important; }
.guide_cat_house_garden { background-color: #A0A000 !important; color: white !important; }
.guide_cat_how_to { background-color: #A0A000 !important; color: white !important; }
.guide_cat_horror { background-color: #101040 !important; color: white !important; }
.guide_cat_health { background-color: #806060 !important; color: white !important; }
.guide_cat_music { background-color: #801060 !important; color: white !important; }
.guide_cat_mystery { background-color: #105050 !important; color: white !important; }
.guide_cat_news { background-color: #606040 !important; color: white !important; }
.guide_cat_newsmagazine { background-color: #606040 !important; color: white !important; }
.guide_cat_reality { background-color: #304040 !important; color: white !important; }
.guide_cat_religious { background-color: #804080 !important; color: white !important; }
.guide_cat_romance { background-color: #A02050 !important; color: white !important; }
.guide_cat_science { background-color: #008050 !important; color: white !important; }
.guide_cat_nature { background-color: #008050 !important; color: white !important; }
.guide_cat_science_fiction { background-color: #606090 !important; color: white !important; }
.guide_cat_shopping { background-color: #103010 !important; color: white !important; }
.guide_cat_soap { background-color: #508080 !important; color: white !important; }
.guide_cat_sports_talk { background-color: #005030 !important; color: white !important; }
.guide_cat_sports_non_event { background-color: #005030 !important; color: white !important; }
.guide_cat_talk { background-color: #203040 !important; color: white !important; }
.guide_cat_tba { background-color: #303030 !important; color: white !important; }
.guide_cat_travel { background-color: #2060B0 !important; color: white !important; }
.guide_cat_war { background-color: #B06050 !important; color: white !important; }
.guide_cat_western { background-color: #806040 !important; color: white !important; }

26 changes: 19 additions & 7 deletions mythtv/html/assets/i18n/bg.json
Original file line number Diff line number Diff line change
Expand Up @@ -16,8 +16,6 @@
"help": "Помогне",
"instructions": "Инструкции",
"loading": "Зареждане",
"mustenable": "Промените не могат да бъдат запазени, освен ако първо не щракнете върху бутона Активиране на актуализациите.",
"mustrestart": "Когато приключите с актуализациите, рестартирайте бекенда.",
"networkfail": "ГРЕШКА: Грешка в задната мрежа",
"next": "Следващия",
"no": "Не",
Expand All @@ -38,15 +36,19 @@
"backendStatus": "Състояние на бекенда",
"channeleditor": "Редактор на канали",
"guide": {
"calendar_tip": "Избор на дата: Изберете първо часа, след това датата.",
"catcolors": "Категория Цветове",
"channel": "Канал",
"channel_group": "Група канали",
"color_customize": "Персонализирайте цветовете, като редактирате този файл:",
"color_expl": "Предаванията с категории, които нямат цвят за категория, използват цвета за тип категория.",
"color_includes": "Този списък включва само цветове за програми на текущата страница на ръководството. Пълният списък с цветове е във файла, споменат по-долу.",
"colors": "Цветове",
"full_search": "Пълно търсене",
"people_search": "Търсене на хора",
"retgrid": "Върнете се към мрежовия дисплей",
"title_search": "Търсене на заглавие",
"type_movie": "Филм",
"type_series": "Серия",
"type_sports": "Спорт",
"type_tvshow": "ТВ предаване"
"typecolors": "Тип на категорията Цветове"
},
"programguide": "Програмен справочник",
"recordings": {
Expand Down Expand Up @@ -1027,14 +1029,24 @@
"main": {
"enableupdates_desc": "Активирането на актуализации ще попречи на всякакви записи, докато не рестартирате",
"enableupdates_label": "Активирайте актуализациите",
"mustenable": "Промените не могат да бъдат запазени, освен ако първо не щракнете върху бутона Активиране на актуализациите.",
"mustrestart": "Когато приключите с актуализациите, рестартирайте бекенда.",
"restart_desc": "Записите са деактивирани, докато не рестартирате",
"restart_label": "Рестартирайте Backend",
"restarting": "Бекендът се рестартира",
"shutdown_label": "Затворете Backend",
"slave_enabled": "Актуализациите винаги са активирани на подчинен бекенд.",
"slave_instructions": "Изглежда, че това е подчинен бекенд. Ако е предвиден като подчинен бекенд, моля, деактивирайте планирането на главния бекенд, докато изпълнявате настройка на подчинен бекенд.",
"slave_warning": "Ако това не е предвидено като подчинен бекенд, моля, отидете на Настройка, Общи, Настройка на бекенда на адреса на хоста и изберете „Този ​​сървър е главният бекенд“ или задайте правилния персонализиран идентификатор на страницата за настройка на базата данни. Запазете и рестартирайте бекенда,",
"title": "Настройка на MythTV",
"upcomingrec": "Следващ предстоящ запис: {{Title}} в {{StartTime}}. Състояние: {{Status}}"
"upcomingrec": "Следващ предстоящ запис: {{Title}} в {{StartTime}}. Състояние: {{Status}}",
"webonly": {
"DBSETUP": "Бекендът не може да стартира нормално, защото настройката на базата данни не е завършена.",
"DBTIMEZONE": "Бекендът не може да стартира нормално, защото часовите зони на базата данни не са настроени.",
"IPADDRESS": "Бекендът не може да стартира нормално, защото Общи, Адрес на хост, Основен IP адрес не са зададени.",
"SCHEMAUPDATE": "Бекендът не може да стартира нормално, защото актуализацията на схемата на базата данни е неуспешна.",
"WEBONLYPARM": "Бекендът е в ограничен режим поради параметър --webonly в командния ред. Ще трябва да рестартирате ръчно."
}
},
"misc": {
"bal_io": "Балансиран диск I/O",
Expand Down
26 changes: 19 additions & 7 deletions mythtv/html/assets/i18n/ca.json
Original file line number Diff line number Diff line change
Expand Up @@ -16,8 +16,6 @@
"help": "Ajuda",
"instructions": "Instruccions",
"loading": "Carregant",
"mustenable": "Els canvis no es poden desar tret que primer feu clic al botó Activa les actualitzacions.",
"mustrestart": "Quan hàgiu acabat amb les actualitzacions, reinicieu el backend.",
"networkfail": "ERROR: fallada de la xarxa de fons",
"next": "Pròxim",
"no": "No",
Expand All @@ -38,15 +36,19 @@
"backendStatus": "Estat del backend",
"channeleditor": "Editor de canals",
"guide": {
"calendar_tip": "Selector de dates: seleccioneu primer l'hora i després la data.",
"catcolors": "Categoria Colors",
"channel": "Canal",
"channel_group": "Grup de canals",
"color_customize": "Personalitzeu-ho els colors editant aquest fitxer:",
"color_expl": "Els programes amb categories que no tenen un color de categoria utilitzen el color de tipus de categoria.",
"color_includes": "Aquesta llista només inclou els colors dels programes de la pàgina actual de la guia. La llista completa de colors es troba al fitxer esmentat a continuació.",
"colors": "Colors",
"full_search": "Cerca completa",
"people_search": "Cerca de persones",
"retgrid": "Torna a la pantalla de quadrícula",
"title_search": "Cerca de títols",
"type_movie": "Pel·lícula",
"type_series": "Sèrie",
"type_sports": "Esports",
"type_tvshow": "Programa de televisió"
"typecolors": "Categoria Tipus Colors"
},
"programguide": "Guia del programa",
"recordings": {
Expand Down Expand Up @@ -1027,14 +1029,24 @@
"main": {
"enableupdates_desc": "Activar les actualitzacions evitarà que es facin enregistraments fins que no reinicieu",
"enableupdates_label": "Activa les actualitzacions",
"mustenable": "Els canvis no es poden desar tret que primer feu clic al botó Activa les actualitzacions.",
"mustrestart": "Quan hàgiu acabat amb les actualitzacions, reinicieu el backend.",
"restart_desc": "Les gravacions es desactiven fins que reinicieu",
"restart_label": "Reinicieu el backend",
"restarting": "Reiniciant el backend",
"shutdown_label": "Tanca el backend",
"slave_enabled": "Les actualitzacions sempre estan habilitades en un backend esclau.",
"slave_instructions": "Sembla ser un backend esclau. Si està pensat com a backend esclau, desactiveu la programació al backend principal mentre executeu la configuració del backend esclau.",
"slave_warning": "Si no està pensat com a backend esclau, aneu a Configuració, General, Configuració del backend de l'adreça de l'amfitrió i seleccioneu \"Aquest servidor és el backend mestre\" o bé establiu l'identificador personalitzat correcte a la pàgina Configuració de la base de dades. Desa i reinicia el backend,",
"title": "Configuració de MythTV",
"upcomingrec": "Pròxima gravació: {{Title}} a {{StartTime}}. Estat: {{Status}}"
"upcomingrec": "Pròxima gravació: {{Title}} a {{StartTime}}. Estat: {{Status}}",
"webonly": {
"DBSETUP": "El backend no pot iniciar-se normalment perquè la configuració de la base de dades no s'ha completat.",
"DBTIMEZONE": "El backend no pot començar amb normalitat perquè les zones horàries de la base de dades no estan configurades.",
"IPADDRESS": "El backend no pot iniciar-se amb normalitat perquè no s'estableix l'adreça general, l'adreça de l'amfitrió i l'adreça IP principal.",
"SCHEMAUPDATE": "El backend no pot iniciar-se normalment perquè l'actualització de l'esquema de la base de dades ha fallat.",
"WEBONLYPARM": "El backend està en mode restringit a causa del paràmetre --webonly a la línia d'ordres. Haureu de reiniciar manualment."
}
},
"misc": {
"bal_io": "E/S de disc equilibrat",
Expand Down
Loading

0 comments on commit d59e251

Please sign in to comment.