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