architecture-viewer 0.0.1-security → 4.4.5

package/New Folder/architecture-viewer/src/components/tocStep.js

@@ -0,0 +1,100 @@
+/*
+ * Copyright 2017 Capital One Services, LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+ 
+import { h, Component } from 'preact';
+import info from '../assets/icons/info.png';
+
+export default class TocStep extends Component {
+
+    constructor(props) {
+        super(props);
+        this.setStep = this.setStep.bind(this);
+        this.toggleToolTip = this.toggleToolTip.bind(this);
+        this.state = {
+            showToolTip: false
+        };
+    }
+
+    componentDidUpdate() {
+        // console.log(!elementInViewport(this.elem));
+
+        function isElementInContainer(el, container) {
+
+            var el_rect = el.getBoundingClientRect();
+            // console.log(el_rect);
+
+            var cont_rect = container.getBoundingClientRect();
+            // console.log(cont_rect);
+
+            return (
+                el_rect.top >= cont_rect.top &&
+                el_rect.bottom <= cont_rect.bottom
+            );
+        }
+
+        if (this.props.matches && !isElementInContainer(this.elem, document.getElementById("table-of-contents"))) {
+            this.elem.scrollIntoView(false);
+        }
+    }
+
+    setStep() {
+        this.props.updateStep(this.props.step.id);
+    }
+
+    toggleToolTip() {
+        this.setState({
+            showToolTip: !this.state.showToolTip
+        });
+    }
+
+    render() {
+
+        let classNames = [];
+        if (this.props.matches) {
+            classNames.push("current-step-toc");
+        }
+        if (!this.props.related && this.props.filterRelated) {
+            classNames.push("unrelated-step-toc");
+        }
+
+        if (window.self != window.top) {
+            classNames.push("iframe-list-style");
+        }
+
+        const hasToolTip = this.props.step.note != undefined && this.props.step.note != "";
+        let toolTip = null;
+        let toolTipText = null;
+        // console.log(this.props.step);
+        if (hasToolTip) {
+            classNames.push("hasnote");
+            toolTip = (
+                <span className="to-left" onClick={this.toggleToolTip}> <img src={info}></img> </span>
+            );
+            toolTipText = (
+                <div className="note" dangerouslySetInnerHTML={{__html:this.props.step.note.replace(/\\n/g, "<br/>")}}> </div>
+            )
+        }
+
+        return <li
+            ref={(elem) => { this.elem = elem }}
+            className={classNames.join(' ')}
+            onclick={this.setStep} >
+            {toolTip}
+            <span> {this.props.step.description} </span><br/>
+            {this.state.showToolTip ? toolTipText : null}
+        </li>
+    }
+}

package/New Folder/architecture-viewer/src/components/zoneLegend.js

@@ -0,0 +1,55 @@
+/*
+ * Copyright 2017 Capital One Services, LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+ 
+import { h, Component } from 'preact';
+
+import Key from './key';
+
+export default class ZoneLegend extends Component {
+
+    constructor(props) {
+        super(props);
+    }
+
+    render() {
+
+        let zoneLegendStyle = {
+            display: 'flex',
+            flexDirection: 'column',
+            // justifyContent: 'space-around',
+            flexWrap: 'wrap',
+            position: 'absolute',
+            bottom: '15px',
+            left: '20px',
+            width: '200px',
+            height: '160px'
+        }
+
+        if (this.props.keys.length <= 0) {
+            zoneLegendStyle.display = 'none';
+        }
+
+        let keys = this.props.keys.map(key => {
+            return <Key name={key.name} color={key.color}></Key>
+        })
+
+        return (
+            <div id="zone-legend" style={zoneLegendStyle} className="sub-container-border">
+                { keys }
+            </div>
+        )
+    }
+}

package/New Folder/architecture-viewer/src/index.js

@@ -0,0 +1,20 @@
+/*
+ * Copyright 2017 Capital One Services, LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import './style';
+import App from './components/app';
+
+export default App;

package/New Folder/architecture-viewer/src/manifest.json

@@ -0,0 +1,19 @@
+{
+  "name": "Architecture Viewer",
+  "short_name": "Arch Viewer",
+  "start_url": "/",
+  "display": "standalone",
+  "orientation": "portrait",
+  "background_color": "#fff",
+  "theme_color": "#673ab8",
+  "icons": [{
+    "src": "/assets/icons/android-chrome-192x192.png",
+    "type": "image/png",
+    "sizes": "192x192"
+  },
+  {
+    "src": "/assets/icons/android-chrome-512x512.png",
+    "type": "image/png",
+    "sizes": "512x512"
+  }]
+}

package/New Folder/architecture-viewer/src/routes/home/index.js

@@ -0,0 +1,29 @@
+/*
+ * Copyright 2017 Capital One Services, LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+ 
+import { h, Component } from 'preact';
+import style from './style';
+
+export default class Home extends Component {
+	render() {
+		return (
+			<div class={style.home}>
+				<h1>Home</h1>
+				<p>This is the Home component.</p>
+			</div>
+		);
+	}
+}

package/New Folder/architecture-viewer/src/routes/home/style.less

@@ -0,0 +1,23 @@
+/*
+ * Copyright 2017 Capital One Services, LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+ 
+@import '~style/helpers';
+
+.home {
+	padding: 56px 20px;
+	min-height: 100%;
+	width: 100%;
+}

package/New Folder/architecture-viewer/src/routes/profile/index.js

@@ -0,0 +1,63 @@
+/*
+ * Copyright 2017 Capital One Services, LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+ 
+import { h, Component } from 'preact';
+import style from './style';
+
+export default class Profile extends Component {
+	state = {
+		time: Date.now(),
+		count: 10
+	};
+
+	// gets called when this route is navigated to
+	componentDidMount() {
+		// start a timer for the clock:
+		this.timer = setInterval(this.updateTime, 1000);
+	}
+
+	// gets called just before navigating away from the route
+	componentWillUnmount() {
+		clearInterval(this.timer);
+	}
+
+	// update the current time
+	updateTime = () => {
+		this.setState({ time: Date.now() });
+	};
+
+	increment = () => {
+		this.setState({ count: this.state.count+1 });
+	};
+
+	// Note: `user` comes from the URL, courtesy of our router
+	render({ user }, { time, count }) {
+		return (
+			<div class={style.profile}>
+				<h1>Profile: {user}</h1>
+				<p>This is the user profile for a user named { user }.</p>
+
+				<div>Current time: {new Date(time).toLocaleString()}</div>
+
+				<p>
+					<button onClick={this.increment}>Click Me</button>
+					{' '}
+					Clicked {count} times.
+				</p>
+			</div>
+		);
+	}
+}

package/New Folder/architecture-viewer/src/routes/profile/style.less

@@ -0,0 +1,23 @@
+/*
+ * Copyright 2017 Capital One Services, LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+ 
+@import '~style/helpers';
+
+.profile {
+	padding: 56px 20px;
+	min-height: 100%;
+	width: 100%;
+}

package/New Folder/architecture-viewer/src/style/helpers.less

@@ -0,0 +1,40 @@
+/*
+ * Copyright 2017 Capital One Services, LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+ 
+@red: #F00;
+@blue: #00F;
+@white: #FFF;
+@gray: #999;
+@black: #000;
+
+.fill() {
+	position: absolute;
+	left: 0;
+	top: 0;
+	width: 100%;
+	height: 100%;
+}
+
+.scroll() {
+	overflow: auto;
+	overflow-scrolling: touch;
+
+	& > .inner {
+		position: relative;
+		transform: translateZ(0);
+		overflow: hidden;
+	}
+}

package/New Folder/architecture-viewer/src/style/index.css

@@ -0,0 +1,224 @@
+/*
+ * Copyright 2017 Capital One Services, LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+html, body {
+	height: 100%;
+	width: 100%;
+	padding: 0;
+	margin: 0;
+	background: #FAFAFA;
+	font-family: 'Helvetica Neue', arial, sans-serif;
+	font-weight: 400;
+	color: #444;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+* {
+	box-sizing: border-box;
+}
+
+h1, h2, h3, h4, h5 {
+	margin: 0;
+	-webkit-margin-before: 0;
+    -webkit-margin-after: 0;
+}
+
+#container {
+	height: 97%;
+}
+
+#app {
+	height: 100%;
+	display: flex;
+	flex-direction: row;
+	justify-content: space-around;
+	align-items: center;
+}
+
+#footer {
+	width: 100%;
+	text-align: center;
+}
+
+/*
+/*#infoArea {
+/*	height: 100%;
+/*	width: 50%;
+/*	display: flex;
+/*	flex-direction: column;
+/*	/*justify-content: center;
+/*	align-items: center;
+/*}
+*/
+
+#info {
+	height: calc(22.5% - 5px);
+	width: calc(100% - 5px);
+	/* padding: 10px; */
+	text-align: center;
+	/* margin: 10px; */
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+	overflow-y: 'auto';
+	min-height: min-content;
+}
+
+#controls {
+	height: calc(22.5% - 5px);
+	width: calc(100% - 5px);
+	padding: 10px;
+	text-align: center;
+	min-height: min-content;
+	/* margin: 10px; */
+}
+
+button {
+	padding: 10px 15px;
+	margin: 5px;
+	border-radius: 3px;
+	cursor: pointer;
+	background-color: white;
+	border-color: #ddd;
+} 
+
+#table-of-contents {
+	height: calc(55% + 5px);
+	width: calc(100% - 5px);
+	padding: 10px;
+}
+
+#zone-legend {
+	/* height: 20%; */
+	/* width: calc(100% - 5px); */
+	padding: 10px;
+}
+
+#table-of-contents > ol {
+	cursor: pointer;
+}
+
+.sub-container-border {
+	border: 1px solid #ddd;
+	border-radius: 4px;
+}
+
+.container-border {
+	border: 2px solid #bbb;
+	border-radius: 2px;
+}
+
+.cur-step {
+	margin-left: 10px;
+	margin-right: 10px;
+}
+
+.current-step-toc {
+	font-weight: bold;
+}
+
+.unrelated-step-toc {
+	color: #ccc;
+}
+
+.iframe-list-style {
+	font-size: 10px;
+}
+
+.iframe-button-style {
+	padding: 5px 10px;
+}
+
+.tooltip {
+    position: relative;
+    display: inline-block;
+    border-bottom: 1px dotted black;
+}
+
+.tooltip .tooltiptext {
+    visibility: hidden;
+    width: 300px;
+    background-color: black;
+    color: #fff;
+    text-align: center;
+    border-radius: 6px;
+    padding: 5px 0;
+    position: absolute;
+    z-index: 1;
+    top: -5px;
+    left: 110%;
+}
+
+.tooltip .tooltiptext::after {
+    content: "";
+    position: absolute;
+    top: 50%;
+    right: 100%;
+    margin-top: -5px;
+    border-width: 5px;
+    border-style: solid;
+    border-color: transparent black transparent transparent;
+}
+
+.tooltip:hover .tooltiptext {
+    visibility: visible;
+}
+
+.custom-list {
+  list-style-type: none;
+  counter-reset: step-counter;
+}
+
+.custom-list li {
+	counter-increment: step-counter;
+	position: relative;
+
+}
+
+.custom-list li::before {
+  content: counter(step-counter);
+  margin-right: 5px;
+/*   font-size: 80%; */
+/*   background-color: rgb(200,200,200); */
+  color: #444;
+  font-weight: bold;
+/*   padding: 3px 8px; */
+/*   border-radius: 3px; */
+}
+
+.custom-list .hasnote::before {
+  content: counter(step-counter);
+  margin-right: 5px;
+/*  font-size: 80%; */
+/*  background-color: rgb(0,200,200); */
+  color: #444;
+  font-weight: bold;
+/*  padding: 3px 8px; */
+/*  border-radius: 3px; */
+}
+
+.to-left {
+	position: absolute;
+	left: -25px;
+}
+
+.note {
+	border: 1px #A80036 solid;
+	margin: 10px;
+	padding: 5px;
+	background-color: #FBFB77; 
+}