WebAppInstaller: Grey out disabled apps

Author: Lupul

web/add/webapp/index.php

@@ -31,16 +31,16 @@
 }
 
 $v_web_apps = [
-    [ 'name'=>'Wordpress', 'group'=>'cms','version'=>'5.2.2', 'thumbnail'=>'/images/webapps/wp-thumb.png' ],
-    [ 'name'=>'Drupal', 'group'=>'cms', 'version'=>'1.2.3', 'thumbnail'=>'/images/webapps/drupal-thumb.png' ],
-    [ 'name'=>'Joomla', 'group'=>'cms', 'version'=>'1.2.3', 'thumbnail'=>'/images/webapps/joomla-thumb.png' ],
+    [ 'name'=>'Wordpress', 'group'=>'cms', 'enabled'=>true, 'version'=>'5.2.2', 'thumbnail'=>'/images/webapps/wp-thumb.png' ],
+    [ 'name'=>'Drupal',    'group'=>'cms', 'enabled'=>false,'version'=>'1.2.3', 'thumbnail'=>'/images/webapps/drupal-thumb.png' ],
+    [ 'name'=>'Joomla',    'group'=>'cms', 'enabled'=>false,'version'=>'1.2.3', 'thumbnail'=>'/images/webapps/joomla-thumb.png' ],
 
-    [ 'name'=>'Opencart', 'group'=>'ecommerce', 'version'=>'1.2.3', 'thumbnail'=>'/images/webapps/opencart-thumb.png' ],
-    [ 'name'=>'Prestashop', 'group'=>'ecommerce', 'version'=>'1.2.3', 'thumbnail'=>'/images/webapps/prestashop-thumb.png' ],
-    [ 'name'=>'Magento', 'group'=>'ecommerce', 'version'=>'1.2.3', 'thumbnail'=>'/images/webapps/magento-thumb.png' ],
+    [ 'name'=>'Opencart',   'group'=>'ecommerce', 'enabled'=>true,  'version'=>'1.2.3', 'thumbnail'=>'/images/webapps/opencart-thumb.png' ],
+    [ 'name'=>'Prestashop', 'group'=>'ecommerce', 'enabled'=>false, 'version'=>'1.2.3', 'thumbnail'=>'/images/webapps/prestashop-thumb.png' ],
+    [ 'name'=>'Magento',    'group'=>'ecommerce', 'enabled'=>false, 'version'=>'1.2.3', 'thumbnail'=>'/images/webapps/magento-thumb.png' ],
 
-    [ 'name'=>'Laravel', 'group'=>'starter', 'version'=>'1.2.3', 'thumbnail'=>'/images/webapps/laravel-thumb.png' ],
-    [ 'name'=>'Symfony', 'group'=>'starter', 'version'=>'1.2.3', 'thumbnail'=>'/images/webapps/symfony-thumb.png' ],
+    [ 'name'=>'Laravel', 'group'=>'starter', 'enabled'=>false, 'version'=>'1.2.3', 'thumbnail'=>'/images/webapps/laravel-thumb.png' ],
+    [ 'name'=>'Symfony', 'group'=>'starter', 'enabled'=>false, 'version'=>'1.2.3', 'thumbnail'=>'/images/webapps/symfony-thumb.png' ],
 ];
 
 // Check GET request
@@ -58,7 +58,7 @@
 }
 
 // Check POST request
-if (!empty($_POST['ok'])) {
+if (!empty($_POST['ok']) && !empty($_GET['app']) ) {
 
     // Check token
     if ((!isset($_POST['token'])) || ($_SESSION['token'] != $_POST['token'])) {
@@ -67,9 +67,19 @@
     }
 
     if ($installer) {
-        if (!$installer->execute($_POST)){
-            $result = $installer->getStatus();
-            $_SESSION['error_msg'] = implode(PHP_EOL, $result);
+        try{
+            if (!$installer->execute($_POST)){
+                $result = $installer->getStatus();
+                $_SESSION['error_msg'] = implode(PHP_EOL, $result);
+            } else {
+                $_SESSION['ok_msg'] = htmlspecialchars($_GET['app']) . " App was installed succesfully !";
+                header('Location: /add/webapp/?domain=' . $v_domain);
+                exit();
+            }
+        } catch (Exception $e) {
+            $_SESSION['error_msg'] = $e->getMessage();
+            header('Location: /add/webapp/?app='.rawurlencode($_GET['app']).'&domain=' . $v_domain);
+            exit();
         }
     }
 }

web/css/styles.min.css

@@ -1138,6 +1138,15 @@ form#vstobjects .alert {
 
 }
 
+.card.disable {
+  color: #b6b6b6;
+}
+
+.card.disable .card-thumb {
+  filter: grayscale(100%);
+  opacity: 0.3;
+}
+
 .card:nth-child(4n+1) {
   clear:left;
 }

web/templates/admin/add_webapp.html

@@ -32,7 +32,7 @@
 
         <div class="app-list cards" >
             <?php foreach($v_web_apps as $webapp):?>
-                <div class="card">
+                <div class="card <?=($webapp['enabled']?'':'disable')?>" >
                     <span class="card-thumb"><img src="<?=$webapp['thumbnail']?>"></span>
                     <div class="card-details">
                         <p class="card-title"><?=$webapp['name']?></p>