You are viewing an old version of this page. View the current version.
Compare with Current
View Page History
Version 1
Next »
A tela de execução, possui um cabeçalho, onde são exibidos o nome da execução e os campos necessários para a execução.
<totvs-page type="execution">
<totvs-page-navbar>
<totvs-page-breadcrumb>
<breadcrumb link="#/">{{ 'l-home' | i18n }}</breadcrumb>
<breadcrumb>Execução</breadcrumb>
</totvs-page-breadcrumb>
<totvs-page-header>
<totvs-page-header-title title="Execução"></totvs-page-header-title>
<totvs-page-header-operation>
<totvs-page-header-operation-action></totvs-page-header-operation-action>
</totvs-page-header-operation>
</totvs-page-header>
</totvs-page-navbar>
<totvs-page-content>
<totvs-execution>
<totvs-execution-item title="Seleção">
<field type="input" class="col-md-12" ng-model="controller.model.descricao" canclean>
<label>Item (Descrição)</label>
</field>
<field type="decimalrange" class="col-md-12" ng-model="controller.model.item" data-a-dec="," data-m-dec="2"
a-sep="." start-placeholder="{{ 'l-start' | i18n }}" end-placeholder="{{ 'l-end' | i18n }}" canclean>
<label>Item (Código)</label>
</field>
<field type="inputrange" class="col-md-12" ng-model="controller.model.comprador"
start-placeholder="{{ 'l-start' | i18n }}" end-placeholder="{{ 'l-end' | i18n }}" canclean>
<label>Comprador</label>
</field>
<field type="inputrange" class="col-md-12" ng-model="controller.model.ordem"
start-placeholder="{{ 'l-start' | i18n }}" end-placeholder="{{ 'l-end' | i18n }}" canclean>
<label>Ordem</label>
</field>
<field type="daterange" class="col-md-12" ng-model="controller.model.cotacao"
start-placeholder="{{ 'l-start' | i18n }}" end-placeholder="{{ 'l-end' | i18n }}" canclean>
<label>Data da cotação</label>
</field>
</totvs-execution-item>
<totvs-execution-item title="Parametros">
<field type="select" class="col-md-12" ng-model="controller.model.moeda">
<label>Moeda</label>
<include>
<ui-select-match placeholder="Selecione uma moeda">{{$select.selected}}</ui-select-match>
<ui-select-choices repeat="moeda in ['Real','Dolar','Euro'] | filter: $select.search track by $index">
<span data-ng-bind-html="moeda | highlight: $select.search"></span>
</ui-select-choices>
</include>
</field>
<field type="radio" class="col-md-12" ng-model="controller.model.fornecedor">
<label>Fornecedores</label>
<options>
<option value="0">Todos os fornecedores</option>
<option value="1">Somente os já cotados</option>
</options>
</field>
</totvs-execution-item>
<totvs-execution-item type="notification"></totvs-execution-item>
<totvs-execution-item type="execution">
<field type="input" class="col-md-12" ng-model="controller.model.servidor" required>
<label>Servidor de execução</label>
</field>
</totvs-execution-item>
</totvs-execution>
</totvs-page-content>
</totvs-page>
Linha 1 - O elemento <totvs-page> com o o atributo type="execution" que define como alguns componentes da pagina serão apresentados.
Linha 15 - 64: Definição dos campos necessários para a execução da tarefa.
Linha 16 - 36: (opcional) Definição dos campos de "Seleção".
Linha 38 - 55: (opcional) Definição dos "Parâmetros".
Linha 57: (opcional) Definição das "Notificações e destinatários", basta informar o tipo "notification" que a diretiva inclui todos os campos necessários
Linha 59 - 63: (opcional) Configuração de execução e repetição. Caso não seja informado esse item, será gerado automaticamente apenas com os campos padrões.
Resultado visual: