Smart House with Ionic 3

Asked

Viewed 38 times

1

Hi, could you help me with my CBT? I need to develop a mobile page like this in the image below, I am using Ionic 3 (Angular, Typescript, HTML, CSS, PHP), and phppgadmin. the idea is a page where I can navigate through the environments (bedroom, living room, kitchen) and find all the components (lights, windows, etc.) that are enabled or disabled;

inserir a descrição da imagem aqui

You see these colored boxes? they would be the components, I would need to select the components registered in the bank in this environment and popular this area with these boxes with the component name and the status (enabled or disabled), how could this population? would be a select and a go?

in this white rectangular box would be the name of the environment, and on the side a button "<" and on the right side ">" to make the pagination of the environments registered in the database, how could make this pagination?

a prototype I’ve made so far:

inserir a descrição da imagem aqui

made the red boxes with gridlayout in SCSS.

pfv, help me, how could I perform these two functions (environment paging and the "population" of the components)?

  • Hello! Your question is interesting, but it is very comprehensive. Try to close the scope of your problem, even if you turn multiple questions into the OS, showing your current code and describing in detail what you are unable to do.

No answers

Browser other questions tagged

You are not signed in. Login or sign up in order to post.