Árvore de páginas

Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.

...

Código Fonte TypeScript: 

Bloco de código
languagejs
titleidioma.component.ts
linenumberstrue
import { Component } from '@angular/core';

import { PoMenuItem } from '@po-ui/ng-components';

import { PoDynamicViewField } from '@po-ui/ng-components';

import { PoBreadcrumb } from '@po-ui/ng-components';
import { PoPageDynamicDetailActions, PoPageDynamicDetailField } from '@po-ui/ng-templates';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {

  readonly menus: Array<PoMenuItem> = [
    { label: 'Home', action: this.onClick.bind(this) }
  ];

  private onClick() {
    alert('Clicked in menu item')
  }

  public readonly serviceApi = 'https://po-sample-api.herokuapp.com/v1/people';

  public readonly serviceMetadataApi: 'http://localhost:3000/v1/metadata'; // endpoint dos metadados

  //public readonly serviceLoadApi: 'http://localhost:3000/load-metadata' // endpoint de customizações dos metadados

  public readonly actions: PoPageDynamicDetailActions = {
    back: '/documentation/po-page-dynamic-table'
  };

  public readonly breadcrumb: PoBreadcrumb = {
    items: [
      { label: 'Home', link: '/' },
      { label: 'People', link: '/documentation/po-page-dynamic-table' },
      { label: 'Detail' }
    ]
  };

  public readonly fields: Array<PoPageDynamicDetailField> = [

Busca do METADADOS onde foram adicionados os novos campos cod_usuario e nom_usuario:

GET - http://localhost:8180/dts/datasul-rest/resources/prg/trn/v1/idiomas/metadados

   "items": [
        {
            "visible": true,
            "property": "cod_idioma",
            "disabled": false,
            "label": "Idioma",
            "type": "string"
        },
        {
            "visible": true,
            "property": "des_idioma",
            "disabled": false,
            "label": "Descrição",
            "type": "string"
        },
        {
            "visible": true,
            "property": "cod_idiom_padr",
            "disabled": false,
            "label": "Idioma Padrão",
            "type": "string"
        },
        {
            "visible": true,
            "property": "cod_usuario",
            "disabled": false,
            "label": "Usuário",
            "type": "string"
        },
        {
            "visible": true,
            "property": "nom_usuario",
            "disabled": false,
            "label": "Nome",
            "type": "string"
        }
     ]

Busca dos dados onde foram adiconados novos valores:

GET - http://localhost:8180/dts/datasul-rest/resources/prg/trn/v1/idiomas

   "items": [
        {
      "visible": true,
      "codIdiomaproperty": "12345678cod_idioma",
      "label": "Idioma",
      "desIdiomatype": "12345678901234567890string",
  },
  {
        "cod_dialetvisible": "Pt"true,
            "cod_usuarioproperty": "superdes_idioma",
      
      "nom_usuariolabel": "SuperDescrição",
      "type": "string"
  },
        {
      "visible": true,
      "codIdiomaproperty": "alecod_idiom_padr",
      "label": "Idioma Padrão",
      "desIdiomatype": "Alemãostring",
  },
    {
      "cod_dialetvisible": "PT"true,
      "property": "cod_usuario",
      "cod_usuariolabel": "ManoelUsuário",
            "nom_usuario"type": "Manoel de Carvalhostring"
        },
        {
      "visible": true,
      "codIdiomaproperty": "ENnom_usuario",
      "label": "Nome",
      "desIdiomatype": "Inglesstring",
  }


  ];


  employee = {
    "cod_dialet"idioma: "PTEN",
    des_idioma: "Inglês",
       "cod_usuario"dialet: "JoaoPt",
        cod_usuario: "super",
    "nom_usuario": "Joao da SilvaSuper"

        }
    ]}; 

}

Tela:




03. Links Utilizáveis 

...