Skip to content

Commit

Permalink
Run linters
Browse files Browse the repository at this point in the history
  • Loading branch information
mewim committed Feb 3, 2024
1 parent a098028 commit 5ded60c
Showing 1 changed file with 34 additions and 19 deletions.
53 changes: 34 additions & 19 deletions src/components/ShellView/ResultGraph.vue
Original file line number Diff line number Diff line change
@@ -1,5 +1,8 @@
<template>
<div ref="wrapper" class="result-graph__wrapper">
<div
ref="wrapper"
class="result-graph__wrapper"
>
<div
ref="graph"
class="result_container__graph"
Expand All @@ -20,8 +23,12 @@
/>
</div>
</div>
<div v-show="isSidePanelOpen" ref="sidePanel" class="result-container__side-panel">
<br />
<div
v-show="isSidePanelOpen"
ref="sidePanel"
class="result-container__side-panel"
>
<br>
<div v-if="displayLabel">
<div class="result-container__summary-section">
<h5>{{ sidePanelPropertyTitlePrefix }} Properties</h5>
Expand All @@ -40,15 +47,20 @@
color: `${getTextColor(displayLabel)} !important`,
}"
>
{{ displayLabel }}</span
>
<hr />
{{ displayLabel }}</span>
<hr>
<table class="table table-sm table-bordered result-container__result-table">
<tbody>
<tr v-for="property in displayProperties" :key="property.name">
<tr
v-for="property in displayProperties"
:key="property.name"
>
<th scope="row">
{{ property.name }}
<span v-if="property.isPrimaryKey" class="badge bg-primary">PK</span>
<span
v-if="property.isPrimaryKey"
class="badge bg-primary"
>PK</span>
</th>
<td>{{ property.value }}</td>
</tr>
Expand All @@ -62,8 +74,7 @@
<p>
Showing
<span v-if="numHiddenNodes > 0">
{{ counters.total.node - numHiddenNodes }}/</span
>{{ counters.total.node }} nodes
{{ counters.total.node - numHiddenNodes }}/</span>{{ counters.total.node }} nodes
<span v-if="numHiddenNodes > 0"> ({{ numHiddenNodes }} hidden) </span>
</p>
<button
Expand All @@ -75,36 +86,40 @@
Show All
</button>
</div>
<hr />
<hr>
<table class="table table-sm table-bordered result-container__overview-table">
<tbody>
<tr v-for="label in Object.keys(counters.node)" :key="label">
<tr
v-for="label in Object.keys(counters.node)"
:key="label"
>
<th scope="row">
<span
class="badge bg-primary"
:style="{ backgroundColor: ` ${getColor(label)} !important` }"
>{{ label }}</span
>
>{{ label }}</span>
</th>
<td>{{ counters.node[label] }}</td>
</tr>
</tbody>
</table>
<br />
<br>
</div>

<div v-if="counters.total.rel > 0">
<p>
Showing
<span v-if="numHiddenRels > 0">
{{ counters.total.rel - numHiddenRels }}/</span
>{{ counters.total.rel }} rels
{{ counters.total.rel - numHiddenRels }}/</span>{{ counters.total.rel }} rels
<span v-if="numHiddenRels > 0"> ({{ numHiddenRels }} hidden) </span>
</p>
<hr />
<hr>
<table class="table table-sm table-bordered result-container__overview-table">
<tbody>
<tr v-for="label in Object.keys(counters.rel)" :key="label">
<tr
v-for="label in Object.keys(counters.rel)"
:key="label"
>
<th scope="row">
<span
class="badge bg-primary"
Expand Down

0 comments on commit 5ded60c

Please sign in to comment.