From 2238c7154cbdaea509ea798e5fccae492b236246 Mon Sep 17 00:00:00 2001 From: yyc12345 Date: Thu, 13 Aug 2020 15:01:37 +0800 Subject: [PATCH] finish viewer legend --- SuperScriptViewer/ServerCore.py | 2 + SuperScriptViewer/static/viewer.js | 2 +- SuperScriptViewer/templates/help.html | 6 +- SuperScriptViewer/templates/help/legend.html | 147 +++++++++++++++++++ 4 files changed, 155 insertions(+), 2 deletions(-) create mode 100644 SuperScriptViewer/templates/help/legend.html diff --git a/SuperScriptViewer/ServerCore.py b/SuperScriptViewer/ServerCore.py index f7e7916..66c5701 100644 --- a/SuperScriptViewer/ServerCore.py +++ b/SuperScriptViewer/ServerCore.py @@ -79,6 +79,8 @@ def helpHandle(scriptPath): env_js = url_for('static', filename='env.js'), env_css = url_for('static', filename='env.css'), database_data = ss.envDatabaseList) + elif scriptPath == 'legend': + return render_template("help/legend.html") else: abort(404) diff --git a/SuperScriptViewer/static/viewer.js b/SuperScriptViewer/static/viewer.js index 463587f..a32178f 100644 --- a/SuperScriptViewer/static/viewer.js +++ b/SuperScriptViewer/static/viewer.js @@ -85,7 +85,7 @@ function highlightLink(target) { $(this).attr("stroke", "orange"); } if ($(this).hasClass("link-elink")) { - $(this).attr("stroke", "orange"); + $(this).attr("stroke", "orangered"); } }); diff --git a/SuperScriptViewer/templates/help.html b/SuperScriptViewer/templates/help.html index 97f55dd..0fc5e2f 100644 --- a/SuperScriptViewer/templates/help.html +++ b/SuperScriptViewer/templates/help.html @@ -11,7 +11,7 @@

This page is help center, providing useful link for some detailed help page. Choose what you want to use and enter corresponding page.



-

Help tools

+

Converter

@@ -19,6 +19,10 @@ +

Viewer legend

+

diff --git a/SuperScriptViewer/templates/help/legend.html b/SuperScriptViewer/templates/help/legend.html new file mode 100644 index 0000000..7a6ea16 --- /dev/null +++ b/SuperScriptViewer/templates/help/legend.html @@ -0,0 +1,147 @@ + + + + + + Help - Viewer legend、 + + + +

Viewer legend

+

This page introduce how to use viewer page.

+
+ + + +

Layout

+

In viewer page, it can be divided into 3 panels:

+ + + + + + + + +
Navigation panelInformation & tools panel
Graph panel
+ + + + +

Graph legend

+

Block

+
+
+
+
pLocal (including arrtibute) (ParameterLocal abbr.)
+
+
+
+
Shortcut (Only shortcut output)
+
+
+
+
bIn / bOut (BehaviorIn / BehaviorOut abbr.)
+
+
+
+
pIn / pOut (ParameterIn / ParameterOut abbr.)
+
+
+
+
pTarget (ParameterTarget abbr.)
+
+
+ + +

Building block

+ +

Building block (abbr. BB)

+

All building block can be devided into 2 types: prototype building block and behavior graph

+ +
+
+ +
+
+
+
+
+
+
+ +

Get Cell

+

Get Cell

+
+
+

This is a typical prototype building block. Some port are attached into this building block.
+pIn and pTarget are at the top, pOut are at the bottom, bIn are on the left, and bOut are on the right.
+In the middle of building block, the name of this building block is written in black font, and the name of this building block's prototype is written in white font.

+ +
+
+ +
+
+
+
+
+
+
+
+
+ +

vt2obj

+

+
+
+

This is a typical behavior graph. It is very similar to prototype building block.
+It don't have the name of prototype. Instead, you can click on the name to see what is inside this graph(jump into this graph).

+ +

Link

+ + + + 0 + bLink (BehaviorLink) + + pLink (ParameterLink) + + eLink (ExportParameterLink) + + + 0 + Highlight bLink + + Highlight pLink + + Highlight eLink + + +

Operation

+ + +

Properties

+

Properties can be visited in Information & tools panel. It can display the information of the object currently being double-clicked.

+ +
+

SRectangle/Box Mode(176)

+

dump.data

+ 
0x01, 0x00, 0x00, 0x00
+

dump.length

+ 
4
+
+

This is a typical property unit. You may see more than 1 property unit in property list. A property unit may contain more than 1 key-value pair to describe it.
+In the first line, the name of the current property unit (actually a pLocal) will be displayed. The number in brackets is CK_ID. If an S is displayed in front of it (as shown in the figure above), then it is also a setting.

+ + + + \ No newline at end of file