Support for app categories in docker integration (#8)

* initial support for app categories in docker integration

* fixed readme examples for docker integration and some fixes to integration

* fix obtaining category from container label

* hide edit actions for default categories (such as Docker)

README.md

@@ -159,6 +159,7 @@ labels:
   - flame.type=application # "app" works too
   - flame.name=My container
   - flame.url=https://example.com
+  - flame.category=My category # Optional, default is "Docker"
   - flame.icon=icon-name # Optional, default is "docker"
 # - flame.icon=custom to make changes in app. ie: custom icon upload
 ```

client/src/components/Apps/AppForm/AppForm.tsx

@@ -98,7 +98,7 @@ const AppForm = (props: ComponentProps): JSX.Element => {
         if (appData.categoryId === -1) {
           props.createNotification({
             title: 'Error',
-            message: 'Please select category'
+            message: 'Please select a category'
           })
           return;
         }

client/src/components/Apps/AppTable/AppTable.tsx

@@ -162,7 +162,7 @@ const AppTable = (props: ComponentProps): JSX.Element => {
                               style={style}
                             >
                               <td>{category.name}</td>
-                              {!snapshot.isDragging && (
+                              {!snapshot.isDragging && category.id >= 0 && (
                                 <td className={classes.TableActions}>
                                   <div
                                     className={classes.TableAction}

client/src/components/Apps/Apps.tsx

@@ -94,7 +94,7 @@ const Apps = (props: ComponentProps): JSX.Element => {
   };
 
   const instanceOfCategory = (object: any): object is Category => {
-    return "apps" in object;
+    return !("categoryId" in object);
   };
 
   const goToUpdateMode = (data: Category | App): void => {

client/src/components/Home/Home.tsx

@@ -152,7 +152,7 @@ const Home = (props: ComponentProps): JSX.Element => {
             <AppGrid
               categories={
                   !localSearch
-                    ? appCategories.filter((category: Category) => category.isPinned)
+                    ? appCategories.filter((category: Category) => category.isPinned && category.apps.length > 0)
                     : searchInCategories(localSearch, appCategories)
               }
               apps={
@@ -181,7 +181,7 @@ const Home = (props: ComponentProps): JSX.Element => {
             <BookmarkGrid
               categories={
                 !localSearch
-                  ? bookmarkCategories.filter((category: Category) => category.isPinned)
+                  ? bookmarkCategories.filter((category: Category) => category.isPinned && category.bookmarks.length > 0)
                   : searchInCategories(localSearch, bookmarkCategories)
               }
               bookmarks={

controllers/apps.js

@@ -5,6 +5,8 @@ const Config = require('../models/Config');
 const { Sequelize } = require('sequelize');
 const axios = require('axios');
 const Logger = require('../utils/Logger');
+const Category = require('../models/Category');
+const { dockerDefaultCategory } = require('./category');
 const logger = new Logger();
 const k8s = require('@kubernetes/client-node');
 
@@ -89,7 +91,18 @@ exports.getApps = asyncWrapper(async (req, res, next) => {
         order: [[orderType, 'ASC']],
       });
 
+<<<<<<< HEAD
       containers = containers.filter((e) => Object.keys(e.Labels).length !== 0);
+=======
+      const categories = await Category.findAll({
+        where: {
+          type: 'apps'
+        },
+        order: [[orderType, 'ASC']]
+      });
+
+      containers = containers.filter(e => Object.keys(e.Labels).length !== 0);
+>>>>>>> e1a46b7 (Support for app categories in docker integration (#8))
       const dockerApps = [];
       for (const container of containers) {
         const labels = container.Labels;
@@ -99,6 +112,7 @@ exports.getApps = asyncWrapper(async (req, res, next) => {
           'flame.url' in labels &&
           /^app/.test(labels['flame.type'])
         ) {
+<<<<<<< HEAD
           for (let i = 0; i < labels['flame.name'].split(';').length; i++) {
             const names = labels['flame.name'].split(';');
             const urls = labels['flame.url'].split(';');
@@ -114,6 +128,19 @@ exports.getApps = asyncWrapper(async (req, res, next) => {
               icon: icons[i] || 'docker',
             });
           }
+=======
+          const app = {
+            name: labels['flame.name'],
+            url: labels['flame.url'],
+            icon: labels['flame.icon'] || 'docker',
+            categoryId: dockerDefaultCategory.id
+          }
+          if (labels['flame.category']) {
+            const category = categories.find(category => category.name.toUpperCase() === labels['flame.category'].toUpperCase());
+            app.categoryId = category ? category.id : dockerDefaultCategory.id
+          }
+          dockerApps.push(app);
+>>>>>>> e1a46b7 (Support for app categories in docker integration (#8))
         }
       }
 

controllers/category.js

@@ -5,6 +5,14 @@ const Bookmark = require('../models/Bookmark');
 const Config = require('../models/Config');
 const { Sequelize } = require('sequelize');
 
+exports.dockerDefaultCategory = {
+  id: -2,
+  name: "Docker",
+  type: "apps",
+  isPinned: true,
+  orderId: 99,
+};
+
 // @desc      Create new category
 // @route     POST /api/categories
 // @access    Public
@@ -73,6 +81,7 @@ exports.getCategories = asyncWrapper(async (req, res, next) => {
       ],
       order: [[orderType, 'ASC']],
     });
+    categories.push(exports.dockerDefaultCategory);
   }
 
   res.status(200).json({
@@ -100,6 +109,9 @@ exports.getCategory = asyncWrapper(async (req, res, next) => {
   });
 
   if (!category) {
+    if (req.params.id === exports.dockerDefaultCategory.id) {
+      category = exports.dockerDefaultCategory;
+    } else {
       return next(
         new ErrorResponse(
           `Category with id of ${req.params.id} was not found`,
@@ -107,6 +119,7 @@ exports.getCategory = asyncWrapper(async (req, res, next) => {
         )
       );
     }
+  }
 
   res.status(200).json({
     success: true,

models/Category.js

@@ -9,7 +9,7 @@ const Category = sequelize.define('Category', {
   type: {
     type: DataTypes.STRING,
     allowNull: false,
-    defaultValue: 'bookmark' // Default value for database migration only
+    defaultValue: 'bookmarks' // Default value for database migration only
   },
   isPinned: {
     type: DataTypes.BOOLEAN,