From e3d02ee61273dad9d87fa759039779199628b783 Mon Sep 17 00:00:00 2001
From: Albert Lombarte <albert@krakend.io>
Date: Tue, 12 Mar 2024 15:53:03 +0100
Subject: [PATCH] Notify when preview cannot be opened

---
 src/app/designer.controller.js   | 2 ++
 src/app/layout/layout.html       | 2 +-
 src/app/metrics/opencensus.html  | 3 ++-
 src/app/middlewares/metrics.html | 6 +++---
 4 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/app/designer.controller.js b/src/app/designer.controller.js
index 804dbe5..61a5709 100644
--- a/src/app/designer.controller.js
+++ b/src/app/designer.controller.js
@@ -208,6 +208,8 @@ angular
             var newWindow = window.open();
             if (newWindow.document) {
                 newWindow.document.write('<pre>' + angular.toJson(save, true) + '</pre>');
+            } else {
+                alert("Your browser prevented to open the configuration in a new window.");
             }
             $rootScope.saved_once = true;
         };
diff --git a/src/app/layout/layout.html b/src/app/layout/layout.html
index 56e4c6f..04b493d 100644
--- a/src/app/layout/layout.html
+++ b/src/app/layout/layout.html
@@ -146,7 +146,7 @@ <h4 class="modal-title">KrakenD Enterprise features</h4>
           <a href="https://www.krakend.io">
             <img class="footer-logo" src="https://www.krakend.io/images/logo-inverse.png">
           </a>
-          <p>Copyright © 2017-2023 KRAKEND S.L</p>
+          <p>Copyright © 2017-2024 KRAKEND S.L</p>
         </div>
         <div class="col-md-6">
           <p class="lead">
diff --git a/src/app/metrics/opencensus.html b/src/app/metrics/opencensus.html
index 4921710..276c668 100644
--- a/src/app/metrics/opencensus.html
+++ b/src/app/metrics/opencensus.html
@@ -2,13 +2,14 @@
   <div class="box-header with-border">
     <h3 class="box-title"><input type="checkbox"
       ng-checked="isMiddlewareEnabled()"
-      ng-click="toggleOpencensusMiddleware()"> Opencensus (DEPRECATED)
+      ng-click="toggleOpencensusMiddleware()"> Opencensus
     </h3>
     <div class="pull-right" ng-include src="'/src/app/layout/docs.html'" ng-repeat="doc in [{'ee': false, 'url':'/telemetry/opencensus/'}]"></div>
     </div>
     <div class="box-body">
       <p ng-if="!isMiddlewareEnabled()">The Opencensus <em>middleware</em> provides several integrations to export tracing and metrics to different third party systems.</p>
       <div ng-if="isMiddlewareEnabled()">
+        <p class="box box-danger text-lg">The development of this component is frozen. Use OpenTelemetry for new projects instead.</p>
       <div class="form-group">
         <div class="checkbox">
           <label>
diff --git a/src/app/middlewares/metrics.html b/src/app/middlewares/metrics.html
index 5bb7cfb..7f1fb28 100644
--- a/src/app/middlewares/metrics.html
+++ b/src/app/middlewares/metrics.html
@@ -1,19 +1,19 @@
 <div class="box box-info box-solid">
   <div class="box-header with-border">
     <h3 class="box-title"><input type="checkbox" ng-checked="isMiddlewareEnabled()" ng-click="toggleMiddleware()">
-      Metrics</h3>
+      Metrics API</h3>
       <div class="pull-right" ng-include src="'/src/app/layout/docs.html'" ng-repeat="doc in [{'ee': false, 'url':'/telemetry/extended-metrics/'}]"></div>
   </div>
 
   <div class="box-body">
-    <p ng-if="!isMiddlewareEnabled()">The metrics <em>middleware</em> listens in a new address and exposes a
+    <p ng-if="!isMiddlewareEnabled()">The metrics API listens in a new address and exposes a
       <code>/__stats/</code> endpoint with all the KrakenD metrics.</p>
     <div ng-if="isMiddlewareEnabled()">
       <div class="form-group">
         <div class="checkbox">
           <label>
             <input type="checkbox" ng-model="data.extra_config[config_namespace].endpoint_disabled">
-            <strong>Disable /__stats/ endpoint</strong> - Metrics won't be published but still collected.
+            <strong>Disable <code>/__stats/</code> endpoint</strong> - Metrics won't be published but still collected (can be sent to InfluxDB).
           </label>
         </div>
         <div class="checkbox">