vitrine-social
vitrine-social copied to clipboard
Coderockr
Adicionar campos de redes sociais e whatsapp
@hfxc acho que acabamos tratando essa tarefa em algum outro momento...
ainda tem essa issue, mas já esta em andamento... https://github.com/Coderockr/vitrine-social/issues/308
@juliabpp tem mais alguma coisa sobre esse assunto que precisaria ser tratada? ou esta tudo feito mesmo?
@hfxc na realidade essa seria outra tarefa. Hoje a organização tem um campo de website e telefone somente para colocarem o link e telefone. A ideia era ter website, facebook, instagram, whatsapp opcionais para que possam ter mais opções de contato.
Eu to com um probleminha pra rodar o make serve, crio uma issue separada?
$: make serve
docker-compose up -d postgres
vitrine-social_postgres_1 is up-to-date
cd server && go run main.go serve
2018/10/17 00:40:44 notifying bugsnag: Container, getting the bucket location: RequestError: send request failed
caused by: Get https://s3.configRegion.amazonaws.com/images.vitrinesocial.org?location=: dial tcp: lookup s3.configRegion.amazonaws.com: no such host
panic: Container, getting the bucket location: RequestError: send request failed
caused by: Get https://s3.configRegion.amazonaws.com/images.vitrinesocial.org?location=: dial tcp: lookup s3.configRegion.amazonaws.com: no such host
goroutine 1 [running]:
github.com/Coderockr/vitrine-social/server/cmd.serveCmdFunc(0x1d4e7a0, 0x1d75360, 0x0, 0x0)
/Users/hfxc/Repositories/vitrine-social/server/cmd/serve.go:64 +0x23d0
github.com/Coderockr/vitrine-social/server/cmd.withEnvironment.func1(0x1d4e7a0, 0x1d75360, 0x0, 0x0)
/Users/hfxc/Repositories/vitrine-social/server/cmd/funcs.go:34 +0x136
github.com/spf13/cobra.(*Command).execute(0x1d4e7a0, 0x1d75360, 0x0, 0x0, 0x1d4e7a0, 0x1d75360)
/Users/hfxc/go/pkg/mod/github.com/spf13/[email protected]/command.go:766 +0x2cc
github.com/spf13/cobra.(*Command).ExecuteC(0x1d4e540, 0xc0001bdf48, 0x15fcf8e, 0x1d4e540)
/Users/hfxc/go/pkg/mod/github.com/spf13/[email protected]/command.go:852 +0x2fd
github.com/spf13/cobra.(*Command).Execute(0x1d4e540, 0x10074d0, 0xc000080058)
/Users/hfxc/go/pkg/mod/github.com/spf13/[email protected]/command.go:800 +0x2b
github.com/Coderockr/vitrine-social/server/cmd.Execute()
/Users/hfxc/Repositories/vitrine-social/server/cmd/root.go:36 +0x2d
main.main()
/Users/hfxc/Repositories/vitrine-social/server/main.go:20 +0x20
exit status 2
make: *** [serve] Error 1
opa @hfxc, deve ter um arquivo server/config/dev.env no teu repositório, nele tem uma variável STORAGE com o valor s3, troque para ficar STORAGE=local e no STORAGE_LOCAL_PATH coloque um /tmp ou uma pasta para o upload de arquivos.
Pode deixar que vou criar uma issue para deixar essa parte da configuração mais clara.
Há alguma ordem e formato desejados pra colocar os campos? No momento coloquei os três como campo largo em sequência Whatsapp, Facebook e Instagram, logo após Telefone.
Além disso algum dos novos campos deve possuir alguma máscara ou deixo aberto?
achava bom o whatsapp ter a mesma máscara do telefone e nos do facebook e instagram serem links como é no campo de site
Para que o formulário não aparente ser extenso, o ideal seria subdividir em blocos, ou seja, jogar o input do telefone acima do input do site, e em seguida seccionar os grupos com headers ex:
Dados Básicos
- nome
- telefone
Links / Redes Sociais
- site
Endereço
- ...
- ...
Lembrando que o Facebook e intagtam podem vir com as urls em prefixo (https://www.instagram.com/ e https://www.facebook.com/ ). ex:
Fiz duas versões, uma usando o mesmo item do Galeria de Imagens (item desse mesmo form) e a outra usando o Divider o antd pra realmente seccionar os grupos, seguem as imagens:
Pra fazer o prefixos do facebook e instagram usei o addonBefore do antd e joguei um estilo pra ficar mais próximo visualmente do input