Skip to content

Commit 9bc9282

Browse files
straight-codestraight-code
authored
v1.0.9
1 parent 7e0eca6 commit 9bc9282

File tree

10 files changed

+2079
-26
lines changed

10 files changed

+2079
-26
lines changed

‎dist/admin/add-project/ide.css‎

Lines changed: 533 additions & 0 deletions
Large diffs are not rendered by default.

‎dist/admin/add-project/ide.js‎

Lines changed: 729 additions & 0 deletions
Large diffs are not rendered by default.

‎dist/admin/add-project/index.html‎

Lines changed: 66 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,8 @@
99
<link rel="stylesheet" href="./stats.css">
1010
<link rel='stylesheet' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css'>
1111
<link rel='stylesheet' href='https://cdn.oesmith.co.uk/morris-0.5.1.css'><link rel="stylesheet" href="./stats.css">
12+
<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css'><link rel="stylesheet" href="./ide.css">
13+
1214
<link href="https://straight-code.github.io/assets/straight-code.png" rel="shortcut icon" />
1315
</head>
1416
<body>
@@ -36,7 +38,7 @@
3638
</svg>
3739
</button>
3840
<button class="add-btn" title="Add New Project">
39-
<a class="add-btn" href="./add-project/index.html">
41+
<a class="add-btn" href="../add-project/index.html">
4042
<svg class="btn-icon" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="feather feather-plus">
4143
<line x1="12" y1="5" x2="12" y2="19" />
4244
<line x1="5" y1="12" x2="19" y2="12" /></svg>
@@ -72,7 +74,7 @@
7274
<line x1="8" y1="2" x2="8" y2="6" />
7375
<line x1="3" y1="10" x2="21" y2="10" /></svg>
7476
</a>
75-
<a href="../services/index.html" class="app-sidebar-link active" style="display: block;padding: 8px;">
77+
<a href="../services/index.html" class="app-sidebar-link" style="display: block;padding: 8px;">
7678
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-info-circle" viewBox="0 0 16 16">
7779
<path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
7880
<path d="m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"/>
@@ -89,31 +91,70 @@
8991
<div class="projects-section">
9092
<div class="projects-section-header">
9193
<p>add projects</p>
92-
<p class="time"></p>
9394
</div>
94-
<div class="projects-section-line">
95-
<div class="projects-status">
96-
<div class="item-status">
95+
<header class="main">
96+
<div class="info">
97+
<div class="title"><input class="projectName" placeholder="projects-name" style="background-color: #3a3a3a;" /></div>
98+
</div>
99+
<div class="toolbar">
100+
<div id="save-btn" class="action">Save</div>
101+
<div class="action">Settings</div>
102+
</div>
103+
</header>
104+
<div class="main-layout">
105+
<div class="result">
106+
<iframe src="about:blank"></iframe>
107+
</div>
97108

98-
</div>
99-
<div class="item-status">
100-
101-
</div>
102-
<div class="item-status">
103-
104-
</div>
109+
<div class="splitter" data-splitter="yes"></div>
110+
<div class="editors" data-tabs="yes">
111+
<div class="tabs">
112+
<div data-tab="html" class="tab tab-active"><span class="settings"></span>HTML <span id="html-filename" class="filename">(index.html)</span><span id="html-files" class="menu"></span></div><!--
113+
--><div data-tab="css" class="tab"><span class="settings"></span>CSS <span id="css-filename" class="filename">(styles.css)</span><span id="css-files" class="menu"></span></div><!--
114+
--><div data-tab="js" class="tab"><span class="settings"></span>JS <span id="js-filename" class="filename">(app.js)</span><span id="js-files" class="menu"></span></div>
115+
</div>
116+
<div class="pages">
117+
118+
<div data-page="html" class="page page-active">
119+
<div class="editor-files" data-editor-files="html-editor" data-editor-files-menu="html-files" data-editor-files-filename="html-filename" data-editor-files-suffix="html">
120+
<textarea id="file-1" data-filename="index.html">
121+
<!--the world is your oyster-->
122+
<!--add your HTML here & watch the magic happen!-->
123+
&lt;div class="test"&gt;
124+
&lt;h1&gt;Test&lt;/h1&gt;
125+
&lt;/div&gt;</textarea>
126+
105127
</div>
106-
<div class="view-actions">
107-
128+
<div id="html-editor" class="editor"></div>
129+
</div>
130+
131+
<div data-page="css" class="page">
132+
<div class="editor-files" data-editor-files="css-editor" data-editor-files-menu="css-files" data-editor-files-filename="css-filename" data-editor-files-suffix="css">
133+
<textarea id="file-1" data-filename="styles.css">
134+
/* add your CSS here watch the magic happen! */
135+
.test { color: red; }</textarea>
108136
</div>
137+
<div id="css-editor" class="editor"></div>
109138
</div>
110-
<div class="project-boxes jsListView">
111-
<div class="project-box-wrapper">
112-
</div>
113-
</div>
114139

140+
<div data-page="js" class="page">
141+
<div class="editor-files" data-editor-files="js-editor" data-editor-files-menu="js-files" data-editor-files-filename="js-filename" data-editor-files-suffix="js">
142+
<textarea id="file-1" data-filename="app.js">
143+
/* JS goes here */
144+
var test = '';</textarea>
145+
</div>
146+
<div id="js-editor" class="editor"></div>
147+
</div>
115148

149+
</div>
150+
</div>
151+
</div>
152+
<footer class="status">
153+
<div class="footer-title" style="margin-left: 45%;">&COPY; straight-code2</div>
154+
</footer>
116155

156+
</div>
157+
</div>
117158
</div>
118159
</div>
119160
</div>
@@ -126,9 +167,12 @@
126167
</div>
127168
</div>
128169
<!-- partial -->
129-
<script src="./script.js"></script>
130-
<script src="../script.js"></script>
131-
170+
<script src="./script.js"></script>
171+
<script src="./ide.js"></script>
172+
<script src="../script.js"></script>
173+
<script src='https://cdnjs.cloudflare.com/ajax/libs/ace/1.2.5/ace.js'></script>
174+
<script src='https://cdnjs.cloudflare.com/ajax/libs/ace/1.2.5/ext-language_tools.js'></script>
175+
<script src='https://cdnjs.cloudflare.com/ajax/libs/ace/1.2.5/mode-html.js'></script><script src="./script.js"></script>
132176
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js'></script>
133177
<script src='https://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.2/raphael-min.js'></script>
134178
<script src='https://cdnjs.cloudflare.com/ajax/libs/morris.js/0.5.0/morris.min.js'></script><script src="./script.js"></script>

‎dist/admin/add-project/results/index.html‎

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
<!--the world is your oyster-->
2+
<!--add your HTML here & watch the magic happen!-->
3+
<!DOCTYPE html>
4+
<html lang="en">
5+
<head>
6+
<meta charset="UTF-8">
7+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
8+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
9+
<title>Test</title>
10+
</head>
11+
<body>
12+
<div class="test">
13+
<h1>Test</h1>
14+
</div>
15+
</body>
16+
</html>

‎dist/admin/add-project/results/styles.css‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
/* add your CSS here watch the magic happen! */
2+
.test { color: red; }

0 commit comments

Comments
 (0)