Web App installer: started implementation

Author: Lupul

web/add/webapp/index.php

@@ -0,0 +1,62 @@
+<?php
+error_reporting(NULL);
+ob_start();
+$TAB = 'WEB';
+
+// Main include
+include($_SERVER['DOCUMENT_ROOT']."/inc/main.php");
+
+// Check domain argument
+if (empty($_GET['domain'])) {
+    header("Location: /list/web/");
+    exit;
+}
+
+// Edit as someone else?
+if (($_SESSION['user'] == 'admin') && (!empty($_GET['user']))) {
+    $user=escapeshellarg($_GET['user']);
+}
+
+// Get all user domains 
+exec (HESTIA_CMD."v-list-web-domains ".escapeshellarg($user)." json", $output, $return_var);
+$user_domains = json_decode(implode('', $output), true);
+$user_domains = array_keys($user_domains);
+unset($output);
+
+// List domain
+$v_domain = $_GET['domain'];
+if(!in_array($v_domain, $user_domains)) {
+    header("Location: /list/web/");
+    exit;
+}
+
+$v_web_apps = [
+    [ 'name'=>'Wordpress', 'group'=>'cms','version'=>'1.2.3', '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'=>'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'=>'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' ],
+
+];
+
+// Check POST request
+if (!empty($_POST['ok'])) {
+
+    // Check token
+    if ((!isset($_POST['token'])) || ($_SESSION['token'] != $_POST['token'])) {
+        header('location: /login/');
+        exit();
+    }
+}
+
+// Render page
+render_page($user, $TAB, 'add_webapp');
+
+// Flush session messages
+unset($_SESSION['error_msg']);
+unset($_SESSION['ok_msg']);

web/css/styles.min.css

@@ -1114,6 +1114,74 @@ form#vstobjects .alert {
   width: 380px;
 }
 
+.app-list.cards {
+  xdisplay: flex;
+  xflex-wrap: wrap;
+  align-content: center;
+  margin-bottom: 10rem;
+
+}
+
+
+.card {
+  float:left;
+  overflow: hidden;
+  border:1px solid #e6e6e6;
+  box-sizing: border-box;
+  width:200px;
+  min-height:260px;
+  margin-top:3em;
+  margin-right:3em;
+  box-shadow: 0px 0px 3px rgba(0,0,0,0.1);
+  color: #353535;
+
+}
+
+.card:nth-child(4n+1) {
+  clear:left;
+}
+.card:nth-child(4n) {
+  margin-right:0;
+}
+
+.card .card-details {
+  font-size: 0.8rem;
+  background-color: #f5f5f5;
+  padding: 0.5em 0.8em;
+  border-top: 1px solid #e6e6e6;
+  text-align: center;
+
+}
+.card .card-details p {
+  margin: 0 0 0.3em 0;
+  font-size: 1em;
+  text-align: left;
+}
+
+.card p.card-title {
+  font-size: 1.2em;
+  font-weight: 500;
+}
+
+.card .card-thumb {
+  background-color: #fff;
+  display: block;
+  height: 180px;
+  width: 200px;
+  text-align: center;
+}
+.card .card-thumb img {
+  max-height: 180px;
+  max-width: 200px;
+  height: auto;
+  width: auto;
+
+}
+
+.card button {
+  margin:0.3em;
+}
+
 .l-stat {
   margin: 34px auto;
   position: fixed;