Added new gifs. Removed old gifs. Updated readme, dockerfile, notes

Co-authored-by: Ellis <[email protected]>
Co-authored-by: Chris <[email protected]>
Co-authored-by: Joseph <[email protected]>
Co-authored-by: Dylan <[email protected]>
Co-authored-by: Aiden <[email protected]>

Author: 5 people

Makefile

@@ -85,6 +85,7 @@ prepare-buildx: ## Create buildx builder for multi-arch build, if not exists
 
 
 ## DEPLOYMENT: type 'make help' and follow every single step before pushing up with 'make push-extension'
+## NOTE: validate-prod and prepare-buildx may fail during deployment steps. If so, ignore and move on to next steps in the 'make help' process
 
 ## Pushing one image will push all the others it references in the chain. push-extension will push everything to docker hub
 push-extension: prepare-buildx## Build & Upload extension image to hub. Do not push if VERSION already exists: make push-extension VERSION=0.1

README.md

@@ -100,23 +100,23 @@ Docketeer is an open source initiative comprising contributions from dozens of t
     <p>Container Page:</p>
     <img alt="Containers Page" src="assets\containerTab-new.gif" width="fit" height="auto">
     <p>Image Page:</p>
-    <img alt="Image Page 1" src="assets\vulnerabilities.gif" width="fit" height="auto">
-    <p>Image Page - Pie Chart, Save & Rescan:</p>
-    <img alt="Image Page 2" src="assets\imageTab2-new.gif" width="fit" height="auto">
-    <p>Image Page - Time-series Graph:</p>
-    <img alt="Image Page 3" src="assets\imageTab3-new.gif" width="fit" height="auto">
+    <img alt="Image Page" src="assets\images.gif" width="fit" height="auto">
+    <p>Image Page - Visualization:</p>
+    <img alt="Image Page - Visualizatio" src="assets\visualization.gif" width="fit" height="auto">
+    <p>Image Page - Time Series:</p>
+    <img alt="Image Page - Time Series" src="assets\TimeSeries.gif" width="fit" height="auto">
     <p>Image Page High Contrast:</p>
     <img alt="High Contrast" src="assets\highContrast.gif" width="fit" height="auto">
     <p>Container Metrics Page:</p>
     <img alt="Container Metrics Page" src="assets\metricTab-new.gif" width="fit" height="auto">
     <p>Configuration Page:</p>
-    <img alt="Configuration Page" src="assets\configGifs.gif" width="fit" height="auto">
+    <img alt="Configuration Page" src="assets\configGif.gif" width="fit" height="auto">
     <p>Kubernetes Page (In Development):</p>
     <img alt="Kubernates Metrics Page" src="assets\k8Tab-new.gif" width="fit" height="auto">
     <p>Volume Page:</p>
     <img alt="Volume Page" src="assets\volumes.png" width="fit" height="auto">
     <p>Other Tab Demo:</p>
-    <img alt="Others gif" src="assets\hamburgerTab-new.gif" width="fit" height="auto">
+    <img alt="Others gif" src="assets\other.gif" width="fit" height="auto">
     <p>Spooler:</p>
     <img alt="Spooler" src="assets\Spooler.gif" width="fit" height="auto">
   </div>

assets/TimeSeries.gif

@@ -7,6 +7,7 @@
 * Some imports (such as .scss) are flagged as errors because TS does not recognize them as modules. Method to fix this exists (see `declarations.d.ts`). However, implementing this causes build issues, since TS now checks for all errors on build. Best solution would be to fix errors that appear.
 * Still no Kubernetes monitoring metrics. More specifically, no clear solution to replace current workaround of manually starting and port-forwarding Kubernetes (i.e. Minikube) to extension (see `docs/DevGettingStarted.md` for manual instructions). Was originally an MVP, but would not recommend future groups to tackle this as an MVP, as the purpose was more for a development environment rather than user experience. Ideally, user would spin up their own cluster for monitoring, as opposed to some template Minikube cluster.
 * Snapshots for Metrics do successfully save and load from SQL database. However, when selecting a date to retrieve, text does not appear after selection.
+* Refreshing while on the Volumes page causes volumes to disappear. Will reappear when going to another tab and coming back.
 
 ***Pre Docketeer 19.0 Issues***
 * Container metrics in browser does not appear due to CLI configurations from a previous group (see DevGettingStarted).

assets/configGifs.gif renamed to assets/configGif.gif

@@ -7,6 +7,7 @@
 - **PostgreSQL to MongoDB for Prometheus:** Previously implemented SQL database for was initialized with dummy data and did not actually grab Prometheus configurations. Migrated Prometheus database to existing MongoDB and added functionality in Configuration page to save modified Prometheus configurations.
 - **Network and ListReducer Tests:** Revamped `Network` and `ListReducer` tests with updated endpoints and various bug fixes. Tests are now functional and pass.
 - **Updated Vulnerability Color Themes:** Updated color gradient to make vulnerability severity levels more intuitive.
