Comments (3)
Hello. Am facut task-ul, dar avand putina frica de git, sa nu stric ceva, i-am dat commit pe un new branch ca sa puteti sa vedeti daca este in regula.
Ce am facut:
- Am utilizat ca parinte si ca si copil;
- Fiecare tab este generat cu *ngFor;
- FIecare tab contine numele cursului, cat si progresul facut.
- La click, duce la curs, folosind metoda goToCourse din dashboard.component.ts;
- Dpdv stilistic, am dublat in styles\scss\theme-colors.scss niste culor de //nav bar si //card si le-am dat denumiri subestive //user tabs
- Am mai adaugat un cuvant in assets\translations.js - la dashboard, cuvantul 'progress'
Orice feedback e mai mult decat binevenit,
Cheers!
from edu-hospice.
Salut.
M-am uitat putin peste implementarea facuta si am urmatorul feedback:
- Pentru culorile #ffffff si #7DC242 aveai variabilele $navBarTextColor si $nabBarBackgroundColor. In theme-colors incercam sa tinem variabilele cat mai generale in ideea de a avea o paleta de culori pe care sa o tot folosim.
- In ceea ce priveste styling-ul pe care l-ai adaugat, ar fi putut fi scris sub forma de SCSS pentru o mai buna vizualizare a structurii ierarhice de clase si o uniformitate a codului + mai putin cod scris.
- MatTabsModule ar fi trebuit inclus in SharedModule pentru ca o sa-l folosim in mai multe pagini. Pentru a avea implementari consistente, cred ca trebuia folosit marcajul de mat-tab-group care sa contina mat-tab-uri. Ceea ce ai implementat cred ca este implementarea basic. Un exemplu de cum ar trebui sa fie marcajul.
- Conform cu ceea ce este descris in acest issue, structura modelului de date pentru cursuri trebuia modificata ca cursurile sa fie impartite pe cele 4 categorii si tu sa afisezi ca si tab-uri categoriile.
Din ceea ce am vazut in cod si ceea ce ai explicat mai sus, tu ai facut ca fiecare tab sa fie un curs.
Tab-ul fiind o categorie, el poate contine mai multe cursuri. - Totodata, discutasem ca fiecare tab sa incarce datele lazy. Asta insemna ca fiecare categorie de curs va contine un link ce va da lista de cursuri.
Ex: la incarcarea paginii o sa vad cursurile de pe primul tab (Ongoing) iar request-urile de date pentru celelalte tab-uri nu sunt facute. Cand fac click pe tab, abia atunci mi se face request-ul tab-ului si imi sunt incarcate cursurile respective.
{ "success": true, "categories": [ { "name": "Ongoing", "link": "/ongoing_link" }, { "name": "Pending", "link": "/pending_link" }, { "name": "Finalized", "link": "/finalized_link" }, { "name": "Recommended", "link": "/recommended_link" } ] }
Cam asa vad eu modelul de date pentru tab-uri (@fnitu). By default, primul tab este activ si automat se face request-ul pe link-ul /ongoing_link.
Modelul unui curs poate fi in continuare pastrat ca cel din homeCourses.json.
Ca sa ne fie mult mai usor sa putem sa asociem un commit cu un issue, in comentariul commit-ului ar trebui sa pui numele issue-ului. In cazul tau: Add course tabs to user dashboard #28
O zi faina si mult spor!
from edu-hospice.
Issue implemented.
from edu-hospice.
Related Issues (20)
- Provide CSS variables for the app color scheme HOT 4
- After registration, the course list form the current tab should be updated HOT 1
- Investigate the user profile edit for another user than the default one HOT 3
- Investigate the user profile information for the student role HOT 2
- Improvement of refresh route mechanism HOT 1
- Testing, phase I HOT 1
- Add textbox/textarea control - character limit, to be decided if it will be a separate control, or settings for the radio control.
- Implementing feedback quiz / knowledge quiz HOT 3
- Recomended courses display
- Implement a breadcrumbs compoment HOT 3
- Hide the "Home" button from the main menu of the application if the user is authenticated HOT 1
- Testing quiz business logic
- Attach a quiz to a course section
- Adding a quiz to a course as an admin HOT 3
- Implement a search functionality for the users list
- Add a new quiz type column, a purpose column and implement a search functionality for the quiz list HOT 1
- Pending course dialog HOT 1
- Test the backend implementation of course content endpoint HOT 3
- All buttons in dialog have the same background color
- Quiz integration for a student accessing a course HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from edu-hospice.