")}})}}}))),r.a.createElement("div",null,r.a.createElement("br",null),r.a.createElement(sa.a,{style:{marginLeft:5,backgroundColor:"red",color:"white"},onClick:this.handlePUT,variant:"contained"},"Send Update to Server"),r.a.createElement(sa.a,{style:{marginLeft:5},onClick:this.props.handleClose,variant:"contained"},"Cancel")))))}}]),a}(r.a.Component),ar=Object(mn.withSnackbar)(Object(pt.a)((function(e){return{card:{minWidth:700,marginBottom:20}}}))(tr)),nr=a(1007),rr=a(14),ir=a(36).Prompt,sr=a(36).Link,or=function(e){Object(c.a)(a,e);var t=Object(d.a)(a);function a(e){var n;Object(o.a)(this,a),(n=t.call(this,e)).componentDidMount=function(){var e=de("whoami");e&&n.setState({whoami:e}),"Edit"===n.props.entryAction&&X.a.ajax({type:"GET",url:"/scot/api/v2/entry/"+n.props.id,success:function(e){this.setState({content:e.body,asyncContentLoaded:!0,recentlyUpdated:e.updated}),this.forceUpdate()}.bind(Object(l.a)(n)),error:function(e){this.props.errorToggle("Error getting original data from source. Copy/Paste original",e),this.setState({content:"Error getting original data from source. Copy/Paste original",asyncContentLoaded:!0}),this.forceUpdate()}.bind(Object(l.a)(n))}),X()("#not_saved_entry_"+n.state.key).position()&&X()(".entry-wrapper").scrollTop(X()(".entry-wrapper").scrollTop()+X()("#not_saved_entry_"+n.state.key).position().top)},n.onCancel=function(){n.setState({leaveCatch:!1}),n.props.addedentry(),n.setState({change:!1})},n.submit=function(){if(""===X()("#tiny_"+n.state.key+"_ifr").contents().find("#tinymce").text()&&0===X()("#"+n.state.key+"_ifr").contents().find("#tinymce").find("img").length)alert("Please Add Some Text");else if("Reply"===n.props.entryAction){var e={};X()("#tiny_"+n.state.key+"_ifr").contents().find("#tinymce").each((function(e,t){X()(t).find("img").each((function(e,t){if(X()(t)[0].src.startsWith("blob")){var a=document.createElement("canvas"),n=new Image;n=X()(t),a.width=n[0].width,a.height=n[0].height,a.getContext("2d").drawImage(n[0],0,0);var r=a.toDataURL("image/png");X()(t).attr("src",r)}}))})),e=JSON.stringify({parent:Number(n.props.id),body:X()("#tiny_"+n.state.key+"_ifr").contents().find("#tinymce").html(),target_id:Number(n.props.targetid),target_type:n.props.type,tlp:"unset"}),X.a.ajax({type:"post",url:"/scot/api/v2/entry",data:e,contentType:"application/json; charset=UTF-8",dataType:"json",success:function(e){this.setState({leaveCatch:!1}),this.props.addedentry()}.bind(Object(l.a)(n)),error:function(e){this.props.errorToggle("Failed to add entry.",e)}.bind(Object(l.a)(n))})}else"Edit"===n.props.entryAction?X.a.ajax({type:"GET",url:"/scot/api/v2/entry/"+n.props.id,success:function(e){this.state.recentlyUpdated!==e.updated?(this.forEdit(!1),this.setState({showConflict:!0,remoteconflict:e.body})):this.forEdit(!0)}.bind(Object(l.a)(n)),error:function(e){this.props.errorToggle("failed to get data for edit",e)}.bind(Object(l.a)(n))}):"alert"===n.props.type?(X()("#tiny_"+n.state.key+"_ifr").contents().find("#tinymce").each((function(e,t){X()(t).find("img").each((function(e,t){if(X()(t)[0].src.startsWith("blob")){var a=document.createElement("canvas"),n=new Image;n=X()(t),a.width=n[0].width,a.height=n[0].height,a.getContext("2d").drawImage(n[0],0,0);var r=a.toDataURL("image/png");X()(t).attr("src",r)}}))})),e=JSON.stringify({body:X()("#tiny_"+n.state.key+"_ifr").contents().find("#tinymce").html(),target_id:Number(n.props.targetid),target_type:"alert",tlp:"unset",parent:0}),X.a.ajax({type:"post",url:"/scot/api/v2/entry",data:e,contentType:"application/json; charset=UTF-8",dataType:"json",success:function(e){this.setState({leaveCatch:!1}),this.props.addedentry(),this.props.toggleVisibility()}.bind(Object(l.a)(n)),error:function(e){this.props.errorToggle("Failed to add entry.",e)}.bind(Object(l.a)(n))})):(X()("#tiny_"+n.state.key+"_ifr").contents().find("#tinymce").each((function(e,t){X()(t).find("img").each((function(e,t){if(X()(t)[0].src.startsWith("blob")){var a=document.createElement("canvas"),n=new Image;n=X()(t),a.width=n[0].width,a.height=n[0].height,a.getContext("2d").drawImage(n[0],0,0);var r=a.toDataURL("image/png");X()(t).attr("src",r)}}))})),e={parent:0,body:X()("#tiny_"+n.state.key+"_ifr").contents().find("#tinymce").html(),target_id:Number(n.props.targetid),target_type:n.props.type,tlp:"unset"},X.a.ajax({type:"post",url:"/scot/api/v2/entry",data:JSON.stringify(e),contentType:"application/json; charset=UTF-8",dataType:"json",success:function(e){this.setState({leaveCatch:!1}),this.props.addedentry()}.bind(Object(l.a)(n)),error:function(e){this.props.errorToggle("Failed to add entry.",e)}.bind(Object(l.a)(n))}))},n.exportContent=function(){if(n.props.recipients.length>0){var e;X()("#tiny_"+n.state.key+"_ifr").contents().find("#tinymce").each((function(e,t){X()(t).find("img").each((function(e,t){if(X()(t)[0].src.startsWith("blob")){var a=document.createElement("canvas"),n=new Image;n=X()(t),a.width=n[0].width,a.height=n[0].height,a.getContext("2d").drawImage(n[0],0,0);var r=a.toDataURL("image/png");X()(t).attr("src",r)}}))})),e=JSON.stringify({body:X()("#tiny_"+n.state.key+"_ifr").contents().find("#tinymce").html(),to:n.props.recipients,thing:n.props.type}),X.a.ajax({type:"post",url:"/scot/api/v2/sendexport",data:e,contentType:"application/json; charset=UTF-8",dataType:"json",success:function(){this.setState({leaveCatch:!1}),this.props.exportResponse("success")}.bind(Object(l.a)(n)),error:function(e){this.props.errorToggle("Failed to export "+this.props.type,e),this.props.exportResponse("error")}.bind(Object(l.a)(n))})}else n.props.errorToggle("Please enter a valid email address")},n.handleClose=function(){n.setState({showConflict:!1})},n.forEdit=function(e){if(e){X()("#tiny_"+n.state.key+"_ifr").contents().find("#tinymce").each((function(e,t){X()(t).find("img").each((function(e,t){if(X()(t)[0].src.startsWith("blob")){var a=document.createElement("canvas"),n=new Image;n=X()(t),a.width=n[0].width,a.height=n[0].height,a.getContext("2d").drawImage(n[0],0,0);var r=a.toDataURL("image/png");X()(t).attr("src",r)}}))}));var t={parent:Number(n.props.parent),body:X()("#tiny_"+n.state.key+"_ifr").contents().find("#tinymce").html(),target_id:Number(n.props.targetid),target_type:n.props.type,parsed:0};X.a.ajax({type:"put",url:"/scot/api/v2/entry/"+n.props.id,data:JSON.stringify(t),contentType:"application/json; charset=UTF-8",dataType:"json",success:function(e){this.setState({leaveCatch:!1}),this.props.addedentry()}.bind(Object(l.a)(n)),error:function(e){this.props.errorToggle("Failed to edit entry.",e)}.bind(Object(l.a)(n))})}},n.handleEditorChange=function(e){n.setState({localcontent:e})},n.render=function(){var e="not_saved_entry_"+n.state.key;return r.a.createElement("div",{id:e,className:"not_saved_entry"},n.state.showConflict?r.a.createElement(nr.a,{fullWidth:!0,maxWidth:"md",open:n.state.showConflict,onClose:n.handleClose,"aria-labelledby":"simple-dialog-title"},r.a.createElement(ar,{targetid:n.props.targetid,type:n.props.type,parent:n.props.parent,addedEntry:n.props.addedentry,id:n.props.id,localconflict:n.state.localcontent,handleClose:n.handleClose,remoteconflict:n.state.remoteconflict})):null,r.a.createElement("div",{className:"row-fluid entry-outer",style:{border:"3px solid blue",marginLeft:"auto",marginRight:"auto",width:"99.3%"}},r.a.createElement("div",{className:"row-fluid entry-header"},r.a.createElement("div",{className:"entry-header-inner"},"[",r.a.createElement(sr,{style:{color:"black"},to:"not_saved_0"},"Not_Saved_0"),"]by ",n.state.whoami,r.a.createElement("span",{className:"pull-right",style:{display:"inline-flex",paddingRight:"3px"}},"Export"===n.props.entryAction?r.a.createElement(rr,{bsSize:"xsmall",onClick:n.exportContent,bsStyle:"success"},"Export"):r.a.createElement(rr,{bsSize:"xsmall",onClick:n.submit,bsStyle:"success"},"Submit"),r.a.createElement(rr,{bsSize:"xsmall",onClick:n.onCancel},"Cancel")))),n.state.asyncContentLoaded?r.a.createElement(Xn.a,{id:n.state.tinyID,className:"inputtext",initialValue:n.state.content,plugins:"advlist lists link image charmap print preview hr anchor pagebreak searchreplace wordcount visualblocks visualchars code fullscreen insertdatetime media nonbreaking save table directionality emoticons template paste textpattern imagetools",onEditorChange:n.handleEditorChange,init:{table_default_attributes:{border:"5",borderStyle:"solid",borderColor:"blue"},auto_focus:n.state.tinyID,browser_spellcheck:!0,contextmenu:!1,codesample_languages:[{text:"C",value:"c"},{text:"C#",value:"csharp"},{text:"C++",value:"cpp"},{text:"Docker",value:"docker"},{text:"HTTP",value:"http"},{text:"JavaScript",value:"javascript"},{text:"Java",value:"java"},{text:"JSON",value:"json"},{text:"Markdown",value:"md"},{text:"Perl",value:"perl"},{text:"PHP",value:"php"},{text:"Powershell",value:"powershell"},{text:"Python",value:"python"},{text:"Ruby",value:"ruby"},{text:"Bash / Shell",value:"bash"},{text:"Splunk SPL ",value:"splunk-spl"},{text:"Visual Basic",value:"visual-basic"},{text:"HTML/XML",value:"markup"}],plugins:"advlist lists link image charmap print preview hr anchor pagebreak searchreplace wordcount visualblocks visualchars code fullscreen insertdatetime media nonbreaking save table directionality emoticons template paste textpattern imagetools codesample",table_clone_elements:"strong em b i font h1 h2 h3 h4 h5 h6 p div",paste_retain_style_properties:"all",paste_data_images:!0,paste_preprocess:function(e,t){t.content=t.content.replace(/<(\/)?a([^>]*)>/g,"<$1span$2>")+" "},paste_postprocess:function(e,t){t.node.querySelectorAll("table").forEach((function(e){e.setAttribute("border","1"),e.setAttribute("cellpadding","1"),e.setAttribute("cellspacing","0")}))},relative_urls:!1,remove_script_host:!1,link_assume_external_targets:!0,toolbar1:"full screen | undo redo | bold italic | alignleft aligncenter alignright | bullist numlist | forecolor backcolor fontsizeselect fontselect formatselect | blockquote code link image insertdatetime | customBlockquote | codesample",content_css:"/css/entryeditor.css",height:250,verify_html:!1,setup:function(e){e.ui.registry.addMenuButton("customBlockquote",{text:"500px max-height blockquote",tooltip:"Insert a 500px max-height div (blockquote)",fetch:function(){e.insertContent("
")}})}}}):r.a.createElement("div",null,"Loading Editor...")),r.a.createElement(ir,{when:n.state.leaveCatch,message:"Unsubmitted entry detected. You may want to submit or copy the contents of the entry before navigating elsewhere. Click CANCEL to prevent navigation elsewhere."}))};var i,s,c=new Date,d="tiny_"+(c=c.getTime());switch(n.props.entryAction){case"Add":case"Reply":i="",s=!0;break;case"Copy To Entry":i=n.props.content,s=!0;break;case"Edit":i="",s=!1;break;case"Export":i=n.props.content,s=!0;break;default:i="",s=!0}return n.state={tinyID:d,key:c,content:i,asyncContentLoaded:s,leaveCatch:!0,whoami:void 0,recentlyUpdated:0,showConflict:!1,localcontent:""},n}return a}(r.a.Component),lr=a(455),cr=a.n(lr),dr=a(166),pr=a.n(dr),ur=a(296),hr=function(e){Object(c.a)(a,e);var t=Object(d.a)(a);function a(e){var n;Object(o.a)(this,a),(n=t.call(this,e)).componentWillMount=function(){},n.onLoad=function(){if(void 0!==document.getElementById("iframe_"+n.props.id)&&null!==document.getElementById("iframe_"+n.props.id))if("complete"===document.getElementById("iframe_"+n.props.id).contentDocument.readyState){var e=X()("#iframe_"+n.props.id),t=X()(e).contents(),a=X()(t).find("head");a&&(X()(a).find("link")||a.append(X()("",{rel:"stylesheet",href:"css/sandbox.css",type:"text/css"}))),setTimeout(function(){void 0!==document.getElementById("iframe_"+this.props.id)&&document.getElementById("iframe_"+this.props.id).contentWindow.requestAnimationFrame(function(){var e;e=document.getElementById("iframe_"+this.props.id).contentWindow.document.body.scrollHeight,e+="px",this.state.height!==e&&this.setState({height:e})}.bind(this))}.bind(Object(l.a)(n)),250)}else setTimeout(n.onLoad,0)},n.componentDidMount=function(){n.setState({isMounted:!0});var e=n.state.tabs,t=n.props.entityvalue;if("source"!==n.props.entitytype)if(void 0===n.state.entityid||isNaN(n.state.entityid))X.a.ajax({type:"GET",url:"scot/api/v2/"+n.props.entitytype+"/byname",data:{name:t},success:function(t){var a=t.id;this.state.isMounted&&(this.setState({entityid:a}),X.a.ajax({type:"GET",url:"scot/api/v2/"+this.props.entitytype+"/"+a,success:function(t){var n={data:t,entityid:a,entitytype:this.props.entitytype,valueClicked:t.value};if(e.push(n),this.state.isMounted){var r=[];r.push(a),this.setState({tabs:e,currentKey:a,initialLoad:!0,processedIds:r}),this.props.createCallback(this.props.entityid,this.updated)}}.bind(this),error:function(e){this.props.errorToggle("failed to get entity detail information",e)}.bind(this)}))}.bind(Object(l.a)(n)),error:function(e){this.props.errorToggle("failed to get entity detail id information ",e)}.bind(Object(l.a)(n))});else{var a=n.state.entityid;Array.isArray(a)||(a=[parseInt(a,10)]);for(var r=0;r
{this.props.children}
\n \n\t\t{title}\n\t\t\n\t\t\t\n\t\t\n\t
\n)\n\nconst Wrapper = ( { children, onRemove, editable, title } ) => (\n\t\n\t\t{ !editable && children }\n\t\t{ editable &&\n\t\t\t\n\t\t\t\t{React.cloneElement(children, { editMode: editable })}\n\t\t\t \n\t\t}\n\t
\n)\n\nexport default Wrapper;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Modal, Button } from 'react-bootstrap';\n\nconst WidgetPicker = ( { widgets, layout, isOpen, onClose, onSelect } ) => {\n\tlet activeWidgets = new Set();\n\tlayout.rows.forEach( row => {\n\t\trow.columns.forEach( col => {\n\t\t\tcol.widgets.forEach( widget => {\n\t\t\t\tactiveWidgets.add( widget.key );\n\t\t\t} );\n\t\t} );\n\t} );\n\n\tlet widgetItems = Object.keys(widgets)\n\t\t.filter( widget => !activeWidgets.has( widget ) )\n\t\t.map( ( widget, key ) => {\n\t\t\tconst widgetObj = widgets[widget];\n\t\t\treturn (\n\t\t\t\t {onSelect(widget);}}>\n\t\t\t\t\t
\n\t\t\t)\n\t\t} );\n\n\tif ( !widgetItems.length ) {\n\t\twidgetItems = {widgetObj.title}
\n\t\t\t\t\t{widgetObj.description}
\n\t\t\t\tNo available widgets
;\n\t}\n\n\treturn (\n\t\t\n \n \n
\n );\n }\n}\n\nconst TitleBar = ({\n title,\n editMode,\n onEdit,\n onSave,\n onCancel,\n handleTitleChange,\n isNew,\n editable\n}) => {\n if (!editable) {\n return null;\n }\n return (\n \n {editMode && (\n \n )}\n {!editMode && (\n
\n );\n};\nTitleBar.propTypes = {\n title: PropTypes.string.isRequired,\n editMode: PropTypes.bool.isRequired,\n onEdit: PropTypes.func.isRequired,\n onSave: PropTypes.func.isRequired,\n onCancel: PropTypes.func.isRequired,\n handleTitleChange: PropTypes.func.isRequired,\n editable: PropTypes.bool.isRequired\n};\n","import React, { PureComponent } from \"react\";\nimport { Panel } from \"react-bootstrap\";\nimport $ from \"jquery\";\n\nclass Status extends PureComponent {\n constructor(props) {\n super(props);\n\n this.state = {\n statusData: {},\n error: null\n };\n\n this.updateData = this.updateData.bind(this);\n this.fetchError = this.fetchError.bind(this);\n }\n\n componentDidMount() {\n /*\n\t\t * Expected structure:\n\t\t * [\n\t\t *\t\t{ name: \"SERVICE\", status: \"STATUS\" },\n\t\t *\t\t...\n\t\t * ]\n\t\t *\n\t\t * Service: name of service\n\t\t * Status: [ \"ok\", \"error\", \"warn\", \"unknown\" ]\n\t\t */\n $.ajax({\n type: \"get\",\n url: \"scot/api/v2/status\",\n success: this.updateData,\n error: this.fetchError\n });\n this._isMounted = true;\n }\n\n componentWillUnmount() {\n this._isMounted = false;\n }\n\n updateData(response) {\n if (this._isMounted) {\n this.setState({\n statusData: response\n });\n }\n }\n\n fetchError(error) {\n if (this._isMounted) {\n this.setState({\n error: error\n });\n }\n }\n\n render() {\n let { className = \"\" } = this.props;\n let services = [];\n if (Array.isArray(this.state.statusData)) {\n for (let service of this.state.statusData) {\n let { name, status } = service;\n if (!status) {\n status = \"unknown\";\n }\n\n services.push(\n \n
\n )}\n \n {this.state.error && (\n \n {this.state.error}\n \n )}\n {services}\n
\n );\n }\n}\n\nconst Service = ({ name, status }) => (\n \n {name}\n
\n);\n\nexport default Status;\n","import React from 'react';\nconst Emoji = props => (\n Leaders
\n {this.state.error && (\n\n {data[0].username !== \"\" && data[0].username !== null && data[0].count != null && data[0].count !== \"\" ?\n
\n \n {data[0].count} \n
: null\n }\n {data[1].username !== \"\" && data[1].username != null && data[1].count != null && data[1].count !== \"\" ?\n \n {data[1].count} \n
: null\n }\n {data[2].username !== \"\" && data[2].username != null && data[2].count != null && data[2].count !== \"\" ?\n \n {data[2].count} \n
: null\n }\n \n \n
\n);\n\nexport default Activity;\n","//Calculates and displays time since a given time in seconds\n\nexport default function timeSince(seconds) {\n /*function timeSince(date) {\n var seconds = Math.floor((new Date() - date) / 1000);*/\n\n var interval = Math.floor(seconds / 31536000);\n\n if (interval > 1) {\n return interval + \" years\";\n }\n interval = Math.floor(seconds / 2592000);\n if (interval > 1) {\n return interval + \" months\";\n }\n interval = Math.floor(seconds / 86400);\n if (interval > 1) {\n return interval + \" days\";\n }\n interval = Math.floor(seconds / 3600);\n if (interval > 1) {\n return interval + \" hours\";\n }\n interval = Math.floor(seconds / 60);\n if (interval > 1) {\n return interval + \" minutes\";\n }\n return Math.floor(seconds) + \" seconds\";\n}\n","import React, { PureComponent } from 'react';\nimport { Button } from 'react-bootstrap';\nimport * as d3 from 'd3'\nimport $ from 'jquery'\nimport axios from 'axios'\n\n\n\nclass ReportHeatmap extends PureComponent {\n constructor(props) {\n super(props);\n\n this.state = {\n collection: 'event',\n type: 'created',\n year: '2017',\n data: []\n }\n }\n\n getData = () => {\n var url = '/scot/api/v2/graph/dhheatmap?collection=' + this.state.collection + '&type=' + this.state.type + '&year=' + this.state.year\n\n axios.get(url).then(res => {\n this.setState({ data: res.data })\n });\n }\n\n componentDidMount() {\n this.getData();\n this.loadHeatMap();\n }\n\n componentDidUpdate() {\n this.loadHeatMap();\n }\n\n loadHeatMap = () => {\n // Don't load if dashboard in edit mode\n if (this.props.editMode) {\n return;\n }\n\n let margin = {\n top: 30,\n bottom: 30,\n left: 30,\n right: 0,\n },\n width = 1000 - (margin.left - margin.right),\n height = 300 - (margin.top - margin.bottom),\n gridSize = Math.floor(width / 24),\n legendElementWidth = gridSize * 1.5,\n buckets = 9,\n colors = ['#ffffd9', '#edf8b1', '#c7e9b4', '#7fcdbb', '#41b6c4', '#1d91c0', '#225ea8', '#253494', '#081d58'],\n days = ['Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa', 'Su'],\n times = ['1a', '2a', '3a', '4a', '5a', '6a', '7a', '8a', '9a', '10a', '11a', '12a', '1p', '2p', '3p', '4p', '5p', '6p', '7p', '8p', '9p', '10p', '11p', '12p'];\n\n let container = d3.select('#report_heatmap');\n let graph = container.select('g');\n if (graph.empty()) {\n graph = container.append('g')\n .attr('transform', 'translate( ' + margin.left + ', ' + margin.top + ' )');\n }\n\n // Day Labels\n graph.selectAll('.dayLabel')\n .data(days)\n .enter().append('text')\n .text((d) => d)\n .attr('x', 0)\n .attr('y', (d, i) => { return i * gridSize; })\n .style('text-anchor', 'end')\n .attr('transform', 'translate( -6, ' + gridSize / 1.5 + ' )')\n .attr('class', (d, i) => {\n return (i >= 0 && i <= 4) ? 'dayLabel axis axis-worktime' : 'dayLabel axis';\n });\n\n // Time Labels\n graph.selectAll('.timeLabel')\n .data(times)\n .enter().append('text')\n .text((d) => d)\n .attr('x', (d, i) => { return i * gridSize; })\n .attr('y', 0)\n .style('text-anchor', 'middle')\n .attr('transform', 'translate( ' + gridSize / 2 + ', -6 )')\n .attr('class', (d, i) => {\n return (i >= 7 && i <= 16) ? 'timeLabel axis axis-worktime' : 'timeLabel axis';\n });\n\n\n\n\n container.selectAll('.legend').remove();\n container.selectAll('.legend-text').remove();\n\n let colorScale = d3.scaleQuantile()\n .domain([0, buckets - 1, d3.max(this.state.data, (d) => { return d.value })])\n .range(colors);\n\n // Cards\n let cards = graph.selectAll('.hour')\n .data(this.state.data, (d) => { return d.day + ':' + d.hour; });\n cards.append('title');\n cards.enter().append('rect')\n .style('fill', colors[0])\n .merge(cards)\n .attr('x', (d) => (d.hour - 1) * gridSize)\n .attr('y', (d) => (d.day - 1) * gridSize)\n .attr('rx', 4)\n .attr('ry', 4)\n .attr('class', 'hour')\n .attr('width', gridSize)\n .attr('height', gridSize)\n .transition().duration(1000)\n .style('fill', (d) => { return colorScale(d.value); });\n cards.select('title').text((d) => d.value);\n cards.exit().remove();\n\n // Legend\n var legend = graph.selectAll('.legend')\n .data([0].concat(colorScale.quantiles()), (d) => d);\n\n legend.enter()\n .append('rect')\n .attr('class', 'legend')\n .attr('x', (d, i) => (legendElementWidth * i))\n .attr('y', height)\n .attr('width', legendElementWidth)\n .attr('height', gridSize / 2)\n .style('fill', (d, i) => colors[i])\n\n legend.enter().append('text')\n .text((d) => ('≥ ' + Math.round(d)))\n .attr('class', 'legend-text')\n .attr('x', (d, i) => legendElementWidth * i)\n .attr('y', height + gridSize);\n }\n\n\n collectionChange = (event) => {\n this.setState({ collection: event.target.value });\n }\n\n yearChange = (event) => {\n this.setState({ year: event.target.value });\n }\n\n exportToPNG = () => {\n var svgString = new XMLSerializer().serializeToString(document.querySelector('#report_heatmap'));\n\n var canvas = document.createElement(\"canvas\");\n var ctx = canvas.getContext(\"2d\");\n var DOMURL = window.self.URL || window.self.webkitURL || window.self;\n var img = new Image();\n var svg = new Blob([svgString], { type: \"image/svg+xml;charset=utf-8\" });\n var url = DOMURL.createObjectURL(svg);\n img.onload = function () {\n ctx.drawImage(img, 0, 0);\n var png = canvas.toDataURL(\"image/png\");\n document.querySelector('#png-container').innerHTML = '\n {!this.props.editMode &&\n
\n\n )\n }\n}\n\nexport default ReportHeatmap;\nexport const Description = \"Heatmap of incoming alerts, event, and incidents\";\n","export default function debounce( callback, wait = 200, immediate = false ) {\n let timeout;\n\n return function( ...args ) {\n clearTimeout( timeout );\n\n timeout = setTimeout( () => {\n timeout = null;\n if ( !immediate ) callback.apply( this, args );\n }, wait );\n\n if ( immediate && !timeout ) callback.apply( this, [...args] );\n };\n}\n","import React, { PureComponent } from \"react\";\nimport { Button } from \"react-bootstrap\";\nimport * as d3 from \"d3\";\nimport debounce from \"../../utils/debounce\";\nimport $ from \"jquery\";\nimport axios from 'axios'\n\nconst formatTickTime = (domain, count = 10) => {\n let start = domain[0],\n end = domain[domain.length - 1],\n step = d3.tickStep(start, end, count);\n\n return d => {\n const daySeconds = 3600 * 24;\n let days = Math.floor(d / daySeconds),\n hours = Math.floor((d % daySeconds) / 3600),\n minutes = Math.floor((d % 3600) / 60),\n seconds = Math.floor(d % 60);\n\n if (days) {\n if (step < daySeconds) {\n return `${days}d ${hours}h`;\n }\n return days + \"d\";\n }\n if (hours) {\n if (step < 3600) {\n return `${hours}h ${minutes}m`;\n }\n return hours + \"h\";\n }\n if (minutes) {\n if (step < 60) {\n return `${minutes}m ${seconds}s`;\n }\n return minutes + \"m\";\n }\n return seconds + \"s\";\n };\n};\n\nconst formatTime = d => {\n const daySeconds = 3600 * 24;\n let days = Math.floor(d / daySeconds),\n hours = Math.floor((d % daySeconds) / 3600),\n minutes = Math.floor((d % 3600) / 60),\n seconds = Math.floor(d % 60);\n\n let output = seconds + \"s\";\n if (minutes) {\n output = minutes + \"m \" + output;\n }\n if (hours) {\n output = hours + \"h \" + output;\n }\n if (days) {\n output = days + \"d \" + output;\n }\n return output;\n};\n\nlet margin = { top: 20, right: 20, bottom: 60, left: 50 },\n width = 1000 - margin.left - margin.right,\n height = 500 - margin.top - margin.bottom,\n barColors = {\n All: \"#3b35a6\",\n Promoted: \"#eebd31\",\n Incident: \"#e63041\"\n };\n\nclass ReportArt extends PureComponent {\n constructor(props) {\n super(props);\n\n let today = new Date().toISOString().slice(0, 10);\n this.state = {\n length: 7,\n date: today,\n unit: \"day\",\n chartData: {\n dates: [],\n lines: []\n }\n };\n\n // Load Art is auto debounced\n this.loadArt = debounce(this.loadArt);\n }\n\n componentDidMount() {\n this.initChart();\n this.loadArt();\n }\n\n componentDidUpdate() { }\n\n initChart = () => {\n this.svg = d3\n .select(\"#report_art\")\n .append(\"g\")\n .attr(\"transform\", \"translate( \" + margin.left + \",\" + margin.top + \" )\");\n\n this.xAxisEl = this.svg\n .append(\"g\")\n .attr(\"class\", \"x axis\")\n .attr(\"transform\", `translate( 0, ${height} )`);\n\n this.yAxisEl = this.svg.append(\"g\").attr(\"class\", \"y axis\");\n\n this.yAxisEl\n .append(\"text\")\n .attr(\"transform\", \"rotate(-90)\")\n .attr(\"x\", 0 - height / 2)\n .attr(\"y\", 0)\n .attr(\"dy\", \"1em\")\n .style(\"text-anchor\", \"start\")\n .style(\"fill\", \"black\")\n .text(\"Response Time\");\n\n this.chartInit = true;\n }\n\n updateChart = () => {\n // Bar names\n let barNames = new Set();\n this.state.chartData.dates.forEach(d => {\n d.values.forEach(b => {\n barNames.add(b.name);\n });\n });\n\n // Line names\n let lineNames = new Set();\n this.state.chartData.lines.forEach(d => {\n lineNames.add(d.name);\n });\n\n // Scales\n let maxValue = d3.max(this.state.chartData.dates, d => {\n return d3.max(d.values, b => b.value);\n });\n\n let dateScale = d3\n .scaleBand()\n .padding(0.1)\n .rangeRound([0, width])\n .domain(this.state.chartData.dates.map(d => d.date));\n let barScale = d3\n .scaleBand()\n .domain(Array.from(barNames))\n .rangeRound([0, dateScale.bandwidth()]);\n let yScale = d3\n .scaleLinear()\n .clamp(true)\n .range([height, 0])\n .domain([0, maxValue])\n .nice();\n\n // Axes\n var xAxis = d3.axisBottom().scale(dateScale);\n\n var yAxis = d3\n .axisLeft()\n .scale(yScale)\n .ticks(20)\n .tickFormat(formatTickTime(yScale.domain(), 20));\n\n this.xAxisEl.transition().call(xAxis);\n this.yAxisEl.transition().call(yAxis);\n\n // Bars\n let dates = this.svg\n .selectAll(\".date\")\n .data(this.state.chartData.dates, d => d.date);\n\n dates\n .exit()\n .transition()\n .style(\"opacity\", 0)\n .attr(\"height\", 0)\n .attr(\"y\", height)\n .remove();\n\n let bars = dates\n .enter()\n .append(\"g\")\n .attr(\"class\", \"date\")\n .attr(\"transform\", d => `translate( ${dateScale(d.date)}, 0 )`)\n .selectAll(\".bar\")\n .data(d => d.values)\n .enter()\n .append(\"rect\")\n .attr(\"class\", \"bar\")\n .style(\"fill\", d => barColors[d.name])\n .attr(\"width\", barScale.bandwidth())\n .attr(\"x\", d => barScale(d.name))\n .attr(\"y\", height)\n .attr(\"height\", 0);\n\n bars.append(\"title\").text(d => formatTime(d.value));\n\n dates\n .transition()\n .attr(\"transform\", d => `translate( ${dateScale(d.date)}, 0 )`);\n\n this.svg\n .selectAll(\".date\")\n .selectAll(\".bar\")\n .transition()\n .attr(\"width\", barScale.bandwidth())\n .attr(\"x\", d => barScale(d.name))\n .attr(\"y\", d => yScale(d.value))\n .attr(\"height\", d => height - yScale(d.value));\n\n // Avg Box\n this.svg.select(\".avg-holder\").remove();\n this.svg.select(\".avg-holder-border\").remove();\n let AvgHolder = this.svg.append(\"g\").attr(\"class\", \"avg-holder\");\n\n let averages = AvgHolder.selectAll(\".avg\")\n .data(this.state.chartData.lines)\n .enter()\n .append(\"text\")\n .attr(\"class\", \"avg\")\n .attr(\"transform\", (d, i) => `translate( 0, ${i * 15} )`);\n\n averages\n .append(\"tspan\")\n .attr(\"x\", 0)\n .attr(\"font-weight\", \"bold\")\n .text(d => `${d.name}:`);\n\n averages\n .append(\"tspan\")\n .attr(\"x\", 100)\n .text(d => formatTime(d.value));\n\n let AvgHolderBox = AvgHolder.node().getBBox();\n AvgHolder.attr(\n \"transform\",\n `translate( ${width - AvgHolderBox.width}, 0 )`\n );\n\n const borderOffset = 2;\n let border = this.svg\n .append(\"rect\")\n .attr(\"fill\", \"none\")\n .attr(\"stroke\", \"black\")\n .attr(\"class\", \"avg-holder-border\")\n .attr(\"x\", AvgHolderBox.x - borderOffset)\n .attr(\"y\", AvgHolderBox.y - borderOffset)\n .attr(\"width\", AvgHolderBox.width + borderOffset * 2)\n .attr(\"height\", AvgHolderBox.height + borderOffset * 2);\n border\n .node()\n .transform.baseVal.initialize(\n AvgHolder.node().transform.baseVal.getItem(0)\n );\n\n // Legend\n const legendHeight = 20,\n legendSpacing = 15,\n legendTextSpacing = 5;\n this.svg.select(\".legend-holder\").remove();\n let LegendHolder = this.svg.append(\"g\").attr(\"class\", \"legend-holder\");\n let legend = LegendHolder.selectAll(\".legend\")\n .data(Array.from(barNames))\n .enter()\n .append(\"g\")\n .attr(\"class\", \"legend\");\n\n // Legend Boxes\n legend\n .append(\"rect\")\n .attr(\"width\", legendHeight)\n .attr(\"x\", 0)\n .attr(\"y\", 0)\n .attr(\"height\", legendHeight)\n .style(\"fill\", d => barColors[d]);\n\n // Legend Text\n legend\n .append(\"text\")\n .attr(\"x\", legendHeight + legendTextSpacing)\n .attr(\"y\", legendHeight / 2)\n .attr(\"dy\", \".35em\")\n .style(\"text-anchor\", \"start\")\n .text(d => d);\n\n // Legend Position\n let widthSums = 0;\n LegendHolder.selectAll(\".legend\").attr(\"transform\", function (d, i) {\n let value = widthSums;\n widthSums += this.getBBox().width + legendSpacing;\n return `translate( ${value}, 0 )`;\n });\n let legendWidth = LegendHolder.node().getBBox().width;\n LegendHolder.attr(\n \"transform\",\n `translate( ${width / 2 - legendWidth / 2}, ${height +\n margin.bottom / 2} )`\n );\n }\n\n loadArt = () => {\n\n\n if (!this.state.date || !this.state.length || this.props.editMode) {\n return;\n }\n\n let url = \"/scot/api/v2/metric/response_avg_last_x_days\";\n let opts = `?days=${this.state.length}&targetdate=${this.state.date}&unit=${\n this.state.unit\n }`;\n\n axios.get(url + opts).then(res => {\n this.setState({\n chartData: res.data\n });\n });\n }\n\n unitChange = event => {\n this.setState({ unit: event.target.value }, () => this.loadArt());\n }\n\n lengthChange = event => {\n this.setState({ length: event.target.value }, () => this.loadArt());\n }\n\n dateChange = event => {\n this.setState({ date: event.target.value }, () => this.loadArt());\n }\n\n exportToPNG = () => {\n var svgString = new XMLSerializer().serializeToString(\n document.querySelector(\"#report_art\")\n );\n\n var canvas = document.createElement(\"canvas\");\n var ctx = canvas.getContext(\"2d\");\n var DOMURL = window.self.URL || window.self.webkitURL || window.self;\n var img = new Image();\n var svg = new Blob([svgString], { type: \"image/svg+xml;charset=utf-8\" });\n var url = DOMURL.createObjectURL(svg);\n img.onload = function () {\n ctx.drawImage(img, 0, 0);\n var png = canvas.toDataURL(\"image/png\");\n document.querySelector(\"#png-container\").innerHTML =\n 'Day of Week, Hour of Day Heatmap
\n }\n \n \n \n\n \n
\n \n \n {!this.props.editMode && \n Initial Date = \n \n Length = \n \n Unit = \n \n \n \n \n \n \n \n \n Export to PNG\n \n
\n );\n }\n}\n\nexport default ReportArt;\nexport const Description =\n \"Chart of average alert, event, and incident response time\";\n","import React, { PureComponent } from \"react\";\nimport { Button } from \"react-bootstrap\";\nimport * as d3 from \"d3\";\nimport debounce from \"../../utils/debounce\";\nimport axios from 'axios'\nimport $ from \"jquery\";\nconst wrapText = (text, width) => {\n // FYI: not an arrow function because of 'this' injection\n text.each(function (value, i) {\n if (this.getComputedTextLength() < width) {\n return;\n }\n\n let text = d3.select(this),\n words = text\n .text()\n .split(/\\s+/)\n .reverse(),\n word = null,\n line = [],\n lineCount = 1,\n lineHeight = 0.8, // ems\n x = text.attr(\"x\"),\n y = text.attr(\"y\"),\n dy = parseFloat(text.attr(\"dy\")),\n row = text\n .text(null)\n .append(\"tspan\")\n .attr(\"x\", x)\n .attr(\"y\", y)\n .attr(\"dy\", dy + \"em\");\n\n while ((word = words.pop())) {\n line.push(word);\n row.text(line.join(\" \"));\n if (row.node().getComputedTextLength() > width) {\n lineCount++;\n line.pop();\n row.text(line.join(\" \"));\n line = [word];\n row = text\n .append(\"tspan\")\n .attr(\"x\", x)\n .attr(\"y\", y)\n .attr(\"dy\", lineHeight + dy + \"em\")\n .text(word);\n }\n }\n\n let yOffset = (this.getBBox().height / (2 * lineCount)) * (lineCount - 1);\n text.attr(\"transform\", `translate( 0, -${yOffset} )`);\n });\n};\n\nconst margin = {\n top: 5,\n left: 200,\n right: 30,\n bottom: 60\n},\n width = 1000 - margin.left - margin.right,\n legendHeight = 20,\n legendSpacing = 15,\n legendTextSpacing = 5;\n\nclass ReportAlertpower extends PureComponent {\n constructor(props) {\n super(props);\n\n this.state = {\n displayMode: \"stacked\",\n chartData: [],\n chartResults: 20,\n chartSort: \"power\",\n chartSortDir: \"desc\",\n chartFilter: \"\"\n };\n\n // LoadData is automatically debounced\n this.loadData = debounce(this.loadData);\n }\n\n componentDidMount() {\n this.initChart();\n this.updateChart();\n this.loadData();\n }\n\n initChart = () => {\n // Height is initially 0, is calculated after we have data\n this.height = 0;\n\n this.xScale = d3.scaleLinear().rangeRound([0, width]);\n this.yScale = d3\n .scaleBand()\n .rangeRound([0, this.height])\n .padding(0.3);\n\n this.colors = d3.scaleOrdinal(d3.schemeCategory10);\n\n this.xAxis = d3.axisBottom().scale(this.xScale);\n\n this.yAxis = d3.axisLeft().scale(this.yScale);\n\n this.svg = d3\n .select(\"#report_alertpower\")\n .attr(\"viewBox\", `0 0 1000 ${this.height + margin.top + margin.bottom}`)\n .append(\"g\")\n .attr(\"transform\", `translate( ${margin.left}, ${margin.top} )`);\n\n this.yAxisEl = this.svg.append(\"g\").attr(\"class\", \"y axis\");\n\n this.xAxisEl = this.svg\n .append(\"g\")\n .attr(\"class\", \"x axis\")\n .attr(\"transform\", `translate( 0, ${this.height} )`);\n\n this.xAxisEl\n .append(\"text\")\n .attr(\"text-anchor\", \"middle\")\n .attr(\"x\", width / 2)\n .attr(\"y\", 30)\n .style(\"fill\", \"black\")\n .style(\"font-size\", \"12px\")\n .text(\"Alert Count\");\n\n this.LegendHolder = this.svg.append(\"g\").attr(\"class\", \"legend-holder\");\n\n this.chartInit = true;\n }\n\n updateChart = () => {\n let dataset = this.state.chartData;\n\n // Calculate height\n this.height = 32 * dataset.length;\n d3.select(\"#report_alertpower\")\n .transition()\n .attr(\"viewBox\", `0 0 1000 ${this.height + margin.top + margin.bottom}`);\n\n this.dataTypes = d3\n .keys(dataset[0])\n .filter(\n key => ![\"name\", \"values\", \"total\", \"score\", \"max\"].includes(key)\n );\n\n // Build color domain from keys except name\n this.colors.domain(this.dataTypes);\n\n dataset.forEach(d => {\n // Remove number at the end\n d.name = d.name.replace(/ \\([0-9]+\\)/, \"\");\n\n /* // False Data\n\t\t\tthis.dataTypes.forEach( type => {\n\t\t\t\td[ type ] = Math.round( Math.random() * 5 );\n\t\t\t} );\n\t\t\tif ( !d.score ) {\n\t\t\t\td.score = ( Math.random() * 10 ).toPrecision( 2 );\n\t\t\t}\n\t\t\t/**/\n if (typeof d.score === \"number\") {\n d.score = \"\" + d.score;\n }\n\n // Calculate bar start/end points\n let start = 0;\n d.values = this.dataTypes.map(name => {\n let curStart = start,\n curEnd = start + d[name];\n\n start += d[name];\n return {\n name: name,\n count: d[name],\n start: curStart,\n end: curEnd\n };\n });\n\n d.total = d.values[d.values.length - 1].end;\n d.max = d3.max(this.dataTypes, b => {\n return d[b];\n });\n });\n\n this.stackedMax = d3.max(dataset, d => d.total);\n this.groupedMax = d3.max(dataset, d => {\n return d3.max(this.dataTypes, b => d[b]);\n });\n\n this.yScale.rangeRound([0, this.height]).domain(dataset.map(d => d.name));\n\n /*\n\t\t// Animated, but multiline flashes\n\t\tthis.yAxisEl.transition().call( g => {\n\t\t\tg.call( this.yAxis )\n\t\t\tsetTimeout( () => {\n\t\t\t\tg.selectAll( '.tick text' ).call( wrapText, margin.left - 20 );\n\t\t\t}, 50 )\n\t\t} )\n\t\t/**/\n /**/\n // Not animated\n this.yAxisEl.call(this.yAxis);\n this.svg.selectAll(\".y.axis .tick text\").call(wrapText, margin.left - 20); // Wrap axis labels\n /**/\n\n let alerts = this.svg.selectAll(\".alert\").data(dataset, d => d.name);\n\n alerts\n .exit()\n .transition()\n .attr(\"height\", 0)\n .style(\"opacity\", 0)\n .remove();\n\n alerts\n .enter()\n .append(\"g\")\n .attr(\"class\", \"alert\")\n .attr(\"transform\", d => `translate( 1, ${this.yScale(d.name)} )`)\n .append(\"text\")\n .attr(\"dy\", \"1.2em\");\n\n alerts\n .transition()\n .attr(\"transform\", d => `translate( 1, ${this.yScale(d.name)} )`);\n\n let alertTypes = this.svg\n .selectAll(\".alert\")\n .selectAll(\"rect\")\n .data(d => d.values);\n\n let bars = alertTypes\n .enter()\n .append(\"rect\")\n .attr(\"x\", 0)\n .attr(\"y\", 0)\n .attr(\"width\", 0)\n .attr(\"height\", this.yScale.bandwidth());\n bars.merge(alertTypes).style(\"fill\", d => this.colors(d.name));\n\n bars\n .append(\"title\")\n .merge(alertTypes.select(\"title\"))\n .text(d => `${d.name}: ${d.count}`);\n\n // Legend\n let legend = this.LegendHolder.selectAll(\".legend\").data(this.dataTypes);\n\n legend.exit().remove();\n\n legend = legend\n .enter()\n .append(\"g\")\n .attr(\"class\", \"legend\");\n\n // Legend Boxes\n legend\n .append(\"rect\")\n .attr(\"width\", legendHeight)\n .attr(\"x\", 0)\n .attr(\"y\", 0)\n .attr(\"height\", legendHeight)\n .style(\"fill\", d => this.colors(d));\n\n // Legend Text\n legend\n .append(\"text\")\n .attr(\"x\", legendHeight + legendTextSpacing)\n .attr(\"y\", legendHeight / 2)\n .attr(\"dy\", \".35em\")\n .style(\"text-anchor\", \"start\")\n .style(\"text-transform\", \"capitalize\")\n .text(d => d);\n\n // Legend Position\n let widthSums = 0;\n this.LegendHolder.selectAll(\".legend\").attr(\"transform\", function (d, i) {\n let value = widthSums;\n widthSums += this.getBBox().width + legendSpacing;\n return `translate( ${value}, 0 )`;\n });\n let legendWidth = this.LegendHolder.node().getBBox().width;\n this.LegendHolder.transition().attr(\n \"transform\",\n `translate( ${width / 2 - legendWidth / 2}, ${this.height +\n margin.bottom -\n legendHeight} )`\n );\n\n if (this.state.displayMode === \"grouped\") {\n this.transitionGrouped();\n } else {\n this.transitionStacked();\n }\n }\n\n transitionStacked = () => {\n this.xScale.domain([0, this.stackedMax]).nice();\n this.xAxisEl\n .transition()\n .call(this.xAxis)\n .attr(\"transform\", `translate( 0, ${this.height} )`);\n\n this.svg\n .selectAll(\".alert rect\")\n .transition()\n .delay((d, i) => i * 5)\n .duration(500)\n .attr(\"width\", d => this.xScale(d.end) - this.xScale(d.start))\n .attr(\"x\", d => this.xScale(d.start))\n .transition()\n .attr(\"height\", this.yScale.bandwidth())\n .attr(\"y\", 0);\n\n this.svg\n .selectAll(\".alert text\")\n .transition()\n .delay((d, i) => i * this.dataTypes.length * 5 + i)\n .duration(500)\n .attr(\"transform\", d => `translate( ${this.xScale(d.total) + 10}, 0 )`)\n .tween(\"text\", function (d) {\n let text = d3.select(this);\n let i = d3.interpolateNumber(text.text(), d.score),\n prec = d.score.split(\".\"),\n round = prec.length > 1 ? Math.pow(10, prec[0].length) : 1;\n\n return t => text.text(Math.round(i(t) * round) / round);\n });\n }\n\n transitionGrouped = () => {\n this.xScale.domain([0, this.groupedMax]).nice();\n this.xAxisEl\n .transition()\n .call(this.xAxis)\n .attr(\"transform\", `translate( 0, ${this.height} )`);\n\n let initialDuration = this.displayModeChanged ? 500 : 0;\n\n this.svg\n .selectAll(\".alert\")\n .selectAll(\"rect\")\n .transition()\n .delay((d, i) => i * 5)\n .duration(initialDuration)\n .attr(\"height\", this.yScale.bandwidth() / this.dataTypes.length)\n .attr(\n \"y\",\n (d, i) => (this.yScale.bandwidth() / this.dataTypes.length) * i\n )\n .transition()\n .duration(500)\n .attr(\"x\", 0)\n .attr(\"width\", d => this.xScale(d.end) - this.xScale(d.start));\n\n this.svg\n .selectAll(\".alert text\")\n .transition()\n .delay((d, i) => i * 5 + initialDuration)\n .attr(\"transform\", d => `translate( ${this.xScale(d.max) + 10}, 0 )`)\n .tween(\"text\", function (d) {\n let text = d3.select(this);\n let i = d3.interpolateNumber(text.text(), d.score),\n prec = d.score.split(\".\"),\n round = prec.length > 1 ? Math.pow(10, prec[0].length) : 1;\n\n return t => text.text(Math.round(i(t) * round) / round);\n });\n\n this.displayModeChanged = false;\n }\n\n loadData = () => {\n if (!this.state.chartResults || this.props.editMode) {\n return;\n }\n\n let url = \"/scot/api/v2/metric/alert_power\";\n let opts = `?sort=${this.state.chartSort}&dir=${\n this.state.chartSortDir\n }&count=${this.state.chartResults}&filter=${encodeURIComponent(\n this.state.chartFilter\n )}`;\n\n axios.get(url + opts).then(res => {\n this.setState({\n chartData: res.data\n });\n });\n }\n\n\n\n dataChange = (event) => {\n let target = event.target;\n\n if (target.name === \"chartResults\" && target.value) {\n if (target.value > 50) target.value = 50;\n if (target.value < 1) target.value = 1;\n }\n\n this.setState(\n {\n [target.name]: target.value\n },\n this.loadData\n );\n }\n\n displayModeChang = (event) => {\n this.displayModeChanged = true;\n this.setState({\n displayMode: event.target.value\n });\n }\n\n preventSubmit = (event) => {\n event.preventDefault();\n event.stopPropagation();\n }\n\n exportToPNG = () => {\n var svgString = new XMLSerializer().serializeToString(\n document.querySelector(\"#report_alertpower\")\n );\n\n var canvas = document.createElement(\"canvas\");\n var ctx = canvas.getContext(\"2d\");\n var DOMURL = window.self.URL || window.self.webkitURL || window.self;\n var img = new Image();\n var svg = new Blob([svgString], { type: \"image/svg+xml;charset=utf-8\" });\n var url = DOMURL.createObjectURL(svg);\n img.onload = function () {\n ctx.drawImage(img, 0, 0);\n var png = canvas.toDataURL(\"image/png\");\n document.querySelector(\n \"#png-container\"\n ).innerHTML = `Alert Response Time
}\n\n \n
\n \n \n {!this.props.editMode &&
\n );\n }\n}\n\nexport default ReportAlertpower;\nexport const Description =\n \"Chart of alerts in terms of how frequently they're promoted or become incidents\";\n","import React, { Component } from \"react\";\nimport { Button } from \"react-bootstrap\";\nimport * as d3 from \"d3\";\nimport debounce from \"../../utils/debounce\";\nimport $ from \"jquery\";\nimport axios from 'axios'\n\nconst margin = {\n top: 5,\n left: 40,\n right: 20,\n bottom: 60\n},\n width = 1000 - margin.left - margin.right,\n height = 600 - margin.top - margin.bottom,\n timeWindow = 7 * 24 * 3600 * 1000,\n legendHeight = 20,\n legendSpacing = 15,\n legendTextSpacing = 5;\n\nclass ReportCreated extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n chartData: []\n };\n\n // LoadData is automatically debounced\n this.loadData = debounce(this.loadData);\n\n // this.dataChange = this.dataChange.bind( this );\n // this.displayModeChange = this.displayModeChange.bind( this );\n }\n\n initChart = () => {\n let now = new Date();\n\n this.xScale = d3\n .scaleTime()\n .rangeRound([0, width])\n .domain([now - timeWindow, now]);\n this.yScale = d3\n .scaleLinear()\n .rangeRound([height, 0])\n .domain([0, 0]);\n\n this.xAxis = d3.axisBottom().scale(this.xScale);\n\n this.yAxis = d3.axisLeft().scale(this.yScale);\n\n this.svg = d3\n .select(\"#report_created\")\n .attr(\"viewBox\", `0 0 1000 ${height + margin.top + margin.bottom}`)\n .append(\"g\")\n .attr(\"transform\", `translate( ${margin.left}, ${margin.top} )`);\n\n this.yAxisEl = this.svg.append(\"g\").attr(\"class\", \"y axis\");\n\n this.yAxisEl.call(this.yAxis);\n\n this.xAxisEl = this.svg\n .append(\"g\")\n .attr(\"class\", \"x axis\")\n .attr(\"transform\", `translate( 0, ${height} )`);\n\n this.xAxisEl\n .append(\"text\")\n .attr(\"text-anchor\", \"middle\")\n .attr(\"x\", width / 2)\n .attr(\"y\", margin.bottom - 10)\n .style(\"font-size\", \"10px\")\n .style(\"fill\", \"black\")\n .text(\"Toggle Trendlines\");\n\n this.xAxisEl.call(this.xAxis);\n\n this.statusLine = d3\n .line()\n .curve(d3.curveBasis)\n .x(d => this.xScale(new Date(d.time * 1000)))\n .y(d => this.yScale(d.value));\n\n this.lineHolder = this.svg\n .append(\"g\")\n .attr(\"class\", \"lines\")\n .attr(\"clip-path\", \"url(#bounds)\");\n\n // Legend\n this.LegendHolder = this.svg\n .append(\"g\")\n .attr(\"class\", \"legend-holder\")\n .style(\"font-family\", \"sans-serif\");\n\n this.chartInit = true;\n }\n\n updateChart = () => {\n this.yScale\n .domain([\n 0,\n Math.max(\n d3.max(this.state.chartData, d => {\n if (!d.shown || !d.data.length) return 0;\n\n return d3.max(d.data, b => b.value);\n }),\n 10\n )\n ])\n .nice();\n\n this.colors = d3.scaleOrdinal(d3.schemeCategory10).domain(\n this.state.chartData.map(line => {\n return line.name;\n })\n );\n\n let lines = this.lineHolder\n .selectAll(\".line\")\n .data(this.state.chartData, d => d.name);\n\n lines\n .exit()\n .transition()\n .style(\"opacity\", 0)\n .remove();\n\n lines\n .enter()\n .append(\"path\")\n .attr(\"class\", d => `line ${d.name}`)\n .style(\"stroke\", d => this.colors(d.name))\n .style(\"stroke-width\", 2)\n .style(\"fill\", \"none\")\n .attr(\"d\", d => this.statusLine(d.data));\n\n this.LegendHolder.selectAll(\".legend\").remove();\n\n let legend = this.LegendHolder.selectAll(\".legend\").data(\n this.state.chartData,\n d => d.name\n );\n\n legend = legend\n .enter()\n .append(\"g\")\n .attr(\"class\", \"legend\")\n .style(\"cursor\", \"pointer\")\n .on(\"click\", d => {\n let newData = this.state.chartData.map(row => {\n if (row.name === d.name) {\n row.shown = !d.shown;\n }\n return row;\n });\n console.log(`newData = ${newData}`)\n this.setState({\n chartData: newData\n });\n });\n\n // Legend Boxes\n legend\n .append(\"rect\")\n .attr(\"width\", legendHeight)\n .attr(\"x\", 0)\n .attr(\"y\", (legendHeight - 5) / 2)\n .attr(\"height\", 5)\n .style(\"fill\", d => (d.shown ? this.colors(d.name) : \"transparent\"))\n .style(\"stroke\", d => this.colors(d.name))\n .style(\"stroke-width\", 1);\n\n // Legend Text\n legend\n .append(\"text\")\n .attr(\"x\", legendHeight + legendTextSpacing)\n .attr(\"y\", legendHeight / 2)\n .attr(\"dy\", \".35em\")\n .style(\"text-anchor\", \"start\")\n .style(\"text-transform\", \"capitalize\")\n .text(d => d.name)\n .append(\"title\")\n .text(d => `Toggle ${d.name} line`);\n\n // Legend Position\n let widthSums = 0;\n this.LegendHolder.selectAll(\".legend\").attr(\"transform\", function (d, i) {\n let value = widthSums;\n widthSums += this.getBBox().width + legendSpacing;\n return `translate( ${value}, 0 )`;\n });\n let legendWidth = this.LegendHolder.node().getBBox().width;\n this.LegendHolder.attr(\n \"transform\",\n `translate( ${width / 2 - legendWidth / 2}, ${height +\n margin.bottom -\n legendHeight * 2} )`\n );\n\n // Animate changes\n this.yAxisEl.transition().call(this.yAxis);\n\n lines\n .transition()\n .attr(\"d\", d => this.statusLine(d.data))\n .style(\"stroke\", d => (d.shown ? this.colors(d.name) : \"transparent\"));\n }\n\n loadData = () => {\n let url = \"/scot/api/v2/metric/create_histo\";\n let opts = `?range=7`;\n\n // Use dummy data while dashboard is in editMode\n if (this.props.editMode) {\n let dataset = this.genData();\n\n // Add line visibility to data\n dataset = dataset.map(line => {\n line.shown = this.state.chartData.reduce((shown, d) => {\n return shown && (d.name === line.name ? d.shown : true);\n }, true);\n\n return line;\n });\n\n this.setState({\n chartData: dataset\n });\n\n return;\n }\n axios.get(url + opts).then(res => {\n try {\n // Add line visibility to data\n console.log(res)\n res = res.data.map(line => {\n line.shown = this.state.chartData.reduce((shown, d) => {\n return shown && (d.name === line.name ? d.shown : true);\n }, true);\n\n return line;\n });\n\n this.setState({\n chartData: res\n });\n } catch (e) {\n console.log(\"Malformed data\");\n console.log(res);\n console.error(e);\n }\n });\n };\n\n genData = () => {\n let dataTypes = [\n \"alerts\",\n \"alertgroups\",\n \"events\",\n \"incidents\",\n \"entries\",\n \"intel\"\n ];\n let dataMaxes = {\n alerts: 5000,\n alertgroups: 500,\n entries: 100,\n events: 15,\n intel: 5,\n incidents: 5\n };\n\n let now = new Date(),\n date = new Date(Date.now() - timeWindow);\n let lineData = [];\n dataTypes.forEach(d => {\n lineData.push({\n name: d,\n data: []\n });\n });\n for (; date <= now; date = new Date(date.getTime() + 6 * 3600 * 1000)) {\n lineData.forEach(line => {\n line.data.push({\n time: date.getTime() / 1000,\n value: Math.random() * dataMaxes[line.name]\n });\n });\n }\n\n return lineData;\n }\n\n componentDidMount() {\n this.initChart();\n this.loadData();\n }\n\n dataChange(event) {\n let target = event.target;\n\n if (target.name === \"chartResults\" && target.value) {\n if (target.value > 50) target.value = 50;\n if (target.value < 1) target.value = 1;\n }\n\n this.setState(\n {\n [target.name]: target.value\n },\n this.loadData\n );\n }\n\n exportToPNG = () => {\n var svgString = new XMLSerializer().serializeToString(\n document.querySelector(\"#report_created\")\n );\n\n var canvas = document.createElement(\"canvas\");\n var ctx = canvas.getContext(\"2d\");\n var DOMURL = window.self.URL || window.self.webkitURL || window.self;\n var img = new Image();\n var svg = new Blob([svgString], { type: \"image/svg+xml;charset=utf-8\" });\n var url = DOMURL.createObjectURL(svg);\n img.onload = function () {\n ctx.drawImage(img, 0, 0);\n var png = canvas.toDataURL(\"image/png\");\n document.querySelector(\n \"#png-container\"\n ).innerHTML = `Alert Power
}\n \n \n \n\n \n
\n \n \n {!this.props.editMode &&
\n );\n }\n}\n\nexport default ReportCreated;\nexport const Description = \"Chart of newly created items\";\n","import React from \"react\";\nimport { Panel, Button } from \"react-bootstrap\";\nimport { Link } from \"react-router-dom\";\n\nimport ReportHeatmap, { Description as HeatmapDesc } from \"./report_heatmap\";\nimport ReportArt, { Description as ArtDesc } from \"./report_art\";\nimport ReportAlertpower, {\n Description as PowerDesc\n} from \"./report_alertpower\";\nimport ReportCreated, { Description as CreatedDesc } from \"./report_created\";\n\nexport const ReportWidgets = () => {\n const widgetTypes = [\"heatmap\", \"art\", \"alertpower\", \"created\"];\n\n let widgets = {};\n for (let type of widgetTypes) {\n widgets[type] = {\n type: reportByType(type),\n title: reportTitleByType(type),\n description: reportDescriptionByType(type)\n };\n }\n\n return widgets;\n};\n\nconst reportByType = reportType => {\n switch (reportType) {\n default:\n case \"heatmap\":\n return ReportHeatmap;\n case \"alertpower\":\n return ReportAlertpower;\n case \"art\":\n return ReportArt;\n case \"created\":\n return ReportCreated;\n }\n};\n\nconst reportComponentByType = reportType => {\n switch (reportType) {\n default:\n case \"heatmap\":\n return Items Created
}\n \n\n \n
\n \n \n {reportTitleByType(type)}\n {expandButton && (\n \n \n \n )}\n {backButton && (\n \n \n \n )}\n
\n);\n\n//\n
\n Reports
\n\n
\n \n);\n\nexport const SingleReport = ({ reportType = \"heatmap\" }) => (\n \n \n \n \n \n
\n \n \n \n \n \n
\n \n \n {reportComponentByType(reportType)}\n \n
\n \n);\n","import React, { PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport CircularProgress from '@material-ui/core/CircularProgress';\nimport { withStyles } from '@material-ui/core/styles';\n\nconst styles = theme => ({\n progress: {\n margin: theme.spacing.unit * 2,\n },\n});\nfunction LoadingContainer(props) {\n const { classes, loading } = props;\n return (\n \n {loading &&\n
\n );\n}\n\nLoadingContainer.propTypes = {\n classes: PropTypes.object.isRequired,\n};\nexport default withStyles(styles)(LoadingContainer);\n\n","import React, { PureComponent } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { ListGroup, Label } from \"react-bootstrap\";\nimport { Link } from \"react-router-dom\";\nimport $ from \"jquery\";\nimport * as SessionStorage from \"../../utils/session_storage\";\nimport LoadingContainer from \"../../list/LoadingContainer\";\nimport {\n todayRange,\n lastWeekRange,\n epochRangeToFilter,\n timeOlderThan\n} from \"../../utils/time\";\n\nconst NEW_TIME = 24 * 60 * 60; // 1 day\nconst isNew = created => {\n return !timeOlderThan(created * 1000, NEW_TIME);\n};\n\nconst SCOT_API = \"/scot/api/v2/\";\n\nexport default class ThingList extends PureComponent {\n constructor(props) {\n super(props);\n\n this.state = {\n data: [],\n loading: false\n };\n }\n\n static propTypes = {\n thingType: PropTypes.string.isRequired, // Type to query\n title: PropTypes.string.isRequired, // Title of Widget\n queryOptions: PropTypes.object, // Search query options (sort & filter)\n processData: PropTypes.func, // Function to process data\n getSummary: PropTypes.func, // Function to create a summary from data entry\n getLink: PropTypes.func, // Funciton to create a link from data entry\n emptyString: PropTypes.string, // String to show when no data returned\n emptyStyle: PropTypes.oneOf([\"success\", \"info\", \"warning\", \"danger\"]), // Style of emptyString\n newBadge: PropTypes.bool, // Display a badge if the data entry is newer than a day\n editMode: PropTypes.bool, // Whether the dashboard is in edit mode\n errorToggle: PropTypes.func\n };\n\n static defaultProps = {\n queryOptions: {\n limit: 5,\n offset: 0,\n sort: {\n id: -1\n },\n columns: [\"id\", \"subject\"]\n },\n processData: data => {\n return data;\n },\n getSummary: thing => {\n return thing.subject;\n },\n getLink: (thingType, thing) => {\n return `${thingType}/${thing.id}`;\n },\n emptyString: \"No Data\",\n emptyStyle: \"warning\",\n newBadge: true\n };\n\n fetchData() {\n this.setState({\n loading: true\n });\n\n // Force deep copy\n let data = $.extend(true, {}, this.props.queryOptions);\n if (data.sort) {\n data.sort = JSON.stringify(data.sort);\n }\n\n if (data.filter) {\n data = {\n ...data,\n ...data.filter\n };\n delete data.filter;\n }\n\n if (this.props.newBadge) {\n data.columns.push(\"created\");\n }\n\n $.ajaxSetup({ traditional: true });\n $.ajax({\n type: \"get\",\n url: SCOT_API + this.props.thingType,\n data: data\n }).then(\n data => {\n this.setState({\n data: this.props.processData(data.records),\n loading: false\n });\n },\n error => {\n this.props.errorToggle(\"Failed to fetch data: \" + error);\n this.setState({\n loading: false\n });\n }\n );\n }\n\n componentDidMount() {\n if (!this.props.editMode) {\n this.fetchData();\n }\n }\n\n genThingItem(thing, i) {\n // Using this instead of a subcomponent so I don't have to forward all the props\n return (\n \n {this.props.thingType} - {thing}\n
\n ));\n } else if (things.length === 0) {\n things = (\n \n {!this.props.editMode && {things} \n )}\n
\n );\n }\n}\n\n/**\n * Hardcoded variants of Thinglist\n */\nexport const Widgets = () => {\n return {\n ...RecentIntel,\n ...RecentEvents,\n ...RecentIncidents,\n ...OpenTasks,\n ...YourTasks,\n ...UnviewedAlerts,\n ...TopEvents,\n ...ViewedEvents,\n ...EntryEvents\n };\n};\n\nexport const RecentIntel = {\n intel: {\n type: ThingList,\n title: \"Recent Intel\",\n description: \"List of the 5 most recent Intel entries\",\n props: {\n thingType: \"intel\",\n title: \"Recent Intel\"\n }\n }\n};\n\nexport const RecentEvents = {\n events: {\n type: ThingList,\n title: \"Recent Events\",\n description: \"List of the 5 most recent events\",\n props: {\n thingType: \"event\",\n title: \"Recent Events\"\n }\n }\n};\n\nexport const RecentIncidents = {\n incidents: {\n type: ThingList,\n title: \"Recent Incidents\",\n description: \"List of the 5 most recent Incidents\",\n props: {\n thingType: \"incident\",\n title: \"Recent Incidents\"\n }\n }\n};\n\nexport const OpenTasks = {\n tasks: {\n type: ThingList,\n title: \"Open Tasks\",\n description: \"List of recent open tasks\",\n props: {\n thingType: \"task\",\n title: \"Open Tasks\",\n queryOptions: {\n limit: 5,\n offset: 0,\n sort: {\n updated: -1\n },\n filter: {\n \"metadata.task.status\": \"open\"\n },\n columns: [\"id\", \"body_plain\", \"target\"]\n },\n getSummary: thing => {\n return thing.body_plain.length > 200\n ? thing.body_plain.substr(0, 200) + \"...\"\n : thing.body_plain;\n },\n getLink: (thingType, thing) => {\n let target = thing.target;\n return `${thingType}/${target.type}/${target.id}/${thing.id}`;\n },\n emptyString: \"None\",\n emptyStyle: \"info\"\n }\n }\n};\n\nexport const YourTasks = {\n yourTasks: {\n type: ThingList,\n title: \"Your Tasks\",\n description: \"List of open tasks that you own\",\n props: {\n thingType: \"task\",\n title: \"Your Tasks\",\n queryOptions: {\n limit: 5,\n offset: 0,\n sort: {\n updated: 1\n },\n filter: {\n \"metadata.task.status\": \"open\",\n owner: SessionStorage.getLocalStorage(\"whoami\")\n },\n columns: [\"id\", \"body_plain\", \"target\"]\n },\n getSummary: thing => {\n return thing.body_plain.length > 200\n ? thing.body_plain.substr(0, 200) + \"...\"\n : thing.body_plain;\n },\n getLink: (thingType, thing) => {\n let target = thing.target;\n return `${thingType}/${target.type}/${target.id}/${thing.id}`;\n },\n emptyString: \"None!\",\n emptyStyle: \"success\"\n }\n }\n};\n\nexport const UnviewedAlerts = {\n unviewedAlerts: {\n type: ThingList,\n title: \"Unviewed Alerts\",\n description: \"Recent alerts with zero views\",\n props: {\n thingType: \"alertgroup\",\n title: \"Unviewed Alerts\",\n queryOptions: {\n limit: 5,\n offset: 0,\n sort: {\n id: -1\n },\n filter: {\n created: JSON.stringify(epochRangeToFilter(todayRange())),\n views: 0\n },\n columns: [\"id\", \"subject\"]\n },\n newBadge: false,\n emptyString: \"None!\",\n emptyStyle: \"success\"\n }\n }\n};\n\nexport const TopEvents = {\n topEvents: {\n type: ThingList,\n title: \"Important Events\",\n description: \"Recent Events with open tasks\",\n props: {\n thingType: \"event\",\n title: \"Important Events\",\n queryOptions: {\n limit: 5,\n offset: 0,\n sort: {\n has_tasks: 1\n },\n filter: {\n created: JSON.stringify(epochRangeToFilter(todayRange()))\n },\n columns: [\"id\", \"subject\", \"has_tasks\"]\n },\n processData: data => {\n return data.filter(thing => thing.has_tasks);\n },\n getSummary: thing => {\n return `${thing.subject} (${thing.has_tasks} open task${\n thing.has_tasks > 1 ? \"s\" : \"\"\n })`;\n },\n newBadge: false,\n emptyString: \"None!\",\n emptyStyle: \"success\"\n }\n }\n};\n\nexport const ViewedEvents = {\n viewedEvents: {\n type: ThingList,\n title: \"Most Viewed Events\",\n description: \"Events with the most views over the last week\",\n props: {\n thingType: \"event\",\n title: \"Most Viewed Events\",\n queryOptions: {\n limit: 5,\n offset: 0,\n sort: {\n views: -1\n },\n filter: {\n created: JSON.stringify(epochRangeToFilter(lastWeekRange()))\n },\n columns: [\"id\", \"subject\", \"views\"]\n },\n processData: data => {\n return data.filter(thing => thing.views > 0);\n },\n getSummary: thing => {\n return `${thing.subject} (${thing.views} view${\n thing.views > 1 ? \"s\" : \"\"\n })`;\n }\n }\n }\n};\n\nexport const EntryEvents = {\n entryEvents: {\n type: ThingList,\n title: \"Events with Entries\",\n description: \"Events with the most entries over the last week\",\n props: {\n thingType: \"event\",\n title: \"Events with Entries\",\n queryOptions: {\n limit: 5,\n offset: 0,\n sort: {\n entry_count: -1\n },\n filter: {\n created: JSON.stringify(epochRangeToFilter(lastWeekRange()))\n },\n columns: [\"id\", \"subject\", \"entry_count\"]\n },\n processData: data => {\n return data.filter(thing => thing.entry_count > 0);\n },\n getSummary: thing => {\n return `${thing.subject} (${thing.entry_count} ${\n thing.entry_count > 1 ? \"entries\" : \"entry\"\n })`;\n }\n }\n }\n};\n","import { ReportWidgets } from \"../report\";\nimport { Widgets as ThingWidgets } from \"../thinglist\";\n\nexport const Widgets = {\n ...ThingWidgets(),\n ...ReportWidgets()\n};\n","import React, { PureComponent } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Tab, Row, Col, Nav, NavItem } from \"react-bootstrap\";\nimport {\n withUserConfig,\n UserConfigPropTypes,\n UserConfigKeys\n} from \"../utils/userConfig\";\nimport Dashboard, {\n defaultLayout\n} from \"../components/dashboard/dazzle/dashboard\";\nimport Status from \"../components/dashboard/status\";\nimport Gamification from \"../components/dashboard/gamification\";\nimport Activity from \"../components/dashboard/activity\";\nimport { Widgets } from \"../components/dashboard/dazzle/widgets\";\nimport $ from \"jquery\";\n\nconst NEWTABKEY = \"new\";\n\nclass HomeDashboard extends PureComponent {\n constructor(props) {\n super(props);\n\n this.state = {\n _isMounted: false\n };\n\n this.switchTab = this.switchTab.bind(this);\n this.closeTab = this.closeTab.bind(this);\n this.saveTab = this.saveTab.bind(this);\n }\n\n static propTypes = {\n loggedIn: PropTypes.bool.isRequired,\n sensitivity: PropTypes.string,\n errorToggle: PropTypes.func,\n ...UserConfigPropTypes\n };\n\n defaultTab() {\n const layout = $.extend(true, {}, defaultLayout); // Deep copy\n\n // Default tab has 3 charts: heatmap, ART, and created\n layout.rows[0].columns[0].widgets.push({ key: \"heatmap\" });\n layout.rows[0].columns[1].widgets.push({ key: \"art\" });\n layout.rows[0].columns[2].widgets.push({ key: \"created\" });\n\n return {\n title: \"Default\",\n layout: (\n {this.props.title}
}\n {this.state.loading ? (\n\n
\n );\n }\n\n const dashboardHeader = (\n \n
\n \n \n Sandia Cyber Omni Tracker\n
\n
\n \n Sandia Cyber Omni Tracker\n
\n 3.5\n
\n \n \n
\n );\n\n const dashboardConfig = this.props.userConfig.config;\n const tabsConfig = dashboardConfig.tabs;\n\n let tabs = [];\n tabs.push(this.defaultTab());\n\n let index = 0;\n for (let newTab of tabsConfig) {\n tabs.push(this.buildTab(newTab, index++));\n }\n\n let tabHeaders = tabs.map((tab, i) => {\n let { title = \"New Dashboard\", layout, ...props } = tab;\n return (\n \n
\n \n \n \n \n {dashboardHeader}\n {tabContent}\n \n \n
\n \n
\n );\n }\n}\n\nexport default withUserConfig(UserConfigKeys.DASHBOARD)(HomeDashboard);\n","//Used to check for viewCookie which is used to determine if the default view should be portrait or landscape mode\n\nexport const checkCookie = string => {\n let cookie = getCookie(string);\n if (cookie !== \"\") {\n return cookie;\n }\n};\n\nexport const getCookie = cname => {\n let name = cname + \"=\";\n let ca = document.cookie.split(\";\");\n for (let i = 0; i < ca.length; i++) {\n let c = ca[i];\n while (c.charAt(0) === \" \") {\n c = c.substring(1);\n }\n if (c.indexOf(name) === 0) {\n return c.substring(name.length, c.length);\n }\n }\n return \"\";\n};\n\nexport const deleteCookie = name => {\n document.cookie = name + \"=;expires=Thu, 01 Jan 1970 00:00:01 GMT;\";\n};\n\nexport const setCookie = (cname, cvalue, exdays) => {\n let d = new Date();\n d.setTime(d.getTime() + exdays * 24 * 60 * 60 * 1000);\n let expires = \"expires=\" + d.toUTCString();\n document.cookie = cname + \"=\" + cvalue + \"; \" + expires;\n};\n","import React from \"react\";\nimport $ from \"jquery\";\nimport { Link } from 'react-router-dom'\nimport Highlighter from \"react-highlight-words\";\nimport styles from './Highlighter.example.css'\nexport default class Search extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n showSearchToolbar: false,\n searchResults: null,\n entityHeight: \"60vh\",\n searching: false,\n searchString: \"\"\n };\n }\n\n componentDidMount = () => {\n function searchEscHandler(event) {\n if ($(\"#main-search-results\")[0] !== undefined) {\n if (event.keyCode === 27) {\n this.closeSearch();\n event.preventDefault();\n }\n }\n }\n $(document).keyup(searchEscHandler.bind(this));\n };\n\n closeSearch = () => {\n this.setState({\n showSearchToolbar: false, searchString:\"\"\n });\n };\n\n doSearch = string => {\n $.ajax({\n type: \"get\",\n url: \"/scot/api/v2/esearch\",\n data: { qstring: string },\n success: function (response) {\n if (string === $(\"#main-search\")[0].value) {\n this.setState({\n results: response.records,\n showSearchToolbar: true,\n searching: false,\n searchString: string\n });\n }\n }.bind(this),\n error: function () {\n //this.props.errorToggle('search failed')\n this.setState({ searching: false });\n }.bind(this)\n });\n this.setState({ searching: true });\n };\n\n handleEnterKey = e => {\n if (e.key === \"Enter\") {\n this.doSearch(e.target.value);\n }\n };\n\n onChange = e => {\n //only do auto search if there are at least 3 characters\n //if (e.target.value.length > 2) {\n this.doSearch(e.target.value);\n //}\n };\n\n componentDidUpdate = () => {\n if (this.state.searchString !== undefined) {\n //var re = new RegExp(this.state.searchString,\"gi\");\n //$(\".search-snippet\").html(function(_, html) {\n // return html.replace(re, '$&');\n //});\n // $(\".search-snippet\").mark(this.state.searchString, {\n // element: \"span\",\n // className: \"search_highlight\"\n // });\n }\n };\n\n render = () => {\n let tableRows = [];\n if (this.state.results !== undefined) {\n if (this.state.results[0] !== undefined) {\n for (let i = 0; i < this.state.results.length; i++) {\n tableRows.push(\n \n
\n );\n }\n }\n return (\n No results returned
\n \n \n
\n \n ) : null}\n \n );\n };\n\n componentWillUnmount = () => {\n $(document).off(\"keypress\");\n };\n}\n\nclass SearchDataEachHeader extends React.Component {\n render = () => {\n\n return (\n \n
\n {this.state.showSearchToolbar ? (\n \n \n\n {tableRows}\n
\n \n \n Search Results - Score Displayed\n
\n \n \n );\n };\n}\n\nclass SearchDataEachRows extends React.Component {\n render = () => {\n let type = this.props.dataOne.type;\n let id = this.props.dataOne.id;\n let entryid = this.props.dataOne.entryid;\n let score = this.props.dataOne.score;\n let highlight = [];\n\n let rowEvenOdd = \"even\";\n if (!isEven(this.props.index)) {\n rowEvenOdd = \"odd\";\n }\n\n let rowClassName = \"search_result_row list-view-row\" + rowEvenOdd;\n\n let href = \"/\" + type + \"/\" + id;\n if (entryid !== undefined) {\n href = \"/\" + type + \"/\" + id + \"/\" + entryid;\n }\n\n if (this.props.dataOne.highlight !== undefined) {\n if (typeof this.props.dataOne.highlight === \"string\") {\n highlight.push(\n \n Snippet:\n \n {this.props.dataOne.highlight}\n \n \n );\n } else if ($.isArray(this.props.dataOne.highlight)) {\n highlight.push(\n \n Snippet:\n \n {this.props.dataOne.highlight[0]}\n \n \n );\n } else {\n for (let key in this.props.dataOne.highlight) {\n let search_string_array = this.props.searchString.split(\" \");\n highlight.push(\n \n \n \n \n \n {highlight}\n \n
\n \n \n \n );\n /*\n return (\n \n )*/\n };\n}\n\nfunction isEven(n) {\n return n % 2 === 0;\n}\n","import React from \"react\";\nimport $ from \"jquery\";\nlet Button = require(\"react-bootstrap/lib/Button\");\n\nexport default class Wall extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n wallMessage: \"\",\n buttonStatus: \"primary\",\n buttonText: \"Send\",\n buttonLoading: false\n };\n }\n sendWallMessage = () => {\n if (this.state.wallMessage === \"\") {\n alert(\"Please enter text\");\n this.setState({ buttonStatus: \"warning\" });\n } else {\n this.setState({ buttonText: \"Loading\", buttonLoading: true });\n let data = { msg: this.state.wallMessage };\n $.ajax({\n type: \"post\",\n url: \"scot/api/v2/wall\",\n data: data,\n traditional: true,\n success: function() {\n this.setState({\n buttonStatus: \"success\",\n buttonText: \"Sent\",\n buttonLoading: false\n });\n }.bind(this),\n error: function(data) {\n this.setState({\n buttonStatus: \"danger\",\n buttonText: \"Failed - Try Again?\",\n buttonLoading: false\n });\n this.props.errorToggle(\"Failed to send message\", data);\n }.bind(this)\n });\n }\n };\n\n inputChange = input => {\n this.setState({ wallMessage: input.target.value });\n };\n\n render = () => {\n return (\n \n {type} {id} - {score}\n
\n \n
\n );\n };\n}\n","import React, { Component } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Modal, Button } from \"react-bootstrap\";\nimport $ from \"jquery\";\nimport ScotImage from \"../images/scot_logo_473x473.png\";\n\nclass Login extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n user: \"\",\n pass: \"\"\n };\n this.SSO = this.SSO.bind(this);\n this.NormalAuth = this.NormalAuth.bind(this);\n this.isEnterPressed = this.isEnterPressed.bind(this);\n }\n\n componentWillMount() {\n this.mounted = true;\n }\n\n componentWillUnmount() {\n this.mounted = false;\n }\n\n render() {\n let origurl = this.props.origurl;\n let url = \"/sso?orig_url=/#\" + origurl;\n return (\n \n
\n \n
\n \n \n {this.state.buttonText}\n \n
\n Message to all SCOT users:
\n\n
\n
\n
\n
\n );\n }\n}\n\nconst Tag = ({ classNames, onDelete, tag }) => (\n \n {tag.name}\n \n
\n);\n\nexport default TagInput;\n","import axios from 'axios'\n\nexport async function get_data (endpoint, params) {\n if (params === null) {\n return await axios.get(endpoint)\n } else{\n return await axios.get(endpoint, {params: params});\n }\n};\n\nexport async function post_data (endpoint, body) {\n if (body !== null){\n return await axios.post(endpoint, body);\n } else{\n return await axios.post(endpoint);\n }\n\n}\n\nexport async function put_data (endpoint, body){\n return await axios.put(endpoint, body);\n};\n\nexport async function delete_data (endpoint){\n return await axios.delete(endpoint);\n};","import React from \"react\";\nimport { OverlayTrigger, ButtonGroup, Button, Popover } from \"react-bootstrap\";\nimport DateRangePicker from \"react-daterange-picker\";\nimport DebounceInput from \"react-debounce-input\";\nimport {\n epochRangeToString,\n epochRangeToMoment,\n momentRangeToEpoch\n} from \"../utils/time\";\nimport * as constants from \"../utils/constants\";\nimport LoadingContainer from \"./LoadingContainer\";\nimport TagInput from \"../components/TagInput\";\nimport Button2 from \"@material-ui/core/Button\";\nimport { get_data } from \"../utils/XHR\";\nimport Add from \"@material-ui/icons/Add\";\nimport stripHtml from \"string-strip-html\";\nimport { Link } from \"react-router-dom\";\n\nconst navigateTo = id => {\n window.open(\"#/event/\" + id);\n};\n\nconst customFilters = {\n numberFilter: ({ filter, onChange }) => (\n {row.value}
;\n },\n textStatus: row => {\n let color = \"green\";\n if (\n row.value === \"open\" ||\n row.value === \"disabled\" ||\n row.value === \"assigned\"\n ) {\n color = \"red\";\n } else if (row.value === \"promoted\") {\n color = \"orange\";\n }\n\n return {row.value};\n },\n\n alertStatusAlerts: row => {\n return (\n \n
\n );\n },\n flairCell: row => {\n if (row !== undefined) {\n return \n
\n )\n};\n\nconst columnDefinitions = {\n Id: {\n Header: \"ID\",\n accessor: \"id\",\n width: 80,\n Filter: customFilters.numberFilter\n },\n\n AlertStatus: {\n Header: \"Status\",\n accessor: d =>\n d.open_count + \" / \" + d.closed_count + \" / \" + d.promoted_count,\n column: [\"open_count\", \"closed_count\", \"promoted_count\"],\n id: \"status\",\n width: 150,\n Filter: customFilters.dropdownFilter(),\n Cell: customCellRenderers.alertStatus,\n style: {\n padding: 0\n }\n },\n\n EventStatus: {\n Header: \"Status\",\n accessor: \"status\",\n maxWidth: 100,\n Cell: customCellRenderers.textStatus,\n Filter: customFilters.dropdownFilter()\n },\n\n IncidentStatus: {\n Header: \"Status\",\n accessor: \"status\",\n maxWidth: 100,\n Cell: customCellRenderers.textStatus,\n Filter: customFilters.dropdownFilter([\"open\", \"closed\"])\n },\n\n SigStatus: {\n Header: \"Status\",\n accessor: \"status\",\n maxWidth: 100,\n Cell: customCellRenderers.textStatus,\n Filter: customFilters.dropdownFilter([\"enabled\", \"disabled\"])\n },\n\n TaskStatus: {\n Header: \"Task Status\",\n accessor: d => d.metadata.task.status,\n id: \"metadata.task.status\",\n column: \"metadata\",\n Cell: customCellRenderers.textStatus,\n Filter: customFilters.dropdownFilter([\"open\", \"assigned\", \"closed\"])\n },\n\n TaskSummary: {\n Header: \"Task Summary\",\n accessor: d =>\n d.body_plain.length > 200\n ? d.body_plain.substr(0, 200) + \"...\"\n : d.body_plain,\n id: \"summary\",\n minWidth: 400,\n maxWidth: 5000,\n Filter: customFilters.stringFilter\n },\n\n Subject: {\n Header: \"Subject\",\n accessor: \"subject\",\n minWidth: 400,\n maxWidth: 5000,\n Filter: customFilters.stringFilter\n },\n\n Location: {\n Header: \"Location\",\n accessor: \"location\",\n minWidth: 80,\n maxWidth: 180,\n Filter: customFilters.stringFilter\n },\n\n Created: {\n Header: \"Created\",\n accessor: \"created\",\n minWidth: 100,\n maxWidth: 180,\n Filter: customFilters.dateRange,\n Cell: customCellRenderers.dateFormater\n },\n\n Updated: {\n Header: \"Updated\",\n accessor: \"updated\",\n minWidth: 100,\n maxWidth: 180,\n Filter: customFilters.dateRange,\n Cell: customCellRenderers.dateFormater\n },\n\n Occurred: {\n Header: \"When\",\n accessor: \"when\",\n minWidth: 100,\n maxWidth: 180,\n Filter: customFilters.dateRange,\n Cell: customCellRenderers.dateFormater\n },\n\n Sources: {\n Header: \"Sources\",\n accessor: \"source\", //d => d.source ? d.source.join( ', ' ) : '',\n column: \"source\",\n id: \"source\",\n minWidth: 120,\n //maxWidth: 150,\n Filter: customFilters.tagFilter(\"source\")\n },\n\n Tags: {\n Header: \"Tags\",\n accessor: \"tag\", //d => d.tag ? d.tag.join( ', ' ) : '',\n column: \"tag\",\n id: \"tag\",\n minWidth: 120,\n //maxWidth: 150,\n Filter: customFilters.tagFilter(\"tag\")\n },\n\n TaskOwner: {\n Header: \"Task Owner\",\n accessor: \"owner\",\n maxWidth: 80,\n Filter: customFilters.stringFilter\n },\n\n Owner: {\n Header: \"Owner\",\n accessor: \"owner\",\n maxWidth: 80,\n Filter: customFilters.stringFilter\n },\n\n Entries: {\n Header: \"Entries\",\n accessor: \"entry_count\",\n maxWidth: 70,\n Filter: customFilters.numberFilter\n },\n\n Views: {\n Header: \"Views\",\n accessor: \"views\",\n maxWidth: 70,\n Filter: customFilters.numberFilter\n },\n\n DOE: {\n Header: \"DOE\",\n accessor: \"doe_report_id\",\n maxWidth: 100,\n Filter: customFilters.stringFilter\n },\n\n IncidentType: {\n Header: \"Type\",\n accessor: \"type\",\n minWidth: 200,\n maxWidth: 250,\n Filter: customFilters.dropdownFilter(constants.INCIDENT_TYPES, \"left\")\n },\n\n AppliesTo: {\n Header: \"Applies To\",\n id: \"data.applies_to\",\n accessor: d => d.data.applies_to,\n Cell: customCellRenderers.appliesTo,\n // Filter: customFilters.stringFilter,\n Filter: customFilters.tagFilter,\n minWidth: 400,\n maxWidth: 5000\n },\n\n Value: {\n Header: \"Value\",\n accessor: \"value\",\n Filter: customFilters.stringFilter,\n minWidth: 400,\n maxWidth: 5000\n },\n\n Name: {\n Header: \"Name\",\n accessor: \"name\",\n Filter: customFilters.stringFilter,\n minWidth: 200,\n maxWidth: 300\n },\n\n Group: {\n Header: \"Group\",\n accessor: d =>\n d.data.signature_group ? d.data.signature_group.join(\", \") : \"\",\n column: \"signature_group\",\n id: \"data.signature_group\",\n Filter: customFilters.stringFilter\n },\n\n Type: {\n Header: \"Type\",\n accessor: d => d.data.type,\n id: \"data.type\",\n Filter: customFilters.stringFilter,\n minWidth: 100,\n maxWidth: 150\n },\n\n EntityType: {\n Header: \"Type\",\n accessor: \"type\",\n Filter: customFilters.stringFilter,\n minWidth: 100,\n maxWidth: 150\n },\n\n Description: {\n Header: \"Description\",\n // accessor: 'description',\n accessor: d => d.data.description,\n Filter: customFilters.stringFilter,\n minWidth: 400,\n id: \"data.description\",\n maxWidth: 5000\n },\n\n TargetType: {\n Header: \"Type\",\n accessor: d => d.target.type,\n column: \"target\",\n id: \"target_type\",\n Filter: customFilters.stringFilter\n },\n\n TargetId: {\n Header: \"Target Id\",\n accessor: d => d.target.id,\n column: \"target\",\n id: \"target_id\",\n Filter: customFilters.numberFilter\n },\n\n OpenTasks: {\n Header: \"Open Tasks\",\n accessor: \"has_tasks\",\n Filter: customFilters.numberFilter,\n maxWidth: 90,\n filterable: false\n },\n\n //alert stuff - 2019 - bemonta\n Status: {\n accessor: \"status\",\n Header: \"Status\",\n width: 100,\n Cell: customCellRenderers.alertStatusAlerts\n },\n\n EntryCountColumn: {\n width: 50,\n resizable: true,\n expander: true,\n filter: false,\n\n accessor: \"entry_count\",\n Header: \"Entries\",\n Expander: ({ isExpanded, ...rest }) => {\n return (\n \n {isExpanded ? (\n \n Close entries\n \n ) : (\n
\n );\n },\n getProps: (state, rowInfo, column) => {\n return {\n className: \"show-pointer\"\n };\n }\n }\n};\n\nconst defaultTableSettings = {\n manual: true,\n sortable: true,\n filterable: true,\n resizable: true,\n styleName: \"styles.ReactTable\",\n className: \"-striped -highlight\",\n minRows: 0,\n\n LoadingComponent: customTableComponents.loading\n};\n\nexport const defaultTypeTableSettings = {\n page: 0,\n pageSize: 50,\n sorted: [\n {\n id: \"id\",\n desc: true\n }\n ],\n filtered: []\n};\n\nconst defaultColumnSettings = {\n style: {\n padding: \"5px 5px\"\n }\n};\n\nconst typeColumns = {\n alert: [\"Id\", \"Status\", \"EntryCountColumn\"],\n\n alertgroup: [\n \"Id\",\n \"Location\",\n \"AlertStatus\",\n \"Subject\",\n \"Created\",\n \"Sources\",\n \"Tags\",\n \"Views\",\n \"OpenTasks\"\n ],\n event: [\n \"Id\",\n \"Location\",\n \"EventStatus\",\n \"Subject\",\n \"Created\",\n \"Updated\",\n \"Sources\",\n \"Tags\",\n \"Owner\",\n \"Entries\",\n \"Views\",\n \"OpenTasks\"\n ],\n incident: [\n \"Id\",\n \"Location\",\n \"DOE\",\n \"IncidentStatus\",\n \"Owner\",\n \"Subject\",\n \"Occurred\",\n \"IncidentType\",\n {\n title: \"Tags\",\n options: { minWidth: 100, maxWidth: 150 }\n },\n {\n title: \"Sources\",\n options: { minWidth: 100, maxWidth: 150 }\n }\n ],\n intel: [\n \"Id\",\n \"Location\",\n \"Subject\",\n \"Created\",\n \"Updated\",\n \"Sources\",\n {\n title: \"Tags\",\n options: { minWidth: 200, maxWidth: 250 }\n },\n \"Owner\",\n \"Entries\",\n \"Views\"\n ],\n task: [\n \"Id\",\n \"Location\",\n \"Subject\",\n \"TargetType\",\n \"TargetId\",\n {\n title: \"TaskOwner\",\n options: { minWidth: 150, maxWidth: 500 }\n },\n \"TaskStatus\",\n \"TaskSummary\",\n {\n title: \"Updated\",\n options: { minWidth: 150, maxWidth: 500 }\n }\n ],\n signature: [\n \"Id\",\n \"Location\",\n \"Name\",\n \"Type\",\n \"SigStatus\",\n \"Group\",\n \"Description\",\n \"Owner\",\n \"Tags\",\n \"Sources\",\n \"Updated\"\n ],\n guide: [\"Id\", \"Location\", \"Subject\", \"AppliesTo\"],\n entity: [\"Id\", \"Location\", \"Value\", \"EntityType\", \"Entries\"],\n default: [\n \"Id\",\n \"Location\",\n \"AlertStatus\",\n \"Subject\",\n \"Created\",\n \"Sources\",\n \"Tags\",\n \"Views\"\n ]\n};\n\nexport const buildTypeColumns = (type, rowData, propData, flag) => {\n function get_current_combined_columnWidths(columns) {\n let column_total_width = columns.reduce(function(a, b) {\n if (a.width !== undefined) {\n return a.width + b.width;\n } else {\n return a + b.width;\n }\n });\n return column_total_width;\n }\n\n if (!typeColumns.hasOwnProperty(type)) {\n // throw new Error( 'No columns defined for type: '+ type );\n type = \"default\";\n }\n\n if (flag === false && type === \"alert\") {\n type = \"alertgroup\";\n }\n\n let columns = [];\n for (let col of typeColumns[type]) {\n let colOptions = {};\n\n if (typeof col === \"object\") {\n colOptions = {\n ...columnDefinitions[col.title],\n ...col.options\n };\n } else if (typeof col === \"string\") {\n colOptions = columnDefinitions[col];\n }\n\n columns.push({\n ...defaultColumnSettings,\n ...colOptions\n });\n }\n\n if (type === \"alert\") {\n if (propData.length > 0) {\n if (propData[0].data.columns) {\n propData[0].data.columns.forEach(\n function(element, index) {\n if (element !== \"status\") {\n let columnobj = {\n accessor: element,\n Header: element,\n filter: true,\n Cell: row => customCellRenderers.flairCell(row),\n width: getColumnWidth(rowData, element, element)\n };\n columns.push(columnobj);\n } else {\n // Had to add space to account for SCOT status column which is a duplicate column.\n //React table hates duplicate columns. See SelectedEntry - NewAlertTable for data manipulation\n let status_code_obj = {\n accessor: \"status \",\n Header: element,\n filter: true,\n Cell: row => customCellRenderers.flairCell(row),\n width: 80\n };\n columns.push(status_code_obj);\n }\n }.bind(this)\n );\n }\n columns.forEach(function(column, index) {\n column[\"getProps\"] = function(state, rowInfo) {\n return {\n style: {\n backgroundColor: index % 2 === 0 ? \"#bababa45\" : \"\"\n }\n };\n };\n });\n }\n\n // this function looks at columns and calculates how many columns were initially set to 90\n // if it detects a column with width of 90 or time in name, it add an exception, meaning that we should not\n // increase this column\n let num_of_exemptions = 3;\n columns.forEach(function(column) {\n if (column.width === 90) {\n num_of_exemptions++;\n }\n if (column.accessor.includes(\"time\")) {\n num_of_exemptions++;\n }\n });\n\n let windowsize = window.innerWidth - 32;\n //calculate column widths\n let column_total_width = get_current_combined_columnWidths(columns);\n\n //if below conditional true, then we have empty white space in table and should increase column widths\n if (column_total_width < windowsize) {\n let residual = windowsize - column_total_width;\n let residual_per_column = residual / (columns.length - num_of_exemptions);\n columns.forEach(\n function(column) {\n //each iteration, we want to calculate the total width of columns\n column_total_width = get_current_combined_columnWidths(columns);\n if (column_total_width < windowsize) {\n if (\n column.accessor !== \"id\" &&\n column.accessor !== \"entry_count\" &&\n column.accessor !== \"status\" &&\n column.width !== 90 &&\n column.accessor.includes(\"time\") !== true\n ) {\n if (column.width + residual_per_column < residual) {\n column.width = column.width + residual_per_column;\n column_total_width = get_current_combined_columnWidths(columns);\n } else {\n column.width = column.width + residual;\n }\n }\n }\n }.bind(this)\n );\n }\n }\n\n return columns;\n};\n\nclass FlairObject extends React.Component {\n constructor(props) {\n super(props);\n }\n\n render() {\n const { value } = this.props;\n\n return (\n \n {rest.original.entry_count == 0 ? (\n \n {rest.original.entry_count} entries\n \n )}\n
\n )}\n {this.props.row.value}
;\n } else if (this.props.row.value === \"open\") {\n return{this.props.row.value}
;\n } else if (this.props.row.value === \"promoted\") {\n if (this.state.element) {\n return (\n\n \n {row.original.status}\n \n
\n );\n }\n } else {\n return N/A
;\n }\n }\n },\n {\n Header: \"ID\",\n accessor: \"id\",\n width: 85,\n Cell: row => {\n if (row.original.id) {\n return (\n \n {this.props.status === \"promoted\" ? (\n \n {this.props.status}\n \n ) : (\n \n \n \n \n )}\n
\n );\n }\n };\n}\n","import React from \"react\";\nimport $ from \"jquery\";\nlet Button = require(\"react-bootstrap/lib/Button.js\");\n\nexport default class Promote extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n newURL: null,\n newType: null\n };\n }\n\n componentDidMount = () => {\n if (this.props.type === \"alert\") {\n this.setState({ newType: \"Event\" });\n this.setState({ newURL: \"event\" });\n } else if (this.props.type === \"event\") {\n this.setState({ newType: \"Incident\" });\n this.setState({ newURL: \"incident\" });\n }\n };\n\n promote = () => {\n let data = JSON.stringify({ promote: \"new\" });\n $.ajax({\n type: \"put\",\n url: \"scot/api/v2/\" + this.props.type + \"/\" + this.props.id,\n data: data,\n contentType: \"application/json; charset=UTF-8\",\n success: function (data) {\n console.log(\"successfully promoted\");\n window.location.assign(\"#/\" + this.state.newURL + \"/\" + data.pid);\n }.bind(this),\n error: function (data) {\n this.props.errorToggle(\"error\", \"Failed to promote\", data);\n }.bind(this)\n });\n };\n\n render = () => {\n return (\n ![\"\"](\"/images/megaphone.png\")
\n Promote to {this.state.newType}\n \n );\n };\n}\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Button, MenuItem, OverlayTrigger, Tooltip } from \"react-bootstrap\";\nimport * as SessionStorage from \"../utils/session_storage\";\n\nexport default class Marker extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n isMarked: false\n };\n\n this.removeMarkedItemsHandler = this.removeMarkedItemsHandler.bind(this);\n this.getMarkedItemsHandler = this.getMarkedItemsHandler.bind(this);\n this.setMarkedItemsHandler = this.setMarkedItemsHandler.bind(this);\n this.getSelectedAlerts = this.getSelectedAlerts.bind(this);\n }\n\n componentWillMount() {\n this.getMarkedItemsHandler();\n }\n\n componentWillReceiveProps(nextProps) {\n this.getMarkedItemsHandler();\n if (nextProps.isAlert) {\n //set marked to false if alert since we can't predict if new ones are selected\n this.setState({ isMarked: false });\n }\n }\n\n render() {\n if (this.props.type === \"entry\") {\n return (\n \n \n \n \n \n
\n \n \n \n {this.props.data != null ? (\n
\n \n );\n } else if (this.props.entitytype === \"guide\") {\n let guideurl = \"/guide/\" + this.props.entityid;\n return (\n \n \n {this.props.data != null ? (\n
\n
\n \n {this.props.data != null ? (\n
\n Loading...
\n )}\n \n \n {this.props.data != null ? (\n
\n \n );\n } else if (this.props.entitytype === \"source\") {\n return (\n \n \n \n {this.props.data != null ? (\n \n \n
\n \n
\n \n {this.props.data != null ? (\n \n \n
\n \n Loading...
\n )}\n \n \n \n {this.props.entitytype != null ? (\n
\n \n );\n } else if (this.props.entitytype === \"entry\") {\n return (\n Loading...
\n )}\n \n \n \n {this.props.entitytype != null ? (\n
\n \n );\n }\n };\n}\n\nclass EntityValue extends React.Component {\n render = () => {\n if (this.props.data !== undefined) {\n //Entity Detail Popup showing the entity type\n let entityurl = \"/entity/\" + this.props.data.id;\n\n return (\n \n
\n ) : (\n Loading...
\n )}\n \n
\n );\n } else {\n //Guide Detail Popup showing the name of the guide that is being applied to\n return \n \n Entity {this.props.data.id}\n \n \n
\n \n {this.props.data.type}:\n \n {this.props.value}\n
\n {this.props.value}
;\n }\n };\n}\n\nclass EntityBody extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n loading: \"Loading Entries\",\n entryToolbar: false,\n appearances: 0,\n showFullEntityButton: false,\n isMounted: false\n };\n }\n\n updateAppearances = appearancesNumber => {\n if (appearancesNumber !== null) {\n if (appearancesNumber !== 0) {\n let newAppearancesNumber = this.state.appearances + appearancesNumber;\n if (this.state.isMounted) {\n this.setState({ appearances: newAppearancesNumber });\n }\n }\n }\n };\n\n entryToggle = () => {\n if (this.state.entryToolbar === false) {\n this.setState({ entryToolbar: true });\n } else {\n this.setState({ entryToolbar: false });\n }\n };\n\n showFullEntityButton = () => {\n //don't show the button if in full screen entity view.\n if (this.props.type !== \"entity\") {\n this.setState({ showFullEntityButton: true });\n }\n };\n\n linkOnClickIntercept = e => {\n this.props.linkWarningToggle(e.target.id);\n };\n\n componentDidMount() {\n this.setState({ isMounted: true });\n }\n\n componentWillUnmount() {\n this.setState({ isMounted: false });\n }\n\n render = () => {\n let entityEnrichmentDataArr = [];\n let entityEnrichmentLinkArr = [];\n let entityEnrichmentGeoArr = [];\n let enrichmentEventKey = 4;\n if (this.props.data !== undefined) {\n let entityData = this.props.data[\"data\"];\n for (let prop in entityData) {\n if (entityData[prop] !== undefined) {\n if (prop === \"geoip\") {\n entityEnrichmentGeoArr.push(\n {entityEnrichmentLinkArr}
\n \n \n Appears: {this.state.appearances} times\n \n {this.state.showFullEntityButton === true ? (\n \n \n List truncated due to large amount of references. Click to\n view the whole entity\n \n \n ) : null}\n
\n
\n
\n \n
\n
\n
\n
\n \n {entityEnrichmentGeoArr}\n {entityEnrichmentDataArr}\n \n \n
\n
\n {this.state.entryToolbar ? (\n \n
| \n {prop}\n | \n\n {this.props.data[prop]}\n | \n
| ' +\n prop +\n ' | ' +\n value +\n \" |
\n \n {this.props.type !== \"alertgroup\" ? (\n \n ) : null}\n {this.state.copyToEntryToolbar ? (\n
\n );\n }\n}\n\nclass EntityEnrichmentButtons extends React.Component {\n render() {\n let dataSource = this.props.dataSource;\n return (\n \n \n {trArr}\n \n
\n \n
\n );\n }\n}\n\nclass EntityReferences extends React.Component {\n constructor(props) {\n super(props);\n let maxRecords = 100;\n //if type == entity then the url is looking for a full screen entity view with all records.\n if (this.props.type === \"entity\") {\n maxRecords = undefined;\n }\n this.state = {\n entityReferencesData: [],\n maxRecords: maxRecords,\n loadingType: {\n alert: true,\n event: true,\n intel: true,\n incident: true,\n signature: true,\n guide: true\n },\n loading: true,\n isMounted: false,\n order: \"asc\",\n orderBy: \"id\"\n };\n }\n\n componentDidMount = () => {\n this.setState({ isMounted: true });\n const types = [\"incident\", \"event\", \"intel\", \"guide\", \"signature\", \"alert\"];\n types.forEach(\n function(type) {\n let open = [];\n let closed = [];\n let promoted = [];\n let therest = [];\n const request = get_data(\n `scot/api/v2/entity/${this.props.entityid}/${type}`\n );\n request.then(\n function(result) {\n const result_array = result.data.records;\n this.props.updateAppearances(result_array.length);\n //sort into temp arrays\n result_array.forEach(\n function(item) {\n item[\"type\"] = type;\n if (item.status === \"open\") {\n open.push(item);\n } else if (item.status === \"closed\") {\n closed.push(item);\n } else if (item.status === \"promoted\") {\n promoted.push(item);\n } else {\n therest.push(item);\n }\n }.bind(this)\n );\n\n //sort temp arrays by date\n open.sort(this.compareUpdatedDate);\n closed.sort(this.compareUpdatedDate);\n promoted.sort(this.compareUpdatedDate);\n therest.sort(this.compareUpdatedDate);\n\n //set loading types false\n let loading_type = this.state.loadingType;\n loading_type[type] = false;\n this.setState({\n entityReferencesData: [\n ...this.state.entityReferencesData,\n ...promoted,\n ...open,\n ...closed,\n ...therest\n ],\n loadingType: loading_type\n });\n }.bind(this)\n );\n }.bind(this)\n );\n\n if (this.state.entityReferencesData.length > 0) {\n this.props.showFullEntityButton();\n }\n };\n\n componentDidUpdate = () => {};\n\n componentWillUnmount = () => {\n this.setState({ isMounted: false });\n };\n\n compareUpdatedDate = (a, b) => {\n //reverse sort with most recent updated at top\n if (a.updated > b.updated) {\n return -1;\n } else {\n return 1;\n }\n };\n\n render = () => {\n let loading = this.state.loading;\n if (\n !this.state.loadingSignature &&\n !this.state.loadingEvents &&\n !this.state.loadingAlerts &&\n !this.state.loadingIncidents &&\n !this.state.loadingIncidents\n ) {\n loading = false;\n }\n let id = \"sortableentitytable\" + this.props.entityid;\n let maxRows = 5;\n if (this.state.entityReferencesData.length > 0) {\n console.log(\"got data\");\n console.log(this.state.entityReferencesData);\n maxRows = this.state.entityReferencesData.length;\n }\n\n return (\n \n
\n \n {loading ? (\n \n Loading: {this.state.loadingAlerts ? Alerts : null}\n {this.state.loadingEvents ? Events : null}\n {this.state.loadingIncidents ? Incidents : null}\n {this.state.loadingIntel ? Intel : null}\n {this.state.loadingSignature ? Signature : null}\n \n ) : null}\n \n \n
\n );\n };\n}\n\nclass GuideBody extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n entryToolbar: false\n };\n }\n\n entryToggle = () => {\n if (this.state.entryToolbar === false) {\n this.setState({ entryToolbar: true });\n } else {\n this.setState({ entryToolbar: false });\n }\n };\n\n render() {\n return (\n \n \n
\n
\n {this.state.entryToolbar ? (\n \n
\n \n \n \n \n
\n );\n }\n}\n","import React from \"react\";\nimport $ from \"jquery\";\nimport Dropdown from \"react-bootstrap/lib/Dropdown\";\nlet MenuItem = require(\"react-bootstrap/lib/MenuItem\");\nlet DropdownToggle = require(\"react-bootstrap/lib/DropdownToggle\");\nlet DropdownMenu = require(\"react-bootstrap/lib/DropdownMenu\");\nlet OverlayTrigger = require(\"react-bootstrap/lib/OverlayTrigger\");\nlet Tooltip = require(\"react-bootstrap/lib/Tooltip\");\n\nexport default class TrafficLightProtocol extends React.Component {\n selectColor = e => {\n let data = { tlp: e };\n this.serverRequest = $.ajax({\n type: \"put\",\n url: \"/scot/api/v2/\" + this.props.type + \"/\" + this.props.id + \"/\",\n data: JSON.stringify(data),\n contentType: \"application/json; charset=UTF-8\",\n success: function() {\n console.log(\"set tlp\");\n },\n error: function(data) {\n this.props.errorToggle(\"Failed to set TLP\", data);\n }\n });\n //this.setState({ color: e });\n };\n\n render = () => {\n return (\n Source
\n\n {type !== \"entity\" ? (\n \n Add Entry\n \n ) : null}\n {type !== \"entity\" ? (\n \n Upload File\n \n ) : null}\n \n {type === \"alertgroup\" || type === \"event\" || type === \"intel\" ? (\n \n ![\"\"](\"/images/clock.png\")
Viewed By History\n \n ) : null}\n \n {subjectType} History\n \n {type !== \"entity\" ? (\n \n Permissions\n \n ) : null}\n \n __ View Entities\n \n {type === \"guide\" ? (\n \n View Related\n Alerts\n \n ) : null}\n \n {showPromote ? (\n \n View Custom Options\n \n ) : null}\n \n \n Export{\" \"}\n {subjectType}{\" \"}\n \n this.props.deleteToggle(type)}\n bsSize=\"xsmall\"\n >\n Delete{\" \"}\n {subjectType}\n \n \n \n \n \n \n
\n );\n } else {\n return (\n Viewed By History\n \n ) : null}\n {subjectType} History\n \n {type !== \"entity\" ? (\n \n \n \n \n \n \n \n \n \n \n {this.props.guideID !== null ? (\n \n ) : (\n \n )}\n \n {this.props.headerData == null ? null : (\n \n )}\n \n __ View Entities\n \n {type === \"alertgroup\" || type === \"event\" || type === \"intel\" ? (\n \n Viewed By History\n \n ) : null}\n \n {subjectType} History\n \n this.props.deleteToggle(type)}\n bsSize=\"xsmall\"\n >\n Delete{\" \"}\n {subjectType}\n \n \n {this.props.alertsSelected.length > 0 ? (\n \n this.alertOpenOrCloseSelected(\"open\")}\n bsSize=\"xsmall\"\n bsStyle=\"danger\"\n >\n ![\"\"](\"/images/open.png\")
Open Selected\n \n this.alertOpenOrCloseSelected(\"closed\")}\n bsSize=\"xsmall\"\n bsStyle=\"success\"\n >\n Close\n Selected\n \n \n Promote Selected\n \n \n ![\"\"](\"/images/megaphone_plus.png\")
Add Selected to{\" \"}\n Existing Event\n \n (this.csvLink = r)}\n target=\"_blank\"\n />\n \n ![\"\"](\"/images/csv_text.png\")
Export to CSV\n \n \n Print\n \n this.props.deleteToggle(\"alert\")}\n bsSize=\"xsmall\"\n bsStyle=\"danger\"\n >\n Delete Selected\n \n \n ) : null}\n
\n );\n }\n };\n}\n","import React, { PureComponent } from \"react\";\nimport Modal from \"react-modal\";\nimport { Button } from \"react-bootstrap\";\nimport PropTypes from \"prop-types\";\nimport $ from \"jquery\";\nimport { withSnackbar } from \"notistack\";\nimport { delete_data } from \"../utils/XHR\";\n\nconst customStyles = {\n content: {\n top: \"50%\",\n left: \"50%\",\n right: \"auto\",\n bottom: \"auto\",\n marginRight: \"-50%\",\n transform: \"translate(-50%, -50%)\"\n },\n overlay: {\n zIndex: \"1101\"\n }\n};\n\nconst ACTION_BUTTONS = {\n READY: {\n style: \"danger\"\n },\n LOADING: {\n text: \"Processing...\",\n style: \"default\",\n disabled: true\n },\n SUCCESS: {\n text: \"Success!\",\n style: \"success\"\n },\n ERROR: {\n text: \"Error!\",\n style: \"warning\"\n }\n};\n\nclass DeleteThing extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n key: props.id\n };\n }\n\n deleteItems = () => {\n const { deleteType } = this.props;\n let iterator = [];\n if (deleteType !== \"alert\") {\n iterator = [parseInt(this.props.id, 10)];\n } else {\n iterator = this.props.alertsSelected.map(alert => alert.id);\n }\n iterator.forEach(\n function(id, index) {\n const { enqueueSnackbar } = this.props;\n let url = `/scot/api/v2/${deleteType}/${id}`;\n\n const response = delete_data(url);\n this.props.removeCallback(parseInt(this.props.id, 10));\n response\n .then(\n function() {\n if (index === iterator.length - 1 && deleteType === \"alert\") {\n this.props.updated();\n }\n if (deleteType !== \"alert\") {\n this.props.history.push(\"/\" + deleteType);\n enqueueSnackbar(`Successfully deleted ${this.props.id}.`, {\n variant: \"success\"\n });\n } else if (deleteType === \"alert\") {\n enqueueSnackbar(`Successfully deleted ${id}.`, {\n variant: \"success\"\n });\n }\n }.bind(this)\n )\n .catch(function(error) {\n enqueueSnackbar(\"Failed deleting exception.\", {\n variant: \"error\"\n });\n });\n }.bind(this)\n );\n this.props.deleteToggle(deleteType);\n };\n\n render() {\n const { deleteType } = this.props;\n let deleteText = \"\";\n if (deleteType !== \"alert\") {\n deleteText = ` ${deleteType}: ${this.props.id}`;\n } else if (deleteType === \"alert\") {\n let deleteTempArray = this.props.alertsSelected.map(function(alert) {\n return {alert.id};\n });\n deleteText = (\n \n {deleteType}(s) : {deleteTempArray}\n \n );\n }\n return (\n Viewed By History\n \n ) : null}\n {subjectType} History\n \n Open Selected\n \n Promote Selected\n \n Add Selected to{\" \"}\n Existing Event\n \n Export to CSV\n \n \n
\n \n Are you sure you want to delete {deleteText}?\n
\n\n \n \n
\n \n );\n }\n}\n\nexport class DeleteEntry extends PureComponent {\n constructor(props) {\n super(props);\n\n this.state = {\n key: props.id\n };\n\n this.toggle = this.toggle.bind(this);\n }\n\n toggle() {\n $.ajax({\n type: \"delete\",\n url: \"scot/api/v2/entry/\" + this.props.entryid,\n success: function(data) {\n console.log(\"success: \" + data);\n let key = this.state.key;\n }.bind(this),\n error: function(data) {\n this.props.errorToggle(\"Failed to delete entry\", data);\n }.bind(this)\n });\n this.props.deleteToggle();\n }\n\n render() {\n return (\n \n
\n \n Are you sure you want to delete Entry: {this.props.entryid}?\n
\n\n \n \n
\n \n );\n }\n}\n\n// The type signature for things to be deleted\nconst thingType = PropTypes.shape({\n type: PropTypes.string.isRequired,\n id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired\n});\n\nexport default class DeleteModal extends PureComponent {\n constructor(props) {\n super(props);\n\n this.state = {\n deleteButton: ACTION_BUTTONS.READY\n };\n\n this.deleteAll = this.deleteAll.bind(this);\n }\n\n static propTypes = {\n things: PropTypes.oneOfType([thingType, PropTypes.arrayOf(thingType)])\n .isRequired,\n errorToggle: PropTypes.func.isRequired,\n callback: PropTypes.func.isRequired\n };\n\n deleteAll() {\n this.setState({\n deleteButton: ACTION_BUTTONS.LOADING\n });\n\n let success = true;\n\n let { things } = this.props;\n if (!Array.isArray(things)) {\n things = [things];\n }\n\n $.when(...things.map(thing => this.deleteAjax(thing)))\n .then(\n // Success\n () => {\n this.setState({\n deleteButton: ACTION_BUTTONS.SUCCESS\n });\n },\n // Failure\n error => {\n console.error(error);\n this.setState({\n deleteButton: ACTION_BUTTONS.ERROR\n });\n this.props.errorToggle(\"error deleting\", error);\n success = false;\n }\n )\n .always(() => {\n setTimeout(() => {\n this.setState({\n deleteButton: ACTION_BUTTONS.READY\n });\n\n this.props.callback(success);\n }, 2000);\n });\n }\n\n deleteAjax(thing) {\n return $.ajax({\n type: \"delete\",\n url: \"/scot/api/v2/\" + thing.type + \"/\" + thing.id,\n contentType: \"application/json; charset=UTF-8\"\n });\n }\n\n render() {\n let { things } = this.props;\n let confirmText = \"\";\n\n if (Array.isArray(things)) {\n confirmText = things\n .map(thing => `${thing.type}: ${thing.id}`)\n .join(\", \");\n } else {\n confirmText = `${things.type}: ${things.id}`;\n }\n\n const { deleteButton } = this.state;\n\n return (\n \n
\n \n Are you sure you want to delete {confirmText}?\n
\n\n \n \n {deleteButton.text ? deleteButton.text : \"Delete\"}\n \n
\n \n );\n }\n}\n\nconst DeleteThingComponent = withSnackbar(DeleteThing);\nexport { DeleteThingComponent };\n","import $ from \"jquery\";\nimport * as SessionStorage from \"../utils/session_storage\";\nimport React from \"react\";\nimport Modal from \"react-modal\";\nimport Button from \"react-bootstrap/lib/Badge\";\nimport DropdownButton from \"react-bootstrap/lib/DropdownButton\";\nimport MenuItem from \"react-bootstrap/lib/MenuItem\";\n\nconst customStyles = {\n content: {\n top: \"50%\",\n left: \"50%\",\n right: \"auto\",\n bottom: \"auto\",\n marginRight: \"-50%\",\n transform: \"translate(-50%, -50%)\"\n }\n};\n\nexport default class Owner extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n currentOwner: this.props.data,\n whoami: undefined,\n ownerToolbar: false\n };\n }\n\n componentDidMount = () => {\n let whoami = SessionStorage.getSessionStorage(\"whoami\");\n if (whoami) {\n this.setState({ whoami: whoami });\n }\n };\n\n componentWillReceiveProps = () => {\n this.setState({ currentOwner: this.props.data });\n };\n\n toggle = () => {\n if (this.state.whoami !== undefined) {\n let json = { owner: this.state.whoami };\n $.ajax({\n type: \"put\",\n url: \"scot/api/v2/\" + this.props.type + \"/\" + this.props.id,\n data: JSON.stringify(json),\n contentType: \"application/json; charset=UTF-8\",\n success: function(data) {},\n error: function(data) {\n this.props.errorToggle(\"Failed to change owner\", data);\n }.bind(this)\n });\n } else {\n this.props.errorToggle(\"Failed to detect current user\");\n }\n this.ownerToggle();\n };\n\n ownerToggle = () => {\n if (this.state.ownerToolbar === false) {\n this.setState({ ownerToolbar: true });\n } else {\n this.setState({ ownerToolbar: false });\n }\n };\n\n render = () => {\n return (\n \n \n \n \n {this.state.ownerToolbar ? (\n \n
\n );\n };\n}\n","import React from \"react\";\nlet Modal = require(\"react-modal\");\nlet Button = require(\"react-bootstrap/lib/Button\");\nconst customStyles = {\n content: {\n top: \"50%\",\n left: \"50%\",\n right: \"auto\",\n bottom: \"auto\",\n marginRight: \"-50%\",\n transform: \"translate(-50%, -50%)\"\n }\n};\n\nexport default class Entities extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n entitiesBody: true\n };\n }\n\n render = () => {\n return (\n \n
\n Take Ownership
\n\n Are you sure you want to take ownership of this event?\n
\n \n \n \n
\n \n ) : null}\n \n \n \n {this.state.entitiesBody ? (\n
\n \n
\n List of Entities
\n\n \n
\n \n \n );\n };\n}\n\nclass EntitiesData extends React.Component {\n render = () => {\n let rows = [];\n let data = this.props.data;\n let originalobj = {};\n originalobj[\"entities\"] = {};\n let obj = originalobj.entities;\n for (let prop in data) {\n let subobj = {};\n let type = data[prop].type;\n let id = data[prop].id;\n let value = prop;\n subobj[id] = value;\n if (obj.hasOwnProperty(type)) {\n obj[type].push(subobj);\n } else {\n let arr = [];\n arr.push(subobj);\n obj[type] = arr;\n }\n }\n for (let prop in obj) {\n let type = prop;\n let value = obj[prop];\n rows.push(\n {rows}
;\n };\n}\n\nclass EntitiesDataHeaderIterator extends React.Component {\n render = () => {\n let rows = [];\n let type = this.props.type;\n let value = this.props.value;\n for (let i = 0; i < value.length; i++) {\n let eachValue = value[i];\n let entityId = null;\n let entityValue = null;\n for (let prop in eachValue) {\n entityId = prop;\n entityValue = eachValue[prop];\n }\n rows.push(\n \n \n {rows}\n
\n \n );\n };\n}\n\nclass EntitiesDataValueIterator extends React.Component {\n toggle = () => {\n this.props.flairToolbarToggle(\n this.props.entityId,\n this.props.entityValue,\n \"entity\"\n );\n };\n\n render = () => {\n let entityValue = this.props.entityValue;\n return (\n \n {entityValue}\n {type}
\n\n \n );\n };\n}\n","import React from \"react\";\nimport $ from \"jquery\";\nimport ReactTime from \"react-time\";\nimport Modal from \"react-modal\";\nimport Button from \"react-bootstrap/lib/Button\";\n\nconst customStyles = {\n content: {\n top: \"50%\",\n left: \"50%\",\n right: \"auto\",\n bottom: \"auto\",\n marginRight: \"-50%\",\n transform: \"translate(-50%, -50%)\"\n }\n};\n\nexport default class ChangeHistory extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n historyBody: false,\n data: \"\"\n };\n }\n\n componentDidMount = () => {\n $.ajax({\n type: \"get\",\n url: \"/scot/api/v2/\" + this.props.type + \"/\" + this.props.id + \"/history\",\n success: function(result) {\n this.setState({ historyBody: true, data: result.records });\n }.bind(this),\n error: function(data) {\n this.props.errorToggle(\"Failed to get change history\", data);\n }.bind(this)\n });\n };\n\n render = () => {\n return (\n
\n \n \n {this.state.historyBody ? (\n
\n \n
\n {this.props.subjectType} Change History
\n\n \n
\n \n \n );\n };\n}\n\nclass ChangeHistoryData extends React.Component {\n render = () => {\n let rows = [];\n let data = this.props.data;\n for (let prop in data) {\n rows.push({rows}
;\n };\n}\n\nclass ChangeHistoryDataIterator extends React.Component {\n render = () => {\n let data = this.props.data;\n return (\n \n ID: {data.id} -{\" \"}\n
\n );\n };\n}\n","import React from \"react\";\nimport $ from \"jquery\";\nimport ReactTime from 'react-time'\nimport Modal from 'react-modal'\nimport Button from 'react-bootstrap/lib/Button'\nlet type;\nconst customStyles = {\n content: {\n top: \"50%\",\n left: \"50%\",\n right: \"auto\",\n bottom: \"auto\",\n marginRight: \"-50%\",\n transform: \"translate(-50%, -50%)\"\n }\n};\n\nexport default class ViewedByHistory extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n historyBody: false,\n data: \"\"\n };\n }\n componentDidMount() {\n $.ajax({\n type: \"get\",\n url: \"/scot/api/v2/\" + this.props.type + \"/\" + this.props.id,\n success: function (result) {\n this.setState({ historyBody: true, data: result });\n }.bind(this),\n error: function (data) {\n this.props.errorToggle(\"failed to get user change history\", data);\n }.bind(this)\n });\n };\n\n render() {\n return (\n \n \n \n {this.state.historyBody ? (\n
\n \n
\n {this.props.subjectType} Viewed By
\n\n \n
\n \n \n );\n };\n}\n\nclass ViewedByHistoryData extends React.Component {\n render() {\n let rows = [];\n let data = this.props.data;\n for (let prop in data.view_history) {\n rows.push(\n {rows}
\n );\n };\n}\n\nclass ViewedByHistoryDataIterator extends React.Component {\n render() {\n let data = this.props.data;\n let prop = this.props.prop;\n return (\n \n {prop} at{\" \"}\n
\n );\n };\n}\n","import React from \"react\";\nimport $ from \"jquery\";\nimport Button from \"react-bootstrap/lib/Button\";\nconst ReactTags = require('react-tag-input').WithContext;\n\nexport default class SelectedPermission extends React.Component {\n constructor(props) {\n super(props);\n this.state = { readPermissionEntry: false, modifyPermissionEntry: false };\n }\n\n toggleNewReadPermission = () => {\n if (this.state.readPermissionEntry === false) {\n this.setState({ readPermissionEntry: true });\n } else if (this.state.readPermissionEntry === true) {\n this.setState({ readPermissionEntry: false });\n }\n };\n\n toggleNewModifyPermission = () => {\n if (this.state.modifyPermissionEntry === false) {\n this.setState({ modifyPermissionEntry: true });\n } else if (this.state.modifyPermissionEntry === true) {\n this.setState({ modifyPermissionEntry: false });\n }\n };\n\n permissionsfunc = permissionData => {\n console.log(permissionData.groups);\n let writepermissionsarr = [];\n let readpermissionsarr = [];\n let readwritepermissionsarr = [];\n for (let prop in permissionData.groups) {\n let fullprop = permissionData.groups[prop];\n if (prop === \"read\") {\n permissionData.groups[prop].forEach(function (fullprop) {\n readpermissionsarr.push(fullprop);\n });\n } else if (prop === \"modify\") {\n permissionData.groups[prop].forEach(function (fullprop) {\n writepermissionsarr.push(fullprop);\n });\n }\n }\n readwritepermissionsarr.push(readpermissionsarr);\n readwritepermissionsarr.push(writepermissionsarr);\n return readwritepermissionsarr;\n };\n\n render = () => {\n let modifyRows = [];\n let readRows = [];\n let permissionData = this.props.permissionData;\n let data = this.permissionsfunc(permissionData); //pos 0 is read and pos 1 is write\n let id = this.props.id;\n let type = this.props.type;\n if (data[0] !== undefined) {\n for (let i = 0; i < data[0].length; i++) {\n let read_modify = \"read\";\n readRows.push(\n \n \n Read Groups: {readRows}\n {this.state.readPermissionEntry ? (\n \n \n \n \n \n )}\n Modify Groups: \n {modifyRows}\n {this.state.modifyPermissionEntry ? (\n \n \n \n \n \n )}\n \n
\n );\n } else {\n return (\n Permissions:
\n \n Read Groups: {readRows}\n {this.state.readPermissionEntry ? (\n\n \n \n Uh-oh! It looks like there was a conflict between your {this.props.type} and the one cached saved on server. \n
\n \n \n
\n );\n }\n}\n\nexport default withSnackbar(withStyles(styles)(Conflict));","import React from \"react\";\nimport $ from \"jquery\";\nimport * as SessionStorage from \"../utils/session_storage\";\nimport { Editor } from \"@tinymce/tinymce-react\";\nimport Conflict from \"./conflict\";\nimport Dialog from \"@material-ui/core/Dialog\";\n\nlet Button = require(\"react-bootstrap/lib/Button.js\");\nlet Prompt = require(\"react-router-dom\").Prompt;\nlet Link = require(\"react-router-dom\").Link;\n\nexport default class AddEntryModal extends React.Component {\n constructor(props) {\n super(props);\n let key = new Date();\n key = key.getTime();\n let tinyID = \"tiny_\" + key;\n let content;\n let asyncContentLoaded;\n switch (this.props.entryAction) {\n case \"Add\":\n content = \"\";\n asyncContentLoaded = true;\n break;\n case \"Reply\":\n content = \"\";\n asyncContentLoaded = true;\n break;\n case \"Copy To Entry\":\n content = this.props.content;\n asyncContentLoaded = true;\n break;\n case \"Edit\":\n content = \"\";\n asyncContentLoaded = false;\n break;\n case \"Export\":\n content = this.props.content;\n asyncContentLoaded = true;\n break;\n default:\n content = \"\";\n asyncContentLoaded = true;\n break;\n }\n\n this.state = {\n tinyID: tinyID,\n key: key,\n content: content,\n asyncContentLoaded: asyncContentLoaded,\n leaveCatch: true,\n whoami: undefined,\n recentlyUpdated: 0,\n showConflict: false,\n localcontent: \"\"\n };\n }\n\n componentDidMount = () => {\n let whoami = SessionStorage.getSessionStorage(\"whoami\");\n if (whoami) {\n this.setState({ whoami: whoami });\n }\n\n if (this.props.entryAction === \"Edit\") {\n $.ajax({\n type: \"GET\",\n url: \"/scot/api/v2/entry/\" + this.props.id,\n success: function(response) {\n this.setState({\n content: response.body,\n asyncContentLoaded: true,\n recentlyUpdated: response.updated\n });\n this.forceUpdate();\n }.bind(this),\n error: function(data) {\n this.props.errorToggle(\n \"Error getting original data from source. Copy/Paste original\",\n data\n );\n this.setState({\n content:\n \"Error getting original data from source. Copy/Paste original\",\n asyncContentLoaded: true\n });\n this.forceUpdate();\n }.bind(this)\n });\n }\n if ($(\"#not_saved_entry_\" + this.state.key).position()) {\n $(\".entry-wrapper\").scrollTop(\n $(\".entry-wrapper\").scrollTop() +\n $(\"#not_saved_entry_\" + this.state.key).position().top\n );\n }\n };\n\n // shouldComponentUpdate = () => {\n // return false; //prevent updating this component because it causes the page container to scroll upwards and lose focus due to a bug in paste_preprocess. If this is removed it will cause abnormal scrolling.\n // };\n\n onCancel = () => {\n this.setState({ leaveCatch: false });\n this.props.addedentry();\n this.setState({ change: false });\n };\n\n submit = () => {\n if (\n $(\"#tiny_\" + this.state.key + \"_ifr\")\n .contents()\n .find(\"#tinymce\")\n .text() === \"\" &&\n $(\"#\" + this.state.key + \"_ifr\")\n .contents()\n .find(\"#tinymce\")\n .find(\"img\").length === 0\n ) {\n alert(\"Please Add Some Text\");\n } else {\n if (this.props.entryAction === \"Reply\") {\n var data = {};\n $(\"#tiny_\" + this.state.key + \"_ifr\")\n .contents()\n .find(\"#tinymce\")\n .each(function(x, y) {\n $(y)\n .find(\"img\")\n .each(function(key, value) {\n if ($(value)[0].src.startsWith(\"blob\")) {\n //Checking to see if it's a locally copied file\n let canvas = document.createElement(\"canvas\");\n let set = new Image();\n set = $(value);\n canvas.width = set[0].width;\n canvas.height = set[0].height;\n let ctx = canvas.getContext(\"2d\");\n ctx.drawImage(set[0], 0, 0);\n let dataURL = canvas.toDataURL(\"image/png\");\n $(value).attr(\"src\", dataURL);\n }\n });\n });\n data = JSON.stringify({\n parent: Number(this.props.id),\n body: $(\"#tiny_\" + this.state.key + \"_ifr\")\n .contents()\n .find(\"#tinymce\")\n .html(),\n target_id: Number(this.props.targetid),\n target_type: this.props.type,\n tlp: \"unset\"\n });\n $.ajax({\n type: \"post\",\n url: \"/scot/api/v2/entry\",\n data: data,\n contentType: \"application/json; charset=UTF-8\",\n dataType: \"json\",\n success: function(response) {\n this.setState({ leaveCatch: false });\n this.props.addedentry();\n }.bind(this),\n error: function(response) {\n this.props.errorToggle(\"Failed to add entry.\", response);\n }.bind(this)\n });\n } else if (this.props.entryAction === \"Edit\") {\n $.ajax({\n type: \"GET\",\n url: \"/scot/api/v2/entry/\" + this.props.id,\n success: function(response) {\n if (this.state.recentlyUpdated !== response.updated) {\n this.forEdit(false);\n this.setState({\n showConflict: true,\n remoteconflict: response.body\n });\n } else {\n this.forEdit(true);\n }\n }.bind(this),\n error: function(data) {\n this.props.errorToggle(\"failed to get data for edit\", data);\n }.bind(this)\n });\n } else if (this.props.type === \"alert\") {\n $(\"#tiny_\" + this.state.key + \"_ifr\")\n .contents()\n .find(\"#tinymce\")\n .each(function(x, y) {\n $(y)\n .find(\"img\")\n .each(function(key, value) {\n if ($(value)[0].src.startsWith(\"blob\")) {\n //Checking if it's a locally copied file\n let canvas = document.createElement(\"canvas\");\n let set = new Image();\n set = $(value);\n canvas.width = set[0].width;\n canvas.height = set[0].height;\n let ctx = canvas.getContext(\"2d\");\n ctx.drawImage(set[0], 0, 0);\n let dataURL = canvas.toDataURL(\"image/png\");\n $(value).attr(\"src\", dataURL);\n }\n });\n });\n data = JSON.stringify({\n body: $(\"#tiny_\" + this.state.key + \"_ifr\")\n .contents()\n .find(\"#tinymce\")\n .html(),\n target_id: Number(this.props.targetid),\n target_type: \"alert\",\n tlp: \"unset\",\n parent: 0\n });\n $.ajax({\n type: \"post\",\n url: \"/scot/api/v2/entry\",\n data: data,\n contentType: \"application/json; charset=UTF-8\",\n dataType: \"json\",\n success: function(response) {\n this.setState({ leaveCatch: false });\n this.props.addedentry();\n this.props.toggleVisibility();\n }.bind(this),\n error: function(response) {\n this.props.errorToggle(\"Failed to add entry.\", response);\n }.bind(this)\n });\n } else {\n $(\"#tiny_\" + this.state.key + \"_ifr\")\n .contents()\n .find(\"#tinymce\")\n .each(function(x, y) {\n $(y)\n .find(\"img\")\n .each(function(key, value) {\n if ($(value)[0].src.startsWith(\"blob\")) {\n //Checking if its a locally copied file\n let canvas = document.createElement(\"canvas\");\n let set = new Image();\n set = $(value);\n canvas.width = set[0].width;\n canvas.height = set[0].height;\n let ctx = canvas.getContext(\"2d\");\n ctx.drawImage(set[0], 0, 0);\n let dataURL = canvas.toDataURL(\"image/png\");\n $(value).attr(\"src\", dataURL);\n }\n });\n });\n data = {\n parent: 0,\n body: $(\"#tiny_\" + this.state.key + \"_ifr\")\n .contents()\n .find(\"#tinymce\")\n .html(),\n target_id: Number(this.props.targetid),\n target_type: this.props.type,\n tlp: \"unset\"\n };\n $.ajax({\n type: \"post\",\n url: \"/scot/api/v2/entry\",\n data: JSON.stringify(data),\n contentType: \"application/json; charset=UTF-8\",\n dataType: \"json\",\n success: function(response) {\n this.setState({ leaveCatch: false });\n this.props.addedentry();\n }.bind(this),\n error: function(response) {\n this.props.errorToggle(\"Failed to add entry.\", response);\n }.bind(this)\n });\n }\n }\n };\n\n exportContent = () => {\n if (this.props.recipients.length > 0) {\n var data = {};\n $(\"#tiny_\" + this.state.key + \"_ifr\")\n .contents()\n .find(\"#tinymce\")\n .each(function(x, y) {\n $(y)\n .find(\"img\")\n .each(function(key, value) {\n if ($(value)[0].src.startsWith(\"blob\")) {\n //Checking to see if it's a locally copied file\n let canvas = document.createElement(\"canvas\");\n let set = new Image();\n set = $(value);\n canvas.width = set[0].width;\n canvas.height = set[0].height;\n let ctx = canvas.getContext(\"2d\");\n ctx.drawImage(set[0], 0, 0);\n let dataURL = canvas.toDataURL(\"image/png\");\n $(value).attr(\"src\", dataURL);\n }\n });\n });\n data = JSON.stringify({\n body: $(\"#tiny_\" + this.state.key + \"_ifr\")\n .contents()\n .find(\"#tinymce\")\n .html(),\n to: this.props.recipients,\n thing: this.props.type\n });\n $.ajax({\n type: \"post\",\n url: \"/scot/api/v2/sendexport\",\n data: data,\n contentType: \"application/json; charset=UTF-8\",\n dataType: \"json\",\n success: function() {\n this.setState({ leaveCatch: false });\n this.props.exportResponse(\"success\");\n }.bind(this),\n error: function(response) {\n this.props.errorToggle(\n \"Failed to export \" + this.props.type,\n response\n );\n this.props.exportResponse(\"error\");\n }.bind(this)\n });\n } else {\n this.props.errorToggle(\"Please enter a valid email address\");\n }\n };\n\n handleClose = () => {\n this.setState({ showConflict: false });\n };\n\n forEdit = set => {\n if (set) {\n $(\"#tiny_\" + this.state.key + \"_ifr\")\n .contents()\n .find(\"#tinymce\")\n .each(function(x, y) {\n $(y)\n .find(\"img\")\n .each(function(key, value) {\n if ($(value)[0].src.startsWith(\"blob\")) {\n //Checking if its a lcoally copied file\n let canvas = document.createElement(\"canvas\");\n let set = new Image();\n set = $(value);\n canvas.width = set[0].width;\n canvas.height = set[0].height;\n let ctx = canvas.getContext(\"2d\");\n ctx.drawImage(set[0], 0, 0);\n let dataURL = canvas.toDataURL(\"image/png\");\n $(value).attr(\"src\", dataURL);\n }\n });\n });\n let data = {\n parent: Number(this.props.parent),\n body: $(\"#tiny_\" + this.state.key + \"_ifr\")\n .contents()\n .find(\"#tinymce\")\n .html(),\n target_id: Number(this.props.targetid),\n target_type: this.props.type,\n parsed: 0\n };\n $.ajax({\n type: \"put\",\n url: \"/scot/api/v2/entry/\" + this.props.id,\n data: JSON.stringify(data),\n contentType: \"application/json; charset=UTF-8\",\n dataType: \"json\",\n success: function(response) {\n this.setState({ leaveCatch: false });\n this.props.addedentry();\n }.bind(this),\n error: function(response) {\n this.props.errorToggle(\"Failed to edit entry.\", response);\n }.bind(this)\n });\n }\n };\n\n handleEditorChange = e => {\n this.setState({ localcontent: e });\n };\n\n render = () => {\n let not_saved_entry_id = \"not_saved_entry_\" + this.state.key;\n return (\n \n
\n
\n
\n \n Changes on server: \n
\n \n
\n Your changes: \n ]*)>/g, \"<$1span$2>\");\n }\n args.content = replaceA(args.content) + \" \";\n },\n relative_urls: false,\n remove_script_host: false,\n link_assume_external_targets: true,\n toolbar1:\n \"full screen spellchecker | undo redo | bold italic | alignleft aligncenter alignright | bullist numlist | forecolor backcolor fontsizeselect fontselect formatselect | blockquote code link image insertdatetime | customBlockquote\",\n theme: \"modern\",\n content_css: \"/css/entryeditor.css\",\n height: 250,\n verify_html: false,\n setup: function (editor) {\n function blockquote() {\n return \"
\n \";\n }\n\n function insertBlockquote() {\n let html = blockquote();\n editor.insertContent(html);\n }\n\n editor.addButton(\"customBlockquote\", {\n text: \"500px max-height blockquote\",\n //image: 'http://p.yusukekamiyamane.com/icons/search/fugue/icons/calendar-blue.png',\n tooltip: \"Insert a 500px max-height div (blockquote)\",\n onclick: insertBlockquote\n });\n }\n }}\n />\n
\n
\n \n \n
\n \n \n \n
\n {this.state.showConflict ? (\n \n \n ]*)>/g, \"<$1span$2>\");\n }\n args.content = replaceA(args.content) + \" \";\n },\n paste_postprocess: (plugin, args) => {\n args.node.querySelectorAll(\"table\").forEach(tableNode => {\n tableNode.setAttribute(\"border\", \"1\");\n tableNode.setAttribute(\"cellpadding\", \"1\");\n tableNode.setAttribute(\"cellspacing\", \"0\");\n });\n },\n relative_urls: false,\n remove_script_host: false,\n link_assume_external_targets: true,\n toolbar1:\n \"full screen | undo redo | bold italic | alignleft aligncenter alignright | bullist numlist | forecolor backcolor fontsizeselect fontselect formatselect | blockquote code link image insertdatetime | customBlockquote | codesample\",\n content_css: \"/css/entryeditor.css\",\n height: 250,\n verify_html: false,\n setup: function(editor) {\n function blockquote() {\n return \"
\n \n
\n {this.state.asyncContentLoaded ? (\n \n [\n \n Not_Saved_0\n \n ]by {this.state.whoami}\n \n {this.props.entryAction === \"Export\" ? (\n \n Export\n \n ) : (\n \n Submit\n \n )}\n \n \n
\n \";\n }\n\n function insertBlockquote() {\n let html = blockquote();\n editor.insertContent(html);\n }\n editor.ui.registry.addMenuButton(\"customBlockquote\", {\n text: \"500px max-height blockquote\",\n //image: 'http://p.yusukekamiyamane.com/icons/search/fugue/icons/calendar-blue.png',\n tooltip: \"Insert a 500px max-height div (blockquote)\",\n fetch: insertBlockquote\n // onclick: insertBlockquote\n });\n }\n }}\n />\n ) : (\n
Loading Editor...
\n )}\n \n \n \n {({ getRootProps, getInputProps }) => (\n \n \n \n
\n \n )}\n \n {this.state.files ? (\n \n
\n \n [\n \n Not_Saved_0\n \n ]by {this.state.whoami}\n \n \n \n \n
\n Drag 'n' drop some files here, or click to select files
\n\n {\" \"}\n {this.state.files.map(\n function(file) {\n return (\n \n \n \n x\n \n \n \n );\n }.bind(this)\n )}\n
\n ) : null}\n \n \n );\n }\n\n onCancel = () => {\n finalfiles = [];\n this.props.fileUploadToggle();\n };\n\n Close = i => {\n for (let x = 0; x < finalfiles.length; x++) {\n if (i.target.id === finalfiles[x].name) {\n finalfiles.splice(x, 1);\n }\n }\n this.setState({ files: finalfiles });\n };\n\n onDrop = files => {\n for (let i = 0; i < files.length; i++) {\n finalfiles.push(files[i]);\n }\n console.log(files);\n this.setState({ files: finalfiles });\n };\n\n submit = () => {\n if (finalfiles.length > 0) {\n for (let i = 0; i < finalfiles.length; i++) {\n let data = new FormData();\n data.append(\"upload\", finalfiles[i]);\n data.append(\"target_type\", this.props.type);\n data.append(\"target_id\", Number(this.props.targetid));\n if (this.props.entryid != null) {\n data.append(\"entry_id\", this.props.entryid);\n }\n let xhr = new XMLHttpRequest();\n xhr.addEventListener(\"progress\", this.uploadProgress);\n xhr.addEventListener(\"load\", this.uploadComplete);\n xhr.addEventListener(\"error\", this.uploadFailed);\n xhr.addEventListener(\"abord\", this.uploadCancelled);\n xhr.open(\"POST\", \"/scot/api/v2/file\");\n console.log(data);\n xhr.send(data);\n }\n } else {\n alert(\"Select a file to upload before submitting.\");\n }\n };\n\n uploadComplete = () => {\n this.onCancel();\n };\n\n uploadFailed = () => {\n this.props.errorToggle(\"An error occured. Upload failed.\");\n };\n}\n","import React from \"react\";\nimport $ from \"jquery\";\n\nexport default class Summary extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n key: this.props.id\n };\n }\n\n toggle = () => {\n let newClass;\n if (this.props.summary === 1) {\n newClass = \"entry\";\n } else if (this.props.summary === 0) {\n newClass = \"summary\";\n }\n let json = { class: newClass };\n $.ajax({\n type: \"put\",\n url: \"scot/api/v2/entry/\" + this.props.entryid,\n data: JSON.stringify(json),\n contentType: \"application/json; charset=UTF-8\",\n success: function(data) {\n console.log(\"success: \" + data);\n },\n error: function(data) {\n this.props.errorToggle(\"Failed to make summary\", data);\n }.bind(this)\n });\n };\n\n render = () => {\n let summaryDisplay = \"Summary Loading...\";\n let onClick;\n if (this.props.summary === 0) {\n summaryDisplay = \"Make Summary\";\n onClick = this.toggle;\n } else if (this.props.summary === 1) {\n summaryDisplay = \"Remove Summary\";\n onClick = this.toggle;\n }\n return (\n \n {summaryDisplay}\n \n );\n };\n}\n","import React from \"react\";\nimport * as SessionStorage from \"../utils/session_storage\";\nimport $ from \"jquery\";\n\nexport default class Task extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n whoami: undefined\n };\n }\n\n componentDidMount = () => {\n let whoami = SessionStorage.getSessionStorage(\"whoami\");\n this.setState({ whoami: whoami });\n };\n\n makeTask = () => {\n let json = { make_task: 1 };\n $.ajax({\n type: \"put\",\n url: \"scot/api/v2/entry/\" + this.props.entryid,\n data: JSON.stringify(json),\n contentType: \"application/json; charset=UTF-8\",\n success: function(data) {\n console.log(\"success: \" + data);\n },\n error: function(data) {\n this.props.errorToggle(\"Failed to close task\", data);\n }.bind(this)\n });\n };\n\n closeTask = () => {\n let json = { close_task: 1 };\n $.ajax({\n type: \"put\",\n url: \"scot/api/v2/entry/\" + this.props.entryid,\n data: JSON.stringify(json),\n contentType: \"application/json; charset=UTF-8\",\n success: function(data) {\n console.log(\"success: \" + data);\n },\n error: function(data) {\n this.props.errorToggle(\"Failed to close task\", data);\n }.bind(this)\n });\n };\n\n takeTask = () => {\n let json = { take_task: 1 };\n $.ajax({\n type: \"put\",\n url: \"scot/api/v2/entry/\" + this.props.entryid,\n data: JSON.stringify(json),\n contentType: \"application/json; charset=UTF-8\",\n success: function(data) {\n console.log(\"success: \" + data);\n },\n error: function(data) {\n this.props.errorToggle(\"Failed to make Task owner\", data);\n }.bind(this)\n });\n };\n\n render = () => {\n let taskDisplay = \"Task Loading...\";\n let onClick;\n if (this.props.taskData.class === \"task\") {\n if (\n this.props.taskData.metadata.task.status === undefined ||\n this.props.taskData.metadata.task.status === null ||\n this.props.taskData.class !== \"task\"\n ) {\n taskDisplay = \"Make Task\";\n onClick = this.makeTask;\n } else if (\n this.state.whoami !== this.props.taskData.metadata.task.who &&\n this.props.taskData.metadata.task.status === \"open\"\n ) {\n taskDisplay = \"Assign task to me\";\n onClick = this.takeTask;\n } else if (\n this.state.whoami === this.props.taskData.metadata.task.who &&\n this.props.taskData.metadata.task.status === \"open\"\n ) {\n taskDisplay = \"Close Task\";\n onClick = this.closeTask;\n } else if (\n this.props.taskData.metadata.task.status === \"closed\" ||\n this.props.taskData.metadata.task.status === \"completed\"\n ) {\n taskDisplay = \"Reopen Task\";\n onClick = this.makeTask;\n } else if (\n this.state.whoami === this.props.taskData.metadata.task.who &&\n this.props.taskData.metadata.task.status === \"assigned\"\n ) {\n taskDisplay = \"Close Task\";\n onClick = this.closeTask;\n } else if (\n this.state.whoami !== this.props.taskData.metadata.task.who &&\n this.props.taskData.metadata.task.status === \"assigned\"\n ) {\n taskDisplay = \"Assign task to me\";\n onClick = this.takeTask;\n }\n } else {\n taskDisplay = \"Make Task\";\n onClick = this.makeTask;\n }\n return (\n \n {taskDisplay}\n \n );\n };\n}\n","import React from \"react\";\nimport Modal from \"react-modal\";\nimport Button from \"react-bootstrap/lib/Button\";\n\nconst customStyles = {\n content: {\n top: \"50%\",\n left: \"50%\",\n right: \"auto\",\n bottom: \"auto\",\n marginRight: \"-50%\",\n transform: \"translate(-50%, -50%)\"\n }\n};\n\nexport default class LinkWarning extends React.Component {\n proceed = () => {\n window.open(this.props.link, '_blank' ).opener = null;\n this.props.linkWarningToggle();\n };\n\n componentWillMount = () => {\n let myDomain = window.location.href;\n let reg = new RegExp(\n /((https?|ftp):\\/\\/[a-zA-Z0-9\\-_\\.]+\\.)?([a-zA-Z0-9\\-_\\.]+\\.([a-zA-Z]{1,63}))/,\n \"i\"\n );\n let linkRegResult = this.props.link.match(reg);\n let myDomainRegResult = myDomain.match(reg);\n if (linkRegResult != undefined && myDomainRegResult != undefined) {\n let linkDomain = linkRegResult[3];\n let myDomain = myDomainRegResult[3];\n if (linkDomain === myDomain) {\n this.proceed();\n }\n } else if (linkRegResult == undefined) {\n this.proceed();\n }\n /*\n if ($.isUrlInternal(this.props.link)) {\n this.proceed();\n }*/\n };\n render = () => {\n return (\n {file.name}
\n\n \n
\n );\n };\n}\n","import React from 'react';\nimport brace from 'brace';\nimport AceEditor from 'react-ace';\nimport Button from 'react-bootstrap/lib/Button.js';\nimport DropdownButton from 'react-bootstrap/lib/DropdownButton.js';\nimport OverlayTrigger from 'react-bootstrap/lib/OverlayTrigger.js';\nimport ButtonGroup from 'react-bootstrap/lib/ButtonGroup.js';\nimport MenuItem from 'react-bootstrap/lib/MenuItem.js';\nimport Popover from 'react-bootstrap/lib/Popover.js';\nimport $ from 'jquery'\nimport 'brace/mode/bro';\nimport 'brace/mode/javascript';\nimport 'brace/mode/java';\nimport 'brace/mode/python';\nimport 'brace/mode/xml';\nimport 'brace/mode/ruby';\nimport 'brace/mode/sass';\nimport 'brace/mode/markdown';\nimport 'brace/mode/mysql';\nimport 'brace/mode/json';\nimport 'brace/mode/html';\nimport 'brace/mode/c_cpp';\nimport 'brace/mode/csharp';\nimport 'brace/mode/perl';\nimport 'brace/mode/powershell';\nimport 'brace/mode/yaml';\nimport 'brace/theme/github';\nimport 'brace/theme/monokai';\nimport 'brace/theme/kuroir';\nimport 'brace/theme/solarized_dark';\nimport 'brace/theme/solarized_light';\nimport 'brace/theme/terminal';\nimport 'brace/theme/textmate';\nimport 'brace/theme/tomorrow';\nimport 'brace/theme/twilight';\nimport 'brace/theme/xcode';\nimport 'brace/keybinding/vim';\nimport 'brace/keybinding/emacs';\nimport * as Cookies from \"../utils/cookies\"\n\n\nexport default class SignatureTable extends React.Component {\n constructor(props) {\n super(props);\n let key = new Date();\n key = key.getTime();\n let value = '';\n let currentKeyboardHandler = 'none';\n let currentLanguageMode = 'java';\n let currentEditorTheme = 'github';\n let viewVersionid = this.props.headerData.prod_sigbody_id;\n let viewSigBodyid;\n if (Cookies.checkCookie('signatureKeyboardHandler') != undefined) {\n currentKeyboardHandler = Cookies.checkCookie('signatureKeyboardHandler');\n }\n if (Cookies.checkCookie('signatureLanguageMode') != undefined) {\n currentLanguageMode = Cookies.checkCookie('signatureLanguageMode');\n }\n if (Cookies.checkCookie('signatureEditorTheme') != undefined) {\n currentEditorTheme = Cookies.checkCookie('signatureEditorTheme');\n }\n if (Object.keys(this.props.headerData.version).length !== 0) {\n if (this.props.headerData.version[this.props.headerData.prod_sigbody_id] != undefined || this.props.headerData.version[this.props.headerData.prod_sigbody_id] == 0) {\n value = this.props.headerData.version[this.props.headerData.prod_sigbody_id].body;\n viewSigBodyid = this.props.headerData.version[this.props.headerData.prod_sigbody_id].id;\n } else {\n for (let key in this.props.headerData.version) {\n if (key < viewVersionid) {\n continue;\n } else {\n viewVersionid = key;\n value = this.props.headerData.version[key].body;\n viewSigBodyid = this.props.headerData.version[key].id;\n }\n }\n }\n }\n this.state = {\n readOnly: true,\n value: value,\n signatureData: this.props.headerData,\n loaded: true,\n viewSigBodyid: viewSigBodyid,\n viewVersionid: viewVersionid,\n lastViewVersionid: null,\n key: key,\n cursorEnabledDisabled: \"cursorDisabled\",\n keyboardHandlers: [\"none\", \"vim\", \"emacs\"],\n currentKeyboardHandler: currentKeyboardHandler,\n languageModes: [\n \"bro\",\n \"csharp\",\n \"c_cpp\",\n \"html\",\n \"javascript\",\n \"java\",\n \"json\",\n \"markdown\",\n \"mysql\",\n \"perl\",\n \"powershell\",\n \"python\",\n \"ruby\",\n \"sass\",\n \"xml\",\n \"yaml\"\n ],\n currentLanguageMode: currentLanguageMode,\n editorThemes: [\n \"github\",\n \"monokai\",\n \"kuroir\",\n \"solarized_dark\",\n \"solarized_light\",\n \"terminal\",\n \"textmate\",\n \"tomorrow\",\n \"twilight\",\n \"xcode\"\n ],\n currentEditorTheme: currentEditorTheme,\n ajaxType: null\n };\n\n }\n onChange = value => {\n this.setState({ value: value });\n }\n\n submitSigBody = e => {\n let url = 'scot/api/v2/sigbody/';\n let versionid = this.state.viewVersionid; //version revision if creating a new sigbody\n if (this.state.ajaxType == 'put') {\n versionid = this.state.viewSigBodyid; //version id (not revision id) if editing an existing sigbody \n url = 'scot/api/v2/sigbody/' + versionid;\n }\n $.ajax({\n type: this.state.ajaxType,\n url: url,\n data: JSON.stringify({ signature_id: parseInt(this.props.id), body: this.state.value }),\n contentType: 'application/json; charset=UTF-8',\n success: function (data) {\n console.log('successfully changed signature data');\n let viewVersionid;\n if (data.revision == undefined) { viewVersionid = this.state.viewVersionid; } else { viewVersionid = data.revision; }\n this.setState({ readOnly: true, cursorEnabledDisabled: 'cursorDisabled', ajaxType: null, viewVersionid: viewVersionid, viewSigBodyid: data.id });\n }.bind(this),\n error: function (data) {\n this.props.errorToggle('Failed to create/update sigbody', data);\n }.bind(this)\n });\n }\n\n componentWillReceiveProps = nextProps => {\n this.setState({ signatureData: nextProps.headerData });\n }\n\n editSigBody = e => {\n this.setState({ readOnly: false, lastViewVersionid: this.state.viewVersionid, cursorEnabledDisabled: 'cursorEnabled', ajaxType: 'put' });\n }\n\n createNewSigBody = () => {\n this.setState({ readOnly: false, viewVersionid: null, lastViewVersionid: this.state.viewVersionid, value: '', cursorEnabledDisabled: 'cursorEnabled', ajaxType: 'post' });\n }\n\n createNewSigBodyFromSig = () => {\n this.setState({ readOnly: false, lastViewVersionid: this.state.viewVersionid, cursorEnabledDisabled: 'cursorEnabled', ajaxType: 'post', viewVersionid: null });\n }\n\n Cancel = () => {\n let value = '';\n if (Object.keys(this.state.signatureData.version).length !== 0) {\n if (this.state.signatureData.version[this.state.signatureData.prod_sigbody_id] != undefined) {\n value = this.state.signatureData.version[this.state.lastViewVersionid].body;\n }\n }\n this.setState({ readOnly: true, value: value, viewVersionid: this.state.lastViewVersionid, cursorEnabledDisabled: 'cursorDisabled', ajaxType: null });\n }\n\n viewSigBody = e => {\n if (this.state.readOnly === true) {\n //only allow button click if you can't edit the signature\n this.setState({\n value: this.state.signatureData.version[e.target.id].body,\n viewVersionid: e.target.id,\n viewSigBodyid: e.target.viewSigBodyid\n });\n }\n };\n\n keyboardHandlerUpdate = e => {\n Cookies.setCookie(\"signatureKeyboardHandler\", e.target.text, 1000);\n this.setState({ currentKeyboardHandler: e.target.text });\n };\n\n languageModeUpdate = e => {\n Cookies.setCookie(\"signatureLanguageMode\", e.target.text, 1000);\n this.setState({ currentLanguageMode: e.target.text });\n };\n\n editorThemeUpdate = e => {\n Cookies.setCookie(\"signatureEditorTheme\", e.target.text, 1000);\n this.setState({ currentEditorTheme: e.target.text });\n };\n\n\n render() {\n let versionsArray = [];\n let keyboardHandlersArray = [];\n let languageModesArray = [];\n let editorThemesArray = [];\n let not_saved_signature_entry_id = 'not_saved_signature_entry_' + this.state.key;\n let currentKeyboardHandlerApplied = this.state.currentKeyboardHandler;\n let viewVersionid = [];\n let highestVersionid = 0;\n if (Object.keys(this.state.signatureData).length !== 0) {\n if (Object.keys(this.state.signatureData.version).length !== 0) {\n for (let key in this.state.signatureData.version) {\n let versionidrevision = this.state.signatureData.version[key].revision;\n let versionidrevisionprodqual = this.state.signatureData.version[key].revision;\n let versionidSigBodyid = this.state.signatureData.version[key].id;\n if (this.state.signatureData.prod_sigbody_id == versionidrevision) { versionidrevisionprodqual = versionidrevision + ' - Production'; } else if (this.state.signatureData.qual_sigbody_id == versionidrevision) { versionidrevisionprodqual = versionidrevision + ' - Quality'; } //add production and quality text to identify current status on the menu\n let disabled;\n if (this.state.readOnly == true) { disabled = false; } else { disabled = true; }\n versionsArray.push();\n if (versionidrevision > highestVersionid) { highestVersionid = versionidrevision; }\n }\n }\n }\n\n if (this.state.keyboardHandlers != undefined) {\n for (let i = 0; i < this.state.keyboardHandlers.length; i++) {\n keyboardHandlersArray.push();\n }\n }\n\n if (this.state.currentKeyboardHandler == 'none') {\n currentKeyboardHandlerApplied = null;\n }\n\n if (this.state.languageModes != undefined) {\n for (let i = 0; i < this.state.languageModes.length; i++) {\n languageModesArray.push();\n }\n }\n\n if (this.state.editorThemes != undefined) {\n for (let i = 0; i < this.state.editorThemes.length; i++) {\n editorThemesArray.push();\n }\n }\n if (this.state.signatureData.prod_sigbody_id == this.state.viewVersionid) {\n viewVersionid.push({this.state.viewVersionid} - Production);\n } else if (this.state.signatureData.qual_sigbody_id == this.state.viewVersionid) {\n viewVersionid.push({this.state.viewVersionid} - Quality);\n } else {\n viewVersionid.push({this.state.viewVersionid});\n }\n return (\n \n
\n Browse to site?
\n\n The link you clicked may take you to a site outside SCOT. If this is\n a link an attacker controls you may be tipping your hand.\n
\n {this.props.link}\n
\n \n {this.props.link}\n
\n \n \n
\n \n \n {this.state.loaded ?\n
\n );\n }\n}\n\nclass SignatureMetaData extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n optionsValue: JSON.stringify(this.props.signatureData.options)\n };\n }\n\n\n submitMetaData = event => {\n let k = event.target.id;\n let v = event.target.value;\n if (k == 'options' || k == 'target') {\n try { v = JSON.parse(v); }\n catch (err) { this.props.errorToggle('Failed to convert string to object. Try adding quotation marks around the key and values'); return; }\n let optionsType = typeof (v);\n if (optionsType !== 'object') { this.props.errorToggle('options need to be an object but were detected as: ' + optionsType); return; }\n } //Convery v to JSON for options as its type is JSON\n let json = {};\n json[k] = v;\n $.ajax({\n type: 'put',\n url: 'scot/api/v2/signature/' + this.props.id,\n data: JSON.stringify(json),\n contentType: 'application/json; charset=UTF-8',\n success: function (data) {\n console.log('successfully changed signature data');\n }.bind(this),\n error: function (data) {\n this.props.errorToggle('Failed to update signature metadata', data);\n }.bind(this)\n });\n }\n\n onOptionsChange = optionsValue => {\n this.setState({ optionsValue: optionsValue });\n };\n\n render() {\n\n return (\n \n
\n :\n \n
\n \n
\n \n
\n \n Signature Body: {viewVersionid}\n \n Editor Theme:\n \n {editorThemesArray}\n \n Language Handler:\n \n {languageModesArray}\n \n\n Keyboard Handler:\n \n {keyboardHandlersArray}\n \n\n Signature Body Version:\n \n {versionsArray}\n \n {this.state.readOnly ?\n \n \n {this.state.viewVersionid != 0 ?\n \n \n :\n null\n }\n \n :\n \n \n \n \n }\n \n
\n \n Loading Signature Data...\n
\n }\n \n {this.props.showSignatureOptions ?\n
\n );\n }\n};\n\nclass SignatureGroup extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n signatureGroupValue: \"\"\n };\n }\n\n handleAddition = signature_group => {\n let newSignatureGroupArr = [];\n let data = this.props.data;\n for (let i = 0; i < data.length; i++) {\n if (data[i] != undefined) {\n if (typeof data[i] == \"string\") {\n newSignatureGroupArr.push(data[i]);\n } else {\n newSignatureGroupArr.push(data[i].value);\n }\n }\n }\n newSignatureGroupArr.push(signature_group.target.value);\n $.ajax({\n type: \"put\",\n url: \"scot/api/v2/signature/\" + this.props.id,\n data: JSON.stringify({ signature_group: newSignatureGroupArr }),\n contentType: \"application/json; charset=UTF-8\",\n success: function (data) {\n console.log(\"success: signature_group added\");\n this.setState({ signatureGroupValue: \"\" });\n }.bind(this),\n error: function (data) {\n this.props.errorToggle(\"Failed to add signature_group\", data);\n }.bind(this)\n });\n };\n\n InputChange = event => {\n this.setState({ signatureGroupValue: event.target.value });\n };\n\n handleDelete = event => {\n let data = this.props.data;\n let clickedThing = event.target.id;\n let newSignatureGroupArr = [];\n for (let i = 0; i < data.length; i++) {\n if (data[i] != undefined) {\n if (typeof (data[i]) == 'string') {\n if (data[i] != clickedThing) {\n newSignatureGroupArr.push(data[i]);\n }\n } else {\n if (data[i].value != clickedThing) {\n newSignatureGroupArr.push(data[i].value);\n }\n }\n }\n }\n $.ajax({\n type: 'put',\n url: 'scot/api/v2/signature/' + this.props.id,\n data: JSON.stringify({ 'signature_group': newSignatureGroupArr }),\n contentType: 'application/json; charset=UTF-8',\n success: function (data) {\n console.log('deleted signature_group success: ' + data);\n }.bind(this),\n error: function (data) {\n this.props.errorToggle('Failed to delete signature_group', data);\n }.bind(this)\n });\n }\n\n\n render() {\n let data = this.props.data;\n let signatureGroupArr = [];\n let value;\n for (let i = 0; i < data.length; i++) {\n if (typeof (data[i]) == 'string') {\n value = data[i];\n } else if (typeof (data[i]) == 'object') {\n if (data[i] != undefined) {\n value = data[i].value;\n }\n }\n signatureGroupArr.push({value} );\n }\n return (\n \n
\n :\n null\n }\n \n
\n \n
\n \n Signature Options\n \n
\n \n \n Signature Group:\n \n \n \n {this.state.signatureGroupValue != '' ? : }\n \n {signatureGroupArr}\n
\n );\n }\n};\n","import React, { Component } from \"react\";\nimport PropTypes from \"prop-types\";\nimport AutoComplete from \"react-autocomplete\";\nimport $ from \"jquery\";\n\nclass AutoCompleteInput extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n suggestions: [],\n value: \"\"\n };\n\n this.HandleAdd = this.HandleAdd.bind(this);\n this.HandleInputChange = this.HandleInputChange.bind(this);\n }\n\n static propTypes = {\n onChange: PropTypes.func.isRequired,\n value: PropTypes.array.isRequired\n };\n\n componentWillMount() {\n if (this.props.value) {\n this.setState({ value: this.props.value });\n }\n }\n\n HandleAdd(value) {\n this.setState({ value: value });\n this.props.OnChange(value);\n }\n\n HandleInputChange(input) {\n this.props.OnChange(input.target.value);\n\n this.setState({ value: input.target.value });\n\n if (input.target && input.target.value.length >= 1) {\n let arr = [];\n $.ajax({\n type: \"get\",\n url: \"/scot/api/v2/ac/\" + this.props.type + \"/\" + input.target.value,\n success: function(result) {\n result = result.records;\n for (let i = 0; i < result.length; i++) {\n if (typeof result[i] === \"string\") {\n let obj = {};\n obj.label = result[i];\n arr.push(obj);\n }\n }\n\n this.setState({ suggestions: arr });\n }.bind(this),\n error: function() {\n console.log(\"failed to get autocomplete data\");\n }\n });\n }\n }\n\n render() {\n return (\n \n item.label}\n items={this.state.suggestions}\n renderItem={(item, isHighlighted) => (\n
\n );\n }\n}\n\nexport default AutoCompleteInput;\n","import React, { Component } from \"react\";\nimport { Modal, Button } from \"react-bootstrap\";\nimport $ from \"jquery\";\n//import TagInput from '../components/TagInput';\nimport AutoCompleteInput from \"../components/autocomplete_input.js\";\n\nclass EntityCreateModal extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n value: \"\",\n match: \"\",\n userdef: true,\n status: \"tracked\",\n multiword: \"yes\",\n confirmation: false,\n countLoading: false\n };\n }\n\n componentWillMount() {\n if (this.props.match) {\n this.setState({ match: this.props.match });\n }\n\n this.mounted = true;\n }\n\n componentDidMount() {\n // $(document).keypress(\n // function (event) {\n // if ($(\"input\").is(\":focus\")) {\n // return;\n // }\n\n // if (\n // event.keyCode === 13 &&\n // this.state.match.length >= 1 &&\n // this.state.value >= 1\n // ) {\n // if (this.state.confirmation === false) {\n // this.Confirmation();\n // } else {\n // this.Submit();\n // }\n // }\n // return;\n // }.bind(this)\n // ).bind(this);\n this.HasSpacesCheck(this.props.match);\n }\n\n componentWillUnmount() {\n $(document).unbind(\"keypress\");\n this.mounted = false;\n }\n\n HasSpacesCheck = (match) => {\n if (/\\s/g.test(match) === true) {\n this.setState({ multiword: \"yes\" });\n } else {\n this.setState({ multiword: \"no\" });\n }\n }\n\n GetCount = () => {\n this.setState({ countLoading: true });\n let match = encodeURIComponent(this.state.match);\n $.ajax({\n type: \"get\",\n url: \"/scot/api/v2/hitsearch?match=\" + match,\n success: function (data) {\n this.setState({ count: data.count, countLoading: false });\n }.bind(this),\n error: function (data) {\n this.setState({ count: \"unable to get count\", countLoading: false });\n }.bind(this)\n });\n }\n\n Confirmation = () => {\n if (this.state.confirmation === false) {\n this.GetCount();\n this.setState({ confirmation: true });\n } else {\n this.setState({ confirmation: false, value: \"\" });\n }\n }\n\n Submit = () => {\n let json = {\n value: this.state.value,\n match: this.state.match,\n status: \"active\",\n options: { multiword: this.state.multiword }\n };\n $.ajax({\n type: \"POST\",\n url: \"/scot/api/v2/entitytype\",\n data: JSON.stringify(json),\n contentType: \"application/json; charset=UTF-8\",\n success: function (data) {\n console.log(\"success: \" + data);\n this.props.ToggleCreateEntity();\n }.bind(this),\n error: function (data) {\n if (data.responseJSON.error_msg) {\n this.props.errorToggle(\n \"failed to create user defined entity: error_message: \" +\n data.responseJSON.error_msg,\n data\n );\n } else {\n this.props.errorToggle(\"failed to create user defined entity\", data);\n }\n }.bind(this)\n });\n }\n\n OnChangeMatch = (e) => {\n this.setState({ match: e.target.value });\n this.HasSpacesCheck(e.target.value);\n }\n\n OnChangeValue = (e) => {\n this.setState({ value: e });\n }\n\n render() {\n return (\n \n {item.label}\n
\n )}\n value={this.state.value}\n onChange={this.HandleInputChange}\n onSelect={this.HandleAdd}\n menuStyle={{\n borderRadius: \"3px\",\n boxShadow: \"0 2px 12px rgba(0, 0, 0, 0.1)\",\n background: \"rgba(255, 255, 255, 0.9)\",\n padding: \"2px 0\",\n fontSize: \"90%\",\n overflow: \"auto\",\n maxHeight: \"200px\", // TODO: don't cheat, let it flow to the bottom\n top: \"unset\",\n left: \"unset\",\n position: \"absolute\"\n }}\n inputProps={{ style: { width: \"100%\" } }}\n wrapperProps={{ style: { width: \"300px\" } }}\n />\n \n Entity Name: {this.state.match}\n
\n \n Entity Type: {this.state.value}\n
\n \n Multiword: {this.state.multiword}\n
\n \n )}\n \n {formType ? (\n
\n );\n }\n}\n\nclass DropdownComponent extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n selected: null,\n options: []\n };\n }\n\n componentWillMount() {\n if (this.props.dynamic) {\n this.getDynamic();\n } else {\n let arr = [];\n let selected = \"\";\n\n for (let j = 0; j < this.props.dropdownValues.length; j++) {\n if (this.props.value == this.props.dropdownValues[j][\"value\"]) {\n selected = this.props.value;\n }\n\n arr.push();\n }\n\n this.setState({ selected: selected, options: arr });\n }\n }\n\n getDynamic = () => {\n $.ajax({\n type: \"get\",\n url: this.props.fetchURL,\n success: function(result) {\n let arr = [];\n let selected = \"\";\n let referenceKey = this.props.referenceKey;\n if (\n referenceKey == \"qual_sigbody_id\" ||\n referenceKey == \"prod_sigbody_id\"\n ) {\n arr.push();\n for (let key in result[\"version\"]) {\n if (\n result[\"version\"][key][\"revision\"] == result.data[referenceKey]\n ) {\n selected = result.data[referenceKey];\n }\n arr.push();\n }\n } else {\n for (let j = 0; j < result[this.props.referenceKey].length; j++) {\n if (result[this.props.referenceKey][j].selected == 1) {\n selected = result[this.props.referenceKey][j].value;\n }\n\n arr.push(\n \n );\n }\n }\n\n this.setState({ selected: selected, options: arr });\n }.bind(this)\n });\n };\n\n componentWillReceiveProps(nextProps) {\n if (nextProps.dynamic) {\n this.getDynamic();\n } else {\n this.setState({ selected: nextProps.value });\n }\n }\n\n onChange = event => {\n this.props.onChange(event);\n this.setState({ selected: event.target.value });\n };\n\n render() {\n return (\n \n
\n ) : null}\n \n {dropdownArr}\n {datesArr}\n {inputArr}\n {textAreaArr}\n {inputMultiArr}\n {booleanArr}\n {multiSelectArr}\n
\n \n {this.props.label}\n \n \n {this.state.options}\n \n \n \n \n \n \n \n
\n );\n }\n}\n\nclass InputComponent extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n value: \"\"\n };\n }\n\n componentWillMount() {\n if (this.props.dynamic) {\n this.getDynamic();\n } else {\n this.setState({ value: this.props.value });\n }\n }\n\n getDynamic = () => {\n $.ajax({\n type: \"get\",\n url: this.props.fetchURL,\n success: function(result) {\n let value = \"\";\n value = result[this.props.referenceKey];\n this.setState({ value: value });\n }.bind(this)\n });\n };\n\n inputOnChange = event => {\n this.setState({ value: event.target.value });\n };\n\n componentWillReceiveProps(nextProps) {\n if (nextProps.dynamic) {\n this.getDynamic();\n } else {\n this.setState({ value: nextProps.value });\n }\n }\n\n render() {\n return (\n \n {this.props.label}\n \n \n \n \n \n
\n );\n }\n}\n\nclass Calendar extends React.Component {\n constructor(props) {\n super(props);\n let loading = false;\n if (this.props.dynamic) {\n loading = true;\n }\n this.state = {\n showCalendar: false,\n loading: loading,\n value: \"\"\n };\n }\n\n componentWillMount() {\n if (this.props.dynamic) {\n this.getDynamic();\n } else {\n this.setState({ value: this.props.value });\n }\n }\n\n getDynamic = () => {\n $.ajax({\n type: \"get\",\n url: this.props.fetchURL,\n success: function(result) {\n let value = result[this.props.referenceKey] * 1000;\n this.setState({ value: value, loading: false });\n }.bind(this)\n });\n };\n\n componentWillReceiveProps(nextProps) {\n if (nextProps.dynamic) {\n this.getDynamic();\n } else {\n this.setState({ value: nextProps.value });\n }\n }\n\n onChange = event => {\n let data_string = \"data.\" + this.props.typeLower;\n let v = event._d.getTime() / 1000;\n let json = {};\n json[data_string] = v;\n $.ajax({\n type: \"put\",\n url: \"scot/api/v2/\" + this.props.type + \"/\" + this.props.id,\n data: JSON.stringify(json),\n contentType: \"application/json; charset=UTF-8\",\n success: function() {\n console.log(\"successfully changed custom table data\");\n }.bind(this),\n error: function(data) {\n this.props.errorToggle(\"Failed to updated custom table data\", data);\n }.bind(this)\n });\n };\n\n showCalendar = () => {\n if (this.state.showCalendar == false) {\n this.setState({ showCalendar: true });\n } else {\n this.setState({ showCalendar: false });\n }\n };\n\n render() {\n return (\n \n \n {this.props.label}\n {this.props.help}}\n >\n \n \n \n \n
\n );\n }\n}\n\nclass InputMultiComponent extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n inputValue: \"\",\n value: []\n };\n }\n\n componentWillMount() {\n if (this.props.dynamic) {\n this.getDynamic();\n } else {\n this.setState({ value: this.props.value });\n }\n }\n\n getDynamic = () => {\n $.ajax({\n type: \"get\",\n url: this.props.fetchURL,\n success: function(result) {\n let value = result[this.props.referenceKey];\n this.setState({ value: value });\n }.bind(this)\n });\n };\n\n componentWillReceiveProps(nextProps) {\n if (nextProps.dynamic) {\n this.getDynamic();\n } else {\n this.setState({ value: nextProps.value });\n }\n }\n\n handleAddition = group => {\n if (this.state.value !== undefined) {\n let groupArr = [];\n let data = this.state.value;\n for (let i = 0; i < data.length; i++) {\n if (data[i] != undefined) {\n if (typeof data[i] == \"string\") {\n groupArr.push(data[i]);\n } else {\n groupArr.push(data[i].value);\n }\n }\n }\n groupArr.push(group.target.value);\n\n let newData = {};\n let data_string = \"data.\" + this.props.id;\n newData[data_string] = groupArr;\n\n // newData[this.props.id] = groupArr;\n\n $.ajax({\n type: \"put\",\n url: \"scot/api/v2/\" + this.props.mainType + \"/\" + this.props.mainId,\n data: JSON.stringify(newData),\n contentType: \"application/json; charset=UTF-8\",\n success: function() {\n console.log(\"success: group added\");\n this.setState({ inputValue: \"\", value: newData[this.props.id] });\n }.bind(this),\n error: function(data) {\n this.props.errorToggle(\"Failed to add group\", data);\n }.bind(this)\n });\n }\n };\n\n InputChange = event => {\n this.setState({ inputValue: event.target.value });\n };\n\n handleDelete = event => {\n let data = this.state.value;\n let clickedThing = event.target.id;\n let groupArr = [];\n for (let i = 0; i < data.length; i++) {\n if (data[i] != undefined) {\n if (typeof data[i] == \"string\") {\n if (data[i] != clickedThing) {\n groupArr.push(data[i]);\n }\n } else {\n if (data[i].value != clickedThing) {\n groupArr.push(data[i].value);\n }\n }\n }\n }\n\n let newData = {\n data: {\n [this.props.id]: groupArr\n }\n };\n\n $.ajax({\n type: \"put\",\n url: \"scot/api/v2/\" + this.props.mainType + \"/\" + this.props.mainId,\n data: JSON.stringify(newData),\n contentType: \"application/json; charset=UTF-8\",\n success: function(data) {\n this.setState({ value: newData[this.props.id] });\n console.log(\"deleted group success: \" + data);\n }.bind(this),\n error: function(data) {\n this.props.errorToggle(\"Failed to delete group\", data);\n }.bind(this)\n });\n };\n\n render() {\n let data = this.state.value;\n let groupArr = [];\n let value;\n if (data !== undefined) {\n for (let i = 0; i < data.length; i++) {\n if (typeof data[i] == \"string\") {\n value = data[i];\n } else if (typeof data[i] == \"object\") {\n if (data[i] != undefined) {\n value = data[i].value;\n }\n }\n groupArr.push(\n \n {value}{\" \"}\n \n {this.props.label}\n \n \n Submit\n \n ) : (\n \n )}\n \n {groupArr}\n \n {this.props.help}}\n >\n \n \n \n
\n );\n }\n}\n\nclass BooleanComponent extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n value: false\n };\n }\n\n componentWillMount() {\n if (this.props.dynamic) {\n this.getDynamic();\n } else {\n this.setState({ value: this.props.value });\n }\n }\n\n getDynamic = () => {\n $.ajax({\n type: \"get\",\n url: this.props.fetchURL,\n success: function(result) {\n let value = result[this.props.referenceKey];\n this.setState({ value: value });\n }.bind(this)\n });\n };\n\n componentWillReceiveProps = nextProps => {\n if (nextProps.dynamic) {\n this.getDynamic();\n } else {\n this.setState({ value: nextProps.value });\n }\n };\n\n onChange = e => {\n let value;\n if (e.target.value == \"true\") {\n value = 1;\n } else {\n value = 0;\n }\n\n let obj = {};\n obj[\"target\"] = {};\n obj[\"target\"][\"id\"] = this.props.id;\n obj[\"target\"][\"value\"] = value;\n\n this.props.onChange(obj);\n };\n\n render() {\n return (\n \n {this.props.label}\n \n {this.props.help}}\n >\n \n \n \n
\n );\n }\n}\n\nclass MultiSelectComponent extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n options: []\n };\n }\n\n componentWillMount() {\n if (this.props.dynamic) {\n this.getDynamic();\n } else {\n this.makeForm();\n }\n }\n\n makeForm = nextProps => {\n let props = this.props;\n if (nextProps) {\n props = nextProps;\n }\n\n let arr = [];\n for (let j = 0; j < props.dropdownValues.length; j++) {\n if (props.value.includes(props.dropdownValues[j][\"value\"])) {\n arr.push();\n } else {\n arr.push();\n }\n }\n\n this.setState({ options: arr });\n };\n\n getDynamic = () => {\n $.ajax({\n type: \"get\",\n url: this.props.fetchURL,\n success: function(result) {\n let arr = [];\n for (let j = 0; j < result[this.props.referenceKey].length; j++) {\n if (result[this.props.referenceKey][j].selected == 1) {\n arr.push(\n \n );\n } else {\n arr.push(\n \n );\n }\n }\n\n this.setState({ options: arr });\n }.bind(this)\n });\n };\n\n componentWillReceiveProps = nextProps => {\n if (nextProps.dynamic) {\n this.getDynamic();\n } else {\n this.makeForm(nextProps);\n }\n };\n\n onChange = event => {\n let multiSelectArr = [];\n for (let i = 0; i < event.target.options.length; i++) {\n if (event.target.options[i] != undefined) {\n if (event.target.options[i].selected == true) {\n multiSelectArr.push(event.target.options[i].value);\n } else {\n continue;\n }\n }\n }\n\n let newData = {};\n let data_string = \"data.\" + this.props.id;\n newData[data_string] = multiSelectArr;\n\n $.ajax({\n type: \"put\",\n url: \"scot/api/v2/\" + this.props.mainType + \"/\" + this.props.mainId,\n data: JSON.stringify(newData),\n contentType: \"application/json; charset=UTF-8\",\n success: function() {\n console.log(\"success: multi select added\");\n }.bind(this),\n error: function(data) {\n this.props.errorToggle(\"Failed to add multi select\", data);\n }.bind(this)\n });\n this.setState({ selected: event.target.value });\n };\n\n render() {\n return (\n \n {this.props.label}\n \n \n {this.state.options}\n \n \n \n {this.props.help}}\n >\n \n \n \n
\n );\n }\n}\n","import React, { useEffect, useState } from \"react\";\nimport AddEntry from \"../components/add_entry.js\";\nimport SelectedEntry from \"./selected_entry\";\nimport Button from \"@material-ui/core/Button\";\n\nfunction AddEntryToAlert({ ...props }) {\n const [visible, setVisibility] = useState(true);\n\n function toggleVisibility() {\n setVisibility(!visible);\n props.updated();\n }\n\n return (\n \n {!visible ? (\n
\n );\n}\nexport default AddEntryToAlert;\n","import React from \"react\";\nimport $ from \"jquery\";\nimport EntityDetail from \"../modal/entity_detail\";\nimport ReactTime from \"react-time\";\nimport SplitButton from \"react-bootstrap/lib/SplitButton.js\";\nimport MenuItem from \"react-bootstrap/lib/MenuItem.js\";\nimport Button from \"react-bootstrap/lib/Button.js\";\nimport AddEntry from \"../components/add_entry.js\";\nimport FileUpload from \"../components/file_upload.js\";\nimport { DeleteEntry } from \"../modal/delete\";\nimport Summary from \"../components/summary\";\nimport Task from \"../components/task\";\nimport SelectedPermission from \"../components/permission.js\";\nimport Frame from \"react-frame-component\";\nimport LinkWarning from \"../modal/link_warning\";\nimport { Link } from \"react-router-dom\";\nimport SignatureTable from \"../components/signature_table\";\nimport TrafficLightProtocol from \"../components/traffic_light_protocol\";\nimport Marker from \"../components/marker\";\nimport EntityCreateModal from \"../modal/entity_create\";\nimport CustomMetaDataTable from \"../components/custom_metadata_table\";\nimport ReactTable from \"react-table\";\nimport { get_data, put_data, post_data } from \"../utils/XHR\";\nimport AlertSubComponent from \"./alert_subcomponent\";\nimport {\n buildTypeColumns,\n customCellRenderers,\n getColumnWidth,\n} from \"../list/tableConfig\";\nimport Button2 from \"@material-ui/core/Button\";\n\nexport default class SelectedEntry extends React.Component {\n constructor(props) {\n super(props);\n let entityDetailKey = Math.floor(Math.random() * 1000);\n this.state = {\n showEntryData: this.props.showEntryData,\n showEntityData: this.props.showEntityData,\n entryData: this.props.entryData,\n entityData:\n this.props.entityData === undefined ? null : this.props.entityData,\n entityid: null,\n entitytype: null,\n entityoffset: null,\n entityobj: null,\n key: this.props.id,\n flairToolbar: false,\n notificationType: null,\n notificationMessage: \"\",\n height: null,\n entityDetailKey: entityDetailKey,\n isMounted: false,\n };\n }\n\n componentDidMount() {\n const { type, id, addFlair } = this.props;\n this.getEntryData();\n if (this.state.entityData !== null) {\n addFlair(this.state.entityData, null, type, null, id);\n }\n this.props.createCallback(this.props.id, this.updatedCB);\n this.containerHeightAdjust();\n\n window.addEventListener(\"resize\", this.containerHeightAdjust);\n let table = document.querySelector(\".ReactTable\");\n table.onresize = function () {\n this.containerHeightAdjust();\n }.bind(this);\n }\n\n componentWillReceiveProps() {\n this.containerHeightAdjust();\n }\n\n componentDidUpdate() {\n if (this.state.runWatcher == true) {\n this.Watcher();\n }\n }\n\n componentWillUnmount() {\n this.setState({ isMounted: false });\n }\n\n getEntryData = () => {\n const { type, id } = this.props;\n this.setState({ isMounted: true });\n if (type === \"alert\" || type === \"entity\" || this.props.isPopUp === 1) {\n let entry_url = `scot/api/v2/${type}/${id}/entry`;\n let entry_response = get_data(entry_url, null);\n entry_response\n .then(\n function (response) {\n if (this.state.isMounted) {\n this.setState({\n showEntryData: true,\n entryData: response.data.records,\n });\n response.data.records.forEach(\n function (element, i) {\n this.props.createCallback(\n response.data.records[i].id,\n this.updatedCB\n );\n }.bind(this)\n );\n this.Watcher();\n }\n }.bind(this)\n )\n .catch(\n function (error) {\n if (this.state.isMounted) {\n this.setState({ showEntryData: true });\n this.props.errorToggle(\"Failed to load entry data.\", error);\n }\n }.bind(this)\n );\n }\n };\n\n getEntityData = () => {\n const { addFlair, type, id } = this.props;\n if (\n type === \"alert\" ||\n type === \"entity\" ||\n type === \"incident\" ||\n type === \"alertgroup\" ||\n this.props.isPopUp === 1\n ) {\n const entity_url = `scot/api/v2/${type}/${id}/entity`;\n let entity_response = get_data(entity_url, null);\n entity_response\n .then(\n function (response) {\n let entityResult = response.data.records;\n if (this.state.isMounted) {\n this.setState({ showEntityData: true, entityData: entityResult });\n let waitForEntry = {\n waitEntry: function () {\n if (this.state.showEntryData === false) {\n setTimeout(waitForEntry.waitEntry, 50);\n } else {\n setTimeout(\n function () {\n addFlair(entityResult, null, type, null, id);\n }.bind(this)\n );\n }\n }.bind(this),\n };\n waitForEntry.waitEntry();\n }\n }.bind(this)\n )\n .catch(\n function (data) {\n if (this.state.isMounted) {\n this.setState({ showEntityData: true });\n this.props.errorToggle(\"Failed to load entity data.\", data);\n }\n }.bind(this)\n );\n }\n };\n\n updatedCB = () => {\n this.getEntityData();\n this.getEntryData();\n };\n\n flairToolbarToggle = (id, value, type, entityoffset, entityobj) => {\n if (this.state.isMounted) {\n this.setState({\n flairToolbar: true,\n entityid: id,\n entityvalue: value,\n entitytype: type,\n entityoffset: entityoffset,\n entityobj: entityobj,\n });\n }\n };\n\n flairToolbarOff = () => {\n if (this.state.isMounted) {\n let newEntityDetailKey = this.state.entityDetailKey + 1;\n this.setState({\n flairToolbar: false,\n entityDetailKey: newEntityDetailKey,\n });\n }\n };\n\n linkWarningToggle = (href) => {\n if (this.state.isMounted) {\n if (this.state.linkWarningToolbar === false) {\n this.setState({ linkWarningToolbar: true, link: href });\n } else {\n this.setState({ linkWarningToolbar: false });\n }\n }\n };\n\n Watcher = () => {\n let containerid = this.props.type + \"-detail-container\";\n if (this.props.type != \"alertgroup\") {\n let selector = `iframe`;\n let iframes = document.querySelectorAll(selector);\n iframes.forEach(\n function (ifr, index) {\n ifr.contentWindow.requestAnimationFrame(\n function () {\n if (ifr.contentDocument != null) {\n let arr = [];\n arr.push(this.checkFlairHover);\n ifr.addEventListener(\"mouseenter\", function (v, type) {\n let intervalID = setInterval(this[0], 50, ifr); // this.flairToolbarToggle, type, this.props.linkWarningToggle, this.props.id);\n console.log(\"Now watching iframe \" + intervalID);\n });\n\n ifr.addEventListener(\"mouseleave\", function () {\n let intervalID = $(ifr).data(\"intervalID\");\n window.clearInterval(intervalID);\n console.log(\"No longer watching iframe \" + intervalID);\n });\n }\n }.bind(this)\n );\n }.bind(this)\n );\n } else {\n $(containerid)\n .find(\"a, .entity\")\n .not(\".not_selectable\")\n .each(\n function (index, tr) {\n $(tr).off(\"mousedown\");\n $(tr).on(\n \"mousedown\",\n function (index) {\n let thing = index.target;\n if ($(thing)[0].className == \"extras\") {\n thing = $(thing)[0].parentNode;\n } //if an extra is clicked reference the parent element\n if ($(thing).attr(\"url\")) {\n //link clicked\n let url = $(thing).attr(\"url\");\n this.linkWarningToggle(url);\n } else {\n //entity clicked\n let entityid = $(thing).attr(\"data-entity-id\");\n let entityvalue = $(thing).attr(\"data-entity-value\");\n let entityoffset = $(thing).offset();\n let entityobj = $(thing);\n this.flairToolbarToggle(\n entityid,\n entityvalue,\n \"entity\",\n entityoffset,\n entityobj\n );\n }\n }.bind(this)\n );\n }.bind(this)\n );\n }\n };\n\n checkFlairHover = (ifr) => {\n function returnifr() {\n return ifr;\n }\n if (this.props.type != \"alertgroup\") {\n if (ifr.contentDocument != null) {\n $(ifr)\n .contents()\n .find(\".entity\")\n .each(\n function (index, entity) {\n if ($(entity).css(\"background-color\") == \"rgb(255, 0, 0)\") {\n $(entity).data(\"state\", \"down\");\n } else if ($(entity).data(\"state\") == \"down\") {\n $(entity).data(\"state\", \"up\");\n let entityid = $(entity).attr(\"data-entity-id\");\n let entityvalue = $(entity).attr(\"data-entity-value\");\n let entityobj = $(entity);\n let ifr = returnifr();\n let entityoffset = {\n top: $(entity).offset().top + $(ifr).offset().top,\n left: $(entity).offset().left + $(ifr).offset().left,\n };\n this.flairToolbarToggle(\n entityid,\n entityvalue,\n \"entity\",\n entityoffset,\n entityobj\n );\n }\n }.bind(this)\n );\n }\n if (ifr.contentDocument != null) {\n $(ifr)\n .contents()\n .find(\"a\")\n .each(\n function (index, a) {\n if ($(a).css(\"color\") == \"rgb(255, 0, 0)\") {\n $(a).data(\"state\", \"down\");\n } else if ($(a).data(\"state\") == \"down\") {\n $(a).data(\"state\", \"up\");\n let url = $(a).attr(\"url\");\n this.linkWarningToggle(url);\n }\n }.bind(this)\n );\n }\n }\n };\n\n containerHeightAdjust = () => {\n //Using setTimeout so full screen toggle animation has time to finish before resizing detail section\n setTimeout(\n function () {\n let scrollHeight;\n let ListViewTableHeight = document.getElementsByClassName(\n \"ReactTable\"\n )[0].clientHeight;\n if (ListViewTableHeight !== undefined) {\n if (ListViewTableHeight !== 0) {\n scrollHeight =\n window.innerHeight -\n ListViewTableHeight -\n $(\"#header\").height() -\n 90;\n scrollHeight = scrollHeight + \"px\";\n } else {\n scrollHeight = $(window).height() - $(\"#header\").height() - 78;\n scrollHeight = scrollHeight + \"px\";\n }\n //$('#detail-container').css('height',scrollHeight);\n if (this.state.isMounted) {\n this.setState({ height: scrollHeight });\n }\n }\n }.bind(this),\n 500\n );\n };\n\n render = () => {\n let divid = \"detail-container\";\n let height = this.state.height;\n let data = this.props.entryData;\n let type = this.props.type;\n let id = this.props.id;\n let showEntryData = this.props.showEntryData;\n let divClass = \"row-fluid entry-wrapper entry-wrapper-main\";\n if (type === \"alert\") {\n //divClass = 'row-fluid entry-wrapper entry-wrapper-main-300'\n divClass = \"row-fluid entry-wrapper entry-wrapper-main-nh\";\n data = this.state.entryData;\n showEntryData = this.state.showEntryData;\n } else if (type === \"alertgroup\") {\n divClass = \"row-fluid alert-wrapper entry-wrapper-main\";\n } else if (type === \"entity\" || this.props.isPopUp === 1) {\n divClass = \"row-fluid entry-wrapper-entity\";\n data = this.state.entryData;\n showEntryData = this.state.showEntryData;\n }\n //lazy loading flair - this needs to be done here because it is not initialized when this function is called by itself (alerts and entities)\n if (type === \"alert\" || this.props.isPopUp === 1) {\n divid = this.props.type + \"-detail-container\";\n height = null;\n }\n return (\n \n
\n\n\n Add Entry\n \n
\n
\n ) : null}\n {visible ? (\n \n\n
\n
\n {type !== \"entity\" && type !== \"alert\" ? (\n : null}*/}\n {type === \"signature\" && this.props.headerData !== null ? (\n
\n );\n };\n}\n\nclass EntryIterator extends React.Component {\n render = () => {\n let rows = [];\n let data = this.props.data;\n let type = this.props.type;\n let items = this.props.items;\n let linkToSearch = [];\n let id = this.props.id;\n let entityData = this.props.entityData;\n let search = null;\n if (this.props.items !== undefined) {\n if (\n this.props.items[0].data_with_flair !== undefined &&\n !this.props.flairOff\n ) {\n search = items[0].data_with_flair.search;\n } else {\n search = items[0].data.search;\n }\n for (let y = 0; y < this.props.headerData.ahrefs.length; y++) {\n linkToSearch.push(\n \n {this.props.headerData.ahrefs[y].subject}\n \n );\n linkToSearch.push(\n
\n ) : null}\n {this.props.fileUploadToolbar ? (\n \n
\n ) : null}\n {this.state.flairToolbar ? (\n );\n }\n }\n\n if (data === undefined || data[0] === undefined) {\n if (type !== \"alertgroup\") {\n return (\n
\n
\n );\n } else {\n return (\n \n No entries found. Click the green Add Entry button if you would\n like to create one\n
\n \n
\n );\n }\n } else {\n if (type !== \"alertgroup\") {\n let key = 0;\n data.forEach(\n function (data) {\n rows.push(\n \n No alerts found or they are unable to be rendered. Please check\n the source and correct the formatting of the alert if necessary\n
\n {rows}
;\n } else {\n return (\n \n
\n );\n }\n }\n };\n}\n\nclass NewAlertTable extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n columns: [],\n data: [],\n entityData: [],\n type: \"\",\n addFlair: null,\n promotionId: null,\n selected: [],\n flairOff: false,\n expanded: {},\n };\n }\n\n componentDidMount() {\n if (this.props.items.length > 0) {\n const data = this.createData();\n const columns = buildTypeColumns(\"alert\", data, this.props.items, true);\n this.setState({ data, columns });\n }\n if (this.props.type) {\n this.setState({\n type: this.props.type,\n entityData: this.props.entityData,\n });\n }\n if (this.props.addFlair) {\n this.setState({ addFlair: this.props.addFlair });\n }\n\n //handle alertselection from SelectedHeader\n if (this.props.alertsSelected) {\n this.setState({ selected: this.props.alertsSelected });\n }\n\n $(\"#main-detail-container\").keydown(\n function (event) {\n //prevent from working when in input\n if ($(\"input\").is(\":focus\")) {\n return;\n }\n //check for ctrl + a with keyCode\n if (\n event.keyCode === 65 &&\n (event.ctrlKey === true || event.metaKey === true)\n ) {\n this.handleSelectAll();\n event.preventDefault();\n }\n }.bind(this)\n );\n }\n\n componentDidUpdate(prevProps, prevState) {\n if (prevProps.entityData !== this.props.entityData) {\n this.setState({\n entityData: this.props.entityData,\n columns: buildTypeColumns(\n \"alert\",\n this.state.data,\n this.props.items,\n true,\n this.props.entityData\n ),\n });\n }\n if (prevState.flairOff !== this.state.flairOff) {\n let data = this.createData();\n this.setState({ data });\n }\n if (prevProps.items !== this.props.items) {\n let data = this.createData();\n this.setState({ data });\n }\n\n if (\n this.props.alertsSelected !== prevState.selected &&\n this.props.alertsSelected !== undefined\n ) {\n this.setState({ selected: this.props.alertsSelected });\n }\n }\n\n static getDerivedStateFromProps(nextProps, prevState) {\n if (nextProps.flairOff !== prevState.flairOff) {\n return { flairOff: nextProps.flairOff };\n }\n if (nextProps.alertsSelected !== prevState.selected) {\n return { selected: nextProps.alertsSelected };\n } else return null;\n }\n\n createData = () => {\n const dataarray = [];\n this.props.items.forEach(\n function (element) {\n let dataitem = {};\n if (\n !this.state.flairOff &&\n Object.entries(element.data_with_flair).length !== 0\n ) {\n dataitem = element.data_with_flair;\n //we have to do this in order to not conflict SCOT status column with Splunk http status columns\n dataitem[\"status \"] = element.data_with_flair.status;\n } else {\n dataitem = element.data;\n //we have to do this in order to not conflict SCOT status column with Splunk http status columns\n dataitem[\"status \"] = element.data.status;\n }\n dataitem[\"id\"] = element.id;\n dataitem[\"status\"] = element.status;\n dataitem[\"entry_count\"] = element.entry_count;\n dataarray.push(dataitem);\n }.bind(this)\n );\n return dataarray;\n };\n\n render() {\n const { columns, data } = this.state;\n const { addFlair, type, headerData, entityData, updated } = this.props;\n\n return (\n \n (this.reactTable = r)}\n key={2}\n data={data}\n columns={columns}\n filterable={true}\n expanded={this.state.expanded}\n onExpandedChange={(expanded, index, event) => {\n this.setState({ expanded });\n addFlair(entityData, null, \"entry\", null, null);\n }}\n defaultFilterMethod={(filter, row) => {\n if (row[filter.id].includes(filter.value)) {\n return row;\n }\n }}\n SubComponent={({ row }) => {\n return (\n
\n );\n }\n}\n\n//div underneath alert table\nclass AlertTableSearchDiv extends React.Component {\n constructor(props) {\n super(props);\n }\n\n render() {\n let search = null;\n const { items } = this.props;\n if (items[0].data_with_flair !== undefined && !this.props.flairOff) {\n search = items[0].data_with_flair.search;\n } else {\n search = items[0].data.search;\n }\n\n let linkToSearch = this.props.headerData.ahrefs.map((item, index) => (\n \n ));\n\n return (\n \n {search !== undefined ? (\n \n {linkToSearch}\n \n
\n ) : null}\n \n );\n }\n}\n\nclass EntryParent extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n editEntryToolbar: false,\n replyEntryToolbar: false,\n deleteToolbar: false,\n permissionsToolbar: false,\n fileUploadToolbar: false,\n showEntityCreateModal: false,\n highlightedText: null,\n items: {},\n };\n }\n\n // componentWillUnmount() {\n // this.props.removeCallback(this.props.items.id);\n // }\n\n componentDidMount = () => {\n this.props.createCallback(this.props.items.id, this.refreshButton);\n };\n\n //TODO modify manual entry refresh to be done on automatically based on STOMP single entry update. This works for now.\n refreshButton = () => {\n if ($(\"#refresh-detail\")) {\n $(\"#refresh-detail\").click();\n }\n };\n\n editEntryToggle = () => {\n if (this.state.editEntryToolbar === false) {\n this.setState({ editEntryToolbar: true });\n } else {\n this.setState({ editEntryToolbar: false });\n }\n };\n\n replyEntryToggle = () => {\n if (this.state.replyEntryToolbar === false) {\n this.setState({ replyEntryToolbar: true });\n } else {\n this.setState({ replyEntryToolbar: false });\n }\n };\n\n deleteToggle = () => {\n if (this.state.deleteToolbar === false) {\n this.setState({ deleteToolbar: true });\n } else {\n this.setState({ deleteToolbar: false });\n }\n };\n\n permissionsToggle = () => {\n if (this.state.permissionsToolbar === false) {\n this.setState({ permissionsToolbar: true });\n } else {\n this.setState({ permissionsToolbar: false });\n }\n };\n\n reparseFlair = () => {\n let reparse_flair_endpoint = `/scot/api/v2/entry/${this.props.items.id}`;\n let put_response = put_data(reparse_flair_endpoint);\n put_response\n .then(function (data) {\n console.log(\"reparsing started\");\n })\n .catch(\n function (data) {\n this.props.errorToggle(\"failed to start reparsing of data\", data);\n }.bind(this)\n );\n };\n\n fileUploadToggle = () => {\n if (this.state.fileUploadToolbar === false) {\n this.setState({ fileUploadToolbar: true });\n } else {\n this.setState({ fileUploadToolbar: false });\n }\n };\n\n getEntryEntityData = (id) => {\n const entity_url = `scot/api/v2/entry/${id}/entity`;\n let entity_response = get_data(entity_url, null);\n entity_response\n .then(\n function (response) {\n let entityResult = response.data.records;\n this.props.setEntryEntities(entityResult);\n }.bind(this)\n )\n .catch(\n function (data) {\n console.log(`Couldnt get entry entity data: ${data}`);\n }.bind(this)\n );\n };\n\n render = () => {\n let itemarr = [];\n let subitemarr = [];\n let items = this.props.items;\n let type = this.props.type;\n let id = this.props.id;\n let isPopUp = this.props.isPopUp;\n let itemsClass = this.props.items.class;\n let summary = 0; //define Summary as false unless itemsClass is \"summary\"\n let editEntryToolbar = this.state.editEntryToolbar;\n let editEntryToggle = this.editEntryToggle;\n let errorToggle = this.props.errorToggle;\n let outerClassName = \"row-fluid entry-outer\";\n let innerClassName = \"row-fluid entry-header\";\n let taskOwner = \"\";\n if (itemsClass === \"summary\") {\n outerClassName += \" summary_entry\";\n summary = 1;\n }\n if (itemsClass === \"task\") {\n if (\n items.metadata.task.status === \"open\" ||\n items.metadata.task.status === \"assigned\"\n ) {\n taskOwner = \"-- Task Owner \" + items.metadata.task.who + \" \";\n outerClassName += \" todo_open_outer\";\n innerClassName += \" todo_open\";\n } else if (\n (items.metadata.task.status === \"closed\" ||\n items.metadata.task.status === \"completed\") &&\n items.metadata.task.who != null\n ) {\n taskOwner = \"-- Task Owner \" + items.metadata.task.who + \" \";\n outerClassName += \" todo_completed_outer\";\n innerClassName += \" todo_completed\";\n } else if (\n items.metadata.task.status === \"closed\" ||\n items.metadata.task.status === \"completed\"\n ) {\n outerClassName += \" todo_undefined_outer\";\n innerClassName += \" todo_undefined\";\n }\n }\n if (itemsClass === \"alert\") {\n outerClassName += \" event_entry_container_alert\";\n }\n itemarr.push(\n \n {this.state.showEntityCreateModal ? (\n \n
\n {this.state.deleteToolbar ? (\n \n
\n {itemarr}\n {this.state.replyEntryToolbar ? (\n \n [\n \n {items.id}\n \n ]{\" \"}\n \n Create Entity\n \n ) : null}\n {this.props.items.body_flair !== \"\" &&\n this.props.items.parsed === 0 ? (\n \n {\" \"}\n Entry awaiting flair engine. Content may be inaccurate.\n \n ) : null}\n \n {this.state.permissionsToolbar ? (\n \n {type !== \"entity\" ? (\n \n ) : null}\n {entryActions}\n \n \n {\n this.getEntryEntityData(items.id);\n }}\n >\n Get entities for Entry\n \n\n \n \n \n \n \n
\n \n
\n );\n },\n id: \"selected\",\n accessor: d => d.selected,\n Cell: row => {\n return (\n \n
\n \n
\n );\n },\n maxWidth: 100,\n filterable: false\n },\n {\n Header: \"Type\",\n accessor: \"type\",\n maxWidth: 150,\n sortable: true\n },\n {\n Header: \"ID\",\n accessor: \"id\",\n maxWidth: 100,\n sortable: true\n },\n {\n Header: \"Context\",\n accessor: \"context\",\n minWidth: 100,\n maxWidth: 800,\n sortable: true\n },\n {\n Header: \"Memo\",\n accessor: \"memo\",\n minWidth: 100,\n maxWidth: 800,\n sortable: true\n },\n {\n Header: \"Link ID\",\n accessor: \"linkid\",\n maxWidth: 100,\n sortable: true\n }\n ];\n\n return (\n \n
\n \n {this.state.actionSuccess ? (\n
\n );\n }\n\n RemoveLink() {\n for (let key of this.props.data) {\n if (key.selected) {\n // eslint-disable-next-line\n this.RemoveLinkAjax(parseInt(key.linkid));\n }\n }\n }\n\n RemoveLinkAjax(id) {\n $.ajax({\n type: \"delete\",\n url: \"/scot/api/v2/link/\" + id,\n success: function (response) {\n console.log(\"successfully removed link\");\n this.ToggleActionSuccess();\n }.bind(this),\n error: function (data) {\n this.props.errorToggle(\"failed to remove link\", data);\n }.bind(this)\n });\n }\n\n ToggleActionSuccess() {\n let newActionSuccess = !this.state.actionSuccess;\n this.props.getLinks();\n this.setState({ actionSuccess: newActionSuccess });\n }\n}\n\n","import React, { Component } from \"react\";\nimport PropTypes from \"prop-types\";\nimport {\n Modal,\n Button,\n ButtonGroup,\n Panel,\n FormControl,\n Form,\n Col\n} from \"react-bootstrap\";\nimport ReactTable from \"react-table\";\nimport { removeMarkedItems } from \"../components/marker\";\nimport DeleteModal from \"./delete\";\nimport $ from \"jquery\";\nimport * as SessionStorage from \"../utils/session_storage\";\n\nconst ACTION_BUTTONS = {\n READY: {\n style: \"default\"\n },\n LOADING: {\n text: \"Processing...\",\n style: \"default\",\n disabled: true\n },\n SUCCESS: {\n text: \"Success!\",\n style: \"success\"\n },\n ERROR: {\n text: \"Error!\",\n style: \"danger\"\n }\n};\n\nexport default class Mark extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n data: [],\n allSelected: false\n };\n\n this.handleTHeadCheckboxSelection = this.handleTHeadCheckboxSelection.bind(\n this\n );\n this.handleRowSelection = this.handleRowSelection.bind(this);\n this.handleCheckboxSelection = this.handleCheckboxSelection.bind(this);\n this.getMarkedItems = this.getMarkedItems.bind(this);\n }\n\n componentWillMount() {\n this.mounted = true;\n\n this.getMarkedItems();\n }\n\n componentWillUnmount() {\n this.mounted = false;\n }\n\n render() {\n const columns = [\n {\n Header: cell => {\n return (\n \n Action Successful!\n
\n ) : null}\n \n {thing || entry ? (\n \n {thing || entry ? (\n \n ) : null}\n \n
\n Actions
\n ) : (\n\n {\" \"}\n {this.props.data.length > 0 ? (\n
\n )}\n Select a link for options
\n ) : null}{\" \"}\n\n
\n );\n },\n id: \"selected\",\n accessor: d => d.selected,\n Cell: row => {\n return (\n \n
\n \n
\n );\n },\n maxWidth: 100,\n filterable: false\n },\n {\n Header: \"Type\",\n accessor: \"type\",\n maxWidth: 150,\n sortable: true\n },\n {\n Header: \"ID\",\n accessor: \"id\",\n maxWidth: 100,\n sortable: true\n },\n {\n Header: \"Subject\",\n accessor: \"subject\",\n maxWidth: \"100%\",\n sortable: true\n }\n ];\n\n return (\n \n
\n No marked items detected.
\n )}\n\n {this.state.actionSuccess ? (\n
\n );\n }\n\n LinkContextChange = e => {\n this.setState({ linkContextString: e.target.value });\n };\n\n ExpandLinkToggle = newState => {\n if (newState === true || newState === false) {\n this.setState({ linkPanel: newState, linkContextString: \"\" });\n } else {\n let linkPanel = !this.state.linkPanel;\n this.setState({ linkPanel: linkPanel, linkContextString: \"\" });\n }\n };\n\n RemoveSelected = () => {\n for (let key of this.props.data) {\n if (key.selected) {\n removeMarkedItems(key.type, key.id);\n }\n }\n\n //update marked items after removal\n this.props.getMarkedItems();\n\n //turn off the action success buttons after removal\n if (this.state.actionSuccess) {\n this.setState({ actionSuccess: false });\n }\n };\n\n StartDelete = () => {\n this.setState({\n pendingDelete: true\n });\n };\n\n MoveEntry = () => {\n for (let key of this.props.data) {\n if (key.selected && key.type === \"entry\") {\n this.EntryAjax(key.id, true);\n }\n }\n };\n\n CopyEntry = () => {\n for (let key of this.props.data) {\n if (key.selected && key.type === \"entry\") {\n this.EntryAjax(key.id, false);\n }\n }\n };\n\n Link = () => {\n for (let key of this.props.data) {\n if (key.selected) {\n let arrayToLink = [];\n let obj = {};\n let currentobj = {};\n\n //assign new thing to link\n // eslint-disable-next-line\n obj.id = parseInt(key.id);\n obj.type = key.type;\n\n //assign current thing to link to\n // eslint-disable-next-line\n currentobj.id = parseInt(this.props.id);\n currentobj.type = this.props.type;\n\n arrayToLink.push(obj);\n arrayToLink.push(currentobj);\n\n this.LinkAjax(arrayToLink);\n }\n\n /*\n if ( arrayToLink.length > 0 ) {\n //add current thing to be linked to\n let obj = {};\n obj.id = parseInt( this.props.id );\n obj.type = this.props.type;\n \n arrayToLink.push( obj );\n this.LinkAjax( arrayToLink );\n }*/\n }\n };\n\n Reparse = () => {\n this.setState({\n reparseButton: ACTION_BUTTONS.LOADING\n });\n\n $.when(\n ...this.props.data\n .filter(thing => thing.selected)\n .map(thing => {\n return this.ReparseAjax(thing);\n })\n )\n .then(\n // Success\n () => {\n this.setState({\n reparseButton: ACTION_BUTTONS.SUCCESS\n });\n },\n // Failure\n error => {\n console.error(error);\n this.setState({\n reparseButton: ACTION_BUTTONS.ERROR\n });\n this.props.errorToggle(\"error reparsing\", error);\n }\n )\n .always(() => {\n setTimeout(() => {\n this.setState({\n reparseButton: ACTION_BUTTONS.READY\n });\n }, 2000);\n });\n };\n\n ReparseAjax = thing => {\n return $.ajax({\n type: \"put\",\n url: \"/scot/api/v2/\" + thing.type + \"/\" + thing.id,\n data: JSON.stringify({ parsed: 0 }),\n contentType: \"application/json; charset=UTF-8\"\n });\n };\n\n Promote = () => {\n this.setState({\n promoteButton: ACTION_BUTTONS.LOADING\n });\n\n let success = true;\n\n $.when(\n ...this.props.data\n .filter(thing => thing.selected)\n .map(thing => {\n return this.PromoteAjax(thing);\n })\n )\n .then(\n // Success\n () => {\n this.setState({\n promoteButton: ACTION_BUTTONS.SUCCESS\n });\n },\n // Failure\n error => {\n success = false;\n console.error(error);\n this.setState({\n promoteButton: ACTION_BUTTONS.ERROR\n });\n this.props.errorToggle(\"error adding alerts to event\", error);\n }\n )\n .always(() => {\n setTimeout(() => {\n this.setState({\n promoteButton: ACTION_BUTTONS.READY\n });\n\n if (success) {\n window.location.reload();\n }\n }, 2000);\n });\n };\n\n PromoteAjax = thing => {\n return $.ajax({\n type: \"put\",\n url: \"/scot/api/v2/alert/\" + thing.id,\n // eslint-disable-next-line\n data: JSON.stringify({ promote: parseInt(this.props.id) }),\n contentType: \"application/json; charset=UTF-8\"\n });\n };\n\n LinkAjax = arrayToLink => {\n let data = {};\n data.weight = 1; //passed in object\n data.vertices = arrayToLink; //link to current thing\n\n if (this.state.linkContextString) {\n //add context string if one was submitted\n data.context = this.state.linkContextString;\n }\n\n $.ajax({\n type: \"post\",\n url: \"/scot/api/v2/link\",\n data: JSON.stringify(data),\n contentType: \"application/json; charset=UTF-8\",\n dataType: \"json\",\n success: function(response) {\n console.log(\"successfully linked\");\n this.ExpandLinkToggle(false); //disable link panel\n this.ToggleActionSuccess(true);\n }.bind(this),\n error: function(data) {\n this.props.errorToggle(\"failed to link\", data);\n }.bind(this)\n });\n };\n\n EntryAjax = (id, removeOriginal) => {\n $.ajax({\n type: \"get\",\n url: \"/scot/api/v2/entry/\" + id,\n success: function(response) {\n let data = {};\n data = {\n parent: 0,\n body: response.body,\n // eslint-disable-next-line\n target_id: parseInt(this.props.id),\n target_type: this.props.type\n };\n $.ajax({\n type: \"post\",\n url: \"/scot/api/v2/entry\",\n data: JSON.stringify(data),\n contentType: \"application/json; charset=UTF-8\",\n dataType: \"json\",\n success: function(response) {\n if (removeOriginal) {\n this.RemoveEntryAfterMove(id);\n this.RemoveSelected();\n } else {\n if (!this.state.actionSuccess) {\n this.ToggleActionSuccess(true);\n }\n }\n }.bind(this),\n error: function(data) {\n this.props.errorToggle(\"failed to create new entry\", data);\n }.bind(this)\n });\n }.bind(this),\n error: function(data) {\n this.props.errorToggle(\"failed to get entry data\", data);\n }.bind(this)\n });\n };\n\n RemoveEntryAfterMove = id => {\n $.ajax({\n type: \"delete\",\n url: \"/scot/api/v2/entry/\" + id,\n success: function(response) {\n console.log(\"removed original entry\");\n },\n error: function(data) {\n this.props.errorToggle(\"Failed to remove original entry\", data);\n }\n });\n };\n\n ToggleActionSuccess = status => {\n if (status === true || status === false) {\n this.setState({ actionSuccess: status });\n } else {\n let newActionSuccess = !this.state.actionSuccess;\n this.setState({ actionSuccess: newActionSuccess });\n }\n };\n}\n\nActions.propTypes = {\n data: PropTypes.object\n};\n\nActions.defaultProps = {\n data: {}\n};\n\nMark.propTypes = {\n modalActive: PropTypes.bool\n};\n\nMark.defaultProps = {\n modalActive: true\n};\n","import React from \"react\";\nimport $ from \"jquery\";\nimport DetailDataStatus from \"../components/detail_data_status\";\nimport ReactTime from \"react-time\";\nimport SelectedHeaderOptions from \"./selected_header_options.js\";\nimport { DeleteThingComponent } from \"../modal/delete.js\";\nimport Owner from \"../modal/owner.js\";\nimport Entities from \"../modal/entities.js\";\nimport ChangeHistory from \"../modal/change_history.js\";\nimport ViewedByHistory from \"../modal/viewed_by_history.js\";\nimport SelectedPermission from \"../components/permission.js\";\nimport SelectedEntry from \"./selected_entry.js\";\nimport Badge from \"../components/badge.js\";\nimport Notification from \"react-notification-system\";\nimport AddFlair from \"../components/add_flair.js\";\nimport EntityDetail from \"../modal/entity_detail.js\";\nimport LinkWarning from \"../modal/link_warning.js\";\nimport Links from \"../modal/links.js\";\nimport Mark from \"../modal/mark.js\";\nimport ExportModal from \"../modal/export_event.js\";\nimport PromotedData from \"../modal/promoted_data.js\";\nlet InitialAjaxLoad;\n\nexport default class SelectedHeader extends React.Component {\n constructor(props) {\n super(props);\n let entityDetailKey = Math.floor(Math.random() * 1000);\n this.state = {\n showEventData: false,\n headerData: {},\n sourceData: \"\",\n tagData: \"\",\n permissionsToolbar: false,\n entitiesToolbar: false,\n changeHistoryToolbar: false,\n viewedByHistoryToolbar: false,\n entryToolbar: false,\n deleteToolbar: false,\n deleteType: null,\n promoteToolbar: false,\n notificationType: null,\n notificationMessage: null,\n key: this.props.id,\n showEntryData: false,\n entryData: \"\",\n showEntityData: false,\n entityData: [],\n entryEntityData: null,\n entityid: null,\n entitytype: null,\n entityoffset: null,\n entityobj: null,\n flairToolbar: false,\n linkWarningToolbar: false,\n exportModal: false,\n refreshing: false,\n loading: false,\n eventLoaded: false,\n entryLoaded: false,\n entityLoaded: false,\n guideID: null,\n fileUploadToolbar: false,\n isNotFound: false,\n runWatcher: false,\n entityDetailKey: entityDetailKey,\n processing: false,\n showSignatureOptions: false,\n showMarkModal: false,\n showLinksModal: false,\n flairOff: false,\n highlightedText: \"\",\n flairing: false,\n isMounted: false,\n alertsSelected: [],\n isDeleted: false\n };\n }\n\n componentWillMount() {\n this.setState({ loading: true });\n }\n\n componentDidMount() {\n this.setState({ isMounted: true });\n let delayFunction = {\n delay: function() {\n let entryType = \"entry\";\n if (this.props.type === \"alertgroup\") {\n entryType = \"alert\";\n }\n //Main Type Load\n $.ajax({\n type: \"get\",\n url: \"scot/api/v2/\" + this.props.type + \"/\" + this.props.id,\n success: function(result) {\n if (this.state.isMounted) {\n let eventResult = result;\n this.setState({\n headerData: eventResult,\n showEventData: true,\n isNotFound: false,\n tagData: eventResult.tag,\n sourceData: eventResult.source\n });\n if (\n this.state.showEventData === true &&\n this.state.showEntryData === true &&\n this.state.showEntityData === true\n ) {\n this.setState({ loading: false });\n }\n if (\n this.props.type === \"alertgroup\" &&\n eventResult.parsed === -1\n ) {\n this.setState({ flairing: true });\n } else {\n this.setState({ flairing: false });\n }\n }\n }.bind(this),\n error: function(result) {\n this.setState({ showEventData: true, isNotFound: true });\n if (\n this.state.showEventData === true &&\n this.state.showEntryData === true &&\n this.state.showEntityData === true\n ) {\n this.setState({ loading: false });\n }\n this.props.errorToggle(\n \"Error: Failed to load detail data. Error message: \" +\n result.responseText,\n result\n );\n }.bind(this)\n });\n //entry load\n $.ajax({\n type: \"get\",\n url:\n \"scot/api/v2/\" +\n this.props.type +\n \"/\" +\n this.props.id +\n \"/\" +\n entryType,\n success: function(result) {\n if (this.state.isMounted) {\n let entryResult = result.records;\n // entryResult.forEach(\n // function(item) {\n // this.props.createCallback(item.id, this.updated);\n // }.bind(this)\n // );\n this.setState({\n showEntryData: true,\n entryData: entryResult,\n runWatcher: true\n });\n this.Watcher();\n if (\n this.state.showEventData === true &&\n this.state.showEntryData === true &&\n this.state.showEntityData === true\n ) {\n this.setState({ loading: false });\n }\n }\n }.bind(this),\n error: function(result) {\n this.setState({ showEntryData: true });\n if (\n this.state.showEventData == true &&\n this.state.showEntryData == true &&\n this.state.showEntityData == true\n ) {\n this.setState({ loading: false });\n }\n this.props.errorToggle(\n \"Error: Failed to load entry data. Error message: \" +\n result.responseText,\n result\n );\n }\n });\n //entity load\n $.ajax({\n type: \"get\",\n url:\n \"scot/api/v2/\" + this.props.type + \"/\" + this.props.id + \"/entity\",\n success: function(result) {\n if (this.state.isMounted) {\n let entityResult = result.records;\n this.setState({ showEntityData: true, entityData: entityResult });\n var waitForEntry = {\n waitEntry: function() {\n if (this.state.showEntryData == false) {\n setTimeout(waitForEntry.waitEntry, 50);\n } else {\n setTimeout(\n function() {\n AddFlair.entityUpdate(\n entityResult,\n this.flairToolbarToggle,\n this.props.type,\n this.linkWarningToggle,\n this.props.id,\n this.scrollTo\n );\n }.bind(this)\n );\n if (\n this.state.showEventData == true &&\n this.state.showEntryData == true &&\n this.state.showEntityData == true\n ) {\n this.setState({ loading: false });\n }\n }\n }.bind(this)\n };\n waitForEntry.waitEntry();\n }\n }.bind(this),\n error: function(result) {\n this.setState({ showEntityData: true });\n if (\n this.state.showEventData == true &&\n this.state.showEntryData == true &&\n this.state.showEntityData == true\n ) {\n this.setState({ loading: false });\n }\n this.props.errorToggle(\n \"Error: Failed to load entity data.\",\n result\n );\n }.bind(this)\n });\n //guide load\n if (this.props.type == \"alertgroup\") {\n $.ajax({\n type: \"get\",\n url:\n \"scot/api/v2/\" + this.props.type + \"/\" + this.props.id + \"/guide\",\n success: function(result) {\n if (this.state.isMounted) {\n let arr = [];\n for (let i = 0; i < result.records.length; i++) {\n arr.push(result.records[i].id);\n }\n if (arr.length === 0) {\n arr = null;\n }\n this.setState({ guideID: arr });\n }\n }.bind(this),\n error: function(result) {\n this.setState({ guideID: null });\n this.props.errorToggle(\n \"Error: Failed to load guide data. Error message:\" +\n result.responseText,\n result\n );\n }.bind(this)\n });\n }\n this.props.createCallback(this.props.id, this.updated);\n }.bind(this)\n };\n InitialAjaxLoad = setTimeout(delayFunction.delay, 400);\n }\n\n componentWillUnmount() {\n this.setState({ isMounted: false });\n clearTimeout(InitialAjaxLoad);\n if (this.state.entryData.forEach === \"function\") {\n this.state.entryData.forEach(\n function(entry) {\n this.props.removeCallback(entry.id);\n }.bind(this)\n );\n }\n }\n\n componentDidUpdate() {\n //This runs the watcher which handles the entity popup and link warning.\n if (this.state.runWatcher === true) {\n this.Watcher();\n }\n }\n\n updated = (_type, _message) => {\n this.setState({\n refreshing: true,\n eventLoaded: false,\n entryLoaded: false,\n entityLoaded: false\n });\n let entryType = \"entry\";\n if (this.props.type == \"alertgroup\") {\n entryType = \"alert\";\n }\n //main type load\n $.ajax({\n type: \"get\",\n url: \"scot/api/v2/\" + this.props.type + \"/\" + this.props.id,\n success: function(result) {\n if (this.state.isMounted) {\n let eventResult = result;\n this.setState({\n headerData: eventResult,\n showEventData: true,\n eventLoaded: true,\n isNotFound: false,\n tagData: eventResult.tag,\n sourceData: eventResult.source\n });\n if (\n this.state.eventLoaded == true &&\n this.state.entryLoaded == true &&\n this.state.entityLoaded == true\n ) {\n this.setState({ refreshing: false });\n }\n if (this.props.type == \"alertgroup\" && eventResult.parsed === -1) {\n this.setState({ flairing: true });\n } else {\n this.setState({ flairing: false });\n }\n }\n }.bind(this),\n error: function(result) {\n this.setState({\n showEventData: true,\n eventLoaded: true,\n isNotFound: true\n });\n if (\n this.state.eventLoaded == true &&\n this.state.entryLoaded == true &&\n this.state.entityLoaded == true\n ) {\n this.setState({ refreshing: false });\n }\n this.props.errorToggle(\n \"Error: Failed to reload detail data. Error message: \" +\n result.responseText,\n result\n );\n }.bind(this)\n });\n //entry load\n $.ajax({\n type: \"get\",\n url:\n \"scot/api/v2/\" +\n this.props.type +\n \"/\" +\n this.props.id +\n \"/\" +\n entryType,\n success: function(result) {\n if (this.state.isMounted) {\n let entryResult = result.records;\n this.setState({\n showEntryData: true,\n entryLoaded: true,\n entryData: entryResult,\n runWatcher: true\n });\n this.Watcher();\n if (\n this.state.eventLoaded == true &&\n this.state.entryLoaded == true &&\n this.state.entityLoaded == true\n ) {\n this.setState({ refreshing: false });\n }\n }\n }.bind(this),\n error: function(result) {\n this.setState({ showEntryData: true, entryLoaded: true });\n if (\n this.state.eventLoaded == true &&\n this.state.entryLoaded == true &&\n this.state.entityLoaded == true\n ) {\n this.setState({ refreshing: false });\n }\n this.props.errorToggle(\n \"Error: Failed to reload entry data. Error message: \" +\n result.responseText,\n result\n );\n }\n });\n //entity load\n $.ajax({\n type: \"get\",\n url: \"scot/api/v2/\" + this.props.type + \"/\" + this.props.id + \"/entity\",\n success: function(result) {\n if (this.state.isMounted) {\n let entityResult = result.records;\n this.setState({\n showEntityData: true,\n entityLoaded: true,\n entityData: entityResult\n });\n var waitForEntry = {\n waitEntry: function() {\n if (this.state.entryLoaded == false) {\n setTimeout(waitForEntry.waitEntry, 50);\n } else {\n setTimeout(\n function() {\n AddFlair.entityUpdate(\n entityResult,\n this.flairToolbarToggle,\n this.props.type,\n this.linkWarningToggle,\n this.props.id\n );\n }.bind(this)\n );\n if (\n this.state.eventLoaded == true &&\n this.state.entryLoaded == true &&\n this.state.entityLoaded == true\n ) {\n this.setState({ refreshing: false });\n }\n }\n }.bind(this)\n };\n waitForEntry.waitEntry();\n }\n }.bind(this),\n error: function(result) {\n this.setState({ showEntityData: true });\n if (\n this.state.eventLoaded == true &&\n this.state.entryLoaded == true &&\n this.state.entityLoaded == true\n ) {\n this.setState({ refreshing: false });\n }\n this.props.errorToggle(\"Error: Failed to reload entity data.\", result);\n }.bind(this)\n });\n //error popup if an error occurs\n if (_type != undefined && _message != undefined) {\n this.props.errorToggle(_message);\n }\n };\n\n flairToolbarToggle = (id, value, type, entityoffset, entityobj) => {\n this.setState({\n flairToolbar: true,\n entityid: id,\n entityvalue: value,\n entitytype: type,\n entityoffset: entityoffset,\n entityobj: entityobj\n });\n };\n\n flairToolbarOff = () => {\n if (this.state.isMounted) {\n let newEntityDetailKey = this.state.entityDetailKey + 1;\n this.setState({\n flairToolbar: false,\n entityDetailKey: newEntityDetailKey\n });\n }\n };\n\n linkWarningToggle = href => {\n if (this.state.linkWarningToolbar === false) {\n this.setState({ linkWarningToolbar: true, link: href });\n } else {\n this.setState({ linkWarningToolbar: false });\n }\n };\n\n exportToggle = () => {\n if (this.state.exportModal === false) {\n this.setState({ exportModal: true });\n } else {\n this.setState({ exportModal: false });\n }\n };\n\n viewedbyfunc = headerData => {\n let viewedbyarr = [];\n if (headerData !== null) {\n for (let prop in headerData.view_history) {\n viewedbyarr.push(prop);\n }\n }\n return viewedbyarr;\n };\n\n entryToggle = () => {\n if (this.state.entryToolbar === false) {\n this.setState({ entryToolbar: true });\n } else {\n this.setState({ entryToolbar: false });\n }\n };\n\n deleteToggle = (type, isDeleted) => {\n if (this.state.deleteToolbar === false) {\n this.setState({ deleteToolbar: true, deleteType: type });\n } else {\n this.setState({ deleteToolbar: false, deleteType: type });\n }\n if (isDeleted) {\n this.setState({ isDeleted: true });\n }\n };\n\n changeHistoryToggle = () => {\n if (this.state.changeHistoryToolbar === false) {\n this.setState({ changeHistoryToolbar: true });\n } else {\n this.setState({ changeHistoryToolbar: false });\n }\n };\n\n viewedByHistoryToggle = () => {\n if (this.state.viewedByHistoryToolbar === false) {\n this.setState({ viewedByHistoryToolbar: true });\n } else {\n this.setState({ viewedByHistoryToolbar: false });\n }\n };\n\n permissionsToggle = () => {\n if (this.state.permissionsToolbar === false) {\n this.setState({ permissionsToolbar: true });\n } else {\n this.setState({ permissionsToolbar: false });\n }\n };\n\n entitiesToggle = () => {\n if (this.state.entitiesToolbar === false) {\n this.setState({ entitiesToolbar: true });\n } else {\n this.setState({ entitiesToolbar: false, entryEntityData: null });\n }\n };\n\n promoteToggle = () => {\n if (this.state.promoteToolbar === false) {\n this.setState({ promoteToolbar: true });\n } else {\n this.setState({ promoteToolbar: false });\n }\n };\n\n fileUploadToggle = () => {\n if (this.state.fileUploadToolbar === false) {\n this.setState({ fileUploadToolbar: true });\n } else {\n this.setState({ fileUploadToolbar: false });\n }\n };\n\n titleCase = string => {\n let newstring = string.charAt(0).toUpperCase() + string.slice(1);\n return newstring;\n };\n\n Watcher = () => {\n $(\"iframe\").each(\n function(index, ifr) {\n //requestAnimationFrame waits for the frame to be rendered (allowing the iframe to fully render before excuting the next bit of code!!!\n ifr.contentWindow.requestAnimationFrame(\n function() {\n if (ifr.contentDocument !== null) {\n let arr = [];\n //arr.push(this.props.type);\n arr.push(this.checkFlairHover);\n arr.push(this.checkHighlight);\n $(ifr).off(\"mouseenter\");\n $(ifr).off(\"mouseleave\");\n $(ifr).on(\n \"mouseenter\",\n function(v, type) {\n let intervalID = setInterval(this[0], 50, ifr); // this.flairToolbarToggle, type, this.props.linkWarningToggle, this.props.id);\n let intervalID1 = setInterval(this[1], 50, ifr); // this.flairToolbarToggle, type, this.props.linkWarningToggle, this.props.id);\n $(ifr).data(\"intervalID\", intervalID);\n $(ifr).data(\"intervalID1\", intervalID1);\n console.log(\"Now watching iframe \" + intervalID);\n }.bind(arr)\n );\n $(ifr).on(\"mouseleave\", function() {\n let intervalID = $(ifr).data(\"intervalID\");\n let intervalID1 = $(ifr).data(\"intervalID1\");\n window.clearInterval(intervalID);\n window.clearInterval(intervalID1);\n console.log(\"No longer watching iframe \" + intervalID);\n });\n }\n }.bind(this)\n );\n }.bind(this)\n );\n if (this.props.type == \"alertgroup\") {\n $(\"#detail-container\")\n .find(\"a, .entity\")\n .not(\".not_selectable\")\n .each(\n function(index, tr) {\n $(tr).off(\"mousedown\");\n $(tr).on(\n \"mousedown\",\n function(index) {\n let thing = index.target;\n if ($(thing)[0].className == \"extras\") {\n thing = $(thing)[0].parentNode;\n } //if an extra is clicked reference the parent element\n if ($(thing).attr(\"url\")) {\n //link clicked\n let url = $(thing).attr(\"url\");\n this.linkWarningToggle(url);\n } else {\n //entity clicked\n let entityid = $(thing).attr(\"data-entity-id\");\n let entityvalue = $(thing).attr(\"data-entity-value\");\n let entityoffset = $(thing).offset();\n let entityobj = $(thing);\n this.flairToolbarToggle(\n entityid,\n entityvalue,\n \"entity\",\n entityoffset,\n entityobj\n );\n }\n }.bind(this)\n );\n }.bind(this)\n );\n }\n };\n\n checkHighlight = ifr => {\n let content;\n if (ifr.contentWindow !== null) {\n content = ifr.contentWindow.getSelection().toString();\n if (this.state.highlightedText != content) {\n //this only tells the lower components to run their componentWIllReceiveProps methods to check for highlighted text.\n this.setState({ highlightedText: content });\n } else {\n return;\n }\n } else {\n }\n };\n\n checkFlairHover = (ifr, nicktype) => {\n function returnifr() {\n return ifr;\n }\n if (ifr.contentDocument != null) {\n $(ifr)\n .contents()\n .find(\".entity\")\n .each(\n function(index, entity) {\n if ($(entity).css(\"background-color\") == \"rgb(255, 0, 0)\") {\n $(entity).data(\"state\", \"down\");\n } else if ($(entity).data(\"state\") == \"down\") {\n $(entity).data(\"state\", \"up\");\n let entityid = $(entity).attr(\"data-entity-id\");\n let entityvalue = $(entity).attr(\"data-entity-value\");\n let entityobj = $(entity);\n let ifr = returnifr();\n let entityoffset = {\n top: $(entity).offset().top + $(ifr).offset().top,\n left: $(entity).offset().left + $(ifr).offset().left\n };\n this.flairToolbarToggle(\n entityid,\n entityvalue,\n \"entity\",\n entityoffset,\n entityobj\n );\n }\n }.bind(this)\n );\n $(ifr)\n .contents()\n .find(\"a\")\n .each(\n function(index, a) {\n if ($(a).css(\"color\") == \"rgb(255, 0, 0)\") {\n $(a).data(\"state\", \"down\");\n } else if ($(a).data(\"state\") == \"down\") {\n $(a).data(\"state\", \"up\");\n let url = $(a).attr(\"url\");\n this.linkWarningToggle(url);\n }\n }.bind(this)\n );\n }\n };\n\n summaryUpdate = () => {\n this.forceUpdate();\n };\n\n scrollTo = () => {\n if (this.props.taskid !== undefined) {\n $(\".entry-wrapper\").scrollTop(\n $(\".entry-wrapper\").scrollTop() +\n $(\"#iframe_\" + this.props.taskid).position().top -\n 30\n );\n }\n };\n\n guideRedirectToAlertListWithFilter = () => {\n RegExp.escape = function(text) {\n return text.replace(/[-[\\]{}()*+?.,\\\\^$|#\\s]/g, \"\\\\$&\");\n };\n //column, string, clearall (bool), type\n this.props.handleFilter(null, null, true, \"alertgroup\");\n this.props.handleFilter(\n [\n {\n id: \"subject\",\n value: RegExp.escape(this.state.headerData.data.applies_to[0])\n }\n ],\n null,\n false,\n \"alertgroup\"\n );\n window.open(\"#/alertgroup/\");\n };\n\n setEntryEntities = data => {\n this.entitiesToggle();\n this.setState({ entryEntityData: data });\n };\n\n showSignatureOptionsToggle = () => {\n if (this.state.showSignatureOptions === false) {\n this.setState({ showSignatureOptions: true });\n } else {\n this.setState({ showSignatureOptions: false });\n }\n };\n markModalToggle = () => {\n if (this.state.showMarkModal === false) {\n this.setState({ showMarkModal: true });\n } else {\n this.setState({ showMarkModal: false });\n }\n };\n\n ToggleProcessingMessage = status => {\n this.setState({ processing: status });\n this.props.togglePreventClick();\n };\n\n linksModalToggle = () => {\n let showLinksModal = !this.state.showLinksModal;\n this.setState({ showLinksModal: showLinksModal });\n };\n\n toggleFlair = () => {\n if (this.state.flairOff) {\n this.setState({ flairOff: false, runWatcher: true });\n setTimeout(\n function() {\n AddFlair.entityUpdate(\n this.state.entityData,\n this.flairToolbarToggle,\n this.props.type,\n this.linkWarningToggle,\n this.props.id\n );\n }.bind(this)\n );\n } else {\n this.setState({ flairOff: true });\n }\n };\n\n //2019 new alert table stuff\n checkSelection(rowid) {\n if (this.state.alertsSelected.some(item => rowid === item.id)) {\n return true;\n } else {\n return false;\n }\n }\n\n handleSelection = row => {\n console.log(\"Got selection click!\");\n this.setState({\n alertsSelected: [row]\n });\n };\n\n handleMultiSelection = row => {\n if (!this.checkSelection(row.id)) {\n let temparray = [...this.state.alertsSelected, row];\n this.setState({\n alertsSelected: temparray\n });\n } else {\n /** item already selected, lets filter out item (uncheck and reset state\n with new array returned from filter**/\n this.setState({\n alertsSelected: this.state.alertsSelected.filter(function(alert) {\n return alert[\"id\"] !== row.id;\n })\n });\n }\n };\n\n handleSelectAll = data => {\n const selection = data.map(object => object.id);\n this.setState({\n alertsSelected: selection\n });\n };\n\n handleShiftSelect = (startIndex, endIndex, data) => {\n if (startIndex > endIndex) {\n startIndex = [endIndex, (endIndex = startIndex)][0];\n }\n let temparray = [];\n data.forEach(\n function(row) {\n if (row.id <= endIndex && row.id >= startIndex) {\n if (!this.checkSelection(row)) {\n temparray.push(row);\n }\n }\n }.bind(this)\n );\n this.setState({\n alertsSelected: [...this.state.alertsSelected, ...temparray]\n });\n };\n\n render() {\n let headerData = this.state.headerData;\n let viewedby = this.viewedbyfunc(headerData);\n let type = this.props.type;\n let subjectType = this.titleCase(this.props.type); //in signatures we're using the key \"name\"\n let id = this.props.id;\n let string = \"\";\n\n if (this.state.headerData.subject) {\n string = this.state.headerData.subject;\n } else if (this.state.headerData.value) {\n string = this.state.headerData.value;\n } else if (this.state.headerData.name) {\n string = this.state.headerData.name;\n } else if (this.state.headerData.body) {\n string = this.state.headerData.body;\n }\n\n return (\n \n \n \n
\n ) : (\n \n \n \n \n ) : null}\n {pendingDelete && (\n
\n )}\n \n {thing || entry ? (\n \n {entry && !thing && this.props.type !== \"alertgroup\" ? (\n \n ) : null}\n {entry && !thing && this.props.type !== \"alertgroup\" ? (\n \n ) : null}\n {thing || entry ? (\n \n ) : null}\n {addToEvent && (\n \n {promoteButton.text\n ? promoteButton.text\n : `Add to ${this.props.type} ${this.props.id}`}\n \n )}\n {(thing || entry) && (\n \n {reparseButton.text ? reparseButton.text : \"Reparse Flair\"}\n \n )}\n {(thing || entry) && (\n \n )}\n {(thing || entry) && (\n \n {deleteButton.text ? deleteButton.text : \"Delete\"}\n \n )}\n \n
\n {this.state.linkPanel && (thing || entry) ? (\n Actions
\n ) : (\n\n {\" \"}\n {this.props.data.length > 0 ? (\n
\n )}\n Select a Marked Object
\n ) : null}{\" \"}\n\n {\" \"}\n {this.state.isNotFound ? (\n
\n {this.state.showEventData && type !== \"entity\" ? (\n No record found.
\n ) : (\n\n
\n \n \n \n \n
\n {/*
\n ) : null}\n \n \n {this.state.showEventData ? (\n
\n {type !== \"entity\" ? (\n | \n | \n \n {this.state.showEventData ? (\n \n | \n {type !== \"entity\" ? Owner: | : null}\n {type !== \"entity\" ? (\n\n \n {this.state.showEventData ? (\n | \n ) : null}\n {type !== \"entity\" ? Updated: | : null}\n {type !== \"entity\" ? (\n\n \n {this.state.showEventData ? (\n | \n ) : null}\n {(type === \"event\" || type === \"incident\") &&\n this.state.showEventData &&\n this.state.headerData.promoted_from.length > 0 ? (\n Promoted From: | \n ) : null}\n {(type === \"event\" || type === \"incident\") &&\n this.state.showEventData &&\n this.state.headerData.promoted_from.length > 0 ? (\n
|---|
\n {this.state.deleteType !== \"alert\" ? (\n
\n ) : null}\n {this.state.showMarkModal ? (\n \n
\n );\n }\n}\n\nclass EntryDataSubject extends React.Component {\n constructor(props) {\n super(props);\n let keyName = \"subject\";\n let value = this.props.data.subject;\n if (this.props.type === \"signature\") {\n keyName = \"name\";\n value = this.props.data.name;\n } else if (this.props.type === \"entity\") {\n keyName = \"value\";\n value = this.props.data.value;\n }\n this.state = {\n value: value,\n width: \"\",\n keyName: keyName\n };\n }\n\n handleChange = event => {\n if (event !== null) {\n let keyName = this.state.keyName;\n let json = { [keyName]: event.target.value };\n let newValue = event.target.value;\n $.ajax({\n type: \"put\",\n url: \"scot/api/v2/\" + this.props.type + \"/\" + this.props.id,\n data: JSON.stringify(json),\n contentType: \"application/json; charset=UTF-8\",\n success: function(data) {\n console.log(\"success: \" + data);\n this.setState({ value: newValue });\n this.calculateWidth(newValue);\n }.bind(this),\n error: function(result) {\n this.props.errorToggle(\n \"error: Failed to update the subject/name\",\n result\n );\n }.bind(this)\n });\n }\n };\n\n componentDidMount() {\n this.calculateWidth(this.state.value);\n }\n\n onChange = e => {\n this.setState({ value: e.target.value });\n };\n\n handleEnterKey = e => {\n if (e.key === \"Enter\") {\n this.handleChange(e);\n }\n };\n\n calculateWidth = input => {\n let newWidth;\n $(\"#invisible\").html($(\"\").text(input));\n newWidth = $(\"#invisible\").width() + 25 + \"px\";\n this.setState({ width: newWidth });\n };\n\n componentWillReceiveProps = nextProps => {\n let value = nextProps.data.subject;\n if (nextProps.type === \"signature\") {\n value = nextProps.data.name;\n } else if (nextProps.type === \"entity\") {\n value = nextProps.data.value;\n }\n this.setState({ value: value });\n this.calculateWidth(value);\n };\n\n render() {\n //only disable the subject editor on an entity with a non-blank subject as editing it could damage flair.\n let isDisabled = false;\n if (this.props.type === \"entity\" && this.state.value !== \"\") {\n isDisabled = true;\n }\n return (\n \n {this.props.subjectType} {this.props.id}:{\" \"}\n
\n );\n }\n}\n","import React from \"react\";\nimport ReactTable from \"react-table\";\nimport { buildTypeColumns } from \"./tableConfig\";\nimport $ from \"jquery\";\nimport * as Cookies from \"../utils/cookies\";\nimport listColumnsJSON from \"../utils/list-columns\";\nimport SelectedContainer from \"../detail/selected_container\";\nimport Button from \"react-bootstrap/lib/Button\";\nimport LoadingContainer from \"./LoadingContainer/index\";\nimport EntityCreateModal from \"../modal/entity_create\";\nlet datasource;\nlet listStartY;\nlet listStartHeight;\nlet listQuery;\n\nexport default class ListView extends React.Component {\n constructor(props) {\n super(props);\n let type = this.props.type;\n let id = this.props.id;\n let queryType = this.props.type;\n let alertPreSelectedId = null;\n let scrollHeight = $(window).height() - 170 + \"px\";\n let scrollWidth = \"650px\";\n let showSelectedContainer = false;\n let sort = [{ id: \"id\", desc: true }];\n let activepage = { page: 0, limit: 50 };\n let filter = [];\n\n let columnsDisplay = listColumnsJSON.columnsDisplay[this.props.type];\n let columns = listColumnsJSON.columns[this.props.type];\n let columnsClassName = listColumnsJSON.columnsClassName[this.props.type];\n\n if (this.props.listViewSort != null) {\n sort = JSON.parse(this.props.listViewSort);\n }\n\n if (this.props.listViewPage != null) {\n activepage = JSON.parse(this.props.listViewPage);\n }\n\n if (this.props.listViewFilter != null) {\n filter = JSON.parse(this.props.listViewFilter);\n }\n\n if (this.props.type === \"alert\") {\n showSelectedContainer = false;\n typeCapitalized = \"Alertgroup\";\n type = \"alertgroup\";\n queryType = \"alertgroup\";\n alertPreSelectedId = id;\n }\n\n if (this.props.type === \"task\") {\n type = \"task\";\n queryType = this.props.queryType;\n }\n\n let typeCapitalized = this.titleCase(this.props.type);\n this.state = {\n togglePreventClick: false,\n splitter: true,\n selectedColor: \"#AEDAFF\",\n sourcetags: [],\n tags: [],\n startepoch: \"\",\n endepoch: \"\",\n idtext: \"\",\n totalCount: 0,\n activepage: activepage,\n statustext: \"\",\n subjecttext: \"\",\n idsarray: [],\n classname: [\" \", \" \", \" \", \" \"],\n alldetail: true,\n viewsarrow: [0, 0],\n idarrow: [-1, -1],\n subjectarrow: [0, 0],\n statusarrow: [0, 0],\n resize: \"horizontal\",\n createdarrow: [0, 0],\n sourcearrow: [0, 0],\n tagsarrow: [0, 0],\n viewstext: \"\",\n entriestext: \"\",\n scrollheight: scrollHeight,\n display: \"flex\",\n differentviews: \"\",\n maxwidth: \"915px\",\n maxheight: scrollHeight,\n minwidth: \"650px\",\n suggestiontags: [],\n suggestionssource: [],\n sourcetext: \"\",\n tagstext: \"\",\n scrollwidth: scrollWidth,\n reload: false,\n viewfilter: false,\n viewevent: false,\n showevent: true,\n objectarray: [],\n csv: true,\n fsearch: \"\",\n listViewOrientation: \"landscape-list-view\",\n columns: listColumnsJSON.columns[this.props.type],\n columnsDisplay: listColumnsJSON.columnsDisplay[this.props.type],\n columnsClassName: listColumnsJSON.columnsClassName[this.props.type],\n typeCapitalized: typeCapitalized,\n type: type,\n queryType: queryType,\n id: id,\n showSelectedContainer: showSelectedContainer,\n listViewContainerDisplay: null,\n viewMode: this.props.viewMode,\n offset: 0,\n sort: sort,\n filter: filter,\n match: null,\n alertPreSelectedId: alertPreSelectedId,\n entryid: this.props.id2,\n listViewKey: 1,\n loading: true,\n initialAutoScrollToId: false,\n manualScrollHeight: null,\n showEntityCreateModal: false,\n form: []\n };\n this.handleRowSelection = this.handleRowSelection.bind(this);\n }\n\n componentWillMount = () => {\n if (\n this.props.viewMode === undefined ||\n this.props.viewMode === \"default\"\n ) {\n this.Landscape();\n } else if (this.props.viewMode === \"landscape\") {\n this.Landscape();\n } else if (this.props.viewMode === \"portrait\") {\n this.Portrait();\n }\n //If alert id is passed, convert the id to its alertgroup id.\n if (this.props.id) {\n this.ConvertAlertIdToAlertgroupId(this.props.id);\n }\n\n //if the type is entry, convert the id and type to the actual type and id\n this.ConvertEntryIdToType(this.props.id);\n\n $.ajax({\n type: \"get\",\n url: \"/scot/api/v2/form\",\n success: function(data) {\n this.setState({ form: data });\n }.bind(this),\n error: function(data) {\n this.props.errorToggle(\"Failed to get form structure\", data);\n }.bind(this)\n });\n };\n\n componentDidMount = () => {\n let height = this.state.scrollheight;\n let sortBy = this.state.sort;\n let filterBy = this.state.filter;\n let pageLimit = this.state.activepage.limit;\n let pageNumber = this.state.activepage.page;\n let idsarray = [];\n let newPage;\n if (this.props.id !== undefined) {\n if (this.props.id.length > 0) {\n array = this.props.id;\n //scrolled = $('.container-fluid2').scrollTop()\n if (this.state.viewMode === \"landscape\") {\n height = \"30vh\";\n }\n }\n }\n\n let array = [];\n let finalarray = [];\n //register for creation\n let storeKey = this.props.type + \":listview\";\n this.props.createCallback(storeKey, this.reloadactive);\n // Store.storeKey(storeKey);\n // Store.addChangeListener(this.reloadactive);\n //List View code\n let url = \"/scot/api/v2/\" + this.state.type;\n if (this.props.type === \"alert\") {\n url = \"/scot/api/v2/alertgroup\";\n }\n\n //get page number\n newPage = pageNumber * pageLimit;\n let data = { limit: pageLimit, offset: newPage };\n\n //add sort to the data object\n if (sortBy !== undefined || sortBy === null) {\n let sortObj = {};\n $.each(sortBy, function(key, value) {\n let sortInt = -1;\n if (!value.desc) {\n sortInt = 1;\n }\n sortObj[value.id] = sortInt;\n });\n data[\"sort\"] = JSON.stringify(sortObj);\n }\n\n //add filter to the data object\n if (sortBy !== undefined || sortBy === null) {\n $.each(filterBy, function(key, value) {\n if (value.id === \"source\" || value.id === \"tag\") {\n let stringArr = [];\n for (let each of value.value) {\n stringArr.push(each.name);\n }\n data[value.id] = JSON.stringify(stringArr);\n } else if (value.id === \"created\" || value.id === \"updated\") {\n let arr = [];\n arr.push(value.value.start);\n arr.push(value.value.end);\n data[value.id] = JSON.stringify(arr);\n } else {\n data[value.id] = JSON.stringify(value.value);\n }\n });\n }\n\n listQuery = $.ajax({\n type: \"GET\",\n url: url,\n data: data,\n traditional: true,\n success: function(response) {\n datasource = response;\n $.each(\n datasource.records,\n function(key, value) {\n finalarray[key] = {};\n $.each(\n value,\n function(num, item) {\n if (num === \"sources\" || num === \"source\") {\n if (item !== undefined) {\n let sourcearr = item.join(\", \");\n finalarray[key][\"source\"] = sourcearr;\n }\n } else if (num === \"tags\" || num === \"tag\") {\n if (item !== undefined) {\n let tagarr = item.join(\", \");\n finalarray[key][\"tag\"] = tagarr;\n }\n } else {\n finalarray[key][num] = item;\n }\n if (num === \"id\") {\n this.props.createCallback(item, this.reloadactive);\n idsarray.push(item);\n }\n }.bind(this)\n );\n if (key % 2 === 0) {\n finalarray[key][\"classname\"] = \"table-row roweven\";\n } else {\n finalarray[key][\"classname\"] = \"table-row rowodd\";\n }\n }.bind(this)\n );\n\n let totalPages = this.getPages(response.totalRecordCount); //get pages for list view\n\n this.setState({\n scrollheight: height,\n objectarray: finalarray,\n totalCount: response.totalRecordCount,\n loading: false,\n idsarray: idsarray,\n totalPages: totalPages\n });\n if (\n this.props.type === \"alert\" &&\n this.state.showSelectedContainer === false\n ) {\n this.setState({ showSelectedContainer: false });\n } else if (this.state.id === undefined || this.state.id === null) {\n this.setState({ showSelectedContainer: false });\n } else {\n this.setState({ showSelectedContainer: true });\n }\n }.bind(this),\n error: function(data) {\n if (!data.statusText === \"abort\") {\n this.props.errorToggle(\"failed to get list data\", data);\n }\n }.bind(this)\n });\n\n $(\"#list-view-container\").keydown(this.keyNavigate);\n\n $(document.body).keydown(\n function(e) {\n if ($(\"input\").is(\":focus\")) {\n return;\n }\n if ($(\"textarea\").is(\":focus\")) {\n return;\n }\n if (e.keyCode === 70 && (e.ctrlKey !== true && e.metaKey !== true)) {\n this.toggleView();\n }\n }.bind(this)\n );\n };\n\n componentWillUnmount = () => {\n document.removeEventListener(\"keydown\", this.keyNavigate);\n };\n\n togglePreventClick = () => {\n this.setState({ preventClick: !this.state.preventClick });\n };\n\n keyNavigate = event => {\n if (event.type !== \"click\") {\n if (![\"j\", \"k\", \"ArrowUp\", \"ArrowDown\"].includes(event.key)) {\n return;\n }\n\n let target = event.target || event.srcElement;\n let targetType = target.tagName.toLowerCase();\n if (targetType === \"input\" || targetType === \"textarea\") {\n return;\n }\n }\n\n let curRow = document.querySelector(\n \".ReactTable .rt-tbody .rt-tr.selected\"\n );\n if (!curRow) {\n return;\n }\n let nextRow = null;\n\n switch (event.key) {\n case \"j\":\n case \"ArrowDown\":\n default:\n nextRow = curRow.parentElement.nextElementSibling;\n break;\n case \"k\":\n case \"ArrowUp\":\n nextRow = curRow.parentElement.previousElementSibling;\n break;\n }\n\n if (!nextRow) {\n return;\n }\n let nextId = nextRow.children[0].children[0].innerHTML;\n\n this.props.history.push(`/${this.state.type}/${nextId}`);\n\n event.preventDefault();\n event.stopPropagation();\n };\n\n //Callback for AMQ updates\n reloadactive = () => {\n this.getNewData();\n };\n\n ToggleCreateEntity = () => {\n this.setState({ showEntityCreateModal: !this.state.showEntityCreateModal });\n };\n\n render = () => {\n let listViewContainerHeight;\n let showClearFilter = false;\n let scrollheight = this.state.scrollheight;\n\n if (this.state.listViewContainerDisplay == null) {\n listViewContainerHeight = null;\n } else {\n listViewContainerHeight = \"0px\";\n }\n\n if (this.state.id != null && this.state.typeCapitalized != null) {\n document.title =\n this.state.typeCapitalized.charAt(0) + \"-\" + this.state.id;\n }\n\n if (\n Cookies.checkCookie(\"listViewFilter\" + this.props.type) != null ||\n Cookies.checkCookie(\"listViewSort\" + this.props.type) != null ||\n Cookies.checkCookie(\"listViewPage\" + this.props.type) != null\n ) {\n showClearFilter = true;\n }\n\n let columns = buildTypeColumns(this.props.type, {}, {}, false);\n\n return (\n \n {this.state.type !== \"entry\" ? (\n
\n );\n };\n\n CustomTableLoader = () => {\n return (\n \n
\n ) : null}\n \n
\n \n
\n \n
\n \n {this.props.notificationSetting === \"on\" ? (\n \n Mute Notifications\n \n ) : (\n \n Turn On Notifications\n \n )}\n {this.props.type === \"event\" ||\n this.props.type === \"intel\" ||\n this.props.type === \"incident\" ||\n this.props.type === \"signature\" ||\n this.props.type === \"guide\" ||\n this.props.type === \"entity\" ? (\n \n Create {this.state.typeCapitalized}\n \n ) : null}\n \n Export to CSV\n \n \n {showClearFilter ? (\n \n Clear All Filters\n \n ) : null}\n
\n \n
\n \n
\n \n
\n );\n };\n\n AutoScrollToId = () => {\n //auto scrolls to selected id\n let row = document.querySelector(\".ReactTable .rt-tbody .rt-tr.selected\");\n let tbody = document.querySelector(\".ReactTable .rt-tbody\");\n\n if (!row) {\n tbody.scrollTop = 0;\n return;\n }\n\n if (\n tbody.scrollTop + tbody.offsetHeight - row.offsetHeight < row.offsetTop ||\n row.offsetTop < tbody.scrollTop\n ) {\n tbody.scrollTop =\n row.offsetTop - tbody.offsetHeight / 2 + row.offsetHeight / 2;\n }\n\n this.setState({ initialAutoScrollToId: true });\n };\n\n componentDidUpdate = (prevProps, prevState) => {\n //auto scrolls to selected id\n for (let i = 0; i < this.state.objectarray.length; i++) {\n //Iterate through all of the items in the list to verify that the current id still matches the rows in the list. If not, don't scroll\n let idReference = this.state.objectarray[i].id;\n if (\n (this.state.id != null &&\n this.state.id === idReference &&\n this.state.id !== prevState.id) ||\n (this.state.id != null &&\n this.state.id === idReference &&\n prevState.initialAutoScrollToId === false)\n ) {\n //Checks that the id is present, is on the screen, and will not be kicked off again if its already been scrolled to before. The || statement handles the initial load since the id hasn't been scrolled to before.\n setTimeout(this.AutoScrollToId, 300);\n }\n }\n };\n\n componentWillReceiveProps = nextProps => {\n if (nextProps.id === undefined) {\n this.setState({\n type: nextProps.type,\n id: null,\n showSelectedContainer: false,\n scrollheight: $(window).height() - 170 + \"px\"\n });\n } else if (nextProps.id !== this.props.id) {\n if (this.props.type === \"alert\") {\n this.ConvertAlertIdToAlertgroupId(nextProps.id);\n this.ConvertEntryIdToType(nextProps.id);\n this.setState({\n type: nextProps.type,\n alertPreSelectedId: nextProps.id\n });\n } else if (this.props.type === \"task\") {\n this.setState({\n type: nextProps.type,\n queryType: nextProps.queryType,\n id: nextProps.id,\n entryid: nextProps.id2\n });\n } else {\n this.setState({ type: nextProps.type, id: nextProps.id });\n }\n }\n };\n\n ConvertAlertIdToAlertgroupId = id => {\n //if the type is alert, convert the id to the alertgroup id\n if (this.props.type === \"alert\") {\n $.ajax({\n type: \"get\",\n url: \"scot/api/v2/alert/\" + id,\n success: function(response1) {\n let newresponse = response1;\n this.setState({\n id: newresponse.alertgroup,\n showSelectedContainer: true\n });\n }.bind(this),\n error: function(data) {\n this.props.errorToggle(\n \"failed to convert alert id to alertgroup id\",\n data\n );\n }.bind(this)\n });\n }\n };\n\n ConvertEntryIdToType = id => {\n //if the type is alert, convert the id to the alertgroup id\n if (this.props.type === \"entry\") {\n $.ajax({\n type: \"get\",\n url: \"scot/api/v2/entry/\" + id,\n async: false,\n success: function(response) {\n this.selected(\n response.target.type,\n response.target.id,\n this.props.id\n );\n //this.setState({id: response.target.id, type: response.target.type, showSelectedContainer:true});\n }.bind(this),\n error: function(data) {\n this.props.errorToggle(\n \"failed to convert alert id to alertgroup id\",\n data\n );\n }.bind(this)\n });\n }\n };\n\n //This is used for the dragging portrait and landscape views\n startdrag = e => {\n $(\"iframe\").each(function(index, ifr) {\n $(ifr).addClass(\"pointerEventsOff\");\n });\n\n this.setState({\n manualScrollHeight: listStartHeight + e.clientY - listStartY + \"px\",\n scrollheight: listStartHeight + e.clientY - listStartY + \"px\"\n });\n };\n\n stopdrag = e => {\n $(\"iframe\").each(function(index, ifr) {\n $(ifr).removeClass(\"pointerEventsOff\");\n });\n document.onmousemove = null;\n };\n\n dragdiv = e => {\n if (e.preventDefault) {\n e.preventDefault();\n }\n if (e.stopPropagation) {\n e.stopPropagation();\n }\n let elem = document.getElementsByClassName(\"ReactTable\");\n listStartY = e.clientY;\n listStartHeight = parseInt(\n document.defaultView.getComputedStyle(elem[0]).height,\n 10\n );\n document.onmousemove = this.startdrag;\n document.onmouseup = this.stopdrag;\n };\n\n toggleView = () => {\n if (\n this.state.id.length !== 0 &&\n this.state.showSelectedContainer === true &&\n this.state.listViewContainerDisplay !== \"none\"\n ) {\n this.setState({ listViewContainerDisplay: \"none\", scrollheight: \"0px\" });\n } else {\n this.setState({ listViewContainerDisplay: null, scrollheight: \"30vh\" });\n }\n };\n\n Landscape = () => {\n document.onmousemove = null;\n document.onmousedown = null;\n document.onmouseup = null;\n $(\".splitter\").css(\"width\", \"100%\");\n $(\".mainview\").show();\n this.setState({\n classname: [\" \", \" \", \" \", \" \"],\n splitter: false,\n display: \"block\",\n maxheight: \"\",\n alldetail: true,\n differentviews: \"100%\",\n scrollheight:\n this.state.id != null ? \"300px\" : $(window).height() - 170 + \"px\",\n maxwidth: \"\",\n minwidth: \"\",\n scrollwidth: \"100%\",\n resize: \"vertical\"\n });\n this.setState({ listViewOrientation: \"landscape-list-view\" });\n Cookies.setCookie(\"viewMode\", \"landscape\", 1000);\n };\n\n clearAll = () => {\n let newListViewKey = this.state.listViewKey + 1;\n this.setState({\n listViewKey: newListViewKey,\n activepage: { page: 0, limit: this.state.activepage.limit },\n sort: [{ id: \"id\", desc: true }],\n filter: []\n });\n this.getNewData({ page: 0 }, [{ id: \"id\", desc: true }], {});\n Cookies.deleteCookie(\"listViewFilter\" + this.props.type); //clear filter cookie\n Cookies.deleteCookie(\"listViewSort\" + this.props.type); //clear sort cookie\n Cookies.deleteCookie(\"listViewPage\" + this.props.type); //clear page cookie\n };\n\n selected = (type, rowid, subid, taskid) => {\n let scrollheight;\n if (taskid == null && subid == null) {\n //window.history.pushState('Page', 'SCOT', '/#/' + type +'/'+rowid)\n this.props.history.push(\"/\" + type + \"/\" + rowid);\n } else if (taskid == null && subid != null) {\n this.props.history.push(\"/\" + type + \"/\" + rowid + \"/\" + subid);\n } else {\n //If a task, swap the rowid and the taskid\n //window.history.pushState('Page', 'SCOT', '/#/' + type + '/' + taskid + '/' + rowid)\n this.props.history.push(\"/\" + type + \"/\" + taskid + \"/\" + rowid + \"/\");\n }\n\n if (this.state.display === \"block\") {\n scrollheight = \"30vh\";\n }\n\n this.setState({\n alertPreSelectedId: 0,\n scrollheight: scrollheight,\n showSelectedContainer: true\n });\n };\n\n getNewData = (page, sort, filter) => {\n this.setState({ loading: true }); //display loading opacity\n let sortBy = sort;\n let filterBy = filter;\n let pageLimit;\n let pageNumber;\n let idsarray = this.state.idsarray;\n let newidsarray = [];\n\n //if the type is alert, convert the id to the alertgroup id\n this.ConvertAlertIdToAlertgroupId(this.props.id);\n\n //if the type is entry, convert the id and type to the actual type and id\n this.ConvertEntryIdToType(this.props.id);\n\n //defaultpage = page.page\n if (page == undefined) {\n pageNumber = this.state.activepage.page;\n pageLimit = this.state.activepage.limit;\n } else {\n if (page.page == undefined) {\n pageNumber = this.state.activepage.page;\n } else {\n pageNumber = page.page;\n }\n if (page.limit == undefined) {\n pageLimit = this.state.activepage.limit;\n } else {\n pageLimit = page.limit;\n }\n }\n let newPage;\n newPage = pageNumber * pageLimit;\n //sort check\n if (sortBy == undefined) {\n sortBy = this.state.sort;\n }\n //filter check\n if (filterBy == undefined) {\n filterBy = this.state.filter;\n }\n let data = { limit: pageLimit, offset: newPage };\n\n //add sort to the data object\n if (sortBy != undefined) {\n let sortObj = {};\n $.each(sortBy, function(key, value) {\n let sortInt = -1;\n if (!value.desc) {\n sortInt = 1;\n }\n sortObj[value.id] = sortInt;\n });\n data[\"sort\"] = JSON.stringify(sortObj);\n }\n\n //add filter to the data object\n if (filterBy != undefined) {\n $.each(filterBy, function(key, value) {\n if (value.id == \"source\" || value.id == \"tag\") {\n let stringArr = [];\n for (let each of value.value) {\n stringArr.push(each.name);\n }\n data[value.id] = JSON.stringify(stringArr);\n } else if (\n value.id == \"created\" ||\n value.id == \"updated\" ||\n value.id == \"occurred\"\n ) {\n let arr = [];\n arr.push(value.value.start);\n arr.push(value.value.end);\n data[value.id] = JSON.stringify(arr);\n } else {\n data[value.id] = JSON.stringify(value.value);\n }\n });\n }\n\n let newarray = [];\n\n //Update 5/17/18 - removed below check as it was breaking clicking on an alert in alert group, closing alert and then immediately switching to a new alert group would cancel ajax call and majorly lag network traffic\n if (this.state.loading == true) {\n listQuery.abort();\n }\n listQuery = $.ajax({\n type: \"GET\",\n url: \"/scot/api/v2/\" + this.state.type,\n data: data,\n traditional: true,\n success: function(response) {\n datasource = response;\n $.each(\n datasource.records,\n function(key, value) {\n newarray[key] = {};\n $.each(\n value,\n function(num, item) {\n if (num == \"sources\" || num == \"source\") {\n if (item != undefined) {\n let sourcearr = item.join(\", \");\n newarray[key][\"source\"] = sourcearr;\n }\n } else if (num == \"tags\" || num == \"tag\") {\n if (item != undefined) {\n let tagarr = item.join(\", \");\n newarray[key][\"tag\"] = tagarr;\n }\n } else {\n newarray[key][num] = item;\n }\n if (num == \"id\") {\n this.props.createCallback(item, this.reloadactive);\n newidsarray.push(item);\n }\n }.bind(this)\n );\n if (key % 2 == 0) {\n newarray[key][\"classname\"] = \"table-row roweven\";\n } else {\n newarray[key][\"classname\"] = \"table-row rowodd\";\n }\n }.bind(this)\n );\n\n let totalPages = this.getPages(response.totalRecordCount); //get pages for list view\n\n this.setState({\n totalCount: response.totalRecordCount,\n activepage: { page: pageNumber, limit: pageLimit },\n objectarray: newarray,\n loading: false,\n idsarray: newidsarray,\n totalPages: totalPages\n });\n }.bind(this),\n error: function(data) {\n if (!data.statusText == \"abort\") {\n this.props.errorToggle(\"failed to get list data\", data);\n }\n }.bind(this)\n });\n };\n\n exportCSV = () => {\n let keys = [];\n let columns = this.state.columns;\n $.each(columns, function(key, value) {\n keys.push(value);\n });\n let csv = \"\";\n $(\".rt-tbody\")\n .find(\".rt-tr\")\n .each(function(key, value) {\n let storearray = [];\n $(value)\n .find(\".rt-td\")\n .each(function(x, y) {\n let obj = $(y).text();\n obj = obj.replace(/,/g, \"|\");\n storearray.push(obj);\n });\n csv += storearray.join() + \"\\n\";\n });\n let result = keys.join() + \"\\n\";\n csv = result + csv;\n let data_uri = \"data:text/csv;charset=utf-8,\" + encodeURIComponent(csv);\n window.open(data_uri);\n };\n\n handleSort = (sortArr, clearall) => {\n let newSortArr = [];\n\n if (clearall === true) {\n this.setState({ sort: [{ id: \"id\", desc: true }] });\n } else {\n for (let sortEach of sortArr) {\n if (sortEach.id) {\n newSortArr.push(sortEach);\n }\n }\n }\n\n this.setState({ sort: newSortArr });\n this.getNewData(null, newSortArr, null);\n let cookieName = \"listViewSort\" + this.props.type;\n Cookies.setCookie(cookieName, JSON.stringify(newSortArr), 1000);\n };\n\n handleFilter = (filterObj, string, clearall, type) => {\n let newFilterArr = [];\n let _type = this.props.type;\n\n if (type !== undefined) {\n _type = type;\n }\n\n if (clearall === true) {\n this.setState({ filter: newFilterArr });\n return;\n } else {\n for (let filterEach of filterObj) {\n if (filterEach.id) {\n newFilterArr.push(filterEach);\n }\n }\n\n this.setState({ filter: newFilterArr });\n\n if (type === this.props.type || type === undefined) {\n //Check if the type passed in matches the type displayed. If not, it's updating the filter for a future query in a different type. Undefined implies its the same type, so update\n this.getNewData({ page: 0 }, null, newFilterArr);\n }\n\n let cookieName = \"listViewFilter\" + _type;\n Cookies.setCookie(cookieName, JSON.stringify(newFilterArr), 1000);\n }\n };\n\n titleCase = string => {\n let newstring = string.charAt(0).toUpperCase() + string.slice(1);\n return newstring;\n };\n\n createNewThing = () => {\n let data;\n\n if (this.props.type === \"signature\") {\n data = JSON.stringify({\n name: \"Name your Signature\",\n status: \"disabled\"\n });\n } else if (this.props.type === \"guide\") {\n data = JSON.stringify({\n subject: \"ENTER A GUIDE NAME\",\n applies_to: [\"documentation\"]\n });\n } else if (this.props.type === \"entity\") {\n this.ToggleCreateEntity();\n return;\n } else {\n data = JSON.stringify({ subject: \"No Subject\" });\n }\n\n $.ajax({\n type: \"POST\",\n url: \"/scot/api/v2/\" + this.props.type,\n data: data,\n success: function(response) {\n this.selected(this.props.type, response.id);\n }.bind(this),\n error: function(data) {\n this.props.errorToggle(\"failed to create new thing\", data);\n }.bind(this)\n });\n };\n\n handlePageChange = pageIndex => {\n this.getNewData({ page: pageIndex });\n let cookieName = \"listViewPage\" + this.props.type;\n Cookies.setCookie(\n cookieName,\n JSON.stringify({ page: pageIndex, limit: this.state.activepage.limit })\n );\n };\n\n handlePageSizeChange = (pageSize, pageIndex) => {\n this.getNewData({ limit: pageSize, page: pageIndex });\n let cookieName = \"listViewPage\" + this.props.type;\n Cookies.setCookie(\n cookieName,\n JSON.stringify({ page: pageIndex, limit: pageSize })\n );\n };\n\n getPages = count => {\n let totalPages = Math.ceil((count || 1) / this.state.activepage.limit);\n return totalPages;\n };\n\n handleRowSelection(state, rowInfo, column, instance) {\n return {\n onClick: event => {\n if (this.state.preventClick !== true) {\n if (this.state.id === rowInfo.row.id) {\n return;\n }\n let scrollheight = this.state.scrollheight;\n if (this.state.display == \"block\") {\n scrollheight = \"30vh\";\n }\n if (this.state.type === \"task\") {\n this.props.history.push(\n \"/task/\" +\n rowInfo.row.target_type +\n \"/\" +\n rowInfo.row.target_id +\n \"/\" +\n rowInfo.row.id\n );\n } else {\n this.props.history.push(\n \"/\" + this.state.type + \"/\" + rowInfo.row.id\n );\n }\n this.setState({\n alertPreSelectedId: 0,\n scrollheight: scrollheight,\n showSelectedContainer: true\n });\n return;\n } else {\n this.props.errorToggle(\n \"Currently processing action(s). Please wait.\"\n );\n }\n },\n className: rowInfo.row.id === parseInt(this.props.id) ? \"selected\" : null\n };\n }\n}\n","import $ from \"jquery\";\nimport React, { Component } from \"react\";\nimport { Modal } from \"react-bootstrap\";\nimport AddEntry from \"../components/add_entry.js\";\n\nexport default class ExportModal extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n showEditor: false,\n data: null,\n responseSuccess: false,\n emailField: []\n };\n }\n\n componentWillMount() {\n this.getData();\n }\n\n onBlur = event => {\n let v = event.target.value;\n if (v === \"\") {\n return;\n }\n let emailArray = v.split(/[ ,]+/);\n this.setState({ emailField: emailArray });\n };\n\n getData = () => {\n $.ajax({\n type: \"get\",\n url: \"/scot/api/v2/prepexport/\" + this.props.type + \"/\" + this.props.id,\n success: function(response) {\n this.setState({ data: response });\n this.setState({ leaveCatch: false, showEditor: true });\n }.bind(this),\n error: function(response) {\n this.props.errorToggle(\n \"Failed to get export data from server!\",\n response\n );\n }.bind(this)\n });\n };\n\n exportResponse = response => {\n if (response === \"success\") {\n this.setState({ showEditor: false, responseSuccess: true });\n }\n };\n\n render() {\n let disabled = false;\n if (this.state.responseSuccess) {\n disabled = true;\n }\n return (\n \n \n \n \n Export {this.props.type} {this.props.id}\n \n \n \n
\n {this.state.showEditor ? (\n \n \n
\n );\n }\n}\n\nclass PostResponse extends Component {\n render() {\n return (\n \n \n
\n \n {this.state.showEditor ? (\n
\n
\n );\n }\n}\n","import React, { Component } from \"react\";\nimport { Button } from \"react-bootstrap\";\nimport Modal from \"react-modal\";\nimport { Link } from \"react-router-dom\";\n\nconst customStyles = {\n content: {\n top: \"50%\",\n left: \"50%\",\n right: \"auto\",\n bottom: \"auto\",\n marginRight: \"-50%\",\n transform: \"translate(-50%, -50%)\"\n }\n};\n\nclass PromotedData extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n showAllPromotedDataToolbar: false\n };\n\n this.showAllPromotedDataToggle = this.showAllPromotedDataToggle.bind(this);\n }\n\n showAllPromotedDataToggle() {\n if (this.state.showAllPromotedDataToolbar === false) {\n this.setState({ showAllPromotedDataToolbar: true });\n } else {\n this.setState({ showAllPromotedDataToolbar: false });\n }\n }\n\n render() {\n let promotedFromType = null;\n let fullarr = [];\n let shortarr = [];\n let shortforlength = 3;\n if (this.props.type === \"event\") {\n promotedFromType = \"alert\";\n } else if (this.props.type === \"incident\") {\n promotedFromType = \"event\";\n }\n //makes large array for modal\n for (let i = 0; i < this.props.data.length; i++) {\n if (i > 0) {\n fullarr.push( , );\n }\n let link = \"/\" + promotedFromType + \"/\" + this.props.data[i];\n fullarr.push(\n \n {this.props.data[i]}\n \n );\n }\n //makes small array for quick display in header\n if (this.props.data.length < 3) {\n shortforlength = this.props.data.length;\n }\n for (let i = 0; i < shortforlength; i++) {\n if (i > 0) {\n shortarr.push( ,
);\n }\n let link = \"/\" + promotedFromType + \"/\" + this.props.data[i];\n shortarr.push(\n \n {this.props.data[i]}\n
\n );\n }\n if (this.props.data.length > 3) {\n shortarr.push(\n \n ,...more\n
\n );\n }\n return (\n \n
\n Promoted From
\n{fullarr}
\n \n \n Close\n \n
\n \n ) : null}\n \n \n \n {this.props.editObject ?\n Edit {this.props.type} {this.props.editObject.username} :\n Create {this.props.type} \n }\n {this.props.type === 'group' ?\n
\n \n \n {this.props.editObject ?\n \n \n
\n );\n }\n}\n\n\nclass GroupSelectionComponent extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n groups: [],\n };\n\n }\n\n componentDidMount() {\n if (this.props.editObject) {\n let usersgroups = [];\n this.props.editObject.groups.forEach(function (element) {\n let group = {};\n group['id'] = element\n group['text'] = element;\n usersgroups.push(group)\n })\n this.setState({ groups: usersgroups });\n }\n\n }\n\n shouldComponentUpdate(nextProps, nextState) {\n if (this.state !== nextState) {\n this.props.handleGroups(nextState.groups)\n return true\n } else {\n return false\n }\n }\n\n mapUsersGroupsToTags = () => {\n axios.get(`/scot/api/v2/user?id=${this.props.id}`)\n .then(response => {\n const usersgroups = [];\n if (response.data.totalRecordCount > 0) {\n response.data.records.forEach(function (element) {\n let group = {};\n group['id'] = element.name\n group['text'] = element.name;\n usersgroups.push(group)\n })\n this.setState({ groups: usersgroups });\n } else {\n }\n })\n }\n\n handleDelete = (i) => {\n const { groups } = this.state;\n this.setState({\n groups: groups.filter((tag, index) => index !== i),\n });\n }\n\n handleAddition = (tag) => {\n const { enqueueSnackbar } = this.props;\n if (this.checkValidGroup(tag['id'])) {\n let newgroups = this.state.groups;\n newgroups.push(tag);\n this.setState({ groups: newgroups });\n this.props.handleGroups(this.state.groups)\n }\n else {\n enqueueSnackbar(`Invalid group. Please add an existing group`);\n }\n }\n\n checkValidGroup(group) {\n const { suggestions } = this.props;\n var found = suggestions.some(function (el) {\n return el.id === group;\n });\n if (found) {\n return true\n } else {\n return false;\n }\n }\n\n\n render() {\n const { groups } = this.state;\n const { suggestions } = this.props;\n const { classes } = this.props;\n return (\n \n
\n
\n :\n \n
\n
\n
\n
\n
\n Groups\n
\n
\n }\n \n
\n
\n
\n Groups\n
\n
\n
\n \n \n
:\n \n \n \n
\n }\n \n
\n );\n }\n}\n\nconst GroupSelection = withStyles(styles)(GroupSelectionComponent)\nconst UserGroupForm = withSnackbar(withStyles(styles)(UserGroupFormComponent));\nexport { GroupSelection, UserGroupForm }\n","import React from 'react'\nimport Typography from '@material-ui/core/Typography';\nimport { withSnackbar } from 'notistack';\nimport { withStyles } from '@material-ui/core/styles';\nimport axios from 'axios'\nimport Button from '@material-ui/core/Button';\nimport Card from '@material-ui/core/Card';\nimport CardContent from '@material-ui/core/CardContent';\n\nconst styles = theme => ({\n card: {\n minWidth: 400,\n marginBottom: 20\n },\n});\n\nclass AreYouSure extends React.Component {\n\n constructor(props) {\n super(props);\n this.state = {\n deletetext: \"\"\n }\n }\n\n handleDelete = () => {\n const { enqueueSnackbar, type, id } = this.props;\n let url = `/scot/api/v2/${type}/${id}`;\n axios.delete(url)\n .then(function () {\n enqueueSnackbar(`Successfully deleted ${type}.`, { variant: 'success' });\n this.props.fetchData(type)\n this.props.handleClose();\n }.bind(this))\n .catch(function (error) {\n console.log(error);\n enqueueSnackbar(`Failed deleting ${type}.`, { variant: 'error' });\n this.props.handleClose();\n });\n }\n\n render() {\n const { classes } = this.props;\n return (\n \n \n \n Are you sure you want to delete {this.props.type} {this.props.text}? \n
\n \n \n
\n );\n }\n}\n\nexport default withSnackbar(withStyles(styles)(AreYouSure));","import React from 'react'\nimport ReactTable from 'react-table'\nimport Button from '@material-ui/core/Button';\nimport axios from 'axios'\nimport AddIcon from '@material-ui/icons/Add';\nimport { withStyles } from '@material-ui/core/styles';\nimport Grid from '@material-ui/core/Grid';\nimport { UserGroupForm } from './usergroupform'\nimport { Person, Group } from '@material-ui/icons'\nimport DeleteRoundedIcon from '@material-ui/icons/DeleteRounded';\nimport Dialog from '@material-ui/core/Dialog';\nimport Typography from '@material-ui/core/Typography';\nimport Fab from '@material-ui/core/Fab';\nimport AreYouSure from './areyousure'\nimport Paper from '@material-ui/core/Paper';\nimport Switch from '@material-ui/core/Switch';\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\nimport { withSnackbar } from 'notistack';\n\n\nconst styles = theme => ({\n root: {\n flexGrow: 1,\n },\n paper: {\n ...theme.mixins.gutters(),\n paddingTop: theme.spacing.unit * 2,\n paddingBottom: theme.spacing.unit * 2,\n },\n});\n\nclass UserGroupContainer extends React.Component {\n\n constructor(props) {\n super(props);\n this.state = {\n userdata: [],\n groupdata: [],\n showModal: false,\n editObject: null,\n id: null,\n type: \"\",\n areYouSure: false,\n updateId: null,\n }\n }\n\n edit = (type, id) => {\n let url = `/scot/api/v2/${type}?id=${id}`;\n axios.get(url)\n .then(function (response) {\n this.setState({ editObject: response.data.records[0], type: type, showModal: true });\n }.bind(this))\n .catch(function (error) {\n console.log(error);\n });\n }\n\n componentDidUpdate(prevProps, prevState) {\n const { enqueueSnackbar } = this.props;\n if (prevState.userdata !== this.state.userdata) {\n if (this.state.updateId !== null) {\n const user = this.getUserObject(this.state.updateId)\n axios.put(`/scot/api/v2/user/${this.state.updateId}`, { active: user.active })\n .then(function (response) {\n enqueueSnackbar(`Successfully updated user.`, { variant: 'success' })\n this.setState({ updateId: null })\n }.bind(this))\n .catch(function (error) {\n\n enqueueSnackbar(`Failed updating user`, { variant: 'error' });\n });\n }\n }\n }\n\n\n\n showUserDialog = () => {\n this.setState({ showModal: true, type: 'user' })\n }\n\n showGroupDialog = () => {\n this.setState({ showModal: true, type: 'group' })\n }\n\n handleUserClose = () => {\n this.setState({ showModal: false });\n };\n\n componentDidMount() {\n this.fetchData('user')\n this.fetchData('group')\n }\n\n handleClose = (type) => {\n this.setState({ showModal: false, id: null, type: \"\", editObject: null });\n };\n\n handleListItemClick = value => {\n this.props.onClose(value);\n };\n\n getColumns = (type) => {\n let columns = []\n if (type === 'user') {\n columns = [\n {\n Header: 'ID',\n accessor: 'id',\n width: 50\n },\n {\n Header: 'Full Name',\n accessor: 'fullname',\n width: 90\n },\n {\n Header: 'Username',\n accessor: 'username',\n width: 70\n },\n {\n Header: 'Active',\n id: 'active',\n accessor: row => (\n \n
\n \n \n
\n \n this.handleActiveToggle(row.id)}\n checked={row.active}\n value={row.active}\n />\n }\n />\n
:\n \n this.handleActiveToggle(row.id)}\n checked={row.active}\n value={row.active} />\n }\n />\n
}\n \n
\n\n \n Please be advised\n \n \n In order to properly add a user, they must belong to a group. A user is added to a group at time of creatino or upon 'Edit'. Groups MUST include the string 'scot' in the name or they will be ignored\n by the system. You must activate a user in order to begin logging in as the user.\n \n \n
\n\n \n \n Users \n \n \n \n Groups \n \n \n \n {this.state.areYouSure ?\n : null\n }\n
\n )\n }\n}\n\nexport default withSnackbar(withStyles(styles)(UserGroupContainer));","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport Panel from 'react-bootstrap/lib/Panel.js';\nimport Button from 'react-bootstrap/lib/Button.js';\nimport Modal from 'react-bootstrap/lib/Modal.js';\nimport $ from 'jquery'\n\nexport class Api extends React.Component {\n constructor(props) {\n super(props);\n this.GetKeys = this.GetKeys.bind(this);\n this.GetAvailableGroups = this.GetAvailableGroups.bind(this);\n this.CreateKey = this.CreateKey.bind(this);\n this.DeleteKey = this.DeleteKey.bind(this);\n this.GroupChange = this.GroupChange.bind(this);\n this.ToggleActiveStatus = this.ToggleActiveStatus.bind(this);\n this.state = {\n Api: null,\n keys: null,\n availableGroups: null,\n };\n }\n\n GetKeys() {\n $.ajax({\n type: 'get',\n url: '/scot/api/v2/apikey',\n success: function (data) {\n this.setState({ keys: data.records });\n }.bind(this),\n error: function () {\n this.setState({ keys: 'failed to get keys' });\n }.bind(this),\n });\n }\n\n GetAvailableGroups() {\n $.ajax({\n type: 'get',\n url: '/scot/api/v2/group?limit=0',\n success: function (data) {\n this.setState({ availableGroups: data.records });\n }.bind(this),\n });\n }\n\n CreateKey() {\n $.ajax({\n type: 'post',\n url: '/scot/api/v2/apikey',\n success: function () {\n this.GetKeys();\n }.bind(this),\n });\n }\n\n DeleteKey(e) {\n $.ajax({\n type: 'delete',\n url: `/scot/api/v2/apikey/${e.target.id}`,\n success: function () {\n this.GetKeys();\n }.bind(this),\n });\n }\n\n GroupChange(id, newGroup) {\n $.ajax({\n type: 'PUT',\n url: `/scot/api/v2/apikey/${id}`,\n data: JSON.stringify({ groups: newGroup }),\n contentType: 'application/json; charset=UTF-8',\n success: function () {\n this.GetKeys();\n }.bind(this),\n });\n }\n\n ToggleActiveStatus(id, newStatus) {\n $.ajax({\n type: 'PUT',\n url: `/scot/api/v2/apikey/${id}`,\n contentType: 'application/json; charset=UTF-8',\n data: JSON.stringify({ active: newStatus }),\n success: function () {\n this.GetKeys();\n }.bind(this),\n });\n }\n\n componentDidMount() {\n this.GetKeys();\n this.GetAvailableGroups();\n }\n\n render() {\n const keysArr = [];\n if (this.state.keys != undefined) {\n for (let i = 0; i < this.state.keys.length; i++) {\n let keyActiveStatus;\n let keyActiveStatusCss;\n const keyGroups = [];\n if (this.state.keys[i].active == 1) {\n keyActiveStatus = active\n }\n\n else {\n keyActiveStatus = not active\n }\n if (this.state.keys[i].groups != undefined) {\n for (let j = 0; j < this.state.keys[i].groups.length; j++) {\n keyGroups.push(\n
\n
\n \n Add User\n \n \n \n
\n \n \n Add Group\n \n \n \n
\n this.state.keys[i].groups[j]
);\n }\n }\n keysArr.push(\n
\n
);\n }\n }\n return (\n \n
\n {this.state.keys[i].apikey}
\n {this.state.keys[i].username}
\n Key is {keyActiveStatus}\n \n \n
\n \n
\n \n {keysArr}\n \n\n \n
\n );\n }\n}\n\nclass GroupModal extends React.Component {\n constructor(props) {\n super(props);\n this.Open = this.Open.bind(this);\n this.Close = this.Close.bind(this);\n this.DeleteGroup = this.DeleteGroup.bind(this);\n /* this.AddGroup = this.AddGroup.bind(this); */ // Removed as we don't add groups to an api key\n this.ToggleActiveStatus = this.ToggleActiveStatus.bind(this);\n this.state = {\n showModal: false,\n };\n }\n\n Open() {\n this.setState({ showModal: true });\n }\n\n Close() {\n this.setState({ showModal: false });\n }\n\n DeleteGroup(e) {\n const newGroups = [];\n for (const i of this.props.currentGroups) {\n if (i != undefined) {\n if (i != e.target.parentNode.textContent) {\n newGroups.push(i);\n }\n }\n }\n this.props.GroupChange(this.props.id, newGroups);\n }\n /* Removed as we don't add groups to an api key\n AddGroup (e) {\n var newGroups = [];\n for ( const i of this.props.currentGroups) {\n if ( i != undefined ) {\n if ( i != e.target.textContent ) {\n newGroups.push(i);\n }\n }\n }\n newGroups.push( e.target.textContent );\n this.props.GroupChange(this.props.id, newGroups);\n }\n */\n ToggleActiveStatus() {\n let newStatus;\n if (this.props.keyActiveStatus == 1) {\n newStatus = 0;\n } else {\n newStatus = 1;\n }\n this.props.ToggleActiveStatus(this.props.id, newStatus);\n }\n\n render() {\n // var allGroupArray = []; //Removed as we don't add groups to an api key\n const currentGroupArray = [];\n const currentGroupArrayEdit = [];\n // //Removed as we don't add groups to an api key\n /* if ( this.props.allGroups ) {\n for ( const i of this.props.allGroups ) {\n allGroupArray.push( );\n }\n } */\n if (this.props.currentGroups) {\n for (const j of this.props.currentGroups) {\n currentGroupArrayEdit.push({j});\n }\n for (const k of this.props.currentGroups) {\n currentGroupArray.push({k});\n }\n }\n let keyStatus = this.props.keyActiveStatus === 1 ? 'active' : 'not active';\n return (\n API
\n\n Current Groups: {currentGroupArray}\n \n \n Edit API key settings \n \n \n
\n \n \n
\n );\n }\n}\n\n\n","import React, { PureComponent, Component } from 'react';\nimport ReactDOM from 'react-dom';\nimport PropTypes from 'prop-types';\nimport { Modal, Button, ButtonGroup, Panel, FormControl, Form, Col } from 'react-bootstrap';\nimport ReactTable from 'react-table';\nimport { removeMarkedItems } from '../marker';\nimport Notification from 'react-notification-system';\nimport $ from 'jquery'\n\nconst ACTION_BUTTONS = {\n READY: {\n style: 'default',\n },\n LOADING: {\n text: 'Processing...',\n style: 'default',\n disabled: true,\n },\n SUCCESS: {\n text: 'Success!',\n style: 'success',\n },\n ERROR: {\n text: 'Error!',\n style: 'danger',\n },\n};\n\nexport class Undelete extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n data: [],\n allSelected: false,\n };\n\n this.handleTHeadCheckboxSelection = this.handleTHeadCheckboxSelection.bind(this);\n this.handleRowSelection = this.handleRowSelection.bind(this);\n this.handleCheckboxSelection = this.handleCheckboxSelection.bind(this);\n this.getDeletedItems = this.getDeletedItems.bind(this);\n }\n\n componentWillMount() {\n this.mounted = true;\n\n this.getDeletedItems();\n }\n\n componentWillUnmount() {\n this.mounted = false;\n }\n\n render() {\n\n const columns = [\n {\n Header: cell => {\n return (\n \n \n
\n \n
\n {/* Current Groups:
\n {currentGroupArrayEdit}\n\n Click to add group:\n {allGroupArray}\n
*/}\n \n
\n Key is {keyStatus}\n \n
\n \n
\n );\n },\n id: 'selected',\n accessor: d => d.selected,\n Cell: row => {\n return (\n \n\n
\n
\n );\n },\n maxWidth: 100,\n filterable: false,\n },\n {\n Header: 'Type',\n accessor: 'type',\n //id: 'target.type',\n //column: 'type',\n maxWidth: 150,\n sortable: true,\n },\n {\n Header: 'ID',\n accessor: 'data.id',\n id: 'data.id',\n column: 'id',\n maxWidth: 100,\n sortable: true,\n },\n {\n Header: 'Subject',\n accessor: 'data.subject',\n id: 'data.subject',\n column: 'subject',\n maxWidth: '100%',\n sortable: true,\n },\n {\n Header: 'Body',\n accessor: 'data.body',\n id: 'data.body',\n column: 'body',\n maxWidth: '100%',\n sortable: true,\n },\n\n ];\n\n let dataArr = [];\n for (let key in this.state.data) {\n dataArr.push(this.state.data[key]['data'])\n }\n\n return (\n \n
\n\n {this.state.data.length > 0 ?\n
\n );\n }\n\n handleRowSelection(state, rowInfo, column) {\n return {\n onClick: event => {\n let data = this.state.data;\n\n for (let row of data) {\n if (rowInfo.row['data.id'] == row.data.id && rowInfo.row.type == row.type) {\n row.selected = true;\n } else {\n row.selected = false;\n }\n }\n\n this.setState({ data: data, allSelected: false });\n return;\n },\n style: {\n background: rowInfo != undefined ? rowInfo.row.selected ? 'rgb(174, 218, 255)' : null : null,\n }\n };\n }\n\n handleCheckboxSelection(state, rowInfo, column) {\n if (column.id == 'selected') {\n return {\n onClick: event => {\n let data = this.state.data;\n\n for (let row of data) {\n if (rowInfo.row['data.id'] == row.data.id && rowInfo.row.type == row.type) {\n if (row.selected) {\n row.selected = !row.selected;\n } else {\n row.selected = true;\n }\n break;\n }\n }\n\n this.setState({ data: data, allSelected: this.checkAllSelected(data) });\n event.stopPropagation();\n return;\n }\n };\n } else {\n return {};\n }\n }\n\n handleTHeadCheckboxSelection(state, rowInfo, column, instance) {\n if (column.id === 'selected') {\n return {\n onClick: event => {\n let data = this.state.data;\n let allSelected = !this.state.allSelected;\n\n for (let row of data) {\n for (let pageRow of state.pageRows) {\n if (row.data.id == pageRow['data.id'] && row.data.type == pageRow['data.type']) { //compare displayed rows to rows in dataset and only select those\n row.selected = allSelected;\n break;\n }\n }\n }\n\n this.setState({ data: data, allSelected: allSelected });\n return;\n }\n };\n } else {\n return {};\n }\n }\n\n checkAllSelected(data) {\n for (let row of data) {\n if (!row.selected) {\n return false;\n }\n }\n return true;\n }\n\n getDeletedItems() {\n $.ajax({\n type: 'get',\n url: '/scot/api/v2/deleted/?limit=0',\n success: function (data) {\n this.setState({ data: data.records });\n }.bind(this),\n error: function (data) {\n console.log('unable to get deleted items');\n }.bind(this),\n });\n }\n}\n\nclass Actions extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n entry: false,\n thing: false,\n actionSuccess: false,\n linkContextString: null,\n linkPanel: false,\n pendingDelete: false,\n\n reparseButton: ACTION_BUTTONS.READY,\n deleteButton: ACTION_BUTTONS.READY,\n promoteButton: ACTION_BUTTONS.READY,\n };\n\n this.RemoveSelected = this.RemoveSelected.bind(this);\n this.MoveEntry = this.MoveEntry.bind(this);\n this.CopyEntry = this.CopyEntry.bind(this);\n this.EntryAjax = this.EntryAjax.bind(this);\n this.Link = this.Link.bind(this);\n this.LinkAjax = this.LinkAjax.bind(this);\n this.Reparse = this.Reparse.bind(this);\n this.ReparseAjax = this.ReparseAjax.bind(this);\n this.Promote = this.Promote.bind(this);\n this.PromoteAjax = this.PromoteAjax.bind(this);\n this.ToggleActionSuccess = this.ToggleActionSuccess.bind(this);\n this.ExpandLinkToggle = this.ExpandLinkToggle.bind(this);\n this.LinkContextChange = this.LinkContextChange.bind(this);\n this.deleteCallback = this.deleteCallback.bind(this);\n this.StartDelete = this.StartDelete.bind(this);\n this.Restore = this.Restore.bind(this);\n this.Purge = this.Purge.bind(this);\n }\n\n componentWillMount() {\n this.mounted = true;\n }\n\n componentWillUnmount() {\n this.mounted = false;\n }\n\n deleteCallback(success) {\n if (success === true) {\n this.RemoveSelected();\n }\n\n this.setState({\n pendingDelete: false,\n });\n }\n\n render() {\n let buttons = [];\n let entry = false, thing = false, alert = true;\n\n let numSelected = 0;\n for (let key of this.props.data) {\n if (key.type && key.selected) {\n numSelected++;\n\n if (key.type === 'entry') {\n entry = true;\n } else {\n thing = true;\n }\n\n if (key.type !== 'alert') {\n alert = false;\n }\n }\n }\n\n const addToEvent = numSelected != 0 && alert && this.props.type === 'event';\n\n const { reparseButton, deleteButton, promoteButton, pendingDelete } = this.state;\n\n let deleteThings = null;\n if (pendingDelete) {\n deleteThings = this.props.data.filter(thing => thing.selected)\n .map(thing => { return { type: thing.type, id: thing.id }; });\n }\n\n\n return (\n No deleted items were found.
\n }\n\n {this.state.data.length > 0 ?\n
\n );\n }\n\n Restore(e) {\n for (let key of this.props.data) {\n if (key.selected) {\n $.ajax({\n type: 'put',\n url: '/scot/api/v2/deleted/' + key.id,\n data: JSON.stringify({ 'status': 'undelete' }),\n success: function () {\n let notification = this.refs.notificationSystem;\n notification.addNotification({\n message: 'Successfully Restored',\n level: 'success',\n autoDismiss: 0,\n });\n this.props.getDeletedItems();\n }.bind(this),\n error: function () {\n console.log('failed to restore items');\n }.bind(this),\n });\n }\n }\n }\n\n Purge(e) {\n for (let key of this.props.data) {\n if (key.selected) {\n $.ajax({\n type: 'delete',\n url: '/scot/api/v2/deleted/' + key.id,\n success: function () {\n let notification = this.refs.notificationSystem;\n notification.addNotification({\n message: 'Successfully Purged',\n level: 'success',\n autoDismiss: 0,\n });\n this.props.getDeletedItems();\n }.bind(this),\n error: function () {\n console.log('failed to purge items');\n }.bind(this)\n });\n }\n }\n }\n\n LinkContextChange(e) {\n this.setState({ linkContextString: e.target.value });\n }\n\n ExpandLinkToggle(newState) {\n if (newState == true || newState == false) {\n this.setState({ linkPanel: newState, linkContextString: '' });\n } else {\n let linkPanel = !this.state.linkPanel;\n this.setState({ linkPanel: linkPanel, linkContextString: '' });\n }\n }\n\n RemoveSelected() {\n for (let key of this.props.data) {\n if (key.selected) {\n removeMarkedItems(key.type, key.id);\n }\n }\n\n //update marked items after removal\n this.props.getDeletedItems();\n\n //turn off the action success buttons after removal\n if (this.state.actionSuccess) {\n this.setState({ actionSuccess: false });\n }\n }\n\n StartDelete() {\n this.setState({\n pendingDelete: true,\n });\n }\n\n MoveEntry() {\n for (let key of this.props.data) {\n if (key.selected && key.type == 'entry') {\n this.EntryAjax(key.id, true);\n }\n }\n }\n\n CopyEntry() {\n for (let key of this.props.data) {\n if (key.selected && key.type == 'entry') {\n this.EntryAjax(key.id, false);\n }\n }\n }\n\n Link() {\n\n\n for (let key of this.props.data) {\n if (key.selected) {\n\n let arrayToLink = [];\n let obj = {};\n let currentobj = {};\n\n //assign new thing to link\n obj.id = parseInt(key.id);\n obj.type = key.type;\n\n //assign current thing to link to\n currentobj.id = parseInt(this.props.id);\n currentobj.type = this.props.type;\n\n arrayToLink.push(obj);\n arrayToLink.push(currentobj);\n\n this.LinkAjax(arrayToLink);\n }\n\n /*\n if ( arrayToLink.length > 0 ) {\n //add current thing to be linked to\n let obj = {};\n obj.id = parseInt( this.props.id );\n obj.type = this.props.type;\n\n arrayToLink.push( obj );\n this.LinkAjax( arrayToLink );\n }*/\n }\n\n\n }\n\n Reparse() {\n this.setState({\n reparseButton: ACTION_BUTTONS.LOADING,\n });\n\n $.when(...this.props.data.filter((thing) => thing.selected)\n .map((thing) => {\n return this.ReparseAjax(thing);\n })\n ).then(\n // Success\n () => {\n this.setState({\n reparseButton: ACTION_BUTTONS.SUCCESS,\n });\n },\n // Failure\n (error) => {\n console.error(error);\n this.setState({\n reparseButton: ACTION_BUTTONS.ERROR,\n });\n this.props.errorToggle('error reparsing', error);\n }\n ).always(() => {\n setTimeout(() => {\n this.setState({\n reparseButton: ACTION_BUTTONS.READY,\n });\n }, 2000);\n });\n }\n\n ReparseAjax(thing) {\n return $.ajax({\n type: 'put',\n url: '/scot/api/v2/' + thing.type + '/' + thing.id,\n data: JSON.stringify({ parsed: 0 }),\n contentType: 'application/json; charset=UTF-8',\n });\n }\n\n Promote() {\n this.setState({\n promoteButton: ACTION_BUTTONS.LOADING,\n });\n\n let success = true;\n\n $.when(...this.props.data.filter((thing) => thing.selected)\n .map((thing) => {\n return this.PromoteAjax(thing);\n })\n ).then(\n // Success\n () => {\n this.setState({\n promoteButton: ACTION_BUTTONS.SUCCESS,\n });\n },\n // Failure\n (error) => {\n success = false;\n console.error(error);\n this.setState({\n promoteButton: ACTION_BUTTONS.ERROR,\n });\n this.props.errorToggle('error adding alerts to event', error);\n }\n ).always(() => {\n setTimeout(() => {\n this.setState({\n promoteButton: ACTION_BUTTONS.READY,\n });\n\n if (success) {\n window.location.reload();\n }\n }, 2000);\n });\n }\n\n PromoteAjax(thing) {\n return $.ajax({\n type: 'put',\n url: '/scot/api/v2/alert/' + thing.id,\n data: JSON.stringify({ promote: parseInt(this.props.id) }),\n contentType: 'application/json; charset=UTF-8',\n });\n }\n\n LinkAjax(arrayToLink) {\n let data = {};\n data.weight = 1; //passed in object\n data.vertices = arrayToLink; //link to current thing\n\n if (this.state.linkContextString) { //add context string if one was submitted\n data.context = this.state.linkContextString;\n }\n\n $.ajax({\n type: 'post',\n url: '/scot/api/v2/link',\n data: JSON.stringify(data),\n contentType: 'application/json; charset=UTF-8',\n dataType: 'json',\n success: function (response) {\n console.log('successfully linked');\n this.ExpandLinkToggle(false); //disable link panel\n this.ToggleActionSuccess(true);\n }.bind(this),\n error: function (data) {\n this.props.errorToggle('failed to link', data);\n }.bind(this)\n });\n }\n\n EntryAjax(id, removeOriginal) {\n\n $.ajax({\n type: 'get',\n url: '/scot/api/v2/entry/' + id,\n success: function (response) {\n let data = {};\n data = { parent: 0, body: response.body, target_id: parseInt(this.props.id), target_type: this.props.type };\n $.ajax({\n type: 'post',\n url: '/scot/api/v2/entry',\n data: JSON.stringify(data),\n contentType: 'application/json; charset=UTF-8',\n dataType: 'json',\n success: function (response) {\n\n if (removeOriginal) {\n this.RemoveEntryAfterMove(id);\n this.RemoveSelected();\n } else {\n if (!this.state.actionSuccess) {\n this.ToggleActionSuccess(true);\n }\n }\n\n }.bind(this),\n error: function (data) {\n this.props.errorToggle('failed to create new entry', data);\n }.bind(this)\n });\n }.bind(this),\n error: function (data) {\n this.props.errorToggle('failed to get entry data', data);\n }.bind(this)\n });\n\n }\n\n RemoveEntryAfterMove(id) {\n $.ajax({\n type: 'delete',\n url: '/scot/api/v2/entry/' + id,\n success: function (response) {\n console.log('removed original entry');\n }.bind(this),\n error: function (data) {\n this.props.errorToggle('Failed to remove original entry', data);\n }.bind(this),\n });\n }\n\n ToggleActionSuccess(status) {\n\n if (status == true || status == false) {\n this.setState({ actionSuccess: status });\n } else {\n let newActionSuccess = !this.state.actionSuccess;\n this.setState({ actionSuccess: newActionSuccess });\n }\n\n }\n}\n\nActions.propTypes = {\n data: PropTypes.object\n};\n\nActions.defaultProps = {\n data: {}\n};\n\nUndelete.propTypes = {\n modalActive: PropTypes.bool\n};\n\nUndelete.defaultProps = {\n modalActive: true\n};\n\n\n","import React from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport AppBar from '@material-ui/core/AppBar';\nimport Tabs from '@material-ui/core/Tabs';\nimport Tab from '@material-ui/core/Tab';\nimport Typography from '@material-ui/core/Typography';\nimport { createMuiTheme, MuiThemeProvider } from '@material-ui/core/styles';\nimport UserGroupContainer from './usergroupcontainer'\nimport { Api } from './api'\nimport { Undelete } from './undelete'\n\n\nfunction TabContainer(props) {\n return (\n \n \n
\n :\n \n
\n }\n \n {this.props.data.length > 0 ? \n \n \n \n
\n Select a Deleted Object
: null}\n\n \n \n \n \n {value === 0 &&\n \n }\n {value === 1 &&\n \n }\n {value === 2 &&\n \n }\n
\n \n (\n \n \n ) : null}\n {type === \"alert\" ? (\n
\n \n );\n };\n}\n","// In production, we register a service worker to serve assets from local cache.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on the \"N+1\" visit to a page, since previously\n// cached resources are updated in the background.\n\n// To learn more about the benefits of this model, read https://goo.gl/KwvDNy.\n// This link also includes instructions on opting out of this behavior.\n\nconst isLocalhost = Boolean(\n window.location.hostname === 'localhost' ||\n // [::1] is the IPv6 localhost address.\n window.location.hostname === '[::1]' ||\n // 127.0.0.1/8 is considered localhost for IPv4.\n window.location.hostname.match(\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n )\n);\n\nexport default function register() {\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n // The URL constructor is available in all browsers that support SW.\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location);\n if (publicUrl.origin !== window.location.origin) {\n // Our service worker won't work if PUBLIC_URL is on a different origin\n // from what our page is served on. This might happen if a CDN is used to\n // serve assets; see https://github.com/facebookincubator/create-react-app/issues/2374\n return;\n }\n\n window.addEventListener('load', () => {\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n if (isLocalhost) {\n // This is running on localhost. Lets check if a service worker still exists or not.\n checkValidServiceWorker(swUrl);\n\n // Add some additional logging to localhost, pointing developers to the\n // service worker/PWA documentation.\n navigator.serviceWorker.ready.then(() => {\n console.log(\n 'This web app is being served cache-first by a service ' +\n 'worker. To learn more, visit https://goo.gl/SC7cgQ'\n );\n });\n } else {\n // Is not local host. Just register service worker\n registerValidSW(swUrl);\n }\n });\n }\n}\n\nfunction registerValidSW(swUrl) {\n navigator.serviceWorker\n .register(swUrl)\n .then(registration => {\n registration.onupdatefound = () => {\n const installingWorker = registration.installing;\n installingWorker.onstatechange = () => {\n if (installingWorker.state === 'installed') {\n if (navigator.serviceWorker.controller) {\n // At this point, the old content will have been purged and\n // the fresh content will have been added to the cache.\n // It's the perfect time to display a \"New content is\n // available; please refresh.\" message in your web app.\n console.log('New content is available; please refresh.');\n } else {\n // At this point, everything has been precached.\n // It's the perfect time to display a\n // \"Content is cached for offline use.\" message.\n console.log('Content is cached for offline use.');\n }\n }\n };\n };\n })\n .catch(error => {\n console.error('Error during service worker registration:', error);\n });\n}\n\nfunction checkValidServiceWorker(swUrl) {\n // Check if the service worker can be found. If it can't reload the page.\n fetch(swUrl)\n .then(response => {\n // Ensure service worker exists, and that we really are getting a JS file.\n if (\n response.status === 404 ||\n response.headers.get('content-type').indexOf('javascript') === -1\n ) {\n // No service worker found. Probably a different app. Reload the page.\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister().then(() => {\n window.location.reload();\n });\n });\n } else {\n // Service worker found. Proceed as normal.\n registerValidSW(swUrl);\n }\n })\n .catch(() => {\n console.log(\n 'No internet connection found. App is running in offline mode.'\n );\n });\n}\n\nexport function unregister() {\n if ('serviceWorker' in navigator) {\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister();\n });\n }\n}\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport App from './main/index';\nimport registerServiceWorker from './registerServiceWorker';\nimport Switch from \"react-router-dom/es/Switch\";\nimport Route from \"react-router-dom/es/Route\";\nimport HashRouter from \"react-router-dom/es/HashRouter\";\nimport { SnackbarProvider } from 'notistack';\n\nlet customHistory = require('history').createBrowserHistory;\n\nReactDOM.render(