HabitRPG/habitica

Refactor Justin intro modal to separate it from avatar edit

Aberta

#10.803 aberto em 2 de nov. de 2018

Ver no GitHubGuia do colaborador
 (7 comentários) (0 reação) (0 responsável)JavaScript (3.912 forks)batch import
help wantedpriority: minorsection: Avatar/User Modal

Métricas do repositório

Stars
 (10.775 estrelas)
Métricas de merge de PR
 (Mesclagem média 51d 20h) (3 fundiu PRs em 30d)

Description

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.

Guia do colaborador

Direção de pesquisa
Examine o componente atual `creatorIntro.vue` para entender como ele lida tanto com a introdução do Justin quanto com a edição do avatar. Identifique as partes compartilhadas relacionadas ao avatar (provavelmente a pré visualização e os controles do avatar) que podem ser extraídas em um componente separado. Em seguida, crie dois novos modais: um para a sequência do Justin e outro para a edição do avatar pós configuração, cada um usando o componente compartilhado. Certifique se de que o modal da sequência do Justin seja reposicionado para ficar centralizado na tela.
Pilha de tecnologia
javascriptvue
Domain
frontend
Tipo Issue
Refatoração
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
2
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
1-2 dias
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Ativo
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Claro
Prerequisites
Vue.jsGit
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
60