Fix broken badge hyperping

etalab · Jul 29, 2024 · e6c35b1 · e6c35b1
1 parent 8c6f785
commit e6c35b1
Show file tree

Hide file tree

Showing 3 changed files with 30 additions and 2 deletions.
diff --git a/app/assets/stylesheets/api_entreprise/pages/home/_section_developers.scss b/app/assets/stylesheets/api_entreprise/pages/home/_section_developers.scss
@@ -0,0 +1,5 @@
+#homepage #section-developers {
+  #hyperping-badge {
+    background-image: none;
+  }
+}
diff --git a/app/views/api_entreprise/pages/home/_section_developers.html.erb b/app/views/api_entreprise/pages/home/_section_developers.html.erb
@@ -46,8 +46,30 @@
             <h3 class="fr-h4 fr-card__title">
               <a href="https://status.entreprise.api.gouv.fr/"><%= t('.status_link') %></a>
             </h3>
-            <p class="fr-card__desc"><iframe src="https://status.entreprise.api.gouv.fr/embed-status/light-sm" width="180" height="61" style="border: none;" title="Statutss des API - widget directement connecté à Instatus">
-              </iframe></p>
+            <div class="fr-card__desc" id="hyperping-badge"></div>
+            <script src="https://hyperping.io/badge.js" async></script>
+            <script>
+              window.onload = function () {
+                Hyperping.init({
+                  "statuspage": "https://status.entreprise.api.gouv.fr",
+                  "border": "none",
+                  "borderColor": "#E4E6F0",
+                  "uptime": false,
+                  "dot": true,
+                  "dotSize": 10,
+                  "isNeutral": false,
+                  "dotOk": "#2BAC76",
+                  "dotIncident": "#FFAF36",
+                  "dotOutage": "#E95858",
+                  "dotMaintenance": "#0070F3",
+                  "dotNeutral": "#0070F3",
+                  "operational": "Systèmes fonctionnels",
+                  "incident": "Incident en cours",
+                  "outage": "Hors-service",
+                  "maintenance": "En maintenance"
+                });
+              }
+            </script>
           </div>
         </div>
       </div>

diff --git a/config/initializers/cors.rb b/config/initializers/cors.rb
@@ -8,6 +8,7 @@
 Rails.application.config.middleware.insert_before 0, Rack::Cors do
   allow do
     origins 'localhost:8080'
+    origins 'https://status.entreprise.api.gouv.fr/'
 
     resource '*',
       headers: :any,