initial commit

Aristotle-Metadata-Enterprises · Aug 12, 2024 · a3209f1 · a3209f1
1 parent 758d769
commit a3209f1
Show file tree

Hide file tree

Showing 19 changed files with 10,129 additions and 1 deletion.
diff --git a/.editorconfig b/.editorconfig
@@ -0,0 +1,33 @@
+# https://EditorConfig.org
+root = true
+
+[*]
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true
+charset = utf-8
+# indent by 4 spaces unless changed below
+indent_style = space
+indent_size = 4
+
+# indent by 2 on data files
+[*.{json,yaml,yml}]
+indent_size = 2
+
+[*.md]
+# Disable trim since trailing whitespace can have meaning in md
+trim_trailing_whitespace = false
+
+# Makefiles require tabs
+[Makefile]
+indent_style = tab
+
+# Minified files should not be changed
+[*.min.{js,html,css}]
+insert_final_newline = false
+trim_trailing_whitespace = false
+
+# Vendor files should not be changed
+[**/vendor/**]
+insert_final_newline = false
+trim_trailing_whitespace = false
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1 @@
+node_modules/*
diff --git a/README.md b/README.md
@@ -1 +1,9 @@
-# argus-3d-graph
+# Argus-3d-graph-app
+
+3D Graph Visualisation
+
+## Development
+
+- Install dependancies `npm install`
+- Run dev server `npm run start`
+- Build dist files `npm run build`
diff --git a/docs/aristotle-manifest.json b/docs/aristotle-manifest.json
@@ -0,0 +1,14 @@
+{
+  "name": "Argus 3D Graph",
+  "description": "Visualisation tool for Data Set Specifications and Distributions.",
+  "manifest_version": "v1.0",
+  "image": "",
+  "publisher": "Aristotle Metadata",
+  "publisher_email": "contact@aristotlemetadata.com",
+  "contributor": "some devs from Aristotle",
+  "code_source": "https://github.com/Aristotle-Metadata-Enterprises/argus-3d-graph",
+  "scope": ["metadata:read", "graphql:read"],
+  "scope_rational": "This App makes Graphql query.",
+  "help_link": "https://labs.aristotlemetadata.com",
+  "width": "full"
+}
diff --git a/docs/bundle.js b/docs/bundle.js
diff --git a/docs/image.png b/docs/image.png
diff --git a/docs/index.html b/docs/index.html
@@ -0,0 +1,92 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="utf-8"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <title>Visualisation tool for Data Set Specifications & Distributions</title>
+<link href="main.css" rel="stylesheet"></head>
+
+<body class="bg-light">
+<div id="vue" class="container">
+    <div class="mb-4 mt-2" id="graph-header">
+        <h1 class="text-center mt-4 mb-4">Visualisation tool for Data Set Specifications & Distributions</h1>
+        <div class="form-row justify-content-center mt-2">
+            <div class="col-md-3 col-form-label text-md-right pb-0">
+                <label>Search:</label>
+            </div>
+            <div class="col-md-6">
+                <input type="text" class="form-control" @keyup="searchKey" v-model="searchText">
+            </div>
+            <div class="col-md-3">
+                <button
+                    id="searchButton"
+                    class="btn btn-outline-primary btn-block"
+                    @click="search"
+                    @focusout="searchHide"
+                >
+                    Search
+                </button>
+            </div>
+        </div>
+        <div class="form-row justify-content-center mb-4">
+            <div class="col-md-6 col-md-offset-3">
+                <div id="searchResults" class="search-results w-100" :hidden="!searchDisplay">
+                    <div class="list-group">
+                        <a v-for="value in searchResults"
+                           class="list-group-item list-group-item-action p-2"
+                           @click="requestUuid(value.node)" href="#"
+                        >
+                            <small>{{ getDropdownText(value.node) }}</small>
+                        </a>
+                        <a v-if="searchLoading" class="list-group-item p-2">Searching...</a>
+                        <a v-else-if="!searchResults.length" class="list-group-item p-2">No Results</a>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <template v-cloak v-if="!loading">
+            <div class="row justify-content-center">
+                <div class="col-md-4">
+                    <div class="alert alert-danger" v-if="errorMessage !== ''">{{ errorMessage }}</div>
+                </div>
+            </div>
+            <h2 class="text-center" v-if="displayType">{{ displayName }} ({{ displayType }})</h2>
+        </template>
+        <template v-else>
+            <h2 class="text-center">Loading...</h2>
+        </template>
+
+        <div id="3d-graph"></div>
+    </div>
+    <div :hidden="loading">
+        <div class="text-center pb-5 mb-5" id="graph-footer" v-cloak>
+            <div id="colorkey" class="mt-2 mb-5">
+                <ul class="list-inline">
+                    <li class="list-inline-item" v-for="(value, key) in prettyMap">
+                        <span class="small-box" :style="{backgroundColor: value}"></span>{{ key }}
+                    </li>
+                </ul>
+            </div>
+            <div class="row justify-content-center">
+                <div class="col-8">
+                    <table class="table table-bordered table-sm" v-if="Object.keys(displayInfo).length > 0">
+                        <tr v-for="(value, key) in displayInfo">
+                            <th class="w-25">{{ key }}</th>
+                            <td>
+                                <template v-if="key==='Link'">
+                                    <a :href="value" target="_blank">Item Page</a>
+                                </template>
+                                <template v-else>{{ value }}</template>
+                            </td>
+                        </tr>
+                    </table>
+                    <p v-else>Click on a node for more info</p>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script type="text/javascript" src="bundle.js"></script></body>
+
+</html>
diff --git a/docs/main.css b/docs/main.css
diff --git a/docs/vendors~3d-force-graph.bundle.js b/docs/vendors~3d-force-graph.bundle.js