cState v4.0 Final (#82)

cState v4.0 Final

2 files changed, 58 insertions, 29 deletions

diff --git a/static/admin/config.yml b/static/admin/config.yml
index 14e45d1..ffff761 100644
--- a/static/admin/config.yml
+++ b/static/admin/config.yml
@@ -29,6 +29,7 @@ collections:
       - {label: "Title", name: "title", widget: "string"}
       - {label: "Start date & time (your time) ⌚", name: "date", widget: "datetime"}
       - {label: "Mark as resolved ✔", name: "resolved", widget: "boolean", required: false, default: false}
+      - {label: "Mark as informational ℹ", name: "informational", widget: "boolean", required: false, default: false}
       - {label: "End date & time (your time) ⌛", name: "resolvedWhen", widget: "datetime", required: false}
       - label: "Affected systems (use exact name, separated by commas) 🧐"
         name: "affected"
@@ -38,9 +39,9 @@ collections:
         name: "severity"
         widget: "select"
         options:
-          - { label: "High (Down)", value: "down" }
-          - { label: "Medium (Disrupted)", value: "disrupted" }
-          - { label: "Low (Announcement)", value: "notice" }
+          - { label: "High (Down) ◼ ", value: "down" }
+          - { label: "Medium (Disrupted) ▲", value: "disrupted" }
+          - { label: "Low (Announcement) ◆", value: "notice" }
       - label: "Markdown body (sequence of events, description, post-mortem)"
         name: "body"
         widget: "markdown"
@@ -113,9 +114,20 @@ collections:
                 allow_add: true
                 fields:
                 - {label: "Name", name: "name", widget: string}
+                - {label: "Category", hint: "All systems need a category. For more, read the migration docs: https://github.com/cstate/cstate/wiki/Usage#v3-to-v4", name: "category", widget: string}
                 - {label: "Description", name: "description", widget: string, required: false}
                 - {label: "Partial", hint: "Custom HTML feature: https://github.com/cstate/cstate/wiki/Customization#custom-html", name: "partial", widget: string, required: false}
-              # Components
+              # Categories
+              - label: "Categories"
+                name: "categories"
+                widget: "list"
+                allow_add: true
+                fields:
+                - {label: "Name", name: "name", widget: string}
+                - {label: "Description", name: "description", widget: string, required: false}
+                - {label: "Should this category be open by default", name: "closed", widget: "boolean", required: false}
+                - {label: "Should the name of this category be shown? If you want to create the appearance of an Uncategorized category, enable this.", name: "untited", widget: "boolean", required: false}
+              # Tabs
               - label: "Tabs"
                 hint: 'You can add extra tabs below the main homepage summary, for example, to external sites, monitoring services, as shown in the example below. Try Uptime Robot!'
                 name: "customTabs"
@@ -163,13 +175,6 @@ collections:
                 name: 'description'
                 widget: 'text'
                 default: 'We continuously monitor the status of our services and if there are any interruptions, a note will be posted here.'
-              # Refresh
-              - label: 'Auto refresh status'
-                name: 'autoRefresh'
-                widget: 'boolean'
-                hint: 'This does nothing but refresh the page around every 5 minutes; it does not send alerts! May also have issues on some browsers.'
-                required: false
-                default: true
               # Incidents per page
               - label: 'Incident posts shown in one page'
                 name: 'incidentPostsPerPage'
@@ -179,15 +184,15 @@ collections:
                 min: 1
                 max: 100
                 default: 10
-              # Incident history view
-              - label: "Yearly or monthly incident history / archival view"
-                hint: 'If you enable any of the sorting options, pagination will be disabled.'
-                name: "incidentHistoryFormat"
-                widget: "select"
+              # Incidents view format
+              - label: 'Should the incident history be sorted by year or month?'
+                name: 'incidentHistoryFormat'
+                hint: 'Enabling sorting disables pagination. More: https://github.com/cstate/cstate/wiki/Customization#enable-sorting--archives-by-year-or-month-v40'
+                widget: 'select'
                 options:
-                  - { label: "Disabled", value: "none" }
-                  - { label: "Yearly", value: "yearly" }
-                  - { label: "Monthly", value: "monthly" }
+                  - { label: "Show by year", value: "yearly" }
+                  - { label: "Show by month", value: "monthly" }
+                  - { label: "No sorting; enable pagination", value: "none" }
               # Brand color
               - label: 'Header: always keep brand color the same'
                 name: 'alwaysKeepBrandColor'
@@ -196,30 +201,30 @@ collections:
                 default: true
               # Colors
               - label: 'Site HEX color: Brand'
-                hint: 'Should not have # mark. Default: 181818'
+                hint: 'Use any color type, even rgb() works. We recommend HEX: #123456. Default: #0a0c0f'
                 name: 'brand'
                 widget: 'string'
-                default: '181818'
+                default: '#0a0c0f'
               - label: 'Site HEX color: Operational / OK'
-                hint: 'Should not have # mark. Default: 228B22'
+                hint: 'Use any color type, even rgb() works. We recommend HEX: #123456. Default: #008000'
                 name: 'ok'
                 widget: 'string'
-                default: '228B22'
+                default: '#008000'
               - label: 'Site HEX color: Disrupted'
-                hint: 'Should not have # mark. Default: FF8C00'
+                hint: 'Use any color type, even rgb() works. We recommend HEX: #123456. Default: #cc4400'
                 name: 'disrupted'
                 widget: 'string'
-                default: 'FF8C00'
+                default: '#cc4400'
               - label: 'Site HEX color: Down / Offline / Major'
-                hint: 'Should not have # mark. Default: DC143C'
+                hint: 'Use any color type, even rgb() works. We recommend HEX: #123456. Default: #e60000'
                 name: 'down'
                 widget: 'string'
-                default: 'DC143C'
+                default: '#e60000'
               - label: 'Site HEX color: Notice'
-                hint: 'Should not have # mark. Default: 708090'
+                hint: 'Use any color type, even rgb() works. We recommend HEX: #123456. Default: #24478f'
                 name: 'notice'
                 widget: 'string'
-                default: '708090'
+                default: '#24478f'
               # Google Analytics
               - label: 'Google Analytics tracking code'
                 hint: 'By default, cState does not use Google Analytics. If you choose to use it, you may change the placeholder code below to your own and thereby enable the tracking service. If you set the value back to UA-00000000-1, the code will once again be removed.'
@@ -240,3 +245,22 @@ collections:
             widget: "hidden"
             fields:
               - {label: "affected", name: "affected", widget: "hidden", default: "affected"}
+          - label: "outputs (Do not touch!)"
+            name: outputs
+            widget: "hidden"
+            fields:
+              - label: "page"
+                name: page
+                widget: "list"
+                allow_add: false
+                default: ['html', 'json']
+              - label: "section"
+                name: section
+                widget: "list"
+                allow_add: false
+                default: ['html', 'json', 'rss']
+              - label: "home"
+                name: home
+                widget: "list"
+                allow_add: false
+                default: ['html', 'json', 'rss']
diff --git a/static/admin/index.html b/static/admin/index.html
index 595add0..3071a98 100644
--- a/static/admin/index.html
+++ b/static/admin/index.html
@@ -33,6 +33,11 @@
             var resultOfState = 'This incident has been resolved.';
           }
 
+          if (entry.getIn(['data', 'informational']) === true) {
+            var resultOfStateProps = {"class": "green"};
+            var resultOfState = '';
+          }
+          
 
           return h('div', {},
             h('h1', {}, entry.getIn(['data', 'title'])),