Skip to content

Commit

Permalink
* Reset login.html to HEAD
Browse files Browse the repository at this point in the history 
* Add tooltips where v-icons have no explanation.
* Update tooltips to follow new UX guidance.
  • Loading branch information
@jkppr
jkppr committed Nov 17, 2023
1 parent 4d0b253 commit fa23566
Show file tree
Hide file tree
Showing 25 changed files with 185 additions and 342 deletions.
2 changes: 1 addition & 1 deletion timesketch/frontend-ng/dist/login.html
View file
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.3822f5cc.css rel=preload as=style><link href=/dist/css/login.5d50b378.css rel=preload as=style><link href=/dist/js/chunk-vendors.da6a3b0d.js rel=preload as=script><link href=/dist/js/login.fc00c6ee.js rel=preload as=script><link href=/dist/css/chunk-vendors.3822f5cc.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></div>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.da6a3b0d.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.3822f5cc.css rel=preload as=style><link href=/dist/css/login.5d50b378.css rel=preload as=style><link href=/dist/js/chunk-vendors.da6a3b0d.js rel=preload as=script><link href=/dist/js/login.fc00c6ee.js rel=preload as=script><link href=/dist/css/chunk-vendors.3822f5cc.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.da6a3b0d.js></script><script src=/dist/js/login.fc00c6ee.js></script></body></html>
6 changes: 3 additions & 3 deletions timesketch/frontend-ng/src/components/Explore/Comments.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -58,10 +58,10 @@ limitations under the License.
>
<v-chip outlined style="margin-right: 10px">
<v-btn icon small @click="editComment(index)">
<v-icon small>mdi-square-edit-outline</v-icon>
<v-icon title="Edit comment" small>mdi-square-edit-outline</v-icon>
</v-btn>
<v-btn icon small @click="deleteComment(comment.id, index)">
<v-icon small>mdi-trash-can-outline</v-icon>
<v-icon title="Delete comment" small>mdi-trash-can-outline</v-icon>
</v-btn>
</v-chip>
</v-list-item-action>
Expand All @@ -79,7 +79,7 @@ limitations under the License.
rows="1"
></v-textarea>
<v-btn icon @click="postComment">
<v-icon>mdi-send</v-icon>
<v-icon title="Submit comment">mdi-send</v-icon>
</v-btn>
</v-card-actions>
</v-card>
Expand Down
4 changes: 2 additions & 2 deletions timesketch/frontend-ng/src/components/Explore/EventActionMenu.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@ limitations under the License.
<span>
<v-menu v-model="showMenu" offset-y transition="slide-y-transition">
<template v-slot:activator="{ on, attrs }">
<v-icon title="Action Menu" v-bind="attrs" v-on="on" class="ml-1">mdi-dots-vertical</v-icon>
<v-icon title="Event Action Menu" v-bind="attrs" v-on="on" class="ml-1">mdi-dots-vertical</v-icon>
</template>
<v-list dense class="mx-auto">
<v-list-item style="cursor: pointer" @click="copyEventUrlToClipboard()">
Expand All @@ -34,7 +34,7 @@ limitations under the License.
</v-list-item>
<v-list-item style="cursor: pointer" @click="showContextWindow()">
<v-list-item-icon>
<v-icon small>mdi-magnify-plus-outline</v-icon> <!--Add tooltip here? ()-->
<v-icon small>mdi-magnify-plus-outline</v-icon>
</v-list-item-icon>
<v-list-item-title>Context search</v-list-item-title>
</v-list-item>
Expand Down
90 changes: 31 additions & 59 deletions timesketch/frontend-ng/src/components/Explore/EventDetail.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -30,64 +30,41 @@ limitations under the License.
<!-- Event field name actions -->
<td v-if="key == c_key" class="text-right" style="min-width: 105px">
<!-- Open aggregation dialog for this field -->
<v-tooltip top open-delay="500">
<template v-slot:activator="{ on }">
<v-btn
v-if="!ignoredAggregatorFields.has(key)"
@click.stop="loadAggregation(key, value)"
icon
x-small
class="mr-1"
v-on="on"
>
<v-icon>mdi-chart-bar</v-icon>
</v-btn>
</template>
<span>Aggregation dialog</span>
</v-tooltip>
<v-btn
v-if="!ignoredAggregatorFields.has(key)"
@click.stop="loadAggregation(key, value)"
icon
x-small
class="mr-1"
>
<v-icon title="Aggregation dialog">mdi-chart-bar</v-icon>
</v-btn>

<!-- Include field:value as filter chip -->
<v-tooltip top open-delay="500">
<template v-slot:activator="{ on }">
<v-btn @click.stop="applyFilterChip(key, value, 'must')" icon x-small class="mr-1" v-on="on">
<v-icon>mdi-filter-plus-outline</v-icon>
</v-btn>
</template>
<span>Filter for value</span>
</v-tooltip>
<v-btn @click.stop="applyFilterChip(key, value, 'must')" icon x-small class="mr-1">
<v-icon title="Filter for value">mdi-filter-plus-outline</v-icon>
</v-btn>

<!-- Exclude field:value as filter chip -->
<v-tooltip top open-delay="500">
<template v-slot:activator="{ on }">
<v-btn
@click.stop="applyFilterChip(key, value, 'must_not')"
icon
x-small
class="mr-1"
v-on="on"
>
<v-icon>mdi-filter-minus-outline</v-icon>
</v-btn>
</template>
<span>Filter out value</span>
</v-tooltip>
<v-btn
@click.stop="applyFilterChip(key, value, 'must_not')"
icon
x-small
class="mr-1"
>
<v-icon title="Filter out value">mdi-filter-minus-outline</v-icon>
</v-btn>

<!-- Copy field name -->
<v-tooltip top open-delay="500">
<template v-slot:activator="{ on }">
<v-btn
icon
x-small
style="cursor: pointer"
@click="copyToClipboard(key)"
class="pr-1"
v-on="on"
>
<v-icon small>mdi-content-copy</v-icon>
</v-btn>
</template>
<span>copy field name</span>
</v-tooltip>
<v-btn
icon
x-small
style="cursor: pointer"
@click="copyToClipboard(key)"
class="pr-1"
>
<v-icon title="Copy attribute name" small>mdi-content-copy</v-icon>
</v-btn>
</td>

<td v-else>
Expand All @@ -103,18 +80,13 @@ limitations under the License.
<td v-if="checkContextLinkDisplay(key, value) || key == c_key" class="text-right pr-1">
<!-- Copy event value -->
<v-btn icon x-small style="cursor: pointer" @click="copyToClipboard(value)" v-show="key == c_key">
<v-icon small title="Copy">mdi-content-copy</v-icon>
<v-icon small title="Copy attribute value">mdi-content-copy</v-icon>
</v-btn>
<!-- Context link submenu -->
<v-menu v-if="checkContextLinkDisplay(key, value)" offset-y transition="slide-y-transition">
<template v-slot:activator="{ on, attrs }">
<v-btn icon color="primary" x-small style="cursor: pointer" v-bind="attrs" v-on="on">
<v-tooltip top close-delay="300" :open-on-click="false">
<template v-slot:activator="{ on }">
<v-icon v-on="on" small> mdi-open-in-new </v-icon>
</template>
<span>Context Lookup</span>
</v-tooltip>
<v-icon title="Context Lookups" small> mdi-open-in-new </v-icon>
</v-btn>
</template>
<v-list dense>
Expand Down
Loading

0 comments on commit fa23566

Please sign in to comment.