forked from visualpython/visualpython
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathpopupComponent.html
More file actions
135 lines (132 loc) · 7.81 KB
/
Copy pathpopupComponent.html
File metadata and controls
135 lines (132 loc) · 7.81 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
<!--
Project Name : Visual Python
Description : GUI-based Python code generator
File Name : popupComponent.html
Author : Black Logic
Note : popup component
License : GNU GPLv3 with Visual Python special exception
Date : 2021. 12. 01
Change Date :
-->
<!-- use body tag to strip comments out on requirejs/text plugin -->
<body>
<div class="vp-popup-frame">
<div class="vp-inner-popup-box" style="display: none; width: 400px; height: 300px;">
<div class="vp-inner-popup-header">
<!-- CHROME: title is a handler for draggable, but for some reason label tag's width is not controllable. changed tag: label -> div -->
<div class="vp-inner-popup-title">Title</div>
<!-- LAB: img to url -->
<!-- <img class="vp-inner-popup-close" src="${vp_base}/img/close_big.svg" title="Close inner popup"/> -->
<div class="vp-inner-popup-close" title="Close inner popup"></div>
</div>
<div class="vp-inner-popup-body vp-scrollbar">
<!-- Inner popup body -->
</div>
<div class="vp-inner-popup-footer">
<div class="vp-inner-popup-button-box">
<button type="button" class="vp-button vp-inner-popup-button" data-type="cancel">Cancel</button>
<button type="button" class="vp-button activated vp-inner-popup-button" data-type="ok">OK</button>
</div>
</div>
</div>
<div class="vp-variable-popup-box" style="display: none; width: 400px; height: 300px;">
<div class="vp-variable-popup-header">
<label class="vp-variable-popup-title">Title</label>
<!-- LAB: img to url -->
<!-- <img class="vp-variable-popup-close" src="${vp_base}/img/close_big.svg" title="Close inner popup"/> -->
<div class="vp-variable-popup-close" title="Close inner popup"></div>
</div>
<div class="vp-variable-popup-body vp-scrollbar">
<!-- Variable popup body -->
</div>
<div class="vp-variable-popup-footer">
<div class="vp-variable-preview">
<textarea id="vp_previewCode" name="code"></textarea>
</div>
<button type="button" class="vp-button activated vp-variable-popup-button" data-type="ok">OK</button>
</div>
</div>
<div class="vp-popup-header">
<!-- CHROME: title is a handler for draggable, but for some reason label tag's width is not controllable. changed tag: label -> div -->
<div class="vp-popup-title">
<!-- Title -->
</div>
<!-- LAB: img to url -->
<!-- <img class="vp-popup-toggle" src="${vp_base}/img/minimize.svg" title="Minimize this popup">
<img class="vp-popup-maximize" src="${vp_base}/img/max_window.svg" title="Maximize this popup">
<img class="vp-popup-return" src="${vp_base}/img/min_window.svg" title="Return size of this popup">
<img class="vp-popup-close" src="${vp_base}/img/close_big.svg" title="Close popup"/> -->
<a class="vp-popup-docs" target="_blank" title="Open documentation of this function"><div></div></a>
<div class="vp-popup-toggle" title="Minimize this popup"></div>
<div class="vp-popup-maximize" title="Maximize this popup"></div>
<div class="vp-popup-return" title="Return size of this popup"></div>
<div class="vp-popup-close" title="Close popup"></div>
</div>
<div class="vp-popup-body">
<div class="vp-popup-body-top-bar vp-italic vp-gray-text vp-no-selection vp-cursor">
<span id="popupInstall" class="vp-popup-body-top-bar-item" data-type="install">
Install Package
<!-- LAB: img to url -->
<!-- <img src="${vp_base}/img/import.svg"/> -->
<div class="vp-popup-body-top-bar-install"></div>
</span>
<span id="popupImport" class="vp-popup-body-top-bar-item" data-type="import">
Import Library
<!-- LAB: img to url -->
<!-- <img src="${vp_base}/img/import.svg"/> -->
<div class="vp-popup-body-top-bar-import"></div>
</span>
<span id="popupPackage" class="vp-popup-body-top-bar-item" data-type="package">
Package Manager
<!-- LAB: img to url -->
<!-- <img src="${vp_base}/img/setting.svg"/> -->
<div class="vp-popup-body-top-bar-package"></div>
</span>
</div>
<!-- Body -->
<div class="vp-popup-content">
</div>
</div>
<div class="vp-popup-footer">
<!-- Footer -->
<!-- Data view box -->
<div class="vp-popup-dataview-box vp-scrollbar">
</div>
<!-- Code view box -->
<div class="vp-popup-codeview-box vp-scrollbar">
<textarea name="code"></textarea>
</div>
<!-- Button box -->
<div class="vp-popup-button-box">
<button type="button" class="vp-button vp-popup-button" data-type="code">Code view</button>
<button type="button" class="vp-button vp-popup-button" data-type="data">Data view</button>
<button type="button" class="vp-button vp-popup-button" data-type="help">Help</button>
<div class="vp-popup-runadd-box">
<button type="button" class="vp-button activated vp-popup-button vp-popup-run-button" data-type="run" title="Run code">Run</button>
<button type="button" class="vp-button activated vp-popup-button vp-popup-show-detail-button" data-type="show-detail">
<!-- LAB: img to url -->
<!-- <img src="${vp_base}/img/arrow_short_up.svg"/> -->
<div class="vp-icon-arrow-short-up"></div>
</button>
<div class="vp-popup-run-detailbox vp-cursor vp-close-on-blur">
<!-- <div class="vp-popup-detail-button" data-type="apply" title="Save to block">Save to block</div> -->
<div class="vp-popup-detail-button" title="Run code">
<label><input type="radio" class="vp-popup-run-type" name="runType" value="run" checked/><span></span></label>
<span class="vp-popup-detail-action-button" data-type="run">Run</span>
</div>
<div class="vp-popup-detail-button" title="Save to block & Run code">
<label><input type="radio" class="vp-popup-run-type" name="runType" value="run-save" /><span></span></label>
<span class="vp-popup-detail-action-button" data-type="run-save">Run & Save</span>
</div>
<div class="vp-popup-detail-button" title="Add code to cell">
<label><input type="radio" class="vp-popup-run-type" name="runType" value="add" /><span></span></label>
<span class="vp-popup-detail-action-button" data-type="add">Code to cell</span>
</div>
</div>
</div>
<button type="button" class="vp-button activated vp-popup-button vp-popup-save-button" data-type="save" title="Save to target" style="display:none;">OK</button>
<button type="button" class="vp-button vp-popup-button" data-type="cancel">Cancel</button>
</div>
</div>
</div>
</body>