Interface completed

ardagedikk · Jul 25, 2018 · 7f9eceb · 7f9eceb
commit 7f9eceb
Show file tree

Hide file tree

Showing 11 changed files with 2,434 additions and 0 deletions.
diff --git a/.editorconfig b/.editorconfig
@@ -0,0 +1,12 @@
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+end_of_line = crlf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.md]
+trim_trailing_whitespace = false
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,61 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (https://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# TypeScript v1 declaration files
+typings/
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variables file
+.env
+
+# next.js build output
+.next
diff --git a/index.html b/index.html
@@ -0,0 +1,75 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <title>VII</title>
+
+    <!-- Styles -->
+    <link rel="stylesheet" href="./node_modules/bootstrap/dist/css/bootstrap.min.css">
+    <link rel="stylesheet" href="./src/css/style.css">
+
+  </head>
+  <body>
+
+			<!-- Container -->
+			<div class="container-fluid main-wrapper">
+
+        <!-- Row -->
+        <div class="form-row">
+
+          <!-- Column -->
+          <div class="col">
+
+            <!-- Form -->
+            <form action="" method="post" class="convert-form">
+
+              <!-- Youtube Link -->
+              <div class="form-group">
+                <input type="text" name="youtube-link" class="form-control form-control-sm" placeholder="https://www.youtube.com/watch?v=vmDDOFXSgAs" required>
+              </div>
+
+              <!-- Selector -->
+              <div class="form-group">
+                <select class="form-control form-control-sm" name="format" required>
+                  <optgroup label="Audio">
+                    <option value="mp3" selected>MP3</option>
+                  </optgroup>
+                  <optgroup label="Video">
+                    <option value="mp4">MP4</option>
+                    <option value="flv">FLV</option>
+                  </optgroup>
+                </select>
+              </div>
+
+              <!-- Progress -->
+              <div class="progression">
+                <small class="progress-text d-block text-right mb-1">0% Converted</small>
+                <div class="progress">
+                  <div class="progress-bar progress-bar-striped" role="progressbar" style="width: 0%" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
+                </div>
+              </div>
+
+              <!-- Submit & Download Button -->
+              <button type="submit" class="btn btn-sm btn-block primary-color convert-button">Convert</button>
+              <a href="javascript:void(0)" class="btn btn-sm btn-block primary-color download-button d-none">Download</a>
+
+            </form>
+            <!-- Form -->
+
+          </div>
+          <!-- Column -->
+
+        </div>
+        <!-- Row -->
+
+			</div>
+			<!-- Container -->
+
+    <!-- Scripts -->
+    <script> window.$ = window.jQuery = require('jquery'); </script>
+    <script src="./node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
+    <script src="./src/js/custom.js"></script>
+
+  </body>
+</html>
diff --git a/index.js b/index.js
@@ -0,0 +1,76 @@
+'use strict';
+/*
+================================================================================
+  Variables & Consts
+================================================================================
+*/
+
+const { app, BrowserWindow } = require('electron');
+const url  = require('url');
+const path = require('path');
+
+// Prevent window being garbage collected
+let mainWindow;
+
+/*
+================================================================================
+  Window Options
+================================================================================
+*/
+
+function createMainWindow() {
+
+	const win = new BrowserWindow({
+    width    : 700,
+    height   : 237,
+    width    : 700,
+		height   : 237,
+		minWidth : 700,
+		height   : 237,
+		maxWidth : 700,
+		maxHeight: 237
+
+	});
+
+	win.loadURL(url.format({
+
+    pathname: path.join(__dirname, 'index.html'),
+    protocol: 'file:',
+    slashes : true
+
+  }));
+
+  win.setMenu(null);
+	win.on('closed', onClosed);
+
+	return win;
+
+}
+
+/*
+================================================================================
+  App Options
+================================================================================
+*/
+
+function onClosed() {
+	// Dereference the window
+	// For multiple windows store them in an array
+	mainWindow = null;
+}
+
+app.on('window-all-closed', () => {
+	if(process.platform !== 'darwin') {
+		app.quit();
+	}
+});
+
+app.on('activate', () => {
+	if(!mainWindow) {
+		mainWindow = createMainWindow();
+	}
+});
+
+app.on('ready', () => {
+	mainWindow = createMainWindow();
+});