github/hedgedoc
1
0
Fork 0
mirror of https://github.com/hedgedoc/hedgedoc.git synced 2025-03-24 06:12:31 +00:00
Code Issues Projects Releases Packages Wiki Activity

Editor Basics (#43)

Browse source 
Add basic editor
This commit is contained in:
Philip Molares 2020-05-29 15:44:45 +02:00 committed by GitHub
parent 557386f78f
commit e2155e735d
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
65 changed files with 834 additions and 467 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
public/locales/ar.json
View file

@ -35,22 +35,22 @@
"Yes, do it!": "نعم ، قم بذلك!",
"chooseMethod": "اختر الطريقة",
"signInVia": "لِج عبر {{service}}",
"New": "جديد",
"Publish": "انشر",
"Extra": "إضافي",
"Revision": "مراجعة",
"Slide Mode": "نمط الشرائح التقديمية",
"Export": "تصدير",
"Import": "استيراد",
"Clipboard": "الحافظة",
"Download": "تنزيل",
"new": "جديد",
"publish": "انشر",
"extra": "إضافي",
"revision": "مراجعة",
"slideMode": "نمط الشرائح التقديمية",
"export": "تصدير",
"import": "استيراد",
"clipboard": "الحافظة",
"download": "تنزيل",
"Raw HTML": "Raw HTML",
"Edit": "عدّل",
"edit": "عدّل",
"View": "عرض",
"Both": "معا",
"Help": "المساعدة",
"help": "المساعدة",
"Upload Image": "تحميل صورة",
"Menu": "القائمة",
"menu": "القائمة",
"This page need refresh": "هذه الصفحة بحاجة إلى تحديث",
"You have an incompatible client version.": "نسخة عميلك غير متوافقة.",
"Refresh to update.": "حدث الصفحة للحصول على التحديث",

24
public/locales/ca.json
View file

@ -35,22 +35,22 @@
"Yes, do it!": "Si, fes-ho!",
"chooseMethod": "Triar mètode",
"signInVia": "Entrar a través de {{service}}",
"New": "Nou",
"Publish": "Publicar",
"Extra": "Extra",
"Revision": "Revisió",
"Slide Mode": "Mode presentació",
"Export": "Exportar",
"Import": "Importar",
"Clipboard": "Portapapers",
"Download": "Descarregar",
"new": "Nou",
"publish": "Publicar",
"extra": "Extra",
"revision": "Revisió",
"slideMode": "Mode presentació",
"export": "Exportar",
"import": "Importar",
"clipboard": "Portapapers",
"download": "Descarregar",
"Raw HTML": "HTML pur",
"Edit": "Editar",
"edit": "Editar",
"View": "Veure",
"Both": "Ambdós",
"Help": "Ajuda",
"help": "Ajuda",
"Upload Image": "Pujar imatge",
"Menu": "Menú",
"menu": "Menú",
"This page need refresh": "Aquesta pàgina necessita ser refrescada",
"You have an incompatible client version.": "Tens una versió del client incompatible.",
"Refresh to update.": "Refrescar per actualitzar",

24
public/locales/cs.json
View file

@ -35,22 +35,22 @@
"Yes, do it!": "Ano, provést!",
"chooseMethod": "Zvolit metodu",
"signInVia": "Přihlásit se přes {{service}}",
"New": "Nová",
"Publish": "Publikovat",
"Extra": "Extra",
"Revision": "Revize",
"Slide Mode": "Režim prezentace",
"Export": "Export",
"Import": "Import",
"Clipboard": "Schránka",
"Download": "Stáhnout",
"new": "Nová",
"publish": "Publikovat",
"extra": "Extra",
"revision": "Revize",
"slideMode": "Režim prezentace",
"export": "Export",
"import": "Import",
"clipboard": "Schránka",
"download": "Stáhnout",
"Raw HTML": "Raw HTML",
"Edit": "Editovat",
"edit": "Editovat",
"View": "Zobrazit",
"Both": "Obojí",
"Help": "Nápověda",
"help": "Nápověda",
"Upload Image": "Nahrát obrázek",
"Menu": "Menu",
"menu": "Menu",
"This page need refresh": "Tuto stránku je nutné znovu načíst",
"You have an incompatible client version.": "Verze vašeho klienta není kompatibilní.",
"Refresh to update.": "Znovu načíst a aktualizovat.",

24
public/locales/da.json
View file

@ -33,22 +33,22 @@
"Yes, do it!": "Ja, gør det!",
"chooseMethod": "Vælg metode",
"signInVia": "Log ind med {{service}}",
"New": "Ny",
"Publish": "Publicér",
"Extra": "Ekstra",
"Revision": "Revision",
"Slide Mode": "Præsentationstilstand",
"Export": "Eksportér",
"Import": "Importér",
"Clipboard": "Udklipsholder",
"Download": "Download",
"new": "Ny",
"publish": "Publicér",
"extra": "Ekstra",
"revision": "Revision",
"slideMode": "Præsentationstilstand",
"export": "Eksportér",
"import": "Importér",
"clipboard": "Udklipsholder",
"download": "Download",
"Raw HTML": "Rå HTML",
"Edit": "Redigér",
"edit": "Redigér",
"View": "Vis",
"Both": "Begge",
"Help": "Hjælp",
"help": "Hjælp",
"Upload Image": "Upload billede",
"Menu": "Menu",
"menu": "Menu",
"This page need refresh": "Denne side skal genindlæses",
"You have an incompatible client version.": "Din klientversion er inkompatibel.",
"Refresh to update.": "Genindlæs for at opdatere.",

24
public/locales/de.json
View file

@ -35,22 +35,22 @@
"Yes, do it!": "Ja, mach es!",
"chooseMethod": "Methode wählen",
"signInVia": "Einloggen über {{service}}",
"New": "Neu",
"Publish": "Veröffentlichen",
"Extra": "Extra",
"Revision": "Version",
"Slide Mode": "Präsentationsmodus",
"Export": "Exportieren",
"Import": "Importieren",
"Clipboard": "Zwischenablage",
"Download": "Download",
"new": "Neu",
"publish": "Veröffentlichen",
"extra": "Extra",
"revision": "Version",
"slideMode": "Präsentationsmodus",
"export": "Exportieren",
"import": "Importieren",
"clipboard": "Zwischenablage",
"download": "Download",
"Raw HTML": "Reines HTML",
"Edit": "Bearbeiten",
"edit": "Bearbeiten",
"View": "Anzeigen",
"Both": "Beides",
"Help": "Hilfe",
"help": "Hilfe",
"Upload Image": "Foto hochladen",
"Menu": "Menü",
"menu": "Menü",
"This page need refresh": "Bitte laden Sie die Seite neu",
"You have an incompatible client version.": "Ihre Client-Version ist nicht mit dem Server kompatibel",
"Refresh to update.": "Neu laden zum aktualisieren.",

24
public/locales/el.json
View file

@ -33,22 +33,22 @@
"Yes, do it!": "Ναι, κάντο!",
"chooseMethod": "Επιλογή μεθόδου",
"signInVia": "Σύνδεση μέσω {{service}}",
"New": "Νέο",
"Publish": "Δημοσίευση",
"Extra": "Επιπλέον",
"Revision": "Αναθεώρηση",
"Slide Mode": "Λειτουργία με σύρσιμο",
"Export": "Εξαγωγή",
"Import": "Εισαγωγή",
"Clipboard": "Πρόχειρο",
"Download": "Κατέβασμα",
"new": "Νέο",
"publish": "Δημοσίευση",
"extra": "Επιπλέον",
"revision": "Αναθεώρηση",
"slideMode": "Λειτουργία με σύρσιμο",
"export": "Εξαγωγή",
"import": "Εισαγωγή",
"clipboard": "Πρόχειρο",
"download": "Κατέβασμα",
"Raw HTML": "Aκατέργαστο HTML",
"Edit": "Επεξεργασία",
"edit": "Επεξεργασία",
"View": "Δες",
"Both": "Και τα δύο",
"Help": "Βοήθεια",
"help": "Βοήθεια",
"Upload Image": "Ανέβασμα φωτογραφίας",
"Menu": "Μενού",
"menu": "Μενού",
"This page need refresh": "Η σελίδα χρειάζεται ανανέωση",
"You have an incompatible client version.": "Έχετε μια μη συμβατή έκδοση.",
"Refresh to update.": "Ανανεώστε για ενημέρωση",

24
public/locales/en.json
View file

@ -37,22 +37,22 @@
"Yes, do it!": "Yes, do it!",
"chooseMethod": "Choose method",
"signInVia": "Sign in via {{service}}",
"New": "New",
"Publish": "Publish",
"Extra": "Extra",
"Revision": "Revision",
"Slide Mode": "Slide Mode",
"Export": "Export",
"Import": "Import",
"Clipboard": "Clipboard",
"Download": "Download",
"new": "New",
"publish": "Publish",
"extra": "Extra",
"revision": "Revision",
"slideMode": "Slide Mode",
"export": "Export",
"import": "Import",
"clipboard": "Clipboard",
"download": "Download",
"Raw HTML": "Raw HTML",
"Edit": "Edit",
"edit": "Edit",
"View": "View",
"Both": "Both",
"Help": "Help",
"help": "Help",
"Upload Image": "Upload Image",
"Menu": "Menu",
"menu": "Menu",
"This page need refresh": "This page needs to be refreshed",
"You have an incompatible client version.": "Your client's version is incompatible.",
"Refresh to update.": "Refresh to update.",

24
public/locales/eo.json
View file

@ -33,22 +33,22 @@
"Yes, do it!": "Jes, faru ĝin!",
"chooseMethod": "Elektu metodon",
"signInVia": "Ensalutu per {{service}}",
"New": "Nova",
"Publish": "Dissendu",
"Extra": "Plia",
"Revision": "Versio",
"Slide Mode": "Bildvica modo",
"Export": "Elportu",
"Import": "Alportu",
"Clipboard": "Poŝo",
"Download": "Elŝuti",
"new": "Nova",
"publish": "Dissendu",
"extra": "Plia",
"revision": "Versio",
"slideMode": "Bildvica modo",
"export": "Elportu",
"import": "Alportu",
"clipboard": "Poŝo",
"download": "Elŝuti",
"Raw HTML": "Kruda HTML",
"Edit": "Redaktu",
"edit": "Redaktu",
"View": "Vidu",
"Both": "Ambaŭ",
"Help": "Helpo",
"help": "Helpo",
"Upload Image": "Alŝutu bildon",
"Menu": "Menuo",
"menu": "Menuo",
"This page need refresh": "Ĉi tiu paĝo bezonas refreŝiĝi",
"You have an incompatible client version.": "Vi havas malkongruan klientversion.",
"Refresh to update.": "Refreŝigu por ĝisdatigi",

24
public/locales/es.json
View file

@ -35,22 +35,22 @@
"Yes, do it!": "Si, ¡hazlo!",
"chooseMethod": "Elegir método",
"signInVia": "Ingresar via {{service}}",
"New": "Nuevo",
"Publish": "Publicar",
"Extra": "Extra",
"Revision": "Revision",
"Slide Mode": "Modo presentación",
"Export": "Exportar",
"Import": "Importar",
"Clipboard": "Portapapeles",
"Download": "Descargar",
"new": "Nuevo",
"publish": "Publicar",
"extra": "Extra",
"revision": "Revision",
"slideMode": "Modo presentación",
"export": "Exportar",
"import": "Importar",
"clipboard": "Portapapeles",
"download": "Descargar",
"Raw HTML": "HTML puro",
"Edit": "Editar",
"edit": "Editar",
"View": "Ver",
"Both": "Ambos",
"Help": "Ayuda",
"help": "Ayuda",
"Upload Image": "Subir imagen",
"Menu": "Menú",
"menu": "Menú",
"This page need refresh": "Esta página necesita ser cargada de nuevo",
"You have an incompatible client version.": "Tienes una version del cliente incompatible.",
"Refresh to update.": "Cargar de nuevo para actualizar.",

24
public/locales/fr.json
View file

@ -35,22 +35,22 @@
"Yes, do it!": "Oui, je suis sûr !",
"chooseMethod": "Choisir la méthode",
"signInVia": "Se connecter depuis {{service}}",
"New": "Nouvelle",
"Publish": "Publier",
"Extra": "Extra",
"Revision": "Historique",
"Slide Mode": "Mode présentation",
"Export": "Exporter",
"Import": "Importer",
"Clipboard": "Presse-papier",
"Download": "Télécharger",
"new": "Nouvelle",
"publish": "Publier",
"extra": "Extra",
"revision": "Historique",
"slideMode": "Mode présentation",
"export": "Exporter",
"import": "Importer",
"clipboard": "Presse-papier",
"download": "Télécharger",
"Raw HTML": "HTML brut",
"Edit": "Modifier",
"edit": "Modifier",
"View": "Voir",
"Both": "Les deux",
"Help": "Aide",
"help": "Aide",
"Upload Image": "Téléverser une image",
"Menu": "Menu",
"menu": "Menu",
"This page need refresh": "Cette page doit être rechargée",
"You have an incompatible client version.": "Vous avez une version client incompatible.",
"Refresh to update.": "Recharger pour mettre à jour.",

24
public/locales/hi.json
View file

@ -33,22 +33,22 @@
"Yes, do it!": "हाँ करो इसे!",
"chooseMethod": "विधि चुनें",
"signInVia": "{{service}} के माध्यम से साइन इन करें",
"New": "नया",
"Publish": "प्रकाशित करें",
"Extra": "अतिरिक्त",
"Revision": "संशोधन",
"Slide Mode": "स्लाइड मोड",
"Export": "निर्यात",
"Import": "आयात",
"Clipboard": "क्लिपबोर्ड",
"Download": "डाउनलोड",
"new": "नया",
"publish": "प्रकाशित करें",
"extra": "अतिरिक्त",
"revision": "संशोधन",
"slideMode": "स्लाइड मोड",
"export": "निर्यात",
"import": "आयात",
"clipboard": "क्लिपबोर्ड",
"download": "डाउनलोड",
"Raw HTML": "सिर्फ एच टी एम एल",
"Edit": "संपादित करें",
"edit": "संपादित करें",
"View": "देखें",
"Both": "दोनों",
"Help": "मदद",
"help": "मदद",
"Upload Image": "तस्वीर डालिये",
"Menu": "मेन्यू",
"menu": "मेन्यू",
"This page need refresh": "इस पेज को ताजा करने की जरूरत है",
"You have an incompatible client version.": "आप एक असंगत ग्राहक संस्करण है।",
"Refresh to update.": "अद्यतन करने के लिए ताज़ा करें।",

24
public/locales/hr.json
View file

@ -33,22 +33,22 @@
"Yes, do it!": "Da, učini to!",
"chooseMethod": "Izaberi metodu",
"signInVia": "Prijavi se pomoću {{service}}",
"New": "Novo",
"Publish": "Objavi",
"Extra": "Dodatno",
"Revision": "Revizija",
"Slide Mode": "Način slajda",
"Export": "Izvoz",
"Import": "Uvoz",
"Clipboard": "Međuspremnik",
"Download": "Preuzimanje",
"new": "Novo",
"publish": "Objavi",
"extra": "Dodatno",
"revision": "Revizija",
"slideMode": "Način slajda",
"export": "Izvoz",
"import": "Uvoz",
"clipboard": "Međuspremnik",
"download": "Preuzimanje",
"Raw HTML": "Raw HTML",
"Edit": "Uredi",
"edit": "Uredi",
"View": "Pregledaj",
"Both": "Oboje",
"Help": "Pomoć",
"help": "Pomoć",
"Upload Image": "Prenesi sliku",
"Menu": "Meni",
"menu": "Meni",
"This page need refresh": "Ovu stranicu je potrebno osvježiti",
"You have an incompatible client version.": "Imate nekompatibilnu verziju klijenta.",
"Refresh to update.": "Osvježite za ažuriranje.",

24
public/locales/id.json
View file

@ -35,22 +35,22 @@
"Yes, do it!": "Ya, lakukan!",
"chooseMethod": "Pilih cara",
"signInVia": "Masuk menggunakan {{service}}",
"New": "Baru",
"Publish": "Terbitkan",
"Extra": "Tambahan",
"Revision": "Revisi",
"Slide Mode": "Mode Slide",
"Export": "Ekspor",
"Import": "Impor",
"Clipboard": "Papan Klip",
"Download": "Unduh",
"new": "Baru",
"publish": "Terbitkan",
"extra": "Tambahan",
"revision": "Revisi",
"slideMode": "Mode Slide",
"export": "Ekspor",
"import": "Impor",
"clipboard": "Papan Klip",
"download": "Unduh",
"Raw HTML": "File HTML",
"Edit": "Ubah",
"edit": "Ubah",
"View": "Lihat",
"Both": "Keduanya",
"Help": "Bantuan",
"help": "Bantuan",
"Upload Image": "Unggah Gambar",
"Menu": "Menu",
"menu": "Menu",
"This page need refresh": "Halaman ini perlu dimuat ulang",
"You have an incompatible client version.": "Versi pramban anda tidak kompatibel",
"Refresh to update.": "Muat ulang untuk memperbarui",

24
public/locales/it.json
View file

@ -35,22 +35,22 @@
"Yes, do it!": "SI, fallo!",
"chooseMethod": "Scegli metodo",
"signInVia": "Entra con {{service}}",
"New": "Nuovo",
"Publish": "Pubblica",
"Extra": "Extra",
"Revision": "Revisione",
"Slide Mode": "Modalità slide",
"Export": "Esporta",
"Import": "Importa",
"Clipboard": "Appunti",
"Download": "Scarica",
"new": "Nuovo",
"publish": "Pubblica",
"extra": "Extra",
"revision": "Revisione",
"slideMode": "Modalità slide",
"export": "Esporta",
"import": "Importa",
"clipboard": "Appunti",
"download": "Scarica",
"Raw HTML": "Raw HTML",
"Edit": "Modifica",
"edit": "Modifica",
"View": "Visualizza",
"Both": "Entrambi",
"Help": "Aiuto",
"help": "Aiuto",
"Upload Image": "Carica Immagine",
"Menu": "Menu",
"menu": "Menu",
"This page need refresh": "Questa pagina deve essere aggiornata",
"You have an incompatible client version.": "La versione del tuo client è incompatibile.",
"Refresh to update.": "Ricarica per aggiornare.",

24
public/locales/ja.json
View file

@ -35,22 +35,22 @@
"Yes, do it!": "はい",
"chooseMethod": "選択してください",
"signInVia": "{{service}}でサインイン",
"New": "新規作成",
"Publish": "公開する",
"Extra": "その他",
"Revision": "編集履歴",
"Slide Mode": "スライドモード",
"Export": "エクスポート",
"Import": "インポート",
"Clipboard": "クリップボード",
"Download": "ダウンロード",
"new": "新規作成",
"publish": "公開する",
"extra": "その他",
"revision": "編集履歴",
"slideMode": "スライドモード",
"export": "エクスポート",
"import": "インポート",
"clipboard": "クリップボード",
"download": "ダウンロード",
"Raw HTML": "HTMLパーツ",
"Edit": "編集モード",
"edit": "編集モード",
"View": "表示モード",
"Both": "分割モード",
"Help": "ヘルプ",
"help": "ヘルプ",
"Upload Image": "画像をアップロード",
"Menu": "メニュー",
"menu": "メニュー",
"This page need refresh": "ページをリロードしてください",
"You have an incompatible client version.": "クライアントのバージョンが一致しません",
"Refresh to update.": "リロードして更新を反映させてください",

24
public/locales/ko.json
View file

@ -35,22 +35,22 @@
"Yes, do it!": "네",
"chooseMethod": "방법 선택",
"signInVia": "{{service}}으로 로그인",
"New": "새",
"Publish": "공개하기",
"Extra": "추가",
"Revision": "기록",
"Slide Mode": "슬라이드 모드",
"Export": "내보내기",
"Import": "들여오기",
"Clipboard": "클립보드",
"Download": "다운로드",
"new": "새",
"publish": "공개하기",
"extra": "추가",
"revision": "기록",
"slideMode": "슬라이드 모드",
"export": "내보내기",
"import": "들여오기",
"clipboard": "클립보드",
"download": "다운로드",
"Raw HTML": "순수 HTML",
"Edit": "수정",
"edit": "수정",
"View": "보기",
"Both": "한번에",
"Help": "도움말",
"help": "도움말",
"Upload Image": "이미지 업로드",
"Menu": "메뉴",
"menu": "메뉴",
"This page need refresh": "새로고침이 필요합니다",
"You have an incompatible client version.": "호환되지 않는 클라이언트입니다.",
"Refresh to update.": "새로고침하기",

24
public/locales/nl.json
View file

@ -35,22 +35,22 @@
"Yes, do it!": "Ja, doe het!",
"chooseMethod": "Kies methode",
"signInVia": "Log in via {{service}}",
"New": "Nieuw",
"Publish": "Publiceren",
"Extra": "Extra",
"Revision": "Versie",
"Slide Mode": "Presentatiemodus",
"Export": "Exporteer",
"Import": "Importeren",
"Clipboard": "Kladbord",
"Download": "Downloaden",
"new": "Nieuw",
"publish": "Publiceren",
"extra": "Extra",
"revision": "Versie",
"slideMode": "Presentatiemodus",
"export": "Exporteer",
"import": "Importeren",
"clipboard": "Kladbord",
"download": "Downloaden",
"Raw HTML": "Ruwe HTML",
"Edit": "Aanpassen",
"edit": "Aanpassen",
"View": "Bekijken",
"Both": "Beide",
"Help": "Help",
"help": "Help",
"Upload Image": "Afbeelding uploaden",
"Menu": "Menu",
"menu": "Menu",
"This page need refresh": "Deze pagina moet vernieuwd worden",
"You have an incompatible client version.": "Je client is niet compatibel.",
"Refresh to update.": "Ververs om te updaten.",

24
public/locales/pl.json
View file

@ -35,22 +35,22 @@
"Yes, do it!": "Tak, zrób to!",
"chooseMethod": "Wybierz metodę",
"signInVia": "Zaloguj się poprzez {{service}}",
"New": "Nowy",
"Publish": "Publikuj",
"Extra": "Ekstra",
"Revision": "Korekta",
"Slide Mode": "Tryb slajdów",
"Export": "Eksport",
"Import": "Import",
"Clipboard": "Schowek",
"Download": "Pobierz",
"new": "Nowy",
"publish": "Publikuj",
"extra": "Ekstra",
"revision": "Korekta",
"slideMode": "Tryb slajdów",
"export": "Eksport",
"import": "Import",
"clipboard": "Schowek",
"download": "Pobierz",
"Raw HTML": "Raw HTML",
"Edit": "Edytuj",
"edit": "Edytuj",
"View": "Pogląd",
"Both": "Both",
"Help": "Pomoc",
"help": "Pomoc",
"Upload Image": "Prześlij zdjęcie",
"Menu": "Menu",
"menu": "Menu",
"This page need refresh": "Strona wymaga odświeżenia",
"You have an incompatible client version.": "Posiadasz niezgodną wersję kliencką.",
"Refresh to update.": "Odświerz aby zaktualizować.",

24
public/locales/pt.json
View file

@ -35,22 +35,22 @@
"Yes, do it!": "Sim, faça!",
"chooseMethod": "Escolher método",
"signInVia": "Entrar via {{service}}",
"New": "Novo",
"Publish": "Publicar",
"Extra": "Extra",
"Revision": "Revisão",
"Slide Mode": "Modo Apresentação",
"Export": "Exportar",
"Import": "Importar",
"Clipboard": "Área de transferência",
"Download": "Baixar",
"new": "Novo",
"publish": "Publicar",
"extra": "Extra",
"revision": "Revisão",
"slideMode": "Modo Apresentação",
"export": "Exportar",
"import": "Importar",
"clipboard": "Área de transferência",
"download": "Baixar",
"Raw HTML": "HTML puro",
"Edit": "Editar",
"edit": "Editar",
"View": "Ver",
"Both": "Ambos",
"Help": "Ajuda",
"help": "Ajuda",
"Upload Image": "Carregar Imagem",
"Menu": "Menu",
"menu": "Menu",
"This page need refresh": "Esta página precisa ser recarregada",
"You have an incompatible client version.": "Você tem uma versão incompatível do cliente.",
"Refresh to update.": "Recarregar para atualizar.",

24
public/locales/ru.json
View file

@ -35,22 +35,22 @@
"Yes, do it!": "Да, сделать это!",
"chooseMethod": "Выберите метод",
"signInVia": "Войти с помощью {{service}}",
"New": "Новая",
"Publish": "Опубликовать",
"Extra": "Дополнительно",
"Revision": "Изменения",
"Slide Mode": "Режим слайдера",
"Export": "Экспорт",
"Import": "Импорт",
"Clipboard": "Буфер обмена",
"Download": "Скачать",
"new": "Новая",
"publish": "Опубликовать",
"extra": "Дополнительно",
"revision": "Изменения",
"slideMode": "Режим слайдера",
"export": "Экспорт",
"import": "Импорт",
"clipboard": "Буфер обмена",
"download": "Скачать",
"Raw HTML": "Raw HTML",
"Edit": "Редактировать",
"edit": "Редактировать",
"View": "Посмотреть",
"Both": "И то и другое",
"Help": "Помощь",
"help": "Помощь",
"Upload Image": "Загрузить изображение",
"Menu": "Меню",
"menu": "Меню",
"This page need refresh": "Эту страницу необходимо обновить",
"You have an incompatible client version.": "Вы используете несовместимую версию клиента.",
"Refresh to update.": "Обновите страницу для обновления клиента.",

24
public/locales/sk.json
View file

@ -35,22 +35,22 @@
"Yes, do it!": "Áno, pokračovať!",
"chooseMethod": "Zvoliť spôsob",
"signInVia": "Prihlásiť sa cez {{service}}",
"New": "Nová",
"Publish": "Publikovať",
"Extra": "Extra",
"Revision": "Revízia",
"Slide Mode": "Prezentačný režim",
"Export": "Export",
"Import": "Import",
"Clipboard": "Schránka",
"Download": "Stiahnuť",
"new": "Nová",
"publish": "Publikovať",
"extra": "Extra",
"revision": "Revízia",
"slideMode": "Prezentačný režim",
"export": "Export",
"import": "Import",
"clipboard": "Schránka",
"download": "Stiahnuť",
"Raw HTML": "Raw HTML",
"Edit": "Editovať",
"edit": "Editovať",
"View": "Zobraziť",
"Both": "Oboje",
"Help": "Pomoc",
"help": "Pomoc",
"Upload Image": "Nahrať obrázok",
"Menu": "Menu",
"menu": "Menu",
"This page need refresh": "Túto stránku je potrebné znovu načítať",
"You have an incompatible client version.": "Verzia vášho klienta nie je kompatibilná.",
"Refresh to update.": "Znovu načítať a aktualizovať",

24
public/locales/sr.json
View file

@ -35,22 +35,22 @@
"Yes, do it!": "Да, уради!",
"chooseMethod": "Изаберите начин",
"signInVia": "Пријави се уз {{service}}",
"New": "Ново",
"Publish": "Објави",
"Extra": "Додатно",
"Revision": "Ревизија",
"Slide Mode": "Презентациони мод",
"Export": "Извоз",
"Import": "Увоз",
"Clipboard": "Клипборд",
"Download": "Преузимање",
"new": "Ново",
"publish": "Објави",
"extra": "Додатно",
"revision": "Ревизија",
"slideMode": "Презентациони мод",
"export": "Извоз",
"import": "Увоз",
"clipboard": "Клипборд",
"download": "Преузимање",
"Raw HTML": "Сирови HTML",
"Edit": "Измени",
"edit": "Измени",
"View": "Прегледај",
"Both": "Обоје",
"Help": "Помоћ",
"help": "Помоћ",
"Upload Image": "Пошаљи слику",
"Menu": "Мени",
"menu": "Мени",
"This page need refresh": "Ову страну је неопходно освежити",
"You have an incompatible client version.": "Ова верзија клијента није компатибилна.",
"Refresh to update.": "Освежите за приказ измена.",

24
public/locales/sv.json
View file

@ -35,22 +35,22 @@
"Yes, do it!": "Ja, gör det!",
"chooseMethod": "Välj metod",
"signInVia": "Logga in via {{service}}",
"New": "Ny",
"Publish": "Publicera",
"Extra": "Extra",
"Revision": "Revision",
"Slide Mode": "Slide Mode",
"Export": "Exportera",
"Import": "Importera",
"Clipboard": "Urklipp",
"Download": "Ladda ner",
"new": "Ny",
"publish": "Publicera",
"extra": "Extra",
"revision": "Revision",
"slideMode": "Slide Mode",
"export": "Exportera",
"import": "Importera",
"clipboard": "Urklipp",
"download": "Ladda ner",
"Raw HTML": "Rå HTML",
"Edit": "Redigera",
"edit": "Redigera",
"View": "Visa",
"Both": "Båda",
"Help": "Hjälp",
"help": "Hjälp",
"Upload Image": "Ladda upp bilder",
"Menu": "Meny",
"menu": "Meny",
"This page need refresh": "Den här sidan behöver laddas om",
"You have an incompatible client version.": "Du har en inkompatibel klientversion.",
"Refresh to update.": "Ladda om för att uppdatera.",

24
public/locales/tr.json
View file

@ -33,22 +33,22 @@
"Yes, do it!": "Evet, devam et!",
"chooseMethod": "Metot seçin",
"signInVia": "{{service}} ile giriş yapın",
"New": "Yeni",
"Publish": "Yayınla",
"Extra": "Ekstra",
"Revision": "Sürüm",
"Slide Mode": "Slayt Modu",
"Export": "Dışa Aktar",
"Import": "İçe Aktar",
"Clipboard": "Pano",
"Download": "İndir",
"new": "Yeni",
"publish": "Yayınla",
"extra": "Ekstra",
"revision": "Sürüm",
"slideMode": "Slayt Modu",
"export": "Dışa Aktar",
"import": "İçe Aktar",
"clipboard": "Pano",
"download": "İndir",
"Raw HTML": "Kaynak HTML",
"Edit": "Düzenle",
"edit": "Düzenle",
"View": "İncele",
"Both": "İkisi de",
"Help": "Yardım",
"help": "Yardım",
"Upload Image": "Resim Yükle",
"Menu": "Menü",
"menu": "Menü",
"This page need refresh": "Bu sayfayı yeniden yüklemek lazım",
"You have an incompatible client version.": "Yerel uygulamanız uyumlu olmayan bir sürümde.",
"Refresh to update.": "Güncellemek için yenileyin.",

24
public/locales/uk.json
View file

@ -33,22 +33,22 @@
"Yes, do it!": "Так, зробити це!",
"chooseMethod": "Вибрати метод",
"signInVia": "Увійти за допомогою {{service}}",
"New": "Нова",
"Publish": "Опублікувати",
"Extra": "Дотатково",
"Revision": "Ревізія",
"Slide Mode": "Режим слайдера",
"Export": "Експорт",
"Import": "Імпорт",
"Clipboard": "Буфер обміну",
"Download": "Завантажити",
"new": "Нова",
"publish": "Опублікувати",
"extra": "Дотатково",
"revision": "Ревізія",
"slideMode": "Режим слайдера",
"export": "Експорт",
"import": "Імпорт",
"clipboard": "Буфер обміну",
"download": "Завантажити",
"Raw HTML": "Raw HTML",
"Edit": "Редагувати",
"edit": "Редагувати",
"View": "Вигляд",
"Both": "Обоє",
"Help": "Допомога",
"help": "Допомога",
"Upload Image": "Завантажити зображення",
"Menu": "Меню",
"menu": "Меню",
"This page need refresh": "Цю сторінку необхідно обновити",
"You have an incompatible client version.": "Ви використовуєте несумісну версію клієнта.",
"Refresh to update.": "Оновіть сторінку для оновлення.",

24
public/locales/vi.json
View file

@ -35,22 +35,22 @@
"Yes, do it!": "Đồng ý",
"chooseMethod": "Chọn phương thức",
"signInVia": "Đăng nhấp với {{service}}",
"New": "Mới",
"Publish": "Xuất bản",
"Extra": "Extra",
"Revision": "Sửa đổi",
"Slide Mode": "Chế độ slide",
"Export": "Xuất",
"Import": "Nhập",
"Clipboard": "Clipboard",
"Download": "Tải xuống",
"new": "Mới",
"publish": "Xuất bản",
"extra": "Extra",
"revision": "Sửa đổi",
"slideMode": "Chế độ slide",
"export": "Xuất",
"import": "Nhập",
"clipboard": "Clipboard",
"download": "Tải xuống",
"Raw HTML": "Raw HTML",
"Edit": "Sửa",
"edit": "Sửa",
"View": "Hiện",
"Both": "Cả hai",
"Help": "Trợ giúp",
"help": "Trợ giúp",
"Upload Image": "Tải ảnh lên",
"Menu": "Menu",
"menu": "Menu",
"This page need refresh": "Trang này cần được làm mới",
"You have an incompatible client version.": "Phiên bản của client không tương thích.",
"Refresh to update.": "Làm mới để cập nhập.",

24
public/locales/zh-CN.json
View file

@ -35,22 +35,22 @@
"Yes, do it!": "是的，就这样做！",
"chooseMethod": "选择方式",
"signInVia": "通过 {{service}} 登录",
"New": "新建",
"Publish": "发表",
"Extra": "附加功能",
"Revision": "修订版本",
"Slide Mode": "幻灯模式",
"Export": "导出",
"Import": "导入",
"Clipboard": "剪贴板",
"Download": "下载",
"new": "新建",
"publish": "发表",
"extra": "附加功能",
"revision": "修订版本",
"slideMode": "幻灯模式",
"export": "导出",
"import": "导入",
"clipboard": "剪贴板",
"download": "下载",
"Raw HTML": "原始 HTML",
"Edit": "编辑",
"edit": "编辑",
"View": "预览",
"Both": "双栏",
"Help": "帮助",
"help": "帮助",
"Upload Image": "上传图片",
"Menu": "菜单",
"menu": "菜单",
"This page need refresh": "此页面需要刷新",
"You have an incompatible client version.": "您的客户端版本不兼容。",
"Refresh to update.": "刷新页面以更新。",

24
public/locales/zh-TW.json
View file

@ -35,22 +35,22 @@
"Yes, do it!": "沒錯，就這樣辦！",
"chooseMethod": "選擇方式",
"signInVia": "透過 {{service}} 登入",
"New": "新增",
"Publish": "發表",
"Extra": "增益",
"Revision": "修訂版本",
"Slide Mode": "簡報模式",
"Export": "匯出",
"Import": "匯入",
"Clipboard": "剪貼簿",
"Download": "下載",
"new": "新增",
"publish": "發表",
"extra": "增益",
"revision": "修訂版本",
"slideMode": "簡報模式",
"export": "匯出",
"import": "匯入",
"clipboard": "剪貼簿",
"download": "下載",
"Raw HTML": "純 HTML",
"Edit": "編輯",
"edit": "編輯",
"View": "檢視",
"Both": "雙欄",
"Help": "協助",
"help": "協助",
"Upload Image": "上傳圖片",
"Menu": "選單",
"menu": "選單",
"This page need refresh": "此頁面需要重新整理",
"You have an incompatible client version.": "您使用的是不相容的客戶端",
"Refresh to update.": "請重新整理來更新",

2
public/me
View file

@ -1,6 +1,6 @@
{
"id": "mockUser",
"photo": "https://robohash.org/testy.png",
"photo": "https://1.gravatar.com/avatar/767fc9c115a1b989744c755db47feb60?s=200&r=pg&d=mp",
"name": "Test",
"status": "ok"
}

4
src/api/config.ts
View file

@ -8,8 +8,8 @@ export const getBackendConfig: () => Promise<BackendConfigState> = async () => {
return await response.json() as Promise<BackendConfigState>
}
export const getFrontendConfig: () => Promise<FrontendConfigState> = async () => {
const response = await fetch('config.json')
export const getFrontendConfig: (baseUrl: string) => Promise<FrontendConfigState> = async (baseUrl) => {
const response = await fetch(`${baseUrl}config.json`)
expectResponseCode(response)
return await response.json() as Promise<FrontendConfigState>
}

2
src/api/user.ts
View file

@ -12,7 +12,7 @@ export interface meResponse {
photo: string
}
export const postEmailLogin: ((email: string, password: string) => Promise<void>) = async (email, password) => {
export const postEmailLogin = async (email: string, password: string):Promise<void> => {
const response = await fetch(getBackendUrl() + '/auth/email', {
method: 'POST',
mode: 'cors',

19
src/components/application-loader/application-loader.tsx
View file

@ -1,16 +1,16 @@
import React, { Fragment, useEffect, useState } from 'react'
import { useLocation } from 'react-router'
import { setUp } from '../../initializers'
import './application-loader.scss'
import { LoadingScreen } from './loading-screen'
interface ApplicationLoaderProps {
initTasks: Promise<void>[]
}
export const ApplicationLoader: React.FC<ApplicationLoaderProps> = ({ children, initTasks }) => {
export const ApplicationLoader: React.FC = ({ children }) => {
const [failed, setFailed] = useState<boolean>(false)
const [doneTasks, setDoneTasks] = useState<number>(0)
const [initTasks, setInitTasks] = useState<Promise<void>[]>([])
const { pathname } = useLocation()
const runTask:((task: Promise<void>) => (Promise<void>)) = async (task) => {
const runTask = async (task: Promise<void>): Promise<void> => {
await task
setDoneTasks(prevDoneTasks => {
return prevDoneTasks + 1
@ -18,7 +18,12 @@ export const ApplicationLoader: React.FC<ApplicationLoaderProps> = ({ children,
}
useEffect(() => {
setDoneTasks(0)
const baseUrl:string = window.location.pathname.replace(pathname, '') + '/'
console.debug('Base URL is', baseUrl)
setInitTasks(setUp(baseUrl))
}, [pathname])
useEffect(() => {
for (const task of initTasks) {
runTask(task).catch(reason => {
setFailed(true)

11
src/components/editor/editor-window/editor-window.tsx Normal file
View file

@ -0,0 +1,11 @@
import React from 'react'
const EditorWindow: React.FC = () => {
return (
<div style={{ backgroundColor: 'green' }}>
Hello, EditorWindow!
</div>
)
}
export { EditorWindow }

30
src/components/editor/editor.tsx Normal file
View file

@ -0,0 +1,30 @@
import React from 'react'
import { useSelector } from 'react-redux'
import { useParams } from 'react-router'
import { ApplicationState } from '../../redux'
import { EditorMode } from '../../redux/editor/types'
import { EditorWindow } from './editor-window/editor-window'
import { MarkdownPreview } from './markdown-preview/markdown-preview'
import { TaskBar } from './task-bar/task-bar'
interface RouteParameters {
id: string
}
const Editor: React.FC = () => {
const editorMode: EditorMode = useSelector((state: ApplicationState) => state.editorConfig.editorMode)
const { id } = useParams<RouteParameters>()
return (
<div className={'d-flex flex-column vh-100'}>
<TaskBar/>
<h1>{id}</h1>
<div className={'flex-fill flex-row d-flex'}>
{ editorMode === EditorMode.EDITOR || editorMode === EditorMode.BOTH ? <EditorWindow/> : null }
{ editorMode === EditorMode.PREVIEW || editorMode === EditorMode.BOTH ? <MarkdownPreview/> : null }
</div>
</div>
)
}
export { Editor }

11
src/components/editor/markdown-preview/markdown-preview.tsx Normal file
View file

@ -0,0 +1,11 @@
import React from 'react'
const MarkdownPreview: React.FC = () => {
return (
<div style={{ backgroundColor: 'red' }}>
Hello, MarkdownPreview!
</div>
)
}
export { MarkdownPreview }

14
src/components/editor/task-bar/active-indicator.scss Normal file
View file

@ -0,0 +1,14 @@
.activeIndicator {
$indicator-size: 12px;
border-radius: $indicator-size;
height: $indicator-size;
width: $indicator-size;
&.active {
background-color: #5cb85c;
}
&.inactive {
background-color: #d20000;
}
}

17
src/components/editor/task-bar/active-indicator.tsx Normal file
View file

@ -0,0 +1,17 @@
import React from 'react'
import './active-indicator.scss'
export enum ActiveIndicatorStatus {
ACTIVE ='active',
INACTIVE ='inactive'
}
export interface ActiveIndicatorProps {
status: ActiveIndicatorStatus;
}
export const ActiveIndicator: React.FC<ActiveIndicatorProps> = ({ status }) => {
return (
<span className={`activeIndicator ${status}`}/>
)
}

3
src/components/editor/task-bar/connection-indicator.scss Normal file
View file

@ -0,0 +1,3 @@
.upper-case {
text-transform: uppercase;
}

27
src/components/editor/task-bar/connection-indicator.tsx Normal file
View file

@ -0,0 +1,27 @@
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
import React from 'react'
import { Dropdown } from 'react-bootstrap'
import { ActiveIndicatorStatus } from './active-indicator'
import './connection-indicator.scss'
import { UserLine } from './user-line'
const ConnectionIndicator: React.FC = () => {
const userOnline = 2
return (
<Dropdown className="small" alignRight>
<Dropdown.Toggle id="connection-indicator" size="sm" variant="primary" className="upper-case">
<FontAwesomeIcon icon="users"/> {userOnline} Online
</Dropdown.Toggle>
<Dropdown.Menu>
<Dropdown.Item disabled={true} className="d-flex align-items-center p-0">
<UserLine name="Philip Molares" photo="https://1.gravatar.com/avatar/767fc9c115a1b989744c755db47feb60?s=200&r=pg&d=mp" color="red" status={ActiveIndicatorStatus.INACTIVE}/>
</Dropdown.Item>
<Dropdown.Item disabled={true} className="d-flex align-items-center p-0">
<UserLine name="Philip Molares" photo="https://1.gravatar.com/avatar/767fc9c115a1b989744c755db47feb60?s=200&r=pg&d=mp" color="blue" status={ActiveIndicatorStatus.ACTIVE}/>
</Dropdown.Item>
</Dropdown.Menu>
</Dropdown>
)
}
export { ConnectionIndicator }

15
src/components/editor/task-bar/dark-mode-button.tsx Normal file
View file

@ -0,0 +1,15 @@
import React from 'react'
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
import { ToggleButton, ToggleButtonGroup } from 'react-bootstrap'
const DarkModeButton: React.FC = () => {
return (
<ToggleButtonGroup type="checkbox" defaultValue={[]} name="dark-mode" className="ml-2">
<ToggleButton value={1} variant="light" className="text-secondary">
<FontAwesomeIcon icon="moon"/>
</ToggleButton>
</ToggleButtonGroup>
)
}
export { DarkModeButton }

72
src/components/editor/task-bar/editor-menu.tsx Normal file
View file

@ -0,0 +1,72 @@
import React from 'react'
import { Dropdown } from 'react-bootstrap'
import { Trans, useTranslation } from 'react-i18next'
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
const EditorMenu: React.FC = () => {
useTranslation()
return (
<Dropdown className="small" alignRight={true}>
<Dropdown.Toggle variant="light" size="sm" id="editor-menu" className="text-secondary">
<Trans i18nKey="menu"/>
</Dropdown.Toggle>
<Dropdown.Menu>
<Dropdown.Header>
<Trans i18nKey="extra"/>
</Dropdown.Header>
<Dropdown.Item className="small">
<FontAwesomeIcon icon="history"/> <Trans i18nKey="revision"/>
</Dropdown.Item>
<Dropdown.Item className="small">
<FontAwesomeIcon icon="tv"/> <Trans i18nKey="slideMode"/>
</Dropdown.Item>
<Dropdown.Divider/>
<Dropdown.Header>
<Trans i18nKey="export"/>
</Dropdown.Header>
<Dropdown.Item className="small">
<FontAwesomeIcon icon={['fab', 'dropbox']}/> Dropbox
</Dropdown.Item>
<Dropdown.Item className="small">
<FontAwesomeIcon icon={['fab', 'github']}/> Gist
</Dropdown.Item>
<Dropdown.Divider/>
<Dropdown.Header>
<Trans i18nKey="import"/>
</Dropdown.Header>
<Dropdown.Item className="small">
<FontAwesomeIcon icon={['fab', 'dropbox']}/> Dropbox
</Dropdown.Item>
<Dropdown.Item className="small">
<FontAwesomeIcon icon={['fab', 'github']}/> Gist
</Dropdown.Item>
<Dropdown.Item className="small">
<FontAwesomeIcon icon="paste"/> <Trans i18nKey="clipboard"/>
</Dropdown.Item>
<Dropdown.Divider/>
<Dropdown.Header>
<Trans i18nKey="download"/>
</Dropdown.Header>
<Dropdown.Item className="small">
<FontAwesomeIcon icon="file-alt"/> Markdown
</Dropdown.Item>
<Dropdown.Item className="small">
<FontAwesomeIcon icon="file-code"/> HTML
</Dropdown.Item>
<Dropdown.Item className="small">
<FontAwesomeIcon icon="file-code"/> Raw HTML
</Dropdown.Item>
</Dropdown.Menu>
</Dropdown>
)
}
export { EditorMenu }

30
src/components/editor/task-bar/editor-view-mode.tsx Normal file
View file

@ -0,0 +1,30 @@
import { ToggleButton, ToggleButtonGroup } from 'react-bootstrap'
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
import React from 'react'
import { useSelector } from 'react-redux'
import { ApplicationState } from '../../../redux'
import { EditorMode } from '../../../redux/editor/types'
import { setEditorModeConfig } from '../../../redux/editor/methods'
const EditorViewMode: React.FC = () => {
const editorConfig = useSelector((state: ApplicationState) => state.editorConfig)
return (
<ToggleButtonGroup
type="radio"
name="options"
defaultValue={editorConfig.editorMode}
onChange={(value: EditorMode) => { setEditorModeConfig(value) }}>
<ToggleButton value={EditorMode.PREVIEW} variant="outline-secondary">
<FontAwesomeIcon icon="eye"/>
</ToggleButton>
<ToggleButton value={EditorMode.BOTH} variant="outline-secondary">
<FontAwesomeIcon icon="columns"/>
</ToggleButton>
<ToggleButton value={EditorMode.EDITOR} variant="outline-secondary">
<FontAwesomeIcon icon="pencil-alt"/>
</ToggleButton>
</ToggleButtonGroup>
)
}
export { EditorViewMode }

46
src/components/editor/task-bar/task-bar.tsx Normal file
View file

@ -0,0 +1,46 @@
import React from 'react'
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
import { Link } from 'react-router-dom'
import { Button, Nav, Navbar } from 'react-bootstrap'
import { DarkModeButton } from './dark-mode-button'
import { EditorViewMode } from './editor-view-mode'
import { Trans, useTranslation } from 'react-i18next'
import { EditorMenu } from './editor-menu'
import { ConnectionIndicator } from './connection-indicator'
const TaskBar: React.FC = () => {
useTranslation()
return (
<Navbar bg={'light'}>
<Nav className="mr-auto d-flex align-items-center">
<Navbar.Brand>
<Link to="/intro" className="text-secondary">
<FontAwesomeIcon icon="file-alt"/> CodiMD
</Link>
</Navbar.Brand>
<EditorViewMode/>
<DarkModeButton/>
<Button className="ml-2 text-secondary" size="sm"
variant="outline-light">
<FontAwesomeIcon icon="question-circle"/>
</Button>
</Nav>
<Nav className="d-flex align-items-center text-secondary">
<Button className="ml-2 text-secondary" size="sm" variant="outline-light">
<FontAwesomeIcon icon="plus"/> <Trans i18nKey="new"/>
</Button>
<Button className="ml-2 text-secondary" size="sm" variant="outline-light">
<FontAwesomeIcon icon="share-square"/> <Trans i18nKey="publish"/>
</Button>
<div className="text-secondary">
<EditorMenu/>
</div>
<div className="mr-2">
<ConnectionIndicator/>
</div>
</Nav>
</Navbar>
)
}
export { TaskBar }

5
src/components/editor/task-bar/user-line.scss Normal file
View file

@ -0,0 +1,5 @@
.user-line-color-indicator {
border-left: 3px solid;
min-height: 30px;
height: 100%;
}

21
src/components/editor/task-bar/user-line.tsx Normal file
View file

@ -0,0 +1,21 @@
import React, { Fragment } from 'react'
import { UserAvatar } from '../../landing/layout/user-avatar/user-avatar'
import { ActiveIndicator, ActiveIndicatorStatus } from './active-indicator'
import './user-line.scss'
export interface UserLineProps {
name: string;
photo: string;
color: string;
status: ActiveIndicatorStatus;
}
export const UserLine: React.FC<UserLineProps> = ({ name, photo, color, status }) => {
return (
<Fragment>
<div className='d-inline-flex align-items-bottom user-line-color-indicator' style={{ borderLeftColor: color }}/>
<UserAvatar photo={photo} name={name} additionalClasses={'mx-2'}/>
<ActiveIndicator status={status} />
</Fragment>
)
}

15
src/components/landing/landing-layout.tsx Normal file
View file

@ -0,0 +1,15 @@
import React from 'react'
import { Container } from 'react-bootstrap'
import { HeaderBar } from './layout/navigation/header-bar/header-bar'
import { Footer } from './layout/footer/footer'
import './layout/style/index.scss'
export const LandingLayout: React.FC = ({ children }) => {
return (
<Container>
<HeaderBar/>
{children}
<Footer/>
</Container>
)
}

30
src/components/landing/layout/index.tsx
View file

@ -1,30 +0,0 @@
import React from 'react'
import { Redirect, Route, Switch } from 'react-router-dom'
import { History } from '../pages/history/history'
import { Intro } from '../pages/intro/intro'
import { Container } from 'react-bootstrap'
import { HeaderBar } from './navigation/header-bar/header-bar'
import { Footer } from './footer/footer'
import './style/index.scss'
import { Login } from '../pages/login/login'
export const Landing: React.FC = () => {
return (<Container>
<HeaderBar/>
<Switch>
<Route path="/history">
<History/>
</Route>
<Route path="/intro">
<Intro/>
</Route>
<Route path="/login">
<Login/>
</Route>
<Route path="/">
<Redirect to="/intro"/>
</Route>
</Switch>
<Footer/>
</Container>)
}

4
src/components/landing/layout/navigation/user-dropdown/user-dropdown.scss
View file

@ -1,4 +0,0 @@
.user-avatar {
width: 16px;
height: 16px;
}

12
src/components/landing/layout/navigation/user-dropdown/user-dropdown.tsx
View file

@ -5,22 +5,16 @@ import { useSelector } from 'react-redux'
import { ApplicationState } from '../../../../../redux'
import { LinkContainer } from 'react-router-bootstrap'
import { clearUser } from '../../../../../redux/user/methods'
import './user-dropdown.scss'
import { Trans } from 'react-i18next'
import { UserAvatar } from '../../user-avatar/user-avatar'
export const UserDropdown: React.FC = () => {
const user = useSelector((state: ApplicationState) => state.user)
return (
<Dropdown alignRight>
<Dropdown.Toggle size="sm" variant="dark" id="dropdown-basic">
<div className='d-inline-flex align-items-baseline'>
<img
src={user.photo}
className="user-avatar"
alt={`Avatar of ${user.name}`}
/><span>{user.name}</span>
</div>
<Dropdown.Toggle size="sm" variant="dark" id="dropdown-user" className={'d-flex align-items-center'}>
<UserAvatar name={user.name} photo={user.photo}/>
</Dropdown.Toggle>
<Dropdown.Menu>

8
src/components/landing/layout/user-avatar/user-avatar.scss Normal file
View file

@ -0,0 +1,8 @@
.user-avatar {
width: 20px;
height: 20px;
}
.user-name {
font-size: 1rem;
}

23
src/components/landing/layout/user-avatar/user-avatar.tsx Normal file
View file

@ -0,0 +1,23 @@
import React from 'react'
import './user-avatar.scss'
export interface UserAvatarProps {
name: string;
photo: string;
additionalClasses?: string;
}
const UserAvatar: React.FC<UserAvatarProps> = ({ name, photo, additionalClasses = '' }) => {
return (
<span className={'d-inline-flex align-items-center ' + additionalClasses}>
<img
src={photo}
className="user-avatar"
alt={`Avatar of ${name}`}
/>
<span className="ml-1 user-name">{name}</span>
</span>
)
}
export { UserAvatar }

48
src/index.tsx
View file

@ -1,22 +1,48 @@
import React from 'react'
import ReactDOM from 'react-dom'
import { BrowserRouter as Router } from 'react-router-dom'
import * as serviceWorker from './service-worker'
import { Landing } from './components/landing/layout'
import { ApplicationLoader } from './components/application-loader/application-loader'
import { Provider } from 'react-redux'
import { BrowserRouter as Router, Redirect, Route, Switch } from 'react-router-dom'
import { ApplicationLoader } from './components/application-loader/application-loader'
import { Editor } from './components/editor/editor'
import { LandingLayout } from './components/landing/landing-layout'
import { History } from './components/landing/pages/history/history'
import { Intro } from './components/landing/pages/intro/intro'
import { Login } from './components/landing/pages/login/login'
import { setUpFontAwesome } from './initializers/fontAwesome'
import * as serviceWorker from './service-worker'
import { store } from './utils/store'
import { setUp } from './initializers'
const initTasks = setUp()
setUpFontAwesome()
ReactDOM.render(
<Provider store={store}>
<ApplicationLoader initTasks={initTasks}>
<Router>
<Landing/>
</Router>
</ApplicationLoader>
<Router>
<ApplicationLoader>
<Switch>
<Route path="/history">
<LandingLayout>
<History/>
</LandingLayout>
</Route>
<Route path="/intro">
<LandingLayout>
<Intro/>
</LandingLayout>
</Route>
<Route path="/login">
<LandingLayout>
<Login/>
</LandingLayout>
</Route>
<Route path="/n/:id">
<Editor/>
</Route>
<Route path="/">
<Redirect to="/intro"/>
</Route>
</Switch>
</ApplicationLoader>
</Router>
</Provider>
, document.getElementById('root')
)

4
src/initializers/configLoader.ts
View file

@ -3,8 +3,8 @@ import { setFrontendConfig } from '../redux/frontend-config/methods'
import { setBackendConfig } from '../redux/backend-config/methods'
import { getAndSetUser } from '../utils/apiUtils'
export const loadAllConfig: () => Promise<void> = async () => {
const frontendConfig = await getFrontendConfig()
export const loadAllConfig: (baseUrl: string) => Promise<void> = async (baseUrl) => {
const frontendConfig = await getFrontendConfig(baseUrl)
if (!frontendConfig) {
return Promise.reject(new Error('Frontend config empty!'))
}

36
src/initializers/fontAwesome.ts
View file

@ -1,16 +1,36 @@
import { library } from '@fortawesome/fontawesome-svg-core'
import {
faTwitter,
faMastodon,
faGoogle,
faFacebook,
faDropbox,
faDiscourse,
faGithub,
faGitlab
} from '@fortawesome/free-brands-svg-icons'
import {
faAddressCard,
faBolt,
faChartBar,
faCircle,
faClock,
faCloudDownloadAlt,
faColumns,
faComment,
faCopy,
faDownload,
faEye,
faFileAlt,
faFileCode,
faGlobe,
faHistory,
faMoon,
faPaste,
faPencilAlt,
faPlus,
faQuestionCircle,
faShareSquare,
faSignOutAlt,
faSort,
faSortDown,
@ -23,20 +43,12 @@ import {
faUpload,
faUsers
} from '@fortawesome/free-solid-svg-icons'
import {
faDiscourse,
faDropbox,
faFacebook,
faGithub,
faGitlab,
faGoogle,
faMastodon,
faTwitter
} from '@fortawesome/free-brands-svg-icons'
export const setUpFontAwesome: () => void = () => {
export const setUpFontAwesome: (() => void) = () => {
library.add(faBolt, faPlus, faChartBar, faTv, faFileAlt, faCloudDownloadAlt,
faTrash, faSignOutAlt, faComment, faDiscourse, faMastodon, faGlobe,
faThumbtack, faClock, faTimes, faGithub, faGitlab, faGoogle, faFacebook,
faDropbox, faTwitter, faUsers, faAddressCard, faSort, faDownload, faUpload, faTrash, faSync, faSortUp, faSortDown, faCopy)
faDropbox, faTwitter, faUsers, faAddressCard, faEye, faPencilAlt, faColumns,
faMoon, faQuestionCircle, faShareSquare, faHistory, faFileCode, faPaste,
faCircle, faSort, faDownload, faUpload, faTrash, faSync, faSortUp, faSortDown, faCopy)
}

8
src/initializers/index.ts
View file

@ -1,6 +1,5 @@
import { setUpFontAwesome } from './fontAwesome'
import { setUpI18n } from './i18n'
import { loadAllConfig } from './configLoader'
import { setUpI18n } from './i18n'
const customDelay: () => Promise<void> = async () => {
if (window.localStorage.getItem('customDelay')) {
@ -10,7 +9,6 @@ const customDelay: () => Promise<void> = async () => {
}
}
export const setUp: () => Promise<void>[] = () => {
setUpFontAwesome()
return [setUpI18n(), loadAllConfig(), customDelay()]
export const setUp: (baseUrl: string) => Promise<void>[] = (baseUrl) => {
return [setUpI18n(), loadAllConfig(baseUrl), customDelay()]
}

2
src/redux/backend-config/methods.ts
View file

@ -1,7 +1,7 @@
import { BackendConfigState, SET_BACKEND_CONFIG_ACTION_TYPE, SetBackendConfigAction } from './types'
import { store } from '../../utils/store'
export const setBackendConfig: (state: BackendConfigState) => void = (state: BackendConfigState) => {
export const setBackendConfig = (state: BackendConfigState): void => {
const action: SetBackendConfigAction = {
type: SET_BACKEND_CONFIG_ACTION_TYPE,
payload: {

14
src/redux/editor/methods.ts Normal file
View file

@ -0,0 +1,14 @@
import {
EditorMode,
SET_EDITOR_CONFIG_MODE_ACTION_TYPE,
SetEditorConfigAction
} from './types'
import { store } from '../../utils/store'
export const setEditorModeConfig = (editorMode: EditorMode): void => {
const action: SetEditorConfigAction = {
type: SET_EDITOR_CONFIG_MODE_ACTION_TYPE,
payload: editorMode
}
store.dispatch(action)
}

23
src/redux/editor/reducers.ts Normal file
View file

@ -0,0 +1,23 @@
import { Reducer } from 'redux'
import {
EditorConfigActions,
EditorConfigState,
EditorMode,
SET_EDITOR_CONFIG_MODE_ACTION_TYPE
} from './types'
export const initialState: EditorConfigState = {
editorMode: EditorMode.PREVIEW
}
export const EditorConfigReducer: Reducer<EditorConfigState, EditorConfigActions> = (state: EditorConfigState = initialState, action: EditorConfigActions) => {
switch (action.type) {
case SET_EDITOR_CONFIG_MODE_ACTION_TYPE:
return {
...state,
editorMode: action.payload
}
default:
return state
}
}

20
src/redux/editor/types.ts Normal file
View file

@ -0,0 +1,20 @@
import { Action } from 'redux'
export const SET_EDITOR_CONFIG_MODE_ACTION_TYPE = 'editor/mode/set'
export interface EditorConfigState {
editorMode: EditorMode;
}
export enum EditorMode {
PREVIEW,
BOTH,
EDITOR,
}
export interface SetEditorConfigAction extends Action {
type: string;
payload: EditorMode;
}
export type EditorConfigActions = SetEditorConfigAction;

2
src/redux/frontend-config/methods.ts
View file

@ -1,7 +1,7 @@
import { FrontendConfigState, SET_FRONTEND_CONFIG_ACTION_TYPE, SetFrontendConfigAction } from './types'
import { store } from '../../utils/store'
export const setFrontendConfig: (state: FrontendConfigState) => void = (state: FrontendConfigState) => {
export const setFrontendConfig = (state: FrontendConfigState): void => {
const action: SetFrontendConfigAction = {
type: SET_FRONTEND_CONFIG_ACTION_TYPE,
payload: {

10
src/redux/index.ts
View file

@ -1,23 +1,23 @@
import { combineReducers, Reducer } from 'redux'
import { UserState } from './user/types'
import { UserReducer } from './user/reducers'
import { ModalShowReducer } from './modal/reducers'
import { ModalShowState } from './modal/types'
import { BackendConfigState } from './backend-config/types'
import { FrontendConfigState } from './frontend-config/types'
import { BackendConfigReducer } from './backend-config/reducers'
import { FrontendConfigReducer } from './frontend-config/reducers'
import { EditorConfigState } from './editor/types'
import { EditorConfigReducer } from './editor/reducers'
export interface ApplicationState {
user: UserState;
modalShow: ModalShowState;
backendConfig: BackendConfigState;
frontendConfig: FrontendConfigState;
editorConfig: EditorConfigState;
}
export const allReducers: Reducer<ApplicationState> = combineReducers<ApplicationState>({
user: UserReducer,
modalShow: ModalShowReducer,
backendConfig: BackendConfigReducer,
frontendConfig: FrontendConfigReducer
frontendConfig: FrontendConfigReducer,
editorConfig: EditorConfigReducer
})

7
src/redux/modal/methods.ts
View file

@ -1,7 +0,0 @@
import { ActionCreator } from 'redux'
import { SET_HISTORY_DELETE_MODAL_SHOW_ACTION_TYPE, SetHistoryDeleteModalShowAction } from './types'
export const setSignInModalShow: ActionCreator<SetHistoryDeleteModalShowAction> = (historyDelete: boolean) => ({
type: SET_HISTORY_DELETE_MODAL_SHOW_ACTION_TYPE,
payload: historyDelete
})

18
src/redux/modal/reducers.ts
View file

@ -1,18 +0,0 @@
import { Reducer } from 'redux'
import { ModalShowActions, ModalShowState, SET_HISTORY_DELETE_MODAL_SHOW_ACTION_TYPE } from './types'
export const initialState: ModalShowState = {
historyDelete: false
}
export const ModalShowReducer: Reducer<ModalShowState, ModalShowActions> = (state: ModalShowState = initialState, action: ModalShowActions) => {
switch (action.type) {
case SET_HISTORY_DELETE_MODAL_SHOW_ACTION_TYPE:
return {
...state,
historyDelete: action.payload
}
default:
return state
}
}

14
src/redux/modal/types.ts
View file

@ -1,14 +0,0 @@
import { Action } from 'redux'
export const SET_HISTORY_DELETE_MODAL_SHOW_ACTION_TYPE = 'modal/history-delete/set'
export interface ModalShowState {
historyDelete: boolean
}
export interface SetHistoryDeleteModalShowAction extends Action {
type: string;
payload: boolean;
}
export type ModalShowActions = SetHistoryDeleteModalShowAction;

2
src/utils/apiUtils.ts
View file

@ -17,6 +17,6 @@ export const getBackendUrl: (() => string) = () => {
return store.getState().frontendConfig.backendUrl
}
export const expectResponseCode: ((response: Response, code?: number) => boolean) = (response, code = 200) => {
export const expectResponseCode = (response: Response, code = 200): boolean => {
return response.status !== code
}