The_evening_detective/evening_detective_admin_client
1
0
Fork 0
generated from VLADIMIR/template_frontend
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix

Browse Source
This commit is contained in:
Владимир Фёдоров 2025-12-07 18:36:41 +07:00
parent 8b38453a4e
commit 1119fad90c
1 changed files with 34 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

56
src/components/EditorWindow.vue
View File

@ -157,29 +157,31 @@ function nodeHeader(node: GraphNode): string {
<div ref="network" class="graph-container"></div>
<div class="nodes-container">
<h2>Точки</h2>
<div>Всего точек: {{ graph.nodes.length }}</div>
<div>
Всего связей: {{ allEdges }}, показано: {{ displayEdges }}
<h2>Точки</h2>
<div>Всего точек: {{ graph.nodes.length }}</div>
<div>
Показать все связи:
<label class="checkbox-green">
<input type="checkbox" v-on:click="onApplicationEdges = !onApplicationEdges, loadGraph()">
<span class="checkbox-green-switch" data-label-on="Вкл" data-label-off="Выкл"></span>
</label>
Всего связей: {{ allEdges }}, показано: {{ displayEdges }}
<div>
Показать все связи:
<label class="checkbox-green">
<input type="checkbox" v-on:click="onApplicationEdges = !onApplicationEdges, loadGraph()">
<span class="checkbox-green-switch" data-label-on="Вкл" data-label-off="Выкл"></span>
</label>
</div>
</div>
</div>
<hr class="hr">
<hr class="hr">
<div v-bind:key="node.id" v-for="node in graph.nodes">
<span v-on:mouseenter="focusNode(node)" v-on:mouseleave="focusNode(emptyNode)">
<span :class="[node.id == selectedNode.id ? 'selected-node' : '']" class="node-select-button"
v-on:click="selectNode(node)">{{ nodeHeader(node) }}</span>
<span v-if="node.applications.length > 0"> ({{ node.applications.length }})</span>
<span v-if="node.id == focusedNode.id" class="copy-node-link" v-on:click="copyLink(node)">
Скопировать ссылку
<div class="scroll-y">
<div v-bind:key="node.id" v-for="node in graph.nodes">
<span v-on:mouseenter="focusNode(node)" v-on:mouseleave="focusNode(emptyNode)">
<span :class="[node.id == selectedNode.id ? 'selected-node' : '']" class="node-select-button"
v-on:click="selectNode(node)">{{ nodeHeader(node) }}</span>
<span v-if="node.applications.length > 0"> ({{ node.applications.length }})</span>
<span v-if="node.id == focusedNode.id" class="copy-node-link" v-on:click="copyLink(node)">
Ссылка
</span>
</span>
</span>
</div>
</div>
</div>
@ -189,7 +191,7 @@ function nodeHeader(node: GraphNode): string {
{{ nodeHeader(selectedNode) }}
</div>
<div>
<textarea class="node-text-edit-field" rows="30" v-model="selectedNode.text"></textarea>
<textarea class="node-text-edit-field" rows="25" v-model="selectedNode.text"></textarea>
</div>
<div>
<h3>Приложения: {{ selectedNode.applications.length }}</h3>
@ -224,7 +226,7 @@ function nodeHeader(node: GraphNode): string {
left: 5px;
top: 55px;
height: calc(100vh - 100px);
padding: 10px 20px;
padding: 3px 10px;
}
.edit-node-container {
@ -232,7 +234,7 @@ function nodeHeader(node: GraphNode): string {
right: 5px;
top: 55px;
height: calc(100vh - 100px);
padding: 10px 20px;
padding: 3px 10px;
min-width: 350px;
max-width: 400px;
}
@ -272,6 +274,7 @@ function nodeHeader(node: GraphNode): string {
}
.hr {
width: 250px;
margin: 10px 0;
}
@ -284,6 +287,15 @@ function nodeHeader(node: GraphNode): string {
cursor: pointer;
}
.scroll-y {
overflow-y: auto;
max-height: calc(100vh - 200px);
}
.scroll-y::-webkit-scrollbar {
display: none;
}
.checkbox-green {