murilobsd / parederia-maker

:hammer: Criador de paredes :gift:
https://parederia-maker.firebaseapp.com/
MIT License
0 stars 1 forks source link

Aplicar Quadro #2

Open murilobsd opened 6 years ago

murilobsd commented 6 years ago

O quadro é a unidade básica da parede, possuem formatos pré definidos, ou seja, altura e largura o usuário não pode alterar, porém propriedades como cor, imagem de fundo, e orientação podem ser alteradas pelo usuário. O quadro deve existir somente se uma parede existir.

Um item importantíssimo é que quando adicionado uma imagem ao quadro a mesma deve obedecer as medidas do quadro, porém o usuário poderá movimentar essa imagem para posicioná-la no mesmo.

Regras de conduta

Propriedades

Nome Unidade Observações
Altura number Altura da parede
Largura number Largura da parede
Cor hexa Cor de fundo da parede
P0 number Posição topo esquero da parede
P1 number Posição topo direito da parede
P3 number Posição inferior esquero da parede
P4 number Posição inferior direito da parede
Imagem blob Imagem adicionado pelo usuário
Preco number Preco da quadro
Orientacao string Orientação da quadro (paisagem ou retrato)

Métodos

Nome Observações
Arrastar Função para movimentar a parede
Alterar Cor Função para alterar a cor
Adicionar Imagem Adicionar imagem ao quadro
Remover Imagem Remover imagem do quadro
Alterar Imagem Alterar imagem do quadro
Alterar Orientação Toogle
mazzazzam commented 6 years ago

Não é necessário travar a posição do quadro dentro do tamanho da parede. A "parede virtual" (a div que é adicionada ao digitar as medidas da parede - botão inferior/direito) é meramente ilustrativa, somente para fins de proporção na simulação.

O user pode adicionar os quadros (direto na content) sem necessariamente precisar inserir o tamanho da parede.