Histórico da Página

...

Passo a passo para criação da página

Após a instalação do Node.Js, deve ser instalado o framework Angular:

...

"styles": [

  "node_modules/@totvs/po-theme/css/po-theme-default-variables.min.css",

  "node_modules/@totvs/po-theme/css/po-theme-default.min.css",

  "node_modules/@po-ui/style/css/po-theme-core.min.css",

]

Após isso, deverão ser criadas os componentes e rotas normalmente. Um detalhe é que não deverão ser exibidos menus laterais, apenas o conteúdo principal, como no exemplo abaixo:

Image Added

Criação do menu customizado

Com o projeto criado, devemos adicionar o menu customizado na tabela GMENUHTML

INSERT INTO GMENUHTML (ID,PARENTID,CODSISTEMA,CAPTION,PATH, SECURITYID, IDPORTAL)VALUES('CST_GOOGLE_ACOMPMENTORIA', 'CUSTOMIZATION', 'S', 'Acompanhamento Mentoria', 'customizacao/agendainteligente/#/acompanhamento-mentoria/', 0, 2)

No exemplo acima, o projeto deve ser copiado após realizar a compilação (build) do projeto os arquivos gerados na pasta "dist" deverão ser copiados para a pasta customizacao/Agenda Inteligente AgendaInteligente e a rota que será exibida é acompanhamento-mentoria.

Exemplo caminho completo na versão de desenvolvimento 12.1.2302:
C:\RM\Legado\12.1.2302\FrameHTML\web\app\Edu\PortalDoProfessor\customizacao\agendainteligente

E na pasta de instalação do TOTVS RM:
C:\TOTVS\CorporeRM\FrameHTML\web\app\Edu\PortalDoProfessor\customizacao\agendainteligente

Ao abrir o menu no Portal do Professor, a página será carregada via iframe customizado:

Image Added

Seção com links importantes:

Configuração do novo portal professor

Página PO UI

Página Angular