[
https://issues.apache.org/jira/browse/METRON-623?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=15941273#comment-15941273
]
ASF GitHub Bot commented on METRON-623:
---------------------------------------
Github user simonellistonball commented on a diff in the pull request:
https://github.com/apache/incubator-metron/pull/489#discussion_r107987434
--- Diff:
metron-interface/metron-config/src/app/sensors/sensor-field-schema/sensor-field-schema.component.html
---
@@ -0,0 +1,113 @@
+<!--
+ Licensed to the Apache Software
+ Foundation (ASF) under one or more contributor license agreements. See
the
+ NOTICE file distributed with this work for additional information
regarding
+ copyright ownership. The ASF licenses this file to You under the Apache
License,
+ Version 2.0 (the "License"); you may not use this file except in
compliance
+ with the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
distributed
+ under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES
+ OR CONDITIONS OF ANY KIND, either express or implied. See the License
for
+ the specific language governing permissions and limitations under the
License.
+ -->
+ <div class="metron-slider-pane-edit fill load-left-to-right dialog2x">
+
+ <div class="form-title">Schema</div>
+ <i class="fa fa-times pull-right close-button" aria-hidden="true"
(click)="onCancel()"></i>
+
+
+ <form role="form" class="fieldschema-form">
+ <metron-config-sample-data [topic]="sensorParserConfig.sensorTopic"
(onSampleDataChanged)="onSampleDataChanged($event)"
(onSampleDataNotAvailable)="onSampleDataNotAvailable($event)"></metron-config-sample-data>
+
+ <br><br>
+
+ <div class="metron-bg-inverse">
+ <div class="p-2">
+
+ <div class="row placeholder" *ngIf="fieldSchemaRows.length===0
|| (parserResult === {})">
+ A data sample is need to view/configure the complete schema.
+ </div>
+
+ <div class="row mx-0" *ngIf="fieldSchemaRows.length>0">
+ <div class="col-md-3 title text-grey"> Field </div>
+ <div class="col-md-9 title text-grey"> Changes </div>
+ </div>
+
+ <div *ngFor="let fieldSchemaRow of fieldSchemaRows" class="row
pb-1 mx-0">
+ <!-- Readonly Field Schema Row -->
+ <div class="field-schema-row"
*ngIf="!fieldSchemaRow.showConfig"
[class.field-suppressed]="fieldSchemaRow.isRemoved">
+ <div class="col-md-3 field-schema-cell-title"> {{
fieldSchemaRow.outputFieldName }} </div>
+ <div class="col-md-7 field-schema-cell-value"
[innerHtml]="getChanges(fieldSchemaRow)"> </div>
+ <div class="col-md-2 field-schema-cell icon-blue"
style="font-size: 16px">
+ <i *ngIf="!fieldSchemaRow.isParserGenerated" class="fa
fa-trash pull-right" aria-hidden="true" (click)="onDelete(fieldSchemaRow)"></i>
+ <i class="fa fa-pencil pull-right" aria-hidden="true"
(click)="fieldSchemaRow.showConfig=true"></i>
+ <i *ngIf="!fieldSchemaRow.isRemoved" class="fa fa-ban
pull-right" aria-hidden="true" (click)="onRemove(fieldSchemaRow)"></i>
+ <i *ngIf="fieldSchemaRow.isRemoved" class="fa
fa-check-circle-o pull-right" style="color:lightgreen" aria-hidden="true"
(click)="onEnable(fieldSchemaRow)"></i>
+
+ </div>
+ </div>
+
+ <!-- Editable Enrichments Pane -->
+ <div class="config container"
*ngIf="fieldSchemaRow.showConfig">
+
+ <!--Title-->
+ <div class="row py-1">
+ <div class="col-md-10 enrichments-edit-title"> {{
fieldSchemaRow.outputFieldName }} </div>
+ <div class="col-md-2 enrichment-cell">
+ <i class="fa fa-times-circle pull-right
small-close-button" aria-hidden="true"
(click)="onCancelChange(fieldSchemaRow)"></i>
+ </div>
+ </div>
+
+ <!--Input Field Name-->
+ <div class="form-group px-1 col-md-10"
*ngIf="fieldSchemaRow.isNew">
+ <label>INPUT FIELD</label>
+ <select [(ngModel)]="fieldSchemaRow.inputFieldName"
[ngModelOptions]="{standalone: true}"
(ngModelChange)="fieldSchemaRow.outputFieldName=fieldSchemaRow.inputFieldName+'_copy'">
+ <option [disabled] [selected]> </option>
+ <option *ngFor="let fieldSchemaRow of fieldSchemaRows"
[attr.hidden]="fieldSchemaRow.isNew"> {{ fieldSchemaRow.inputFieldName }}
</option>
+ </select>
+ </div>
+
+ <!-- Output Field Name-->
+ <div class="form-group px-1 col-md-10"
*ngIf="fieldSchemaRow.isNew || !fieldSchemaRow.isParserGenerated">
+ <label [attr.for]="fieldSchemaRow.fieldName">NAME</label>
+ <input type="text" class="form-control"
[name]="fieldSchemaRow.outputFieldName"
[(ngModel)]="fieldSchemaRow.outputFieldName" [ngModelOptions]="{standalone:
true}">
+ </div>
+
+ <!-- Transforms -->
+ <div class="form-group px-1 col-md-12">
+ <label attr.for="fieldName">TRANSFORMATIONS</label>
+ <metron-config-multiple-input [type]="'select'"
[availableItems]="transformOptions"
[(configuredItems)]="fieldSchemaRow.transformConfigured"
(onConfigChange)="onTransformsChange(fieldSchemaRow)">
</metron-config-multiple-input>
+ <div class="edit-pane-readonly rounded col-md-10"> {{
fieldSchemaRow.preview }} </div>
+ </div>
+
+ <!-- Enrichmnets -->
+ <div class="form-group px-1 col-md-12">
+ <label attr.for="fieldName">ENRICHMENTS</label>
+ <metron-config-multiple-input
[availableItems]="enrichmentOptions"
[(configuredItems)]="fieldSchemaRow.enrichmentConfigured"
[allowDuplicates]="false"> </metron-config-multiple-input>
+ </div>
+
+ <!-- Threat Intel -->
+ <div class="form-group px-1 col-md-12">
+ <label attr.for="fieldName">THREAT INTEL </label>
--- End diff --
Another one: for attribute not linked to field name or id
> Management UI
> -------------
>
> Key: METRON-623
> URL: https://issues.apache.org/jira/browse/METRON-623
> Project: Metron
> Issue Type: New Feature
> Reporter: Ryan Merriman
> Assignee: Ryan Merriman
>
> It would be useful to have a User Interface for modifying parser/enrichment
> configurations and managing topologies.
--
This message was sent by Atlassian JIRA
(v6.3.15#6346)
