UI (timeline of events) improvements (#29)

IR-696 --------- Co-authored-by: Zawadi Done <[email protected]>
hnhdev · Aug 1, 2024 · f86373e · f86373e
1 parent 4ddf270
commit f86373e
Show file tree

Hide file tree

Showing 14 changed files with 67 additions and 46 deletions.
diff --git a/docker/dev/build/overrides.json b/docker/dev/build/overrides.json
@@ -41,5 +41,16 @@
     "providerTimeout": 1000,
     "showDocumentationPanel": true,
     "autoCompletion": true
+  },
+  "@jupyterlab/notebook-extension:tracker": {
+    "codeCellConfig": {
+      "lineNumbers": true
+      },
+    "markdownCellConfig": {
+      "lineNumbers": true
+      },
+    "rawCellConfig": {
+      "lineNumbers": true
+    }
   }
 }
diff --git a/timesketch/frontend-ng/dist/css/index.100e3102.css b/timesketch/frontend-ng/dist/css/index.100e3102.css
diff --git a/timesketch/frontend-ng/dist/css/index.27573bd2.css b/timesketch/frontend-ng/dist/css/index.27573bd2.css
diff --git a/timesketch/frontend-ng/dist/index.html b/timesketch/frontend-ng/dist/index.html
@@ -1 +1 @@
-<!DOCTYPE html><html lang=en><head><meta name=csrf-token content="{{ csrf_token() }}"><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=/dist/favicon.ico><link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900" rel=stylesheet><title>Timesketch</title><link href=/dist/css/chunk-vendors.c3145da3.css rel=preload as=style><link href=/dist/css/index.100e3102.css rel=preload as=style><link href=/dist/js/chunk-vendors.92ea151e.js rel=preload as=script><link href=/dist/js/index.9aa19108.js rel=preload as=script><link href=/dist/css/chunk-vendors.c3145da3.css rel=stylesheet><link href=/dist/css/index.100e3102.css rel=stylesheet></head><body><div id=app></div><script src=/dist/js/chunk-vendors.92ea151e.js></script><script src=/dist/js/index.9aa19108.js></script></body></html>
+<!DOCTYPE html><html lang=en><head><meta name=csrf-token content="{{ csrf_token() }}"><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=/dist/favicon.ico><link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900" rel=stylesheet><title>Timesketch</title><link href=/dist/css/chunk-vendors.c3145da3.css rel=preload as=style><link href=/dist/css/index.27573bd2.css rel=preload as=style><link href=/dist/js/chunk-vendors.ca3984be.js rel=preload as=script><link href=/dist/js/index.b2988982.js rel=preload as=script><link href=/dist/css/chunk-vendors.c3145da3.css rel=stylesheet><link href=/dist/css/index.27573bd2.css rel=stylesheet></head><body><div id=app></div><script src=/dist/js/chunk-vendors.ca3984be.js></script><script src=/dist/js/index.b2988982.js></script></body></html>
diff --git a/...tend-ng/dist/js/chunk-vendors.92ea151e.js → ...tend-ng/dist/js/chunk-vendors.ca3984be.js b/...tend-ng/dist/js/chunk-vendors.92ea151e.js → ...tend-ng/dist/js/chunk-vendors.ca3984be.js
diff --git a/...-ng/dist/js/chunk-vendors.92ea151e.js.map → ...-ng/dist/js/chunk-vendors.ca3984be.js.map b/...-ng/dist/js/chunk-vendors.92ea151e.js.map → ...-ng/dist/js/chunk-vendors.ca3984be.js.map
diff --git a/timesketch/frontend-ng/dist/js/index.9aa19108.js b/timesketch/frontend-ng/dist/js/index.9aa19108.js
diff --git a/timesketch/frontend-ng/dist/js/index.9aa19108.js.map b/timesketch/frontend-ng/dist/js/index.9aa19108.js.map
diff --git a/timesketch/frontend-ng/dist/js/index.b2988982.js b/timesketch/frontend-ng/dist/js/index.b2988982.js
diff --git a/timesketch/frontend-ng/dist/js/index.b2988982.js.map b/timesketch/frontend-ng/dist/js/index.b2988982.js.map
diff --git a/timesketch/frontend-ng/dist/login.html b/timesketch/frontend-ng/dist/login.html
@@ -1 +1 @@
-<!DOCTYPE html><html lang=en><head><meta name=csrf-token content="{{ csrf_token() }}"><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=/dist/favicon.ico><link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900" rel=stylesheet><title>Timesketch</title><link href=/dist/css/chunk-vendors.c3145da3.css rel=preload as=style><link href=/dist/css/login.5d50b378.css rel=preload as=style><link href=/dist/js/chunk-vendors.92ea151e.js rel=preload as=script><link href=/dist/js/login.fc00c6ee.js rel=preload as=script><link href=/dist/css/chunk-vendors.c3145da3.css rel=stylesheet><link href=/dist/css/login.5d50b378.css rel=stylesheet></head><body><div class=card><div class=logo-container><div class=logo-image-container><img class=logo-image src=/dist/timesketch-color.png></div><div class=logo-text-container><div class=logo-text-header>timesketch</div><div class=logo-text-subheader>Digital Forensics Timeline Analysis</div></div></div><form method=post><input type=text class=input name=username placeholder=Username> <input type=password class=input name=password placeholder=Password> <button type=submit class=login-button>Sign in</button> {{ form.csrf_token }}</form></div><script src=/dist/js/chunk-vendors.92ea151e.js></script><script src=/dist/js/login.fc00c6ee.js></script></body></html>
+<!DOCTYPE html><html lang=en><head><meta name=csrf-token content="{{ csrf_token() }}"><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=/dist/favicon.ico><link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900" rel=stylesheet><title>Timesketch</title><link href=/dist/css/chunk-vendors.c3145da3.css rel=preload as=style><link href=/dist/css/login.5d50b378.css rel=preload as=style><link href=/dist/js/chunk-vendors.ca3984be.js rel=preload as=script><link href=/dist/js/login.fc00c6ee.js rel=preload as=script><link href=/dist/css/chunk-vendors.c3145da3.css rel=stylesheet><link href=/dist/css/login.5d50b378.css rel=stylesheet></head><body><div class=card><div class=logo-container><div class=logo-image-container><img class=logo-image src=/dist/timesketch-color.png></div><div class=logo-text-container><div class=logo-text-header>timesketch</div><div class=logo-text-subheader>Digital Forensics Timeline Analysis</div></div></div><form method=post><input type=text class=input name=username placeholder=Username> <input type=password class=input name=password placeholder=Password> <button type=submit class=login-button>Sign in</button> {{ form.csrf_token }}</form></div><script src=/dist/js/chunk-vendors.ca3984be.js></script><script src=/dist/js/login.fc00c6ee.js></script></body></html>
diff --git a/timesketch/frontend-ng/src/components/Explore/EventList.vue b/timesketch/frontend-ng/src/components/Explore/EventList.vue
@@ -70,7 +70,7 @@ limitations under the License.
 
                 <v-card class="pa-4">
                   <h3>Save Search</h3>
