1 files changed, 61 insertions, 0 deletions
diff --git a/server/sonar-web/src/main/js/apps/metrics/app.js b/server/sonar-web/src/main/js/apps/metrics/app.js
new file mode 100644
index 00000000000..4792cd7464e
--- /dev/null
+++ b/server/sonar-web/src/main/js/apps/metrics/app.js
@@ -0,0 +1,61 @@
+define([
+  './layout',
+  './metrics',
+  './header-view',
+  './list-view',
+  './list-footer-view'
+], function (Layout, Metrics, HeaderView, ListView, ListFooterView) {
+
+  var $ = jQuery,
+      App = new Marionette.Application(),
+      init = function (options) {
+        // Layout
+        this.layout = new Layout({ el: options.el });
+        this.layout.render();
+
+        // Collection
+        this.metrics = new Metrics();
+
+        // Header View
+        this.headerView = new HeaderView({
+          collection: this.metrics,
+          domains: this.domains,
+          types: this.types
+        });
+        this.layout.headerRegion.show(this.headerView);
+
+        // List View
+        this.listView = new ListView({
+          collection: this.metrics,
+          domains: this.domains,
+          types: this.types
+        });
+        this.layout.listRegion.show(this.listView);
+
+        // List Footer View
+        this.listFooterView = new ListFooterView({ collection: this.metrics });
+        this.layout.listFooterRegion.show(this.listFooterView);
+
+        // Go!
+        this.metrics.fetch();
+      },
+      requestDomains = function () {
+        return $.get(baseUrl + '/api/metrics/domains').done(function (r) {
+          App.domains = r.domains;
+        });
+      },
+      requestTypes = function () {
+        return $.get(baseUrl + '/api/metrics/types').done(function (r) {
+          App.types = r.types;
+        });
+      };
+
+  App.on('start', function (options) {
+    $.when(window.requestMessages(), requestDomains(), requestTypes()).done(function () {
+      init.call(App, options);
+    });
+  });
+
+  return App;
+
+});