Giter VIP home page Giter VIP logo

vanessametonini / plataformacultural Goto Github PK

View Code? Open in Web Editor NEW
2.0 1.0 2.0 88.87 MB

Cartografia da Cultura é uma plataforma online colaborativa do Fórum Municipal de Cultura de Campo Grande-MS que auxilia no processo de construção de políticas públicas e projetos coletivos ligados à Cultura no município.

Home Page: https://www.cartografiadaculturacg.com.br/

License: MIT License

JavaScript 19.84% HTML 0.15% Vue 78.49% CSS 0.01% SCSS 1.42% Sass 0.09%
maps cartography cartografia-da-cultura debates debates-participated-in brazil agenda urban

plataformacultural's Introduction

cartografia da cultura

Desenvolvimento da plataforma Cartografia da Cultura de Campo Grande-MS. 

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Project backend api

Cartografia da Cultura Backend

plataformacultural's People

Contributors

aaraomelo avatar cintia-teixeira avatar dependabot[bot] avatar julianact avatar maxcorbux avatar otorugo avatar vanessametonini avatar

Stargazers

 avatar  avatar

Watchers

 avatar

plataformacultural's Issues

Botão para apagar um pin

Hoje na área do perfil do usuário, existe uma listagem de pins inseridos pelo usuário.

Nesta listagem deve haver um botão de lixeira, que indicará a ação para apagar o pin.

Antes de apagar um pin, deverá ser aberta uma janela/modal/popup para confirmar a ação do usuário.

Após confirmação a solicitação deverá ser encaminhada ao backend.

O retorno do backend poderá ser exibido por uma notificação na tela.

[Debates] Editar um debate

Possibilitar que o autor de um debate possa editar os dados.

Colocar um botão com icone de lápis, ao lado ou embaixo do titulo da página de debate, e também o icone na lista de debates da pagina do perfil.

Possibilitar a abertura do formulário de dados de dabate direto (sem o passo a passo de regras).

Implementar menu mobile para q-drawer nos debates

É necessário finalizar a implementação do componente q-drawer na página da lista de debates, que contém o botão para voltar para o mapa e outras ações da lista de debates.
Aqui falta apenas colocar um float button para alternar a exibição do q-drawer.
Screen Shot 2021-06-16 at 19 01 02

Implementar toda versão mobile para o Perfil

Aqui ainda não tem um desenho com a proposta da versão mobile do perfil do usuário, estamos aceitando sugestões, e talvez mais para frente será postado uma sugestão para guiar a implementação e solução desse problema.

Screen Shot 2021-06-16 at 19 01 42

Implementar menu mobile para q-drawer nos eventos

É necessário finalizar a implementação do componente q-drawer na página de eventos, que contém o botão para voltar para o mapa e outras ações na agenda.
Aqui falta apenas colocar um float button para alternar a exibição do q-drawer.

Screen Shot 2021-06-16 at 18 57 42

[Eventos] Editar

Devemos fazer a funcionalidade para que o usuário possa editar um evento de sua autoria.
Essa opção deve ser igual as outras listagens (pins e debates), com o icone de lápis para abrir a opção de edição e o form abrir no perfil do usuário

[Eventos] Deletar

O usuário deverá ter a opção de apagar um evento de sua autoria, através do ícone na listagem de eventos em seu perfil.
Antes de apagar, deverá ser exibida uma janela de confirmação da ação como está sendo feito nos pins e debates.

Opção para editar dados do usuário

Hoje é exibido o formulário com os dados do usuário na página de perfil do usuário, porém ele está bloqueado (aguardando implementação do backend).
Assim que o backend estiver pronta, fazer os ajustes necessários para o que o usuário possa editar seus dados (inclusive remover foto, inserir foto, alterar foto).
O único dado que por enquanto nao vai ser possivel editar neste momento é o da senha, que caso o usuário queira, vai ter que usar a função de recuperar senha, deslogado.

Abrir opção para editar um pin

Hoje na área do perfil do usuário, existe uma listagem de pins inseridos pelo usuário.
Nesta listagem deve haver um botão de lápis, que indicará a ação para editar os dados daquele pin.
Os dados poderão ser abertos no mesmo formulário que já existe para o cadastro de um novo pin.
O formulário deverá enviar os dados de editados para o backend.

Visualização do pin na versão mobile

É necessário fazer os ajustes para que o Pin seja visualizado completamente na versão mobile.
O ideal é que ele seja aberto ocupando toda largura e altura da tela e por cima do mapa e menu.
Se o pin tiver muitas informações ao ponto de nao caber na altura na tela, fazer uma barra de rolagem.
Garantir que o botão para fechar a visualização do pin seja fácil de clicar.

Screen Shot 2021-06-16 at 18 26 45

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.