-                  <br />
+                  <br/>
                   <v-text-field
                     clearable
                     v-model="saveSearchFormName"
@@ -324,7 +324,7 @@ limitations under the License.
                 <b>data_type</b>:<code>{{ item._source.data_type }}</code>
               </span>
               <span v-for="(value, key) in item._source" v-bind:key="key">
-                <span v-if="isIncluded(key)">
+                <span v-if="isIncluded(key, value)">
                   <b>{{ key }}</b>:<code>{{ value }}</code>
                 </span>
               </span>
@@ -664,11 +664,18 @@ export default {
         'background-color': backgroundColor,
       }
     },
-    isIncluded(key) {
-      const hideKeys = ["datetime", "timestamp_desc", "tag", "label", "comment", "tag", "label", "data_type"]
-      if (key.startsWith("__") || hideKeys.includes(key)) {
+    isIncluded(key, value) {
+      const hiddenKeys = ["datetime", "timestamp_desc", "tag", "label", "comment", "tag", "label", "data_type", "domain", "hostname"]
+      const regEx = /^[0-9]+-[0-9]+-[0-9]+[T][0-9]+[:][0-9]+[:][0-9]+/gm
+      if (key.startsWith("__") || hiddenKeys.includes(key)) {
+        console.log(regEx.exec(value))
         return false
-      } else {
+      }
+      // Filter keys that contain ISO-8610 format 
+      else if (regEx.exec(value)) {
+        return false
+      }
+      else {
         return true
       }
     },
@@ -958,6 +965,7 @@ export default {
 
 .ts-event-field-line-clamp {
   overflow: hidden;
+  word-break: break-all !important;
   display: -webkit-box;
   /* number of lines to show */
   -webkit-line-clamp: 3;

diff --git a/timesketch/frontend-ng/src/components/LeftPanel/Stories.vue b/timesketch/frontend-ng/src/components/LeftPanel/Stories.vue
@@ -13,6 +13,7 @@ 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.
 -->
+<!--
 <template>
   <div
     v-if="iconOnly"
@@ -106,4 +107,5 @@ export default {
     },
   },
 }
-</script>
+</script> 
+-->
diff --git a/timesketch/frontend-ng/vue.config.js b/timesketch/frontend-ng/vue.config.js
@@ -30,15 +30,15 @@ module.exports = {
     proxy: {
       '^/api': {
         autoRewrite: true,
-        target: 'http://localhost:5000/',
+        target: 'http://127.0.0.1:5000/',
       },
       '^/dist': {
         autoRewrite: true,
-        target: 'http://localhost:5000/',
+        target: 'http://127.0.0.1:5000/',
       },
       '^/login|logout': {
         autoRewrite: true,
-        target: 'http://localhost:5000/',
+        target: 'http://127.0.0.1:5000/',
       },
     },
   },
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		<!DOCTYPE html><html lang=en><head><meta name=csrf-token content="{{ csrf_token() }}"><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=/dist/favicon.ico><link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900" rel=stylesheet><title>Timesketch</title><link href=/dist/css/chunk-vendors.c3145da3.css rel=preload as=style><link href=/dist/css/index.100e3102.css rel=preload as=style><link href=/dist/js/chunk-vendors.92ea151e.js rel=preload as=script><link href=/dist/js/index.9aa19108.js rel=preload as=script><link href=/dist/css/chunk-vendors.c3145da3.css rel=stylesheet><link href=/dist/css/index.100e3102.css rel=stylesheet></head><body><div id=app></div><script src=/dist/js/chunk-vendors.92ea151e.js></script><script src=/dist/js/index.9aa19108.js></script></body></html>
		<!DOCTYPE html><html lang=en><head><meta name=csrf-token content="{{ csrf_token() }}"><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=/dist/favicon.ico><link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900" rel=stylesheet><title>Timesketch</title><link href=/dist/css/chunk-vendors.c3145da3.css rel=preload as=style><link href=/dist/css/index.27573bd2.css rel=preload as=style><link href=/dist/js/chunk-vendors.ca3984be.js rel=preload as=script><link href=/dist/js/index.b2988982.js rel=preload as=script><link href=/dist/css/chunk-vendors.c3145da3.css rel=stylesheet><link href=/dist/css/index.27573bd2.css rel=stylesheet></head><body><div id=app></div><script src=/dist/js/chunk-vendors.ca3984be.js></script><script src=/dist/js/index.b2988982.js></script></body></html>