Making some progress in laboratory stuff

Author: rafajaques

CREDITS

@@ -17,7 +17,8 @@ Atom Electron
 NodeJS
 
 [Icons]
-Presentation icons made by EpicCoders and Freepik from www.flaticon.com
+Presentation, notification and menu icons made by EpicCoders and Freepik
+from www.flaticon.com
 
 [HTML/CSS/JS]
 Twitter Bootstrap

app/css/pretty.css

@@ -29,3 +29,10 @@ div{
   margin-top: 0;
   margin-bottom: 20px;
 }
+.app-modes{
+  width: 110px;
+  margin-bottom: 15px;
+}
+.modes{
+  margin-top: 20px;
+}

app/css/welcome.css

@@ -18,6 +18,10 @@ function binaryConvertVersionToShow(version) {
   return version.replace(/:/g, '.');
 }
 
+/* Gets the path of bundled PHP binary */
+function getBundledPhpPath() {
+  return Path.join(__dirname, 'php', conf.get('system.os'));
+}
 /**
 * Gets version of a binary
 * @param {string} path - path to php binary
@@ -81,6 +85,10 @@ function binaryUpdateList() {
   const versions = conf.get('php.versions');
   const inUse = conf.get('php.default');
 
+  // Adds bundled version manually
+  versions['bundled'] = 'Integrated version';
+
+  // Rewrites PHP versions list
   Object.keys(versions).forEach((v) => {
     $('#binary-list').append(binaryLineGetTemplate(v, versions[v], (inUse === v)));
   });
@@ -101,8 +109,12 @@ function phpGetCurrVersion() {
 
 /* Updates binary path used by the runner */
 function updatePhpPath() {
-  // Change phpPath for runner
-  phpPath = conf.get('php.versions.' + conf.get('php.default'));
+  // Are we using bundled version?
+  if (conf.get('php.default') === 'bundled') {
+    phpPath = getBundledPhpPath();
+  } else {
+    phpPath = conf.get('php.versions.' + conf.get('php.default'));
+  }
 
   // Change PHP version number shown in app
   $('#run-version').html(phpGetCurrVersion());
@@ -134,6 +146,10 @@ function binaryAdd(path) {
       return false;
     }
   } catch (e) {
+    /* eslint-disable no-console */
+    console.log(e);
+    /* eslint-enable no-console */
+
     // I couldn't even find the file!!!
     return false;
   }

app/gfx/presentation/app-regular.png

