"collapsible-sliding-panel": "1.0.0",
"core-js": "^2.4.0",
"crypto-js": "^3.1.9-1",
- "d3": "^4.9.1",
+ "d3": "^4.12.0",
"es6-promise": "^3.2.1",
"filter-bar-utils": "1.0.0",
"jquery": "^2.2.2",
--- /dev/null
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 40.3 37.5" style="enable-background:new 0 0 40.3 37.5;" xml:space="preserve">
+<style type="text/css">
+ .st0{clip-path:url(#SVGID_3_);}
+ .st1{clip-path:url(#SVGID_4_);}
+ .st2{fill:#FF0000;}
+ .st3{fill:none;}
+ .st4{fill:#4D4D4D;}
+ .st5{fill:#06AFD1;stroke:#06AFD1;stroke-width:0.9908;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+ .st6{fill:#FC0606;}
+ .st7{fill:#FC0000;}
+ .st8{clip-path:url(#SVGID_7_);}
+ .st9{clip-path:url(#SVGID_8_);}
+ .st10{fill: #01afd1;}
+</style>
+<g>
+ <path class="st10" d="M39.9,21.8l-4.3-4.3c0.9-1.3,2-3.2,2-5.6c0-5-4.1-9.2-9.2-9.2c-5.1,0-9.3,4.1-9.3,9c0,5.1,4.1,9.2,9.2,9.2
+ c2.2,0,4.1-0.7,5.6-2l4.4,4.4c0.2,0.2,0.5,0.4,0.8,0.4c0.3,0,0.6-0.1,0.8-0.4c0.2-0.2,0.3-0.5,0.3-0.8S40.1,21.9,39.9,21.8z
+ M28.3,18.6c-3.9,0-6.9-3-6.9-6.9s3-6.9,6.9-6.9c3.8,0,6.9,3.1,6.9,6.9C35.2,15.6,32.2,18.6,28.3,18.6z"/>
+ <path class="st10" d="M31,24.3c-0.5-0.3-1.1,0-1.4,0.5c-1.2,2.6-3.2,4.8-5.6,6.2c-1.4-0.9-3.3-2.3-4.9-3.5c0,0,0.1,0,0.1-0.1
+ c1.2-1.2,1.2-3.1,0-4.3c-0.3-0.3-0.7-0.5-1-0.7c0.3-2,0.8-3.9,1.1-4.6c0.1-0.3,0-0.8-0.4-0.9c-0.4-0.1-0.8,0-0.9,0.4
+ c-0.3,0.9-0.8,2.9-1.1,4.9c-0.7,0-1.4,0.3-2,0.9c-0.2,0.2-0.3,0.3-0.4,0.5c-1.5-1.2-2.7-2.7-3.5-3.7c0.1,0,0.1-0.1,0.2-0.2
+ c0.9-0.9,1.1-2.2,0.7-3.3c1.9-1,4.3-2,4.9-2.1c0.4-0.1,0.6-0.4,0.6-0.8c-0.1-0.4-0.4-0.6-0.8-0.6c-0.9,0.2-3.5,1.2-5.5,2.3
+ c-1.1-1-2.8-1-4-0.1c-1-1.5-2-3.8-2.4-4.6c2.6-3.8,6.9-6.2,11.8-6.2c0.5,0,1,0,1.5,0.1C18.5,4.5,19,4,19.1,3.5
+ c0.1-0.6-0.4-1.1-0.9-1.1c-0.5-0.1-1.1-0.1-1.7-0.1C7.4,2.3,0,9.7,0,18.8c0,9.1,7.4,16.5,16.5,16.5c6.4,0,12.3-3.8,15-9.6
+ C31.7,25.2,31.5,24.5,31,24.3z M9,16.2c0.7,0,1.3,0.6,1.3,1.3c0,0.7-0.6,1.3-1.3,1.3c-0.7,0-1.3-0.6-1.3-1.3
+ C7.7,16.8,8.3,16.2,9,16.2z M2.1,18.8c0-2.5,0.6-4.8,1.7-6.8c0.6,1.3,1.5,3.2,2.4,4.4c-0.3,0.7-0.3,1.5-0.1,2.3c0,0,0,0,0,0
+ c-1,0.9-2.5,2.3-3.5,3.7C2.2,21.2,2.1,20,2.1,18.8z M3,23.8c0.1,0,0.2-0.1,0.2-0.2c1-1.3,2.5-2.9,3.6-3.9c0.8,0.8,1.9,1,2.9,0.8
+ c0.9,1.1,2.4,3,4.3,4.4c-0.1,0.9,0.2,1.8,0.9,2.4c0.3,0.3,0.6,0.5,1,0.7c0,0,0,0,0,0c0,1.6,0,3.8,0.1,5C10,32.9,5,29.1,3,23.8z
+ M15.8,25.2c0-0.7,0.6-1.3,1.3-1.3c0.7,0,1.3,0.6,1.3,1.3c0,0.7-0.6,1.3-1.3,1.3C16.3,26.5,15.8,26,15.8,25.2z M17.4,33.1
+ c-0.1-1-0.1-3.1-0.1-4.9c0.2,0,0.4,0,0.5-0.1c1.4,1.1,3.3,2.6,4.8,3.6C21,32.6,19.2,33,17.4,33.1z"/>
+</g>
+</svg>
* ECOMP is a trademark and service mark of AT&T Intellectual Property.
*/
+
@import "components/validationForm";
@import "components/slidePanel";
@import "components/toggleInput";
@import "components/titledComponent";
@import "components/containerPanel";
@import "components/filterBar";
+@import "components/launchExternalResource/launchExternalResource";
%noselect {
-webkit-touch-callout: none;
}
}
+
--- /dev/null
+.launch-external-resource-button {
+ color: transparent;
+ background-color: transparent;
+ background-image: url($icons-folder-path + '/../launchExternalResource/ann-icon.svg');
+ font-size: 20px;
+ padding: 2px 5px;
+ margin-left: 10px;
+ border: none;
+ vertical-align: text-bottom;
+ height: 30px;
+ width: 30px;
+ background-repeat: no-repeat;
+}
+
+.launch-in-context {}
--- /dev/null
+{
+ "mappings": {
+ "default": {
+ "properties": {
+ "entityId": {
+ "type": "nested"
+ },
+ "entityLink": {
+ "type": "string"
+ },
+ "entityType": {
+ "type": "string",
+ "index": "not_analyzed"
+ },
+ "resourceVersion": {
+ "type": "string"
+ },
+ "validationId": {
+ "type": "string",
+ "index": "not_analyzed"
+ },
+ "validationTimestamp": {
+ "type": "date",
+ "format": "MMM d y HH:m:s||dd-MM-yyyy HH:mm:ss||yyyy-MM-dd'T'HH:mm:ss.SSSZZ||MM/dd/yyyy||yyyyMMdd'T'HHmmssZ"
+ },
+ "violations": {
+ "type": "nested",
+ "properties": {
+ "category": {
+ "type": "string",
+ "index": "not_analyzed"
+ },
+ "errorMessage": {
+ "type": "string"
+ },
+ "modelName": {
+ "type": "string"
+ },
+ "severity": {
+ "type": "string",
+ "index": "not_analyzed"
+ },
+ "validationRule": {
+ "type": "string"
+ },
+ "violationDetails": {
+ "type": "nested",
+ "properties": {
+ "MISSING_REL": {
+ "type": "string"
+ },
+ "entityId": {
+ "type": "nested"
+ },
+ "entityType": {
+ "type": "string",
+ "index": "not_analyzed"
+ },
+ "modelName": {
+ "type": "string"
+ }
+ }
+ },
+ "violationId": {
+ "type": "string",
+ "index": "not_analyzed"
+ },
+ "violationTimestamp": {
+ "type": "date",
+ "format": "MMM d y HH:m:s||dd-MM-yyyy HH:mm:ss||yyyy-MM-dd'T'HH:mm:ss.SSSZZ||MM/dd/yyyy||yyyyMMdd'T'HHmmssZ"
+ },
+ "violationType": {
+ "type": "string",
+ "index": "not_analyzed"
+ }
+ }
+ }
+ }
+ }
+
+ }
+}
--- /dev/null
+
+ElasticSearch Configuration:
+============================
+
+1. Verify that your ElasticSearch instance configuation contains the following cors parameters in the elasticsearch.yaml file. The CORS
+ workaround has proven to work for Firefox, Chrome, and Opera.
+
+http.cors.enabled: true
+http.cors.allow-origin: "/.*/"
+http.cors.allow-headers: ["X-Requested-With", "Content-Type", "Content-Length"]
+http.cors.allow-credentials: true
+
+2. Start up Elastic Search by running running the elasticsearch.bat in the elasticsearch 2.3.1 bin folder.
+
+If you want to do a cleanup before running these instructions, then you can execute this
+optional command which will destroy the index settings and data.
+
+curl -XDELETE "http://localhost:9200/auditdata?pretty"
+
+Expected Result:
+{
+ "acknowledged" : true
+}
+
+
+ElasticSearch Index Setup and Bulk Load Instructions:
+=====================================================
+
+1. Configure Elastic Search Index
+
+curl -XPUT localhost:9200/auditdata?pretty --data-binary @auditdataConfigSettings.json
+
+Expected Result:
+{
+ "acknowledged" : true
+}
+
+2. Prepare elastic search bulk import:
+
+prepareElasticSearchBulkImport.pl sampleAuditLog5.csv auditBulkLoad.json
+
+curl -XPUT localhost:9200/_bulk?pretty --data-binary @auditBulkLoad.json
+
+At the top of the output verify if there any import errors by looking at the errors field.
+
+Expected Result:
+{
+ "took" : 103,
+ "errors" : false, <-------- this field is important. if true you need to look at the output, otherwise you can ignore it
+ "items" : [ {
+ "create" : {
+ "_index" : "auditdata",
+ "_type" : "everything",
+ "_id" : "AVXN0g6Ve6sNoEtMKGxy",
+ "_version" : 1,
+ "_shards" : {
+ "total" : 2,
+ "successful" : 1,
+ "failed" : 0
+ },
+ "status" : 201
+ }
+
+
+
+3. Verify that auditdata index contains data
+
+curl -XGET http://localhost:9200/_cat/indices?v
+
+Expected Result:
+
+health status index pri rep docs.count docs.deleted store.size pri.store.size
+yellow open auditdata 5 1 250 0 85.2kb 85.2kb
+
+4. Verify configuration of elastic search index parameter settings:
+
+curl -XGET http://localhost:9200/auditdata?pretty
+
+Expected Result:
+{
+ "auditdata" : {
+ "aliases" : { },
+ "mappings" : {
+ "everything" : {
+ "properties" : {
+ "date" : {
+ "type" : "date",
+ "format" : "MMM d y HH:m:s||dd-MM-yyyy HH:mm:ss||yyyy-MM-dd'T'HH:mm:ss.SSSZZ||MM/dd/yyyy"
+ },
+ "entityKey" : {
+ "type" : "string"
+ },
+ "entityType" : {
+ "type" : "string"
+ },
+ "message" : {
+ "type" : "string"
+ },
+ "severity" : {
+ "type" : "string"
+ },
+ "status" : {
+ "type" : "string"
+ }
+ }
+ },
+ "auditdata" : {
+ "properties" : {
+ "date" : {
+ "type" : "date",
+ "format" : "MMM d y HH:m:s||dd-MM-yyyy HH:mm:ss||yyyy-MM-dd'T'HH:mm:ss.SSSZZ||MM/dd/yyyy"
+ },
+ "entityKey" : {
+ "type" : "string"
+ },
+ "entityType" : {
+ "type" : "string"
+ },
+ "message" : {
+ "type" : "string"
+ },
+ "severity" : {
+ "type" : "string"
+ },
+ "status" : {
+ "type" : "string"
+ }
+ }
+ }
+ },
+ "settings" : {
+ "index" : {
+ "creation_date" : "1468250773569",
+ "number_of_shards" : "5",
+ "number_of_replicas" : "1",
+ "uuid" : "IgJe5PZyQmSfCLzuxm3Ulw",
+ "version" : {
+ "created" : "2030199"
+ }
+ }
+ },
+ "warmers" : { }
+ }
+}
+
+5. Test that you can retrieve data:
+
+curl -XGET "http://localhost:9200/auditdata/_search/?size=3&pretty"
+
+Expected Result:
+{
+ "took" : 8,
+ "timed_out" : false,
+ "_shards" : {
+ "total" : 5,
+ "successful" : 5,
+ "failed" : 0
+ },
+ "hits" : {
+ "total" : 250,
+ "max_score" : 1.0,
+ "hits" : [ {
+ "_index" : "auditdata",
+ "_type" : "everything",
+ "_id" : "AVXakQNNe6sNoEtMKG1y",
+ "_score" : 1.0,
+ "_source" : {
+ "date" : "May 26 2016 15:24:13",
+ "severity" : "CRITICAL",
+ "entityType" : "vpls-pe",
+ "entityKey" : "sfcca303vr1",
+ "status" : "prov-status=[ACTIVE]",
+ "message" : "Invalid prov-status value. Must have a value not equal to ACTIVE/active."
+ }
+ },{
+ "_index" : "auditdata",
+ "_type" : "everything",
+ "_id" : "AVXakQNNe6sNoEtMKG13",
+ "_score" : 1.0,
+ "_source" : {
+ "date" : "May 26 2016 15:24:13",
+ "severity" : "CRITICAL",
+ "entityType" : "vpe",
+ "entityKey" : "VPESAT-ashah401me6",
+ "status" : "prov-status=[NULL]",
+ "message" : "Invalid prov-status value. Must have a value not equal to ACTIVE/active."
+ }
+ },{
+ "_index" : "auditdata",
+ "_type" : "everything",
+ "_id" : "AVXakQNNe6sNoEtMKG17",
+ "_score" : 1.0,
+ "_source" : {
+ "date" : "May 26 2016 15:24:13",
+ "severity" : "CRITICAL",
+ "entityType" : "vpe",
+ "entityKey" : "VPESAT-eshah401me6",
+ "status" : "prov-status=[]",
+ "message" : "Invalid prov-status value. Must have a value not equal to ACTIVE/active."
+ }
+ } ]
+ }
+}
+
+
--- /dev/null
+#!/usr/bin/perl
+
+use strict;
+use warnings;
+
+my $filename = $ARGV[0];
+my $outputfile= $ARGV[1];
+
+open my $fh_input, '<', $filename or die "Cannot open $filename: $!";
+open my $fh_output, '>', $outputfile or die "Cannot open $outputfile: $!";
+
+while ( my $line = <$fh_input> ) {
+ chomp ($line);
+
+ if ( $line =~ /(.*)(\".*\")(.*)/ ) {
+
+ # we have seen examples of the status field containing quoted comma-delimited
+ # strings which is messing up parsing of the record data which is supposed to be
+ # comma-separated at the field level. This little block converts sections of
+ # this type of data into a single-quoted-string with a semi-colon delimiter instead.
+
+ my $beforeBadStr = $1;
+ my $badStr = $2;
+ my $afterBadStr = $3;
+
+ $badStr =~ s/,/;/g;
+ $badStr =~ s/"/'/g;
+
+ $line = $beforeBadStr . $badStr . $afterBadStr ;
+
+ }
+
+ my @row = split(",", $line);
+ print $fh_output "{\"index\":{\"_index\":\"auditdata\",\"_type\":\"default\"}\n";
+ print $fh_output "{\"entityType\": \"$row[0]\", \"errorMessage\": \"$row[1]\", \"violations\": [{ \"violationTimestamp\": \"$row[2]\", \"severity\": \"$row[3]\", \"violationType\": \"$row[4]\", \"violationDetails\": { \"MISSING_REL\": \"$row[5]\", \"entityType\": \"$row[6]\", \"entityId\": { \"vdc-id\": \"$row[7]\" } }, \"category\": \"$row[8]\" }, { \"violationTimestamp\": \"$row[9]\", \"severity\": \"$row[10]\", \"violationType\": \"$row[11]\", \"violationDetails\": { \"MISSING_REL\": \"$row[12]\", \"entityType\": \"$row[13]\", \"entityId\": { \"vdc-id\": \"$row[14]\" } }, \"category\": \"$row[15]\" }]}\n";
+
+}
+
+close($fh_input);
+close($fh_output);
+
--- /dev/null
+virtual-data-center,Invalid prov-status value. Must have a value not equal to ACTIVE/active.,20161219T091529Z,CRITICAL,Rule1,prov-status=[ACTIVE],newvce,vnf-id-team-auto-11,INVALID OBJ1,20161219T091529Z,CRITICAL,Rule1,prov-status=[ACTIVE],virtual-data-center,vnf-id-team-auto-112,INVALID OBJ1
+newvce,Invalid prov-status value. Must have a value not equal to ACTIVE/active.,20161219T091529Z,MAJOR,Rule2,prov-status=[ACTIVE],newvce,vnf-id-team-auto-11,INVALID OBJ2,20161219T091529Z,MAJOR,Rule2,prov-status=[ACTIVE],newvce2,vnf-id-team-auto-112,INVALID OBJ2
+virtual-data-center,Invalid prov-status value. Must have a value not equal to ACTIVE/active.,20161219T091529Z,MINOR,Rule3,prov-status=[ACTIVE],virtual-data-center,vnf-id-team-auto-11,INVALID OBJ3,20161219T091529Z,MINOR,Rule3,prov-status=[ACTIVE],newvce2,vnf-id-team-auto-112,INVALID OBJ3
+newvce,Invalid prov-status value. Must have a value not equal to ACTIVE/active.,20161218T091529Z,CRITICAL,Rule1,prov-status=[ACTIVE],vserver,vnf-id-team-auto-11,INVALID OBJ4,20161218T091529Z,CRITICAL,Rule1,prov-status=[ACTIVE],vserver2,vnf-id-team-auto-112,INVALID OBJ4
+newvce,Invalid prov-status value. Must have a value not equal to ACTIVE/active.,20161218T091529Z,MAJOR,Rule2,prov-status=[ACTIVE],vserver,vnf-id-team-auto-11,INVALID OBJ5,20161218T091529Z,MAJOR,Rule2,prov-status=[ACTIVE],vserver2,vnf-id-team-auto-112,INVALID OBJ5
+virtual-data-center,Invalid prov-status value. Must have a value not equal to ACTIVE/active.,20161218T091529Z,MINOR,Rule3,prov-status=[ACTIVE],vserver,vnf-id-team-auto-11,INVALID OBJ6,20161218T091529Z,MINOR,Rule3,prov-status=[ACTIVE],vserver2,vnf-id-team-auto-112,INVALID OBJ6
+newvce,Invalid prov-status value. Must have a value not equal to ACTIVE/active.,20161217T091529Z,CRITICAL,Rule1,prov-status=[ACTIVE],pserver,vnf-id-team-auto-11,INVALID OBJ7,20161217T091529Z,CRITICAL,Rule1,prov-status=[ACTIVE],pserver2,vnf-id-team-auto-112,INVALID OBJ7
+newvce,Invalid prov-status value. Must have a value not equal to ACTIVE/active.,20161217T091529Z,MAJOR,Rule2,prov-status=[ACTIVE],virtual-data-center,vnf-id-team-auto-11,INVALID OBJ8,20161217T091529Z,MAJOR,Rule2,prov-status=[ACTIVE],pserver2,vnf-id-team-auto-112,INVALID OBJ8
+virtual-data-center,Invalid prov-status value. Must have a value not equal to ACTIVE/active.,20161217T091529Z,MINOR,Rule3,prov-status=[ACTIVE],pserver,vnf-id-team-auto-11,INVALID OBJ9,20161217T091529Z,MINOR,Rule3,prov-status=[ACTIVE],pserver2,vnf-id-team-auto-112,INVALID OBJ9
+newvce,Invalid prov-status value. Must have a value not equal to ACTIVE/active.,20160917T091529Z,CRITICAL,Rule1,prov-status=[ACTIVE],pserver,vnf-id-team-auto-11,INVALID OBJ1,20160917T091529Z,CRITICAL,Rule1,prov-status=[ACTIVE],pserver2,vnf-id-team-auto-112,INVALID OBJ1
+newvce,Invalid prov-status value. Must have a value not equal to ACTIVE/active.,20160217T091529Z,MAJOR,Rule2,prov-status=[ACTIVE],virtual-data-center,vnf-id-team-auto-11,INVALID OBJ2,20160217T091529Z,MAJOR,Rule2,prov-status=[ACTIVE],pserver2,vnf-id-team-auto-112,INVALID OBJ2
+virtual-data-center,Invalid prov-status value. Must have a value not equal to ACTIVE/active.,20151017T091529Z,MINOR,Rule3,prov-status=[ACTIVE],pserver,vnf-id-team-auto-11,INVALID OBJ3,20151017T091529Z,MINOR,Rule3,prov-status=[ACTIVE],pserver2,vnf-id-team-auto-112,INVALID OBJ3
*
* ECOMP is a trademark and service mark of AT&T Intellectual Property.
*/
+
import React, {Component} from 'react';
import {connect} from 'react-redux';
import FontAwesome from 'react-fontawesome';
import {postAnalyticsData} from 'app/analytics/AnalyticsActions.js';
import GlobalInlineMessageBar from 'app/globalInlineMessageBar/GlobalInlineMessageBar.jsx';
import {getClearGlobalMessageEvent} from 'app/globalInlineMessageBar/GlobalInlineMessageBarActions.js';
-import {externalUrlRequest, externalMessageRequest} from 'app/contextHandler/ContextHandlerActions.js';
+import {externalUrlRequest, externalMessageRequest, getSubscriptionPayload} from 'app/contextHandler/ContextHandlerActions.js';
import {
filterBarActionTypes
showMenu = false,
toggleButtonActive = false,
externalRequestFound = {},
- secondaryTitle = ''
+ secondaryTitle = '',
+ subscriptionPayload = {},
+ subscriptionEnabled = false
} = mainWrapper;
return {
showMenu,
toggleButtonActive,
externalRequestFound,
- secondaryTitle
+ secondaryTitle,
+ subscriptionPayload,
+ subscriptionEnabled
};
};
},
onExternalMessageRecieved: (messageJson) => {
dispatch(externalMessageRequest(messageJson));
+ },
+ onGetSubscriptionPayload: () => {
+ dispatch(getSubscriptionPayload());
}
};
};
showMenu: React.PropTypes.bool,
toggleButtonActive: React.PropTypes.bool,
externalRequestFound: React.PropTypes.object,
- secondaryTitle: React.PropTypes.string
+ secondaryTitle: React.PropTypes.string,
+ subscriptionPayload: React.PropTypes.object
};
navigationLinkAndCurrentPathMatch(location, to) {
}
}
componentWillMount() {
+ this.props.onGetSubscriptionPayload();
if(this.props.match.params.externalUrl !== undefined &&
this.isValidExternalURL(this.props.match.params.externalUrl)) {
this.props.onExternalUrlRequest(this.props.match.params.externalUrl);
nextProps.externalRequestFound !== undefined && nextProps.externalRequestFound.suggestion !== undefined) {
changeUrlAddress(nextProps.externalRequestFound.suggestion, nextProps.history);
}
+
+ if (nextProps.subscriptionEnabled) {
+ if (nextProps.subscriptionPayload !== this.props.subscriptionPayload &&
+ Object.keys(nextProps.subscriptionPayload).length > 0) {
+ var getWindowUrl = function (url) {
+ var split = url.split('/');
+ return split[0] + '//' + split[2];
+ };
+ window.parent.postMessage(
+ JSON.stringify(nextProps.subscriptionPayload),
+ getWindowUrl(document.referrer));
+ }
+ }
}
- receiveMessage(event) {
+ receiveMessage(event, $this) {
function isJson(str) {
try {
JSON.parse(str);
}
return true;
}
- let messageData = event.data.message;
- if(isJson(messageData)) {
- this.props.onExternalMessageRecieved(JSON.parse(messageData));
+ if(isJson(event.data)) {
+ let messageData = JSON.parse(event.data);
+ if(isJson(messageData.message)) {
+ $this.props.onExternalMessageRecieved(messageData.message);
+ }
}
+
}
componentDidMount() {
- window.addEventListener('message', this.receiveMessage, false);
+ //TODO Move this logic to the component will receive props.
+ //Check if the event lister is available and if the subscription is
+ // enabled before registering for it
+ if(document.referrer) {
+ var $this = this;
+ window.addEventListener('message', function (e) {
+ $this.receiveMessage(e, $this);
+ }, false);
+ }
}
componentWillUnmount() {
- window.removeEventListener('message', this.receiveMessage);
+ if(this.props.subscriptionEnabled) {
+ var $this = this;
+ window.removeEventListener('message', function (e) {
+ $this.receiveMessage(e, $this);
+ }
+ );
+ }
}
render() {
*
* ECOMP is a trademark and service mark of AT&T Intellectual Property.
*/
+
import {aaiActionTypes} from './MainScreenWrapperConstants.js';
import {
globalAutoCompleteSearchBarActionTypes
...state,
externalRequestFound: action.data
};
+
case aaiActionTypes.SET_SECONDARY_TITLE:
return {
...state,
secondaryTitle: action.data
};
+ case contextHandlerActionTypes.SUBSCRIPTION_PAYLOAD_FOUND:
+ return {
+ ...state,
+ subscriptionPayload: action.data,
+ subscriptionEnabled: true
+ };
+ case contextHandlerActionTypes.SUBSCRIPTION_PAYLOAD_EMPTY:
+ return {
+ ...state,
+ subscriptionEnabled: false
+ };
}
return state;
};
*
* ECOMP is a trademark and service mark of AT&T Intellectual Property.
*/
+
import {
POST,
- POST_HEADER
+ POST_HEADER,
+ GET
} from 'app/networking/NetworkConstants.js';
import networkCall from 'app/networking/NetworkCalls.js';
import {EXTERNAL_REQ_ENTITY_SEARCH_URL,
WRONG_EXTERNAL_REQUEST_MESSAGE,
- WRONG_RESULT
+ WRONG_RESULT,
+ ZERO_RESULT,
+ MULTIPLE_RESULT,
+ FAILED_REQUEST,
+ SUBSCRIPTION_FAILED_MESSAGE,
+ SUBSCRIPTION_PAYLOAD_URL
} from 'app/contextHandler/ContextHandlerConstants';
import {
getSetGlobalMessageEvent,
import { STATUS_CODE_204_NO_CONTENT,
STATUS_CODE_3XX_REDIRECTION,
- MESSAGE_LEVEL_DANGER
+ MESSAGE_LEVEL_DANGER,
+ MESSAGE_LEVEL_WARNING
} from 'utils/GlobalConstants.js';
}
+function createSubscriptionPayloadEvent(payload) {
+ return {
+ type: contextHandlerActionTypes.SUBSCRIPTION_PAYLOAD_FOUND,
+ data: payload
+ };
+}
+
+function createSubscriptionIsEmptyEvent() {
+ return {
+ type: contextHandlerActionTypes.SUBSCRIPTION_PAYLOAD_EMPTY,
+ data: {}
+ };
+}
+
+function fetchSubscriptionPayload(fetchRequestCallback) {
+ return dispatch => {
+ return fetchRequestCallback().then(
+ (response) => {
+ if (response.status >= STATUS_CODE_3XX_REDIRECTION) {
+ return Promise.reject(new Error(response.status));
+ } else {
+ // assume 200 status
+ return response;
+ }
+ }
+ ).then(
+ (results)=> {
+ dispatch(createSubscriptionPayloadEvent(results));
+
+ }
+ ).catch(
+ (e) => {
+ if(e.name === 'EmptyResponseException'){
+ dispatch(getClearGlobalMessageEvent());
+ dispatch(createSubscriptionIsEmptyEvent());
+ } else{
+ dispatch(getSetGlobalMessageEvent(SUBSCRIPTION_FAILED_MESSAGE , MESSAGE_LEVEL_WARNING));
+ }
+ }
+ );
+ };
+}
+export function getSubscriptionPayload() {
+ let externalfetchRequest =
+ () => networkCall.getRequest(SUBSCRIPTION_PAYLOAD_URL, GET);
+ return dispatch => {
+ dispatch(fetchSubscriptionPayload(externalfetchRequest));
+ };
+}
function validateExternalParams(externalURLParams) {
if(externalURLParams.view && externalURLParams.entityId && externalURLParams.entityType) {
return true;
}
).then(
(results)=> {
- if (results.suggestions !== undefined && results.suggestions.length === 1) {
- dispatch(getClearGlobalMessageEvent());
- dispatch(createSuggestionFoundEvent({suggestion: results.suggestions[0]}));
+ if (results.suggestions !== undefined) {
+ if( results.suggestions.length === 1) {
+ dispatch(getClearGlobalMessageEvent());
+ dispatch(createSuggestionFoundEvent({suggestion: results.suggestions[0]}));
+ } else if(results.totalFound === 0 ) {
+ dispatch(getSetGlobalMessageEvent(ZERO_RESULT, MESSAGE_LEVEL_DANGER));
+ } else {
+ dispatch(getSetGlobalMessageEvent(MULTIPLE_RESULT, MESSAGE_LEVEL_DANGER)); }
} else {
- dispatch(getSetGlobalMessageEvent(WRONG_RESULT , MESSAGE_LEVEL_DANGER));
+ dispatch(getSetGlobalMessageEvent(WRONG_RESULT, MESSAGE_LEVEL_DANGER));
}
}
).catch(
() => {
- dispatch(getSetGlobalMessageEvent(WRONG_RESULT , MESSAGE_LEVEL_DANGER));
+ dispatch(getSetGlobalMessageEvent(FAILED_REQUEST , MESSAGE_LEVEL_DANGER));
}
);
};
* ECOMP is a trademark and service mark of AT&T Intellectual Property.
*/
+
import keyMirror from 'utils/KeyMirror.js';
import {BASE_URL} from 'app/networking/NetworkConstants.js';
export const contextHandlerActionTypes = keyMirror({
SINGLE_SUGGESTION_FOUND: null,
- INVALID_SUGGESTION_FOUND: null
+ INVALID_SUGGESTION_FOUND: null,
+ SUBSCRIPTION_PAYLOAD_EMPTY: null,
+ SUBSCRIPTION_PAYLOAD_FOUND: null
});
export const EXTERNAL_REQ_ENTITY_SEARCH_URL = BASE_URL + '/rest/search/externalRequestEntitySearch';
-export const WRONG_EXTERNAL_REQUEST_MESSAGE = 'External parameter request is incorrect';
-export const WRONG_RESULT = 'Invalid result for the requested external params.';
+export const WRONG_EXTERNAL_REQUEST_MESSAGE = 'A parameter in the request is incorrect';
+export const WRONG_RESULT = 'Invalid result for the request.';
+export const FAILED_REQUEST = 'Failed to pull result for the request.';
+export const ZERO_RESULT = 'No result has been found for this request.';
+export const MULTIPLE_RESULT = 'Multiple results were found for this request so none got selected.';
+export const SUBSCRIPTION_FAILED_MESSAGE = 'Failed to fetch subscription payload.';
+export const SUBSCRIPTION_PAYLOAD_URL = BASE_URL + '/subscription/getsubscription';
+
* ECOMP is a trademark and service mark of AT&T Intellectual Property.
*/
+function EmptyResponseException(){
+ this.name = 'EmptyResponseException';
+}
function fetchRequest(URL, POST, POST_HEADER, BODY) {
return fetch(URL, {
credentials: 'same-origin',
});
}
+function processResponse(response){
+ if(response.status === 204){
+ throw new EmptyResponseException();
+ }
+ return response.json();
+}
+function getRequest(URL, GET) {
+ return fetch(URL, {
+ credentials: 'same-origin',
+ method: GET
+ }).then(
+ (response) => {
+ try{
+ response.json();
+ } catch (e){
+ response.isValidJson = false;
+ }
+ return processResponse(response);
+ }
+ );
+}
module.exports = {
fetchRequest: fetchRequest,
- fetchRequestObj: fetchRequestObj
+ fetchRequestObj: fetchRequestObj,
+ getRequest: getRequest
};
*
* ECOMP is a trademark and service mark of AT&T Intellectual Property.
*/
+
import React, {Component} from 'react';
import {connect} from 'react-redux';
import SplitPane from 'react-split-pane';
this.props.match.params.viParam) {
this.props.onNewVIParam(nextProps.match.params.viParam);
}
- if(nextProps.match.params.viParam === undefined && nextProps.match.params.viParam !==
+ if(nextProps.match.params.viParam && nextProps.match.params.viParam !==
this.props.match.params.viParam) {
this.props.onRequestClearData();
}
*
* ECOMP is a trademark and service mark of AT&T Intellectual Property.
*/
+
import {combineReducers} from 'redux';
import ForceDirectedGraph from 'generic-components/graph/ForceDirectedGraph.jsx';
import {aaiActionTypes} from 'app/MainScreenWrapperConstants.js';
} from 'app/tierSupport/TierSupportConstants.js';
import SelectedNodeDetailsReducer from 'app/tierSupport/selectedNodeDetails/SelectedNodeDetailsReducer.js';
import GlobalAutoCompleteSearchBarReducer from 'app/globalAutoCompleteSearchBar/GlobalAutoCompleteSearchBarReducer.js';
+import LaunchInContextReducer from 'app/tierSupport/launchExternalResource/LaunchExternalResourceReducer.js';
import {
MESSAGE_LEVEL_DANGER, MESSAGE_LEVEL_WARNING
} from 'utils/GlobalConstants.js';
export default combineReducers({
selectedNodeDetails: SelectedNodeDetailsReducer,
+ launchExternalResourceReducer: LaunchInContextReducer,
globalAutoCompleteSearchBar: GlobalAutoCompleteSearchBarReducer,
tierSupportReducer: (state = {}, action) => {
switch (action.type) {
--- /dev/null
+/*
+ * ============LICENSE_START===================================================
+ * SPARKY (AAI UI service)
+ * ============================================================================
+ * Copyright © 2017 AT&T Intellectual Property.
+ * Copyright © 2017 Amdocs
+ * All rights reserved.
+ * ============================================================================
+ * Licensed 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.
+ * ============LICENSE_END=====================================================
+ *
+ * ECOMP and OpenECOMP are trademarks
+ * and service marks of AT&T Intellectual Property.
+ */
+
+import {connect} from 'react-redux';
+import React, {Component} from 'react';
+import {isEmpty} from 'lodash';
+import Button from 'react-bootstrap/lib/Button.js';
+
+let mapStateToProps = ({tierSupport: {launchExternalResourceReducer}}) => {
+ let {externalResourcePayload = {}} = launchExternalResourceReducer;
+
+ return {
+ externalResourcePayload
+ };
+};
+
+class LaunchExternalResource extends Component {
+ static propTypes = {
+ externalResourcePayload: React.PropTypes.object
+ };
+
+ render() {
+ const {externalResourcePayload} = this.props;
+
+ let launchExternalResourceClass = 'hidden';
+ if(!isEmpty(externalResourcePayload) && (externalResourcePayload.message.payload.params.objectName.length > 0)){
+ launchExternalResourceClass = '';
+ }
+
+ return (
+ <div className={launchExternalResourceClass}>
+ <Button
+ bsClass='launch-external-resource-button'
+ onClick={this.handleClick} />
+ </div>
+ );
+ }
+ handleClick = () => {
+ var getWindowUrl = function (url) {
+ var split = url.split('/');
+ return split[0] + '//' + split[2];
+ };
+ if(document.referrer) {
+ window.parent.postMessage(JSON.stringify(this.props.externalResourcePayload), getWindowUrl(document.referrer));
+ }
+ }
+}
+export default connect(mapStateToProps)(LaunchExternalResource);
--- /dev/null
+/*
+ * ============LICENSE_START===================================================
+ * SPARKY (AAI UI service)
+ * ============================================================================
+ * Copyright © 2017 AT&T Intellectual Property.
+ * Copyright © 2017 Amdocs
+ * All rights reserved.
+ * ============================================================================
+ * Licensed 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.
+ * ============LICENSE_END=====================================================
+ *
+ * ECOMP and OpenECOMP are trademarks
+ * and service marks of AT&T Intellectual Property.
+ */
+
+import {tierSupportActionTypes} from 'app/tierSupport/TierSupportConstants.js';
+import {
+ globalAutoCompleteSearchBarActionTypes
+} from 'app/globalAutoCompleteSearchBar/GlobalAutoCompleteSearchBarConstants.js';
+import {isEmpty} from 'lodash';
+
+export default (state = {}, action) => {
+ switch (action.type) {
+ case tierSupportActionTypes.TS_NODE_SEARCH_RESULTS:
+ if(!isEmpty(action.data.nodes)){
+ for (const node of action.data.nodes) {
+ if (node.nodeMeta.searchTarget === true) {
+ let externalResourcePayload = {};
+ if(!isEmpty(node.externalResourcePayload)){
+ externalResourcePayload = node.externalResourcePayload;
+ }
+ return {
+ ...state,
+ externalResourcePayload: externalResourcePayload
+ };
+ }
+ }
+ }
+ return {
+ ...state,
+ externalResourcePayload: {}
+ };
+
+ case tierSupportActionTypes.TS_GRAPH_NODE_SELECTED:
+ let externalResourcePayload;
+ if(action.data.externalResourcePayload){
+ externalResourcePayload = action.data.externalResourcePayload;
+ } else {
+ externalResourcePayload = {};
+ }
+ return {
+ ...state,
+ externalResourcePayload: externalResourcePayload
+ };
+
+ case globalAutoCompleteSearchBarActionTypes.SEARCH_WARNING_EVENT:
+ case tierSupportActionTypes.TIER_SUPPORT_NETWORK_ERROR:
+ case tierSupportActionTypes.TIER_SUPPORT_CLEAR_DATA:
+ case tierSupportActionTypes.TS_NODE_SEARCH_NO_RESULTS:
+ return {
+ ...state,
+ externalResourcePayload: {}
+ };
+ }
+ return state;
+};
*
* ECOMP is a trademark and service mark of AT&T Intellectual Property.
*/
+
import {connect} from 'react-redux';
import React, {Component} from 'react';
import Table from 'react-bootstrap/lib/Table';
+import LaunchInContext from 'app/tierSupport/launchExternalResource/LaunchExternalResource.jsx';
import i18n from 'utils/i18n/i18n';
import {
SELECTED_NODE_TITLE,
<div className='ts-selected-node-details'>
<h1>{i18n(SELECTED_NODE_TITLE)}</h1>
<h2>{nodeType}</h2>
- <span>{uid}</span>
+ <span>{uid} <LaunchInContext /></span>
<Table bsClass={tableClass}>
<thead>
<tr>
}
return {
...state,
- nodeData: [],
+ nodeData: {},
nodeType: '',
uid: ''
};
case tierSupportActionTypes.TS_NODE_SEARCH_NO_RESULTS:
return {
...state,
- nodeData: [],
+ nodeData: {},
nodeType: '',
uid: ''
};
*
* ECOMP is a trademark and service mark of AT&T Intellectual Property.
*/
+
import {drag} from 'd3-drag';
import {forceSimulation, forceLink, forceManyBody, forceCenter} from 'd3-force';
import {interpolateNumber} from 'd3-interpolate';
this.simulation.on('end', this.simulationComplete);
this.simulation.stop();
+
+ function myDelta() {
+ var deltaY = 2.5;
+ var deltaMode = 1;
+ if(currentEvent.deltaY < 0 ) {
+ deltaY = -2.5;
+ }
+ return -deltaY * (deltaMode ? 120 : 1) / 1500;
+ }
+
+
this.svgZoom =
- zoom().scaleExtent([NodeConstants.SCALE_EXTENT_MIN, NodeConstants.SACEL_EXTENT_MAX]);
+ zoom().scaleExtent([NodeConstants.SCALE_EXTENT_MIN, NodeConstants.SACEL_EXTENT_MAX]).wheelDelta(myDelta);;
this.svgZoom.clickDistance(2);
this.nodeDrag = drag().clickDistance(2);
} else {
this.hideButton = false;
}
+
if (props.graphData) {
if (props.graphData.graphCounter !== -1) {
this.startSimulation(props.graphData, props.currentlySelectedNodeView, props.dataOverlayButtons);
}
}
-
componentDidUpdate(prevProps) {
let hasNewGraphDataRendered = (prevProps.graphData.graphCounter ===
this.props.graphData.graphCounter);
let nodes = select('.fdgMainSvg').select('.fdgMainG')
.selectAll('.aai-entity-node')
.data(this.nodeDatum);
+
nodes.on('click', (d) => {
this.nodeSelected(d);
});
NodeConstants.SELECTED_SEARCHED_NODE_CLASS_NAME) {
this.nodeButtonDatum[0].data = nodeProps.meta;
+
if(this.nodeButtonDatum.length > 1) {
this.nodeButtonDatum[1].data = nodeProps.meta;
nodeProps = {
newNodes.push(this.nodeFactory.buildNode(nodeProps.meta.nodeMeta.className, nodeProps, this.hideButton));
+
this.nodeIndexTracker.set(node.id, i);
});
}
startSimulation(graphData, currentView, overlayButtons) {
+
this.nodeFactory.setNodeMeta(graphData.graphMeta);
// Experiment with removing length = 0... might not be needed as new array
name: NodeConstants.ICON_ELLIPSES, isSelected: isNodeDetailsSelected, overlayName: overlayButtons[0]
});
-
if(overlayButtons.length > 1 ) {
let isSecondButtonSelected = (currentView === overlayButtons[1]);
return (datum.id === d.id);
});
if (!newlySelectedNode.empty()) {
-
if (newlySelectedNode.datum().nodeMeta.searchTarget) {
this.nodeBuffer[newlySelectedNode.datum().index].nodeMeta.className =
NodeConstants.SELECTED_SEARCHED_NODE_CLASS_NAME;
Code Review / aai / sparky-fe.git / commitdiff
