Zrobić początkowy wygląd na podstawie rysunku:

dodać walidację formularzy w podanych elementach

• login
• register
• modale
• edycja tasku

Kiedy uruchamiany jest widok user-panel bez query projectID powinien się pokazywać ekran zachęty lub inna informacja że nie wybraliśmy projektu.

• generowanie ekranu zachęty lub innej informacji w user-panel (najlepiej v-if)
• zmiana href w side-bar na user-panel bez projectID

Widok pojedynczego taska zgodnie z designem

• zrobienie poszczególnych elementów widoku
• dodanie edycji taska jako form
• dodanie metod do przycisków
• dodanie walidacji

• pobieranie danych z firestore
• edycja dokumentu w firestore

• przejście pomiędzy widokami
• stylizacja widoku
• widok mobilny

needed information

• auth
• firebase
  • projects
  • tasks
  • task

Zamienić na prostą składnię - np. <i class="fas fa-plus"></i>

Dodać opcję do zarządzania i edycji projektów w firestore

• dodawanie
• usuwanie
• przenoszenie pomiędzy projektami
• filtrowanie query w firestore aby uzyskiwać tylko dotyczące nas projekty

• dokumentowanie przebiegu zdarzeń w projekcie,
• dokładny i szczegółowy opis funkcji,
• chronologiczne posortowanie dodanych funkcji, opcji, wyglądu i zawartości,
• dokładny spis treści,
• oficjalna struktura i forma

• modale do usuwania
• modale do dodawania

Dodanie widoku listy tasków, jej funkcjonalności oraz wystylowanie jej zgodnie z designem

• dodanie elementów widoku
• dodanie funkcji do przycisków
• edycja i dodawanie tasków
• dodanie informacji o widoku w url

• pobieranie danych z firebase
• edycja danych w firebase

Dodaj opcję zarządzania zadaniami w firestore do komponentu zadania i listy zadań

• stworzyć zadanie
• usuń zadania
• rekursywne usuwanie podzadań
• wyświetla listę zadań w projekcie

Widok zadań

• usuń zadanie
• edycja zadania

adding, editing and removing subtasks

• Dodanie terminu do tasków (date string)
• zaimplementowanie tego w bazie danych
• dodanie prostego pola w task-details

register nie pozwala na dodanie użytkownika i przejście do następnej strony

edycja tasku, zaliczanie tasku

• struktura html w template
• pokazywanie danych tasku
• edycja tasku
• zaliczenie tasku

Na podstawie tego spod linku: https://startbootstrap.com/templates/simple-sidebar/

• Wymyśleć coś
• Rozplanować jak to ma wyglądać
• Zrobić to
• Zaimplementować w aplikacji

Zaczyna się gryźć z vue, a jeszcze nie zacząłem dodawać komponentów z bootstrap vue...

Dodawanie projektu nie działa, należy to naprawić

Dodać vuelidate do projektu - zastosowanie, przykłady i wyjaśnienia użycia znajdują się na stronie: Strona vuelidate

Po odświeżeniu strony task-details nie wyświetla się, natomiast po kliknięciu w task na liście wyświetla się

Stworzenie szkieletu komponentu projects-list wraz z funkcjonalnością, możliwe że zamiast tworzyć osobnego komponentu wszystko zapiszemy w side-bar

• stworzenie template
• napisanie funkcji do pobrania listy z firebase
• przypisanie funkcji do przycisków
• dodanie modalu do usuwania i dodawania projektu

Stroną można poruszać w prawo i w lewo, prawdopodobnie dodanie container-fluid do głównego div może pomóc

Aby uzyskać poprawne zarządzanie udostępnianiem tasków za pomocą loginu/email należy stworzyć osobną bazę dla danych użytkowników

• dodanie funkcji dodającej użytkowników do bazy danych

• Przeniesienie listy projektów do osobnego komponentu
• Przeniesienie filtrów do osobnego komponentu

• dodanie obsługi w router
• dodanie obsługi w task-list
  filtry:
• Labele
• Deadliny
• Daty
• Poziomy ważności

Wystylowanie pojedynczego tasku tak aby był zgodny ze wzorem z #1

Add option to register user in firebase in component register

• add form
• add method to creating account

Needed info in form:

• Name
• email
• password

udostępnianie projektów dla wielu użytkowników, powinno się to odbywać za pomocą nazwy użytkownika

• dodanie pola w project w firebase
• dodanie powiązania pomiędzy uid a nazwą użytkownika
• dodanie praw do udostępnionych projektów (firebase rules)
• dodanie wyświetlania udostępnionych projektów w firebase

Firebase data model doesn't delete this automatically and recursively, we need to do it by ourselves

• function to recursively delete task
• function to recursively delete project

Add firebase login in login component using firebase ui

• add auth using form in login
• add form in login
• check if this works

Dodać jakiś b-alert czy coś w tym stylu do widoków w wypadku niepowodzenia rejestracji.

• register
• login

• przenoszenie po zalogowaniu do user-panel
• przenoszenie do szczegółów zadania
• przenoszenie do zalogowania po wylogowaniu się
  • dodanie funkcji
  • dodanie przycisku wyloguj się

Task:

• Labele(labels:Array)
• Daty(duedate:String)
• Poziomy ważności (importance:Number)
• metadane(meta:Object)
  Project:
• Udostepnione (collabolatorsUIDs:Array)
  User:
• metadane (meta:Object)
• config (config:Object)

stworzenie podstawowego widoku listy tasków w vue

• dodanie elementów w html
• dodanie modalu dodawania nowego tasku
• każdy element listy musi byc osobnym komponentem
• obsłużenie formularza i przycisków za pomocą odpowiednich funkcji

• przejścia pomiędzy widokami
• stylizacja widoku

Margines górny jest zepsuty

Create mixin with all firebase tools to simplify using firebase