React Refactoring

.eslintcache

@@ -0,0 +1 @@
+[{"/opt/Calico/pattoo-web/src/index.js":"1","/opt/Calico/pattoo-web/src/routes/ProtectedRoute.js":"2","/opt/Calico/pattoo-web/src/components/Login/Login.js":"3","/opt/Calico/pattoo-web/src/components/Dashboard/Dashboard.js":"4","/opt/Calico/pattoo-web/src/utils/query/query.js":"5","/opt/Calico/pattoo-web/src/hooks/useBreakpoint.js":"6","/opt/Calico/pattoo-web/src/hooks/Transition.js":"7","/opt/Calico/pattoo-web/src/components/Sidebar/Sidebar.js":"8","/opt/Calico/pattoo-web/src/components/Header/Header.js":"9","/opt/Calico/pattoo-web/src/components/DataCard/DataCard.js":"10","/opt/Calico/pattoo-web/src/components/StatCard/StatCard.js":"11","/opt/Calico/pattoo-web/src/tailwind.config.js":"12","/opt/Calico/pattoo-web/src/components/FavoriteItem/FavoriteItem.js":"13","/opt/Calico/pattoo-web/src/utils/api/index.js":"14","/opt/Calico/pattoo-web/src/utils/api/api.js":"15","/opt/Calico/pattoo-web/src/components/Graphcard/Graphcard.js":"16"},{"size":1819,"mtime":1612597968591,"results":"17","hashOfConfig":"18"},{"size":584,"mtime":1612596710720,"results":"19","hashOfConfig":"18"},{"size":1785,"mtime":1613266475655,"results":"20","hashOfConfig":"18"},{"size":2935,"mtime":1613267432844,"results":"21","hashOfConfig":"18"},{"size":1340,"mtime":1613266929256,"results":"22","hashOfConfig":"18"},{"size":369,"mtime":1613263221014,"results":"23","hashOfConfig":"18"},{"size":3101,"mtime":1613263221014,"results":"24","hashOfConfig":"18"},{"size":4064,"mtime":1613267033881,"results":"25","hashOfConfig":"18"},{"size":2354,"mtime":1613268275943,"results":"26","hashOfConfig":"18"},{"size":995,"mtime":1613267033829,"results":"27","hashOfConfig":"18"},{"size":955,"mtime":1613267033889,"results":"28","hashOfConfig":"18"},{"size":20700,"mtime":1613263221074,"results":"29","hashOfConfig":"18"},{"size":494,"mtime":1613263220998,"results":"30","hashOfConfig":"18"},{"size":199,"mtime":1609840220787,"results":"31","hashOfConfig":"18"},{"size":3672,"mtime":1612598345882,"results":"32","hashOfConfig":"18"},{"size":1767,"mtime":1613267033857,"results":"33","hashOfConfig":"18"},{"filePath":"34","messages":"35","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"1xi6qq3",{"filePath":"36","messages":"37","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"38","messages":"39","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"40","messages":"41","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"42","messages":"43","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"44","messages":"45","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"46","messages":"47","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"48","messages":"49","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"50","messages":"51","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"52","messages":"53","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"54","messages":"55","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"56","messages":"57","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"58","messages":"59","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"60","messages":"61","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"62","messages":"63","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"64","messages":"65","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"/opt/Calico/pattoo-web/src/index.js",[],"/opt/Calico/pattoo-web/src/routes/ProtectedRoute.js",[],"/opt/Calico/pattoo-web/src/components/Login/Login.js",[],"/opt/Calico/pattoo-web/src/components/Dashboard/Dashboard.js",[],"/opt/Calico/pattoo-web/src/utils/query/query.js",[],"/opt/Calico/pattoo-web/src/hooks/useBreakpoint.js",[],"/opt/Calico/pattoo-web/src/hooks/Transition.js",[],"/opt/Calico/pattoo-web/src/components/Sidebar/Sidebar.js",[],"/opt/Calico/pattoo-web/src/components/Header/Header.js",[],"/opt/Calico/pattoo-web/src/components/DataCard/DataCard.js",[],"/opt/Calico/pattoo-web/src/components/StatCard/StatCard.js",[],"/opt/Calico/pattoo-web/src/tailwind.config.js",[],"/opt/Calico/pattoo-web/src/components/FavoriteItem/FavoriteItem.js",[],"/opt/Calico/pattoo-web/src/utils/api/index.js",[],"/opt/Calico/pattoo-web/src/utils/api/api.js",[],"/opt/Calico/pattoo-web/src/components/Graphcard/Graphcard.js",[]]

.eslintrc.json

@@ -0,0 +1,26 @@
+{
+  "extends": [
+    "eslint:recommended",
+    "plugin:react/recommended",
+    "plugin:import/errors",
+    "plugin:jsx-a11y/recommended"
+  ],
+
+
+  "env": {
+    "browser": true,
+    "es2020": true
+  },
+
+  "parserOptions": {
+    "ecmaFeatures": {
+      "jsx": true
+    },
+    "ecmaVersion": 11,
+    "sourceType": "module"
+  },
+
+  "plugins": ["react", "import", "jsx-a11y"],
+
+  "rules": {}
+}

.gitignore

@@ -1,152 +1,28 @@
-###############################################################################
-# Pattoo exlcusions
-###############################################################################
-
-# Ignore files in these directories and ALL subdirectories
-# _AND_ maintain the directory structure
-
-etc/**
-!etc/.gitkeep
-log/**
-!log/.gitkeep
-cache/**
-!cache/.gitkeep
-daemon/**
-!daemon/.gitkeep
-
-###############################################################################
-# Vim editor files
-###############################################################################
-
-# Created by https://www.gitignore.io/api/vim
-
-### Vim ###
-# Swap
-[._]*.s[a-v][a-z]
-[._]*.sw[a-p]
-[._]s[a-rt-v][a-z]
-[._]ss[a-gi-z]
-[._]sw[a-p]
-
-# Session
-Session.vim
-Sessionx.vim
-
-# Temporary
-.netrwhist
-*~
-# Auto-generated tag files
-tags
-# Persistent undo
-[._]*.un~
-
-# End of https://www.gitignore.io/api/vim
-
-###############################################################################
-# Generic Python Exlcusions (Provided by GitHub)
-###############################################################################
-
-# Byte-compiled / optimized / DLL files
-__pycache__/
-*.py[cod]
-*$py.class
-
-# C extensions
-*.so
-
-# Distribution / packaging
-.Python
-build/
-develop-eggs/
-dist/
-downloads/
-eggs/
-.eggs/
-lib/
-lib64/
-parts/
-sdist/
-var/
-wheels/
-*.egg-info/
-.installed.cfg
-*.egg
-MANIFEST
-
-# PyInstaller
-#  Usually these files are written by a python script from a template
-#  before PyInstaller builds the exe, so as to inject date/other infos into it.
-*.manifest
-*.spec
-
-# Installer logs
-pip-log.txt
-pip-delete-this-directory.txt
-
-# Unit test / coverage reports
-htmlcov/
-.tox/
-.coverage
-.coverage.*
-.cache
-nosetests.xml
-coverage.xml
-*.cover
-.hypothesis/
-.pytest_cache/
-
-# Translations
-*.mo
-*.pot
-
-# Django stuff:
-*.log
-local_settings.py
-db.sqlite3
-
-# Flask stuff:
-instance/
-.webassets-cache
-
-# Scrapy stuff:
-.scrapy
-
-# Sphinx documentation
-docs/_build/
-
-# PyBuilder
-target/
-
-# Jupyter Notebook
-.ipynb_checkpoints
-
-# pyenv
-.python-version
-
-# celery beat schedule file
-celerybeat-schedule
-
-# SageMath parsed files
-*.sage.py
-
-# Environments
-.env
-.venv
-env/
-venv/
-ENV/
-env.bak/
-venv.bak/
-
-# Spyder project settings
-.spyderproject
-.spyproject
-
-# Rope project settings
-.ropeproject
-
-# mkdocs documentation
-/site
-
-# mypy
-.mypy_cache/
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+.eslintcache
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+.eslintcache
+# Ignoring pycache
+**__pycache__

.travis.yml

@@ -1,31 +1,16 @@
-# Run on ubuntu
-dist: bionic
+language: node_js
+node_js:
+  - 14
 
-# Don't use
-sudo: false
+# Caches dependencies
+cache:
+  directories:
+    - node_modules
 
-# Define the language and versions that infoset is written in
-language: python
-python:
-  - 3.6
+# Installs all require modules before testing
+before_script:
+  - npm install
 
-# Run tests only against the master branch
-# branches:
-#   only:
-#     - master
-
-# Setup services
-services:
-  - mysql
-
-# Setup global environmental variables
-env:
-    - PYTHONPATH=./ PATTOO_CONFIGDIR=$HOME/.pattoo-web-unittests/config
-
-# Install PIP packages and create a temporary config file before installing
-before_install:
-    - pip install -r pip_requirements.txt
-    - tests/bin/unittest_setup.py
-
-# Run the unittest scripts
-script: tests/bin/do_all_tests.py
+# Runs all unittests
+script:
+  - npm run test

CONTRIBUTORS.rst

@@ -0,0 +1,10 @@
+Contributions to the project
+============================
+
+In chronological order:
+
+* Peter Harrison <http://www.simiya.com>
+  * Creator of original code
+
+* [Your name or handle] <[email or website]>
+  * [Brief summary of your changes]

Dockerfile

@@ -0,0 +1,45 @@
+# Use ubuntu as base image
+FROM ubuntu:latest
+
+# Metadata
+LABEL version="1.0"
+LABEL maintainers="Jason Gayle, Peter Harrison"
+
+
+# Update packages
+RUN apt-get update && apt-get upgrade -y
+
+# Install 
+RUN apt-get update \
+  && apt-get install -y python3-pip python3-dev \
+  && cd /usr/local/bin \
+  && ln -s /usr/bin/python3 python \
+  && pip3 install --upgrade pip
+
+# Set Debian frontend
+ARG DEBIAN_FRONTEND=noninteractive
+
+
+# Set working directorya
+WORKDIR "/pattoo-web"
+
+# Install systemd
+RUN apt-get install -y systemd
+
+
+# Copy Pattoo contents
+
+# Copy Pattoo web contents
+COPY . /pattoo-web
+
+# Expose ports
+EXPOSE 20201
+EXPOSE 20200
+EXPOSE 20202
+
+# Install configuration
+RUN setup/install.py install configuration
+
+
+# Start systemd
+CMD ["/usr/bin/systemd"]

README.rst

@@ -6,6 +6,19 @@ pattoo-web
 
 ``pattoo-web`` is a web GUI to view IoT data stored on ``pattoo`` servers.
 
+Setup and Running pattoo-web
+============================
+
+`Pattoo-web` udpated to run as ReactJS application and utilizes various
+third-party ReactJS modules.
+
+.. code-block:: bash
+
+    cd pattoo_web
+    npm install
+    npm start
+
+
 Introduction
 ============