addCategories: improve layout

6 years ago · 06ad3e055e
23 changed files with 53 additions and 2 deletions
--- a/lang/ast.json
+++ b/lang/ast.json
@ -1,6 +1,7 @@
 {
    "available_branches": "",
    "back": "",
+    "categories": "",
    "category-info-tooltip": "",
    "closed": "",
    "default": "",
@ -30,6 +31,7 @@
    "options:ui_lang": "Llingua de la interfaz",
    "other": "",
    "repo-use-as-base": "",
+    "repositories": "",
    "save": "Guardar",
    "show details": "",
    "toggle_fullscreen": "",
--- a/lang/ca.json
+++ b/lang/ca.json
@ -1,6 +1,7 @@
 {
    "available_branches": "",
    "back": "",
+    "categories": "",
    "category-info-tooltip": "",
    "closed": "",
    "default": "",
@ -30,6 +31,7 @@
    "options:ui_lang": "",
    "other": "",
    "repo-use-as-base": "",
+    "repositories": "",
    "save": "Guardar",
    "show details": "",
    "toggle_fullscreen": "",
--- a/lang/cs.json
+++ b/lang/cs.json
@ -1,6 +1,7 @@
 {
    "available_branches": "",
    "back": "",
+    "categories": "",
    "category-info-tooltip": "",
    "closed": "",
    "default": "",
@ -30,6 +31,7 @@
    "options:ui_lang": "Jazyk rozhraní",
    "other": "",
    "repo-use-as-base": "",
+    "repositories": "",
    "save": "Uložit",
    "show details": "",
    "toggle_fullscreen": "",
--- a/lang/da.json
+++ b/lang/da.json
@ -1,6 +1,7 @@
 {
    "available_branches": "",
    "back": "",
+    "categories": "",
    "category-info-tooltip": "",
    "closed": "",
    "default": "",
@ -30,6 +31,7 @@
    "options:ui_lang": "Brugerfladesprog",
    "other": "",
    "repo-use-as-base": "",
+    "repositories": "",
    "save": "Gem",
    "show details": "",
    "toggle_fullscreen": "",
--- a/lang/de.json
+++ b/lang/de.json
@ -1,6 +1,7 @@
 {
    "available_branches": "",
    "back": "zurück",
+    "categories": "",
    "category-info-tooltip": "Info & Legende",
    "closed": "geschlossen",
    "default": "Standard",
@ -33,6 +34,7 @@
    "options:ui_lang": "Anwendungssprache",
    "other": "Andere",
    "repo-use-as-base": "",
+    "repositories": "",
    "save": "Speichern",
    "show details": "zeige Details",
    "toggle_fullscreen": "(De-)aktiviere Vollbildmodus",
--- a/lang/el.json
+++ b/lang/el.json
@ -1,6 +1,7 @@
 {
    "available_branches": "",
    "back": "",
+    "categories": "",
    "category-info-tooltip": "",
    "closed": "",
    "default": "",
@ -30,6 +31,7 @@
    "options:ui_lang": "Γλώσσα διεπαφής",
    "other": "",
    "repo-use-as-base": "",
+    "repositories": "",
    "save": "Αποθήκευση",
    "show details": "",
    "toggle_fullscreen": "",
--- a/lang/en.json
+++ b/lang/en.json
@ -1,6 +1,7 @@
 {
    "available_branches": "Available branches",
    "back": "back",
+    "categories": "Categories",
    "category-info-tooltip": "Info & Map key",
    "closed": "closed",
    "default": "default",
@ -33,6 +34,7 @@
    "options:ui_lang": "Interface language",
    "other": "Other",
    "repo-use-as-base": "Use this repository as base repository",
+    "repositories": "Repositories",
    "save": "Save",
    "show details": "show details",
    "toggle_fullscreen": "Toggle full screen mode",
--- a/lang/es.json
+++ b/lang/es.json
@ -1,6 +1,7 @@
 {
    "available_branches": "",
    "back": "",
+    "categories": "",
    "category-info-tooltip": "",
    "closed": "",
    "default": "",
@ -30,6 +31,7 @@
    "options:ui_lang": "Idioma de interfaz",
    "other": "",
    "repo-use-as-base": "",
+    "repositories": "",
    "save": "Guardar",
    "show details": "",
    "toggle_fullscreen": "",
--- a/lang/et.json
+++ b/lang/et.json
@ -1,6 +1,7 @@
 {
    "available_branches": "",
    "back": "",
+    "categories": "",
    "category-info-tooltip": "",
    "closed": "",
    "default": "",
@ -30,6 +31,7 @@
    "options:ui_lang": "Kasutajaliidese keel",
    "other": "",
    "repo-use-as-base": "",
+    "repositories": "",
    "save": "Salvesta",
    "show details": "",
    "toggle_fullscreen": "",
--- a/lang/fr.json
+++ b/lang/fr.json
@ -1,6 +1,7 @@
 {
    "available_branches": "Branches disponibles",
    "back": "Retour",
+    "categories": "",
    "category-info-tooltip": "Info & Légende",
    "closed": "Fermé",
    "default": "Par défaut",
@ -30,6 +31,7 @@
    "options:ui_lang": "Langue de l'interface",
    "other": "Autres",
    "repo-use-as-base": "",
+    "repositories": "",
    "save": "Sauvegarder",
    "show details": "montrer les détails",
    "toggle_fullscreen": "Basculer en plein écran",
--- a/lang/hu.json
+++ b/lang/hu.json
@ -1,6 +1,7 @@
 {
    "available_branches": "",
    "back": "Vissza",
+    "categories": "",
    "category-info-tooltip": "Információk és jelmagyarázat",
    "closed": "Lezárva",
    "default": "Alapértelmezett",
@ -30,6 +31,7 @@
    "options:ui_lang": "Menü nyelve",
    "other": "Egyéb",
    "repo-use-as-base": "",
+    "repositories": "",
    "save": "Mentés",
    "show details": "Részletek megjelenítése",
    "toggle_fullscreen": "Teljes képernyős nézet",
--- a/lang/it.json
+++ b/lang/it.json
@ -1,6 +1,7 @@
 {
    "available_branches": "",
    "back": "",
+    "categories": "",
    "category-info-tooltip": "",
    "closed": "",
    "default": "",
@ -30,6 +31,7 @@
    "options:ui_lang": "Lingua dell'interfaccia",
    "other": "",
    "repo-use-as-base": "",
+    "repositories": "",
    "save": "Salva",
    "show details": "",
    "toggle_fullscreen": "",
--- a/lang/ja.json
+++ b/lang/ja.json
@ -1,6 +1,7 @@
 {
    "available_branches": "",
    "back": "",
+    "categories": "",
    "category-info-tooltip": "",
    "closed": "",
    "default": "",
@ -30,6 +31,7 @@
    "options:ui_lang": "インタフェース表示",
    "other": "",
    "repo-use-as-base": "",
+    "repositories": "",
    "save": "保存",
    "show details": "",
    "toggle_fullscreen": "",
--- a/lang/nl.json
+++ b/lang/nl.json
@ -1,6 +1,7 @@
 {
    "available_branches": "",
    "back": "",
+    "categories": "",
    "category-info-tooltip": "",
    "closed": "",
    "default": "",
@ -30,6 +31,7 @@
    "options:ui_lang": "Interfacetaal",
    "other": "",
    "repo-use-as-base": "",
+    "repositories": "",
    "save": "Opslaan",
    "show details": "",
    "toggle_fullscreen": "",
--- a/lang/pl.json
+++ b/lang/pl.json
@ -1,6 +1,7 @@
 {
    "available_branches": "",
    "back": "",
+    "categories": "",
    "category-info-tooltip": "",
    "closed": "",
    "default": "",
@ -30,6 +31,7 @@
    "options:ui_lang": "Język interfejsu",
    "other": "",
    "repo-use-as-base": "",
+    "repositories": "",
    "save": "Zapisz",
    "show details": "",
    "toggle_fullscreen": "",
--- a/lang/pt-br.json
+++ b/lang/pt-br.json
@ -1,6 +1,7 @@
 {
    "available_branches": "",
    "back": "voltar",
+    "categories": "",
    "category-info-tooltip": "Info & Legenda",
    "closed": "fechado",
    "default": "padrão",
@ -33,6 +34,7 @@
    "options:ui_lang": "Língua da interface",
    "other": "Outro",
    "repo-use-as-base": "",
+    "repositories": "",
    "save": "Salvar",
    "show details": "mostrar detalhes",
    "toggle_fullscreen": "Alternar modo tela cheia",
--- a/lang/pt.json
+++ b/lang/pt.json
@ -1,6 +1,7 @@
 {
    "available_branches": "",
    "back": "voltar",
+    "categories": "",
    "category-info-tooltip": "Info & Legenda",
    "closed": "fechado",
    "default": "padrão",
@ -33,6 +34,7 @@
    "options:ui_lang": "Língua da interface",
    "other": "Outro",
    "repo-use-as-base": "",
+    "repositories": "",
    "save": "Guardar",
    "show details": "mostrar detalhes",
    "toggle_fullscreen": "Alternar modo ecrã inteiro",
--- a/lang/ro.json
+++ b/lang/ro.json
@ -1,6 +1,7 @@
 {
    "available_branches": "",
    "back": "",
+    "categories": "",
    "category-info-tooltip": "",
    "closed": "",
    "default": "",
@ -30,6 +31,7 @@
    "options:ui_lang": "Limba interfata",
    "other": "",
    "repo-use-as-base": "",
+    "repositories": "",
    "save": "Salveaza",
    "show details": "",
    "toggle_fullscreen": "",
--- a/lang/ru.json
+++ b/lang/ru.json
@ -1,6 +1,7 @@
 {
    "available_branches": "",
    "back": "",
+    "categories": "",
    "category-info-tooltip": "",
    "closed": "",
    "default": "",
@ -30,6 +31,7 @@
    "options:ui_lang": "Язык интерфейса",
    "other": "",
    "repo-use-as-base": "",
+    "repositories": "",
    "save": "Сохранить",
    "show details": "",
    "toggle_fullscreen": "",
--- a/lang/sr.json
+++ b/lang/sr.json
@ -1,6 +1,7 @@
 {
    "available_branches": "",
    "back": "",
+    "categories": "",
    "category-info-tooltip": "",
    "closed": "",
    "default": "",
@ -30,6 +31,7 @@
    "options:ui_lang": "Језик интерфејса",
    "other": "",
    "repo-use-as-base": "",
+    "repositories": "",
    "save": "Запамти",
    "show details": "",
    "toggle_fullscreen": "",
--- a/lang/template.json
+++ b/lang/template.json
@ -1,6 +1,7 @@
 {
    "available_branches": "",
    "back": "",
+    "categories": "",
    "category-info-tooltip": "",
    "closed": "",
    "default": "",
@ -30,6 +31,7 @@
    "options:ui_lang": "",
    "other": "",
    "repo-use-as-base": "",
+    "repositories": "",
    "save": "",
    "show details": "",
    "toggle_fullscreen": "",
--- a/lang/uk.json
+++ b/lang/uk.json
@ -1,6 +1,7 @@
 {
    "available_branches": "",
    "back": "",
+    "categories": "",
    "category-info-tooltip": "",
    "closed": "",
    "default": "",
@ -30,6 +31,7 @@
    "options:ui_lang": "Мова інтерфейсу",
    "other": "",
    "repo-use-as-base": "",
+    "repositories": "",
    "save": "Зберегти",
    "show details": "",
    "toggle_fullscreen": "",
--- a/src/addCategories.js
+++ b/src/addCategories.js
@ -96,9 +96,12 @@ function addCategoriesShow (repo, options={}) {
    }

    if ('branches' in repoData) {
+      let li = document.createElement('li')
+      menu.appendChild(li)
+
      let text = document.createElement('span')
      text.innerHTML = lang('available_branches') + ': '
-      content.appendChild(text)
+      li.appendChild(text)

      let branchSelector = document.createElement('select')

@ -121,9 +124,13 @@ function addCategoriesShow (repo, options={}) {
          branchSelector.appendChild(option)
        }
      )
-      content.appendChild(branchSelector)
+      li.appendChild(branchSelector)
    }

+    let header = document.createElement('h3')
+    header.innerHTML = lang(repo ? 'repositories' : 'categories') + ':'
+    content.appendChild(header)
+
    var ul = document.createElement('ul')

    for (var id in list) {