+- **Standardized card styles:** Standardized styles across pages for a more professional look.
 - **High Contrast Mode:** Added the ability to toggle high contrast mode on and off for vulnerability scan snapshot to increase accessibility for users with red-green color deficiency.
 - **Expanded Vulnerability Info:** Added Fixed in version and link to more information to each Grype scan vulnerability.
 - **Loading Messages/Graphics** Adding loading messages as well as MUI CircularProgress component to 'Containers' and 'Images' pages on UI to indicate ongoing fetch request and avoid perceived inactivity.

assets/hamburgerTab-new.gif

@@ -53,19 +53,21 @@ LABEL org.opencontainers.image.title="Docketeer" \
   com.docker.desktop.extension.icon="https://i.ibb.co/VqkYZPy/docketeer-logo-light.png" \
   # Change GIFs if needed --> Log into https://imgbb.com/ and update GIFs if needed!
   com.docker.extension.screenshots='[{"alt":"Containers page","url":"https://i.ibb.co/6HcTQzQ/container-Tab-new.gif"}, \
-  {"alt":"Image page 1","url":"https://i.ibb.co/VD3P6RG/image-Tab1-new.gif"}, \
-  {"alt":"Image page 2","url":"https://i.ibb.co/YWG5BCr/image-Tab2-new.gif"}, \
-  {"alt":"Image page 3","url":"https://i.ibb.co/wpVVNLj/image-Tab3-new.gif"}, \
+  {"alt":"Image page","url":"https://i.ibb.co/PmXMx30/images.gif"}, \
+  {"alt":"Image page - Visualization","url":"https://i.ibb.co/LtHq7BP/visualization.gif"}, \
+  {"alt":"Image page - Time Series","url":"https://i.ibb.co/mXwpp6S/Time-Series.gif"}, \
   {"alt":"Metrics page","url":"https://i.ibb.co/Ms4FshF/metric-Tab-new.gif"}, \
+  {"alt":"Configuration page","url":"https://i.ibb.co/FzBMBJG/config-Gif.gif"}, \
   {"alt":"Kubernetes page","url":"https://i.ibb.co/44Yq102/k8-Tab-new.gif"}, \
   {"alt":"Other page","url":"https://i.ibb.co/7vMSNGQ/hamburger-Tab-new.gif"}]' \
-  com.docker.extension.detailed-description=" <h3>What's New In Version 18.0.0?</h3> \
+  com.docker.extension.detailed-description=" <h3>What's New In Version 19.0.0?</h3> \
   <ul> \
   <li><strong>New updated UI and utilities.</strong></li> \
-  <li>More vulnerability info such as packages name & CVE ID with link.</li> \
-  <li>Data visualization graph for each image.</li> \
-  <li>Users can now <strong>Rescan</strong> to bypass Redis Caching from Version 17.</li> \
-  <li>Ability to <strong>Save Scan</strong> and retrieve history scans to compare on a time series graph.</li> \
+  <li>Continued functionality of vulnerability caching via Memcached.</li> \
+  <li>Configuration page to read, modify, apply, and save Prometheus configurations.</li> \
+  <li>Vulnerability info on package fix versions and links for both CVE and GHSA vulnerabilities.</li> \
+  <li>New color scheme for readability, and high contrast mode for color-deficient users.</li> \
+  <li>Bug fixes and standardize styling for a more consistent user experience.</li> \
   </ul> \
   <h3>Description</h3> \
   <p>Greetings, fellow space traveler! We're thrilled that you've chosen our application to help you navigate and explore the vast universe of Docker infrastructure. As a Docketeer, you know that real-time tracking of metrics and logs is essential for staying ahead of potential issues and optimizing your workflows. Our extension provides you with the tools you need to take control of your Docker images, containers, volumes, and logs. With an intuitive interface, you can easily make the necessary adjustments to ensure a smooth journey through the cosmos of your Docker environment.</p> \
@@ -75,7 +77,7 @@ LABEL org.opencontainers.image.title="Docketeer" \
   com.docker.extension.publisher-url="https://docketeer.io/" \
   com.docker.extension.additional-urls='[{"title":"Extension-Github","url":"https://github.com/open-source-labs/docketeer-extension"},{"title":"Email","url":"mailto:[email protected]"},{"title":"LinkedIn","url":"https://www.linkedin.com/company/docketeer/"}]' \
   com.docker.extension.categories="utility-tools" \
-  com.docker.extension.changelog=" Visit: https://github.com/open-source-labs/Docketeer-extension/blob/master/docs/changelogs/docketeer18.notes.md"
+  com.docker.extension.changelog=" Visit: https://github.com/open-source-labs/Docketeer-extension/blob/master/docs/changelogs/docketeer19.notes.md"
 
 # Installs curl
 RUN apk --no-cache add curl