-
Jupytron
-
Editing evolved
+
Europa
+
Jupyter Lab's Moon
diff --git a/src/renderer/index.js b/src/renderer/index.js
new file mode 100644
index 0000000..1a5b960
--- /dev/null
+++ b/src/renderer/index.js
@@ -0,0 +1,68 @@
+'use strict'
+
+const { ipcRenderer, shell } = require('electron')
+
+// delete todo by its text value ( used below in event listener)
+const recentItemClicked = (e) => {
+ console.log(e.target.textContent);
+ // ipcRenderer.send('delete-todo', e.target.textContent)
+ ipcRenderer.send('open-url', e.target.textContent);
+}
+const deleteRecentItemClicked = (e) => {
+ console.log(e.target.getAttribute('id'));
+ ipcRenderer.send('delete-todo', e.target.getAttribute('id'))
+}
+
+document.getElementById('openUrlBtn').addEventListener('click', () => {
+ ipcRenderer.send('open-url-window')
+})
+document.getElementById('newServerBtn').addEventListener('click', () => {
+ ipcRenderer.send('new-server-window')
+})
+
+// Listeners for help links
+document.getElementById('helpReportIssue').addEventListener('click', () => {
+ shell.openExternal('https://github.com/suyashmahar/jupytron/issues')
+})
+document.getElementById('helpGitHubRepo').addEventListener('click', () => {
+ shell.openExternal('https://github.com/suyashmahar/jupytron')
+})
+document.getElementById('helpProductDocumentation').addEventListener('click', () => {
+ shell.openExternal('https://github.com/suyashmahar/jupytron/wiki')
+})
+document.getElementById('helpTipsAndTricks').addEventListener('click', () => {
+ shell.openExternal('https://github.com/suyashmahar/jupytron/wiki/TipsAndTricks')
+})
+document.getElementById('helpKeyboardShortcuts').addEventListener('click', () => {
+ shell.openExternal('https://github.com/suyashmahar/jupytron/wiki/KeyboardShortcuts')
+})
+
+
+https://github.com/suyashmahar/jupytron/wiki
+
+// on receive todos
+ipcRenderer.on('todos', (event, todos) => {
+ // get the todoList ul
+ const todoList = document.getElementById('todoList')
+
+ // create html string
+ const todoItems = todos.reduce((html, todo) => {
+ var itemDeleteBtnHtml = `
✕`
+ html += `
${todo}${itemDeleteBtnHtml}`
+
+ return html
+ }, '')
+
+ // set list html to the todo items
+ todoList.innerHTML = todoItems
+
+ // Add click handlers to the link
+ todoList.querySelectorAll('.recent-item-link').forEach(item => {
+ item.addEventListener('click', recentItemClicked)
+ })
+
+ // Add click handlers to the delete button
+ todoList.querySelectorAll('.inline-btn-link-delete').forEach(item => {
+ item.addEventListener('click', deleteRecentItemClicked)
+ })
+})
diff --git a/renderer/new_server/newserver.css b/src/renderer/new_server/newserver.css
similarity index 100%
rename from renderer/new_server/newserver.css
rename to src/renderer/new_server/newserver.css
diff --git a/renderer/new_server/newserver.html b/src/renderer/new_server/newserver.html
similarity index 100%
rename from renderer/new_server/newserver.html
rename to src/renderer/new_server/newserver.html
diff --git a/renderer/new_server/newserver.js b/src/renderer/new_server/newserver.js
similarity index 100%
rename from renderer/new_server/newserver.js
rename to src/renderer/new_server/newserver.js
diff --git a/renderer/style.css b/src/renderer/style.css
similarity index 72%
rename from renderer/style.css
rename to src/renderer/style.css
index 14a81a2..815d990 100644
--- a/renderer/style.css
+++ b/src/renderer/style.css
@@ -3,6 +3,25 @@ body {
background-color: #fffbf6 !important;
}
+.recent-item-link {}
+
+.inline-btn-link-delete {
+ padding-left: 0.5%;
+ opacity: 0;
+ font-size: 80%;
+ text-decoration: none !important;
+}
+
+.inline-btn-link-delete:hover {
+ opacity: 1;
+ color: red;
+}
+
+.recent-item-link:hover + .inline-btn-link-delete {
+ opacity: 1;
+ color: red;
+}
+
.vertical-center {
background-color: #fffbf6 !important;
min-height: 100%; /* Fallback for browsers do NOT support vh unit */