Skip to content

Conversation

@ViniciusCorbelli
Copy link
Collaborator

Boa noite, percebi que na página de edição dos dados da conta não há nenhum arquivo css sendo chamado, por este motivo coloquei uma tag <style> no inicio da página, caso precise de alteração neste ponto só me avisar.
Outro ponto foi que você havia citado para colocar a imagem nesta página

150988219-73266fae-a100-4c8e-8e26-dacf2ed0fc72

porém fiquei em duvida como realmente deveria fazer isso, teria que ser feito um ajax que retornaria a imagem? Realmente não consegui pensar em uma boa forma de se fazer e mostrar esta informação ao usuário.

@ViniciusCorbelli ViniciusCorbelli linked an issue Jan 31, 2022 that may be closed by this pull request
4 tasks
@Piazzi Piazzi self-assigned this Feb 1, 2022
@Piazzi Piazzi added enhancement New feature or request question Further information is requested labels Feb 1, 2022
@Piazzi
Copy link
Owner

Piazzi commented Feb 1, 2022

Oi Vinicius. Com relação ao CSS, pode criar um arquivo de CSS e importar ele na página. Coloque o arquivo aqui:
image

Em relação a imagem de perfil, você criou um campo avatar_url (ou algo similar) na tabela de usuários, correto? Que indica em que pasta está a imagem de perfil do usuário. Basta pegar essa imagem e renderizar ela junto as opções do select.

porém fiquei em duvida como realmente deveria fazer isso, teria que ser feito um ajax que retornaria a imagem? Realmente não consegui pensar em uma boa forma de se fazer e mostrar esta informação ao usuário.

Você montaria a imagem através de JS, passando para o attributo src da imagem a url do avatar de cada usuário, algo assim:

'<img src="' + user.url_avatar + '" width="10%" />'

Como estamos usando a biblioteca Select2, pode ser um pouco mais complicado, mas existe isso na documentação deles. Segue alguns links que podem ser úteis:

https://stackoverflow.com/questions/29290389/select2-add-image-icon-to-option-dynamically

https://stackoverflow.com/questions/53757838/select2-draw-image-and-text-on-selected-option

O resultado final seria algo assim:

image

Com a image aparecendo sempre ao lado do nome do usuário.
Me desculpe se não ficou claro antes. Qualquer dúvida é só me falar. Abs

@ViniciusCorbelli
Copy link
Collaborator Author

Boa noite, obrigado pelas explicações, estavam claras anteriormente porém me surgiu essa duvida de como eu iria implementar.
Qualquer alteração necessária me avisa. Abs

@Piazzi
Copy link
Owner

Piazzi commented Feb 3, 2022

Ei Vinicius, os nomes das variáveis e métodos precisam ser sempre em inglês beleza?
image

Quero que você troque o nome do atributo da foto de 'profile_path' para 'avatar_url'. Outra coisa, aqui não está renderizando:

image

E quando adiciono a foto minha também não funciona. Está funcionando para você?

@ViniciusCorbelli
Copy link
Collaborator Author

Boa noite, Lucas.
Desculpe, esqueci de colocar a variável dentro do padrão.

Esqueci de informar, porém é necessário executar o seguinte comando:
php artisan storage:link
ele irá gerar um atalho na pasta publica para a pasta storage, além disso é necessário criar uma pasta 'img' dentro da pasta storage e 'profile' dentro de 'img', ficará desta forma:
image

Além disso é necessário colocar a imagem default dentro desta pagina com o nome 'profile_default.png'
Irá ficar desta forma:
image

@Piazzi
Copy link
Owner

Piazzi commented Feb 8, 2022

Oi Vinicius, desculpa a demora. O github n me notificou do seu comentário, tá tudo certinho no seu commit, já conferi tudo. Até o final da semana te passo a próxima tarefa. Obrigado!!

@Piazzi Piazzi merged commit 6828c13 into dev Feb 8, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

enhancement New feature or request question Further information is requested

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Adicionar foto de perfil do usuário

3 participants