-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
179 lines (179 loc) · 8.56 KB
/
index.html
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
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Untitled - Prismblue</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" />
<link rel="shortcut icon" href="PBC_Logo.ico" type="image/x-icon">
</head>
<body>
<div id="menu-bar">
<img src="brand/PBC_Logo.ico" alt="Prismblue Logo" id="logo">
<div class="menu-button" id="file-button">File</div>
<div class="menu-button" id="edit-button">Edit</div>
<div class="menu-button" id="view-button">View</div>
<div class="menu-button" id="history-button">Actions</div>
<div class="menu-button" id="run-menu-button">Run</div>
<div class="draggable">
<p id="title">Untitled - Prismblue</p>
</div>
<div class="controls">
<div class="control-button" id="mini-button"><i class="fas fa-window-minimize"></i></div>
<div class="control-button" id="maxi-button"><i class="fas fa-window-maximize"></i></div>
<div class="control-button" id="close_-button"><i class="fas fa-times"></i></div>
</div>
</div>
<div id="panel">
<div id="file-panel" class="sub-panel">
<div class="sub-button" id="new-button"><i class="fas fa-file"></i> New</div>
<div class="sub-button" id="open-button"><i class="fas fa-folder-open"></i> Open</div>
<div class="sub-button" id="save-button"><i class="fas fa-save"></i> Save</div>
<div class="sub-button" id="save-as-button"><i class="fas fa-file-export"></i> Save As</div>
<div class="sub-button" id="exit-button"><i class="fas fa-sign-out-alt"></i> Exit</div>
</div>
<div id="edit-panel" class="sub-panel">
<div class="sub-button" id="copy-button"><i class="fas fa-copy"></i> Copy</div>
<div class="sub-button" id="paste-button"><i class="fas fa-paste"></i> Paste</div>
<div class="sub-button" id="cut-button"><i class="fas fa-cut"></i> Cut</div>
<div class="sub-button" id="select-all-button"><i class="fas fa-check-double"></i> Select All</div>
<div class="sub-button" id="find-button"><i class="fas fa-search"></i> Find</div>
<div class="sub-button" id="clear-prefs-button"><i class="fas fa-cogs"></i> Clear Preferences</div>
</div>
<div id="view-panel" class="sub-panel">
<div class="sub-button" id="toggle-theme-button"><i class="fas fa-adjust"></i> Toggle Theme</div>
<div class="sub-button" id="font-settings-button"><i class="fas fa-font"></i> Font Settings</div>
<div class="sub-button" id="toggle-status-bar-button"><i class="fas fa-info-circle"></i> Toggle Status Bar</div>
<div class="sub-button" id="toggle-fullscreen-button"><i class="fas fa-expand"></i> Toggle Fullscreen</div>
</div>
<div id="history-panel" class="sub-panel">
<div class="sub-button" id="undo-button"><i class="fas fa-undo"></i> Undo</div>
<div class="sub-button" id="redo-button"><i class="fas fa-redo"></i> Redo</div>
<div class="sub-button" id="restore-button"><i class="fas fa-history"></i> Restore</div>
</div>
<div id="run-panel" class="sub-panel">
<div class="sub-button" id="run-button"><i class="fas fa-play"></i> Run Code</div>
<div class="sub-button" id="preview-button"><i class="fas fa-eye"></i> Preview MD/HTML</div>
<div class="sub-button hidden" id="preview-md-button"><i class="fas fa-eye"></i> Preview MD</div>
<div class="sub-button hidden" id="preview-html-button"><i class="fas fa-eye"></i> Preview HTML</div>
<div class="sub-button" id="ext-rest-button"><i class="fas fa-ban"></i> Toggle ExtRes</div>
<div class="sub-button" id="set-run-command-button"><i class="fas fa-cog"></i> Set Run Command</div>
</div>
</div>
<div id="editor">
<textarea id="editor-textarea"></textarea>
</div>
<div id="status-bar">
<div id="changes">Editor Ready</div>
<div id="filename">No File Opened</div>
<div id="row-col">1:1</div>
<div id="total-size">0 bytes</div>
<div id="ext-restriction">Restricted By Extension</div>
</div>
<div id="find-modal" class="modal">
<div class="modal-content">
<span class="close-button">×</span>
<h3>Find</h3>
<input type="text" id="find-input" placeholder="Enter text to find...">
<button id="find-next-button">Find Next</button>
<button id="find-prev-button">Find Previous</button>
<button id="replace-button">Replace</button>
<button id="replace-all-button">Replace All</button>
<input type="text" id="replace-input" placeholder="Enter text to replace with...">
</div>
</div>
<div id="font-modal" class="modal">
<div class="modal-content">
<span class="close-button">×</span>
<h3>Font Settings</h3>
<label for="font-select">Font:</label>
<select id="font-select">
<option value="Arial">Arial</option>
<option value="Courier New">Courier New</option>
<option value="Times New Roman">Times New Roman</option>
<option value="Verdana">Verdana</option>
<option value="Helvetica">Helvetica</option>
<option value="Comic Sans MS">Comic Sans MS</option>
<option value="Trebuchet MS">Trebuchet MS</option>
<option value="Georgia">Georgia</option>
</select>
<label for="font-size-input">Font Size:</label>
<input type="number" id="font-size-input" value="16">
<button id="apply-font-button">Apply</button>
</div>
</div>
<div id="restore-modal" class="modal">
<div class="modal-content">
<span class="close-button">×</span>
<h3>Restore Session</h3>
<p>Do you want to restore the last session?</p>
<button id="yes-restore-button">Yes</button>
<button id="no-restore-button">No</button>
</div>
</div>
<div id="restore-already-there" class="modal">
<div class="modal-content">
<span class="close-button">×</span>
<h3>Already Open</h3>
<p>Your last saved session is already open and there is no need to restore it.</p>
<button id="ok-restore-button">Okay</button>
</div>
</div>
<div id="failed-restore" class="modal">
<div class="modal-content">
<span class="close-button">×</span>
<h3>Failed to Restore</h3>
<p>Failed to restore the last session. Most likely the session data is corrupted.</p>
<button id="ok-failed-restore-button">Okay</button>
</div>
</div>
<div id="file-not-saved" class="modal">
<div class="modal-content">
<span class="close-button">×</span>
<h3>File Not Saved</h3>
<p>You need to save the file before you can run it.</p>
<button id="ok-file-not-saved-button">Okay</button>
</div>
</div>
<div id="unsupported-language" class="modal">
<div class="modal-content">
<span class="close-button">×</span>
<h3>Unsupported Language</h3>
<p>The language you are trying to run is not supported. Currently, for Code Running, Prismblue supports only Python, Node.js, and Ruby. For Preview, you only can use Markdown and HTML.</p>
<button id="ok-unsupported-language-button">Okay</button>
</div>
</div>
<div id="nothing-found" class="modal">
<div class="modal-content">
<span class="close-button">×</span>
<h3>Nothing Found</h3>
<p>Nothing was found.</p>
<button id="ok-nothing-found-button">Okay</button>
</div>
</div>
<div id="set-run-command-modal" class="modal">
<div class="modal-content">
<span class="close-button">×</span>
<h3>Set Run Command</h3>
<p>Enter the command to run the code. For example, for Python, you can enter "python3 " or "python ".<br><br>Placeholders: <br><code>{filename}</code> - The name of the file with extension<br><code>{filename-no-ext}</code> - The name of the file without extension</p>
<input type="text" id="run-command-input" placeholder="Enter the command...">
<button id="set-run-command-button-nointerference">Set</button>
</div>
</div>
<div id="confirm-clear-prefs-modal" class="modal">
<div class="modal-content">
<span class="close-button">×</span>
<h3>Confirm Clear Preferences</h3>
<p>THIS ACTION IS IRREVERSIBLE AND WILL DELETE ALL YOUR PREFERENCES. THE APP WILL ALSO BE RELOADED. ARE YOU SURE YOU WANT TO DO THIS?</p>
<button id="yes-clear-prefs-button">Yes</button>
<button id="no-clear-prefs-button">No</button>
</div>
</div>
<!-- Here we come... -->
<script src="custom-modules/client-side/modalmanagement.js"></script>
<script src="custom-modules/client-side/byteformatting.js"></script>
<script src="renderer.js"></script>
<script src="mdpreview.js"></script>
<script src="htmlpreview.js"></script>
</body>
</html>