SAP UI5 🔵

Projeto básico de Visualização de Invoices, desenvolvido em SAP UI5 afim de firmar conhecimento no mesmo! 🖥🟦

O Projeto 🖊

Leia a seguir os recursos utilizados neste projeto e suas respectivas implantações.

Hello Panel 🗨

No "Hello Panel" é possível visualizar as diferentes formas de comunicar uma informação ao usuário, sendo as desenvolvidas neste projeto o "Pop-up" e o "MessageToast".

• Geral:

  

• Pop-Up: 💬

  

• MessageToast: 💬

  

Invoices

Em "Invoices" temos as faturas originadas do nosso JSON, exibidas de forma organizada ao usuário, separadas por seções e inseridas em tabela:

Ainda é possível realizar a filtragem dos dados por meio da barra de busca:

SearchField 🔎

Details

É possível visualizar os detalhes dos itens da tabela "Invoices" clicando em cada um deles. Dentro de "Details", é possível obter a quantidade, a data do pedido, seu nome e fornecer uma avaliação daquele produto:

Rating (Avaliação) ⭐

Overview 📌

Overview completa:

Funcionamento do projeto 📽

Caso queira obter uma imagem mais demonstrativa do projeto, veja o vídeo abaixo! 🎬

SAPUI5.Walkthrough.-.Test.Page.webm

Pesquisas 🕵🏻‍♀️

• Documentação SAP:
  • https://ui5.sap.com/#/topic/3da5f4be63264db99f2e5b04c5e853db
  • https://sapui5.hana.ondemand.com
  • https://help.sap.com/docs/ABAP_PLATFORM_NEW/468a97775123488ab3345a0c48cadd8f/a110f762148a4933a33d30751a37a743.html?locale=en-US
  • https://sap.github.io/ui5-tooling/stable/pages/ESSupport/#javascript-modules
  • https://sapui5.hana.ondemand.com/sdk/#/topic/fe12df2e338e43598977d09f3d191b7b.html
• O projeto guia deste repositório está localizado em: https://github.com/brandoncaulfield/sap-ui5-walkthrough

Obrigada! ✅

Acompanhe mais projetos meus em https://github.com/ViihNeris 😉💜👩🏻‍💻