Browse Source

Add code area

master
Natendrtfm 4 months ago
parent
commit
4a10f9fdca
6 changed files with 64 additions and 6 deletions
  1. +31
    -2
      css/index.css
  2. +30
    -3
      index.html
  3. BIN
      logo/appicon.png
  4. BIN
      logo/icon.png
  5. +2
    -1
      main.js
  6. +1
    -0
      preload.js

+ 31
- 2
css/index.css View File

@@ -26,12 +26,13 @@ body {
height: 32px;
width: calc(100% - 2px);
background: #254053;
-webkit-app-region: drag
}
#main {
height: calc(100% - 32px);
margin-top: 32px;
padding: 20px;
padding-top: 20px;
overflow-y: auto;
}
#titlebar {
@@ -100,4 +101,32 @@ body {
text-overflow: ellipsis;
line-height: 1.5;
margin-top: 4px;
}
}
#codeArea {
width: 75vw;
height: 84vh;
font-style: Consolas, sans-serif;
background-color: #282c34;
}
.separator {
display: flex;
width: 25vw;
background-color: grey;
flex-direction: column;
-webkit-user-select: none;
}
#codeZone {
display: flex;
align-items: flex-start;
}
.files {
height: 40vh;
background: #282c34;
padding-left: 3px;
border: grey 2px solid
}

/* Icons */
.icons {
font-family: SegMLD2 !important;
}

+ 30
- 3
index.html View File

@@ -6,6 +6,7 @@
<link href="css/index.css" rel="stylesheet">
<script src="js/contextMenu.js"></script>
<script src="js/index.js"></script>
<title>AzCode</title>
</head>

@@ -28,14 +29,40 @@
<div class="button" id="close-button">
<span>&#xE8BB;</span>
</div>
</div>
</div>
</header>

<div id="main">
<h1>Hello World!</h1>
<p>Lorem ipsum dolor sit amet...</p>
<h1>AzCode !!</h1>
<p>Well no coding for now, but maybe ... later ?</p>
<!-- Code -->
<div id="codeZone">
<div id="tabs">
<div id="activeTabs">

<span class="separator">Active Tabs </span>
<div class="files"></div>
<!-- TODO Finish this -->
<script type="text/javascript">
</script>
</div>
<div id="folder">
<span class="separator">Folder Opened</span>
<div class="files"></div>
<!-- TODO Finish this -->
<script type="text/javascript">
</script>
</div>
</div>
<div id="codeArea" contenteditable="true">
</div>

</div>
</div>

<script>
require('./renderer.js')


BIN
logo/appicon.png View File

Before After
Width: 512  |  Height: 512  |  Size: 13KB

BIN
logo/icon.png View File

Before After
Width: 16  |  Height: 16  |  Size: 1.4KB

+ 2
- 1
main.js View File

@@ -15,7 +15,8 @@ function createWindow () {
backgroundColor: '#FFF',
webPreferences: {
nodeIntegration: true
}
},
icon: __dirname + "/logo/appicon.png"
});

// and load the index.html of the app.


+ 1
- 0
preload.js View File

@@ -5,4 +5,5 @@ window.addEventListener('DOMContentLoaded', () => {
const element = document.getElementById(selector)
if (element) element.innerText = text
}})
replaceText("${FILENAME}", fileName)


Loading…
Cancel
Save