@@ -53,12 +53,11 @@ editor.$blockScrolling = Infinity;
 
 /* Startup routine */
 $(() => {
+  // We need these shortcuts...
   editorUnbind(['cmd+,', 'ctrl+t', 'ctrl+p']);
 
   if (isMainWindow) {
     updatePhpPath();
-    /* @@@@@@ this is a test */
-    phpPath = Path.join(__dirname, 'php/osx/php');
   }
 
   // Set missing settings to default

app/gfx/presentation/app-tray.png

@@ -1,8 +1,31 @@
+/**
+ * welcome.js
+ * First time run check routines
+ */
 const i18n = require('electron').remote.getGlobal('i18n');
 const app = require('electron').remote.app;
+const Configstore = require('configstore');
+const pkg = require('./package.json');
+const conf = new Configstore(pkg.name);
+const fs = require('fs');
+const runner = require('child_process');
+
+const unixPaths = [
+  '/usr/sbin/php',
+  '/etc/php',
+  '/usr/lib/php',
+  '/usr/bin/php',
+  '/usr/local/bin/php',
+  '/usr/share/php'
+];
+
+const winPaths = [
+  'C:\\php\\php.exe',
+  'C:\\xampp\\php\\php.exe'
+];
 
 // Hide instructions div
-$('#instructions').hide();
+$('#instructions,#choose-mode').hide();
 
 /* Fills language options */
 $.each(i18n.fullLocaleList, (i, v) => {
@@ -20,8 +43,58 @@ $('#go').click(() => {
   $('#logo img').attr('width', '70');
 });
 
+/* Next step action */
+$('#next-step').click(() => {
+  $('#instructions').hide();
+  $('#choose-mode').show();
+});
+
+/* Enable start button */
+$('#radio-regular,#radio-tray').click(() => {
+  $('#start-app').prop("disabled", false);
+});
+
+/* Let's get it started in here! :) */
+$('#start-app').click(() => {
+  // Saving configs
+  // Mode (regular/tray)
+  conf.set('general.mode', $('input[name=app-mode]:checked').val());
+
+  // Locale
+  conf.set('general.locale', $('#locales-list').val());
+
+  // Check OS and searches for PHP binaries in known paths
+  if (process.platform === 'win32') {
+    conf.set('system.os', 'win');
+    checkPhpPath(winPaths);
+  } else if (process.platform === 'darwin') {
+    conf.set('system.os', 'osx');
+    checkPhpPath(unixPaths);
+  } else {
+    conf.set('system.os', 'linux');
+    checkPhpPath(unixPaths);
+  }
+
+  // Set bundled PHP version as default
+  conf.set('php.default', 'bundled');
+
+  // Restarts the app to finish setup
+  app.relaunch();
+  app.exit(0);
+
+});
 
 /* Close button action */
 $('#close-button button').click(() => {
   app.quit();
 });
+
+/* Checks automatically for php binaries in known paths */
+function checkPhpPath(list) {
+  // Try to find a binary in every known path
+  list.every((path) => {
+    binaryAdd(path);
+    return true;
+  });
+  return true;
+}

app/js/binary.operations.js

@@ -93,5 +93,6 @@
 	"File": "File",
 	"Don't change": "Don't change",
 	"Updates": "Updates",
-	"Update presentation code as you type": "Update presentation code as you type"
+	"Update presentation code as you type": "Update presentation code as you type",
+	"": ""
 }

app/js/index.js

@@ -93,5 +93,6 @@
 	"File": "Arquivo",
 	"Don't change": "Não mudar",
 	"Updates": "Atualizações",
-	"Update presentation code as you type": "Atualizar código da apresentação conforme você digita"
-}
+	"Update presentation code as you type": "Atualizar código da apresentação conforme você digita",
+	"": ""
+}

app/js/welcome.js

@@ -1,3 +1,6 @@
+/**
+ * main.js
+ */
 // This will be fixed when porting functions to modules
 /* eslint-disable no-use-before-define */
 
@@ -44,18 +47,20 @@ app.on('ready', () => {
   // Wake up i18n!
   prepareLocalize();
 
+  // First run?
   if (!(conf.get('general.locale'))) {
     welcome();
     return;
   }
+
   startupRoutine();
 });
 
 function welcome() {
   // Creates welcome window
   welcomeWindow = new BrowserWindow({
     title: appName,
-    height: 580,
+    height: 620,
     width: 680,
     center: true,
     frame: false,
@@ -99,14 +104,7 @@ function startupRoutine() {
     app.quit();
   });
 
-  // Check if phpPath is already known
-  if (conf.get('php.default')) {
-    // Yes! I know where PHP is!
-    startApp();
-  } else {
-    // Nope! Go and find it!
-    runCheck();
-  }
+  startApp();
 }
 
 /* In case of all windows are closed */

app/locales/en.json

@@ -7,6 +7,7 @@
     <title>PHP Assistant: Welcome</title>
     <link href="css/bootstrap.min.css" type="text/css" rel="stylesheet">
     <link href="css/welcome.css" type="text/css" rel="stylesheet">
+    <link href="css/pretty.css" type="text/css" rel="stylesheet">
     <script>
       window.$ = window.jQuery = require('./js/jquery.js');
       var isMainWindow = true;
@@ -35,19 +36,48 @@
       <div class="row col-xs-offset-0 col-xs-12 well">
         <h1>Bem-vindo!</h1>
         <p>Seja bem-vindo ao PHP Assistant. Aqui estão as instruções para uso.</p>
-        <!--p>Para que esta aplicação funcione, você precisa ter o PHP instalado na máquina.</p-->
         <p>Esta aplicação já vem com uma versão do PHP disponível internamente.</p>
         <p>Caso você tenha alguma outra versão, a aplicação tentará descobrir automaticamente onde o PHP está. Se não for possível, você deverá indicar onde o executável/binário do PHP está localizado.</p>
         <p>Se você instalou ferramentas como XAMPP, pode utilizar o PHP que veio junto.</p>
-        <p>Quando estiver pronto, clique no botão "Iniciar".</p>
+        <p>Quando estiver pronto, clique no botão "Próximo Passo".</p>
       </div>
       <div class="row">
-        <button class="btn btn-default"><span class="glyphicon glyphicon-log-in" aria-hidden="true"></span>&nbsp; Iniciar</button>
+        <button id="next-step" class="btn btn-default"><span class="glyphicon glyphicon-arrow-right" aria-hidden="true"></span>&nbsp; Próximo Passo</button>
+      </div>
+    </div>
+
+    <div id="choose-mode" class="container-fluid">
+      <div class="row col-xs-offset-0 col-xs-12 well">
+        <h1>Escolha o modo</h1>
+        <p>O PHP Assistant funciona de duas maneiras: como uma aplicação comum e como uma aplicação da barra de notificações. Você pode alterar essa opção depois.</p>
+        <p>Dependendo da distribuição Linux, o modo em barra de notificações pode não funcionar.</p>
+        <div class="row modes">
+          <div class="col-xs-6">
+            <label for="radio-regular"><img src="gfx/presentation/app-regular.png" class="app-modes"></label>
+            <br>
+            <div class="pretty inline circle primary">
+              <input type="radio" id="radio-regular" name="app-mode" value="regular">
+              <label><i class="default"></i> Aplicação comum</label>
+            </div>
+          </div>
+          <div class="col-xs-6">
+            <label for="radio-tray"><img src="gfx/presentation/app-tray.png" class="app-modes"></label>
+            <br>
+            <div class="pretty inline circle primary">
+              <input type="radio" id="radio-tray" name="app-mode" value="tray">
+              <label><i class="default"></i> Aplicação na tray</label>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="row">
+        <button id="start-app" class="btn btn-default" disabled><span class="glyphicon glyphicon-log-in" aria-hidden="true"></span>&nbsp; Iniciar Aplicação</button>
       </div>
     </div>
 
   </body>
   <script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
+  <script src="js/binary.operations.js" type="text/javascript" charset="utf-8"></script>
   <script src="js/welcome.js" type="text/javascript" charset="utf-8"></script>
 
 </html>