HabitRPG/habitica

Refactor Justin intro modal to separate it from avatar edit

Offen

#10.803 geöffnet am 02.11.2018

Auf GitHub ansehenContributor Guide
 (7 Kommentare) (0 Reaktionen) (0 zugewiesene Personen)JavaScript (3.912 Forks)batch import
help wantedpriority: minorsection: Avatar/User Modal

Repository-Metriken

Stars
 (10.775 Sterne)
PR-Merge-Metriken
 (Durchschn. Merge 51T 20h) (3 gemergte PRs in 30 T)

Beschreibung

Description

creatorIntro.vue is used both for initial avatar setup on account creation, and for editing a user's avatar via the user menu. This makes it difficult to consistently position both modals, because ideal positioning for the Justin sequence pushes the much larger avatar edit modal partially offscreen.

What we should do is pull the shared avatar-related pieces out to a component that's then plugged into two separate modals, Justin and post-setup avatar editing. Then, reposition the Justin sequence so it's centered better onscreen.

Contributor Guide

Research-Richtung
Untersuche die aktuelle `creatorIntro.vue` Komponente, um zu verstehen, wie sie sowohl die Justin Einführung als auch die Avatar Bearbeitung behandelt. Identifiziere die gemeinsamen avatarbezogenen Teile (wahrscheinlich die Avatar Vorschau und Steuerelemente), die in eine separate Komponente extrahiert werden können. Erstelle dann zwei neue Modale: eines für die Justin Sequenz und eines für die Avatar Bearbeitung nach der Einrichtung, die jeweils die gemeinsame Komponente verwenden. Stelle sicher, dass das Modal für die Justin Sequenz neu positioniert wird, um auf dem Bildschirm zentriert zu sein.
Tech Stack
javascriptvue
Domain
frontend
Issue Type
Refactoring
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
2
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
1-2 Tage
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Aktiv
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Klar
Voraussetzungen
Vue.jsGit
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
60