Autodesk · steffen · Feb 27, 2019 · Feb 27, 2019 · Feb 27, 2019 · Feb 28, 2019
diff --git a/docs/_config.yml b/docs/_config.yml
@@ -1,2 +1,2 @@
-dataURL: https://autodesk.github.io/hubble/demo-data
+dataURL: ./demo-data
 exclude: ['spec', 'node_modules', 'README.md', '.gitignore', 'package.json', 'package-lock.json']
diff --git a/docs/_data/navigation.yml b/docs/_data/navigation.yml
@@ -25,6 +25,8 @@
       url: "/repos-activity"
     - title: "Total"
       url: "/repos-total"
+    - title: "Monitored"
+      url: "/repos-monitored"
 - title: "Organizations"
   url: "/orgs-activity"
   subnavigation:

diff --git a/docs/_data/repository_navigation.yml b/docs/_data/repository_navigation.yml
@@ -0,0 +1,12 @@
+- title: "Overview"
+  url: "/repository/"
+- title: "Git Metrics"
+  url: "/repository/git-repository-size"
+  subnavigation:
+    - title: "Repository Size"
+      url: "/repository/git-repository-size"
+- title: "GitHub Metrics"
+  url: "/repository/github-api-requests"
+  subnavigation:
+    - title: "API Requests"
+      url: "/repository/github-api-requests"
diff --git a/docs/_includes/repository_navigation.html b/docs/_includes/repository_navigation.html
@@ -0,0 +1,45 @@
+{% include environment.html %}
+<section class="navigation">
+	{% if site.github.repository_nwo != nil %}
+		{% assign site.baseurl = site.github.repository_nwo %}
+	{% endif %}
+	{% assign activeItem = nil %}
+	{% assign activeSubitem = nil %}
+	{% for item in site.data.repository_navigation %}
+		{% if item.url == page.url %}
+			{% assign activeItem = item %}
+		{% endif %}
+		{% for subitem in item.subnavigation %}
+			{% if subitem.url == page.url %}
+				{% assign activeItem = item %}
+				{% assign activeSubitem = subitem %}
+			{% endif %}
+		{% endfor %}
+	{% endfor %}
+	<div class="back-link">&#8617; <a href="../repos-monitored" data-no-nwo-query>Back to instance statistics</a></div>
+	<ul class="navigation-primary">
+		{% for item in site.data.repository_navigation %}
+		<li>
+			{% if item == activeItem %}
+			<a href="{{ site.baseurl }}{{ item.url }}" class="active">{{ item.title }}</a>
+			{% else %}
+			<a href="{{ site.baseurl }}{{ item.url }}">{{ item.title }}</a>
+			{% endif %}
+		</li>
+		{% endfor %}
+	</ul>
+	{% if activeItem != nil and activeItem.subnavigation != nil %}
+	<ul class="navigation-secondary">
+		{% for subitem in activeItem.subnavigation %}
+		<li>
+			{% if subitem == activeSubitem %}
+			<a href="{{ site.baseurl }}{{ subitem.url }}" class="active">{{ subitem.title }}</a>
+			{% else %}
+			<a href="{{ site.baseurl }}{{ subitem.url }}">{{ subitem.title }}</a>
+			{% endif %}
+		</li>
+		{% endfor %}
+	</ul>
+	{% endif %}
+
+</section>
diff --git a/docs/_layouts/repository.html b/docs/_layouts/repository.html
@@ -0,0 +1,61 @@
+{% include environment.html %}
+<!doctype html>
+<html lang="en-us">
+	<head>
+		<meta charset="UTF-8">
+		<title>Hubble Enterprise{% if page.title %}: {{ page.title }}{% endif %}</title>
+		<meta name="viewport" content="width=device-width, initial-scale=1">
+		<link rel="icon" sizes="256x256" href="{{ site.baseurl }}/assets/icons/favicon-256x256.png?version={{ site.github.build_revision }}">
+		<link rel="icon" sizes="192x192" href="{{ site.baseurl }}/assets/icons/favicon-192x192.png?version={{ site.github.build_revision }}">
+		<link rel="icon" sizes="128x128" href="{{ site.baseurl }}/assets/icons/favicon-128x128.png?version={{ site.github.build_revision }}">
+		<link rel="icon" sizes="96x96" href="{{ site.baseurl }}/assets/icons/favicon-96x96.png?version={{ site.github.build_revision }}">
+		<link rel="icon" sizes="64x64" href="{{ site.baseurl }}/assets/icons/favicon-64x64.png?version={{ site.github.build_revision }}">
+		<link rel="icon" sizes="48x48" href="{{ site.baseurl }}/assets/icons/favicon-48x48.png?version={{ site.github.build_revision }}">
+		<link rel="icon" sizes="32x32" href="{{ site.baseurl }}/assets/icons/favicon-32x32.png?version={{ site.github.build_revision }}">
+		<link rel="icon" sizes="16x16" href="{{ site.baseurl }}/assets/icons/favicon-16x16.png?version={{ site.github.build_revision }}">
+		<link rel="apple-touch-icon" sizes="57x57" href="{{ site.baseurl }}/assets/icons/apple-touch-icon-57x57.png?version={{ site.github.build_revision }}">
+		<link rel="apple-touch-icon" sizes="76x76" href="{{ site.baseurl }}/assets/icons/apple-touch-icon-76x76.png?version={{ site.github.build_revision }}">
+		<link rel="apple-touch-icon" sizes="120x120" href="{{ site.baseurl }}/assets/icons/apple-touch-icon-120x120.png?version={{ site.github.build_revision }}">
+		<link rel="apple-touch-icon" sizes="152x152" href="{{ site.baseurl }}/assets/icons/apple-touch-icon-152x152.png?version={{ site.github.build_revision }}">
+		<link rel="apple-touch-icon" sizes="167x167" href="{{ site.baseurl }}/assets/icons/apple-touch-icon-167x167.png?version={{ site.github.build_revision }}">
+		<link rel="apple-touch-icon" sizes="180x180" href="{{ site.baseurl }}/assets/icons/apple-touch-icon-180x180.png?version={{ site.github.build_revision }}">
+		<link rel="stylesheet" type="text/css" href="{{ site.baseurl }}/assets/css/normalize.css?version={{ site.github.build_revision }}" media="screen">
+		<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i" media="screen">
+		<link rel="stylesheet" type="text/css" href="https://use.fontawesome.com/releases/v5.0.6/css/all.css" media="screen">
+		<link rel="stylesheet" type="text/css" href="{{ site.baseurl }}/assets/css/stylesheet.css?version={{ site.github.build_revision }}" media="screen">
+		<link rel="stylesheet" type="text/css" href="{{ site.baseurl }}/assets/css/repository.css?version={{ site.github.build_revision }}" media="screen">
+		<script src="{{ site.baseurl }}/assets/js/vendor/jquery-3.2.1.min.js"></script>
+		<script src="{{ site.baseurl }}/assets/js/vendor/d3.v4.min.js"></script>
+		<script src="{{ site.baseurl }}/assets/js/vendor/moment-with-locales-2.21.0.min.js"></script>
+		<script src="{{ site.baseurl }}/assets/js/vendor/Chart-2.7.3.min.js"></script>
+		<script src="{{ site.baseurl }}/assets/js/vendor/spin-2.3.2.min.js"></script>
+		<script src="{{ site.baseurl }}/assets/js/repository.js?version={{ site.github.build_revision }}"></script>
+		<script src="{{ site.baseurl }}/assets/js/charts.js?version={{ site.github.build_revision }}"></script>
+	</head>
+	<body>
+		<section class="page-header">
+			<a href="https://github.com/Autodesk/hubble" class="fork-banner">
+				<img alt="Fork me on GitHub" src="{{ site.baseurl }}/assets/images/fork-banner.png">
+			</a>
+			<a href="{{ site.baseurl }}/" alt="Hubble Enterprise">
+				<img src="{{ site.baseurl }}/assets/images/logo-title.svg" class="project-logo" width="3rem" height="3rem">
+				<h1 class="project-name">
+					<script>
+						(function()
+						{
+							const queryString = new URLSearchParams(location.search);
+    						const nwo = queryString.get('nwo');
+
+							document.write(`${nwo} Metrics`);
+						})();
+					</script>
+				</h1>
+			</a>
+		</section>
+		{% include repository_navigation.html %}
+		<section class="main-content">
+			{{ content }}
+			{% include footer.html %}
+		</section>
+	</body>
+</html>
diff --git a/docs/assets/css/repository.css b/docs/assets/css/repository.css
@@ -0,0 +1,19 @@
+.page-header {
+    background-color: #275d9c;
+}
+
+.back-link {
+    position: absolute;
+    text-transform: uppercase;
+    font-size: 12px;
+    padding: 1.2rem 1.5rem;
+    text-decoration: none;
+}
+
+.back-link a {
+    text-decoration: none;
+}
+
+.back-link a:hover {
+    text-decoration: underline;
+}
diff --git a/docs/assets/js/_partials/chart-table.js b/docs/assets/js/_partials/chart-table.js
@@ -1,6 +1,7 @@
 function createTable(table)
 {
     const url = $(table).data('url');
+    const noThead = $(table).data('no-thead');
 
     let spinner = createSpinner(table);
 
@@ -13,14 +14,15 @@ function createTable(table)
             if (data.length == 0)
                 return;
 
-            d3.select(table)
-                .append('thead')
-                .append('tr')
-                .selectAll('th')
-                .data(data.columns)
-                .enter()
-                .append('th')
-                .text(d => d);
+            if (noThead === undefined)
+                d3.select(table)
+                    .append('thead')
+                    .append('tr')
+                    .selectAll('th')
+                    .data(data.columns)
+                    .enter()
+                    .append('th')
+                    .text(d => d);
 
             let displayData = data;
             const configSlice = readConfig($(table), 'slice');
@@ -61,9 +63,12 @@ function createTable(table)
                             case 'repository':
                             case 'resource':
                             case 'user':
+                                const tableLinkHref = d3.select(table).attr('data-link-href');
+                                const tableLinkTarget = d3.select(table).attr('data-link-target');
+
                                 let a = cell.append('a').text(entry)
-                                    .attr('target', '_blank')
-                                    .attr('href', gheUrl() + '/' + entry)
+                                    .attr('target', tableLinkTarget || '_blank')
+                                    .attr('href', tableLinkHref ? tableLinkHref + entry : gheUrl() + '/' + entry)
                                     .text(entry);
 
                                 const tableID = d3.select(table).attr('id');

diff --git a/docs/assets/js/repository.js b/docs/assets/js/repository.js
@@ -0,0 +1,23 @@
+$(window).bind('load', function()
+{
+    const queryString = new URLSearchParams(location.search);
+    const nwo = queryString.get('nwo');
+
+    // Add nwo query string to all navigation links
+    $('.navigation a').each(function()
+    {
+        const href = $(this).attr('href');
+        const noNwoQuery = $(this).attr('data-no-nwo-query')
+
+        if (noNwoQuery === undefined) {
+            $(this).attr('href', `${href}?nwo=${nwo}`);
+        }
+    });
+
+    // Replace all canvas data urls with repository specific urls
+    $('[data-url]').each(function()
+    {
+        const dataUrl = $(this).attr('data-url');
+        $(this).attr('data-url', dataUrl.replace('/repository', `/repository/${nwo}`));
+    });
+});
diff --git a/docs/demo-data/repository-monitored.tsv b/docs/demo-data/repository-monitored.tsv
@@ -0,0 +1,2 @@
+repository
+test-org/large-repo
diff --git a/docs/demo-data/repository/test-org/large-repo/git-repository-size-objects-count.tsv b/docs/demo-data/repository/test-org/large-repo/git-repository-size-objects-count.tsv
@@ -0,0 +1,6 @@
+date	commits	trees	blobs	tags	refs
+2019-01-01	811264	3532340	1759326	40	8
+2019-01-02	811864	3642323	1790280	41	20
+2019-01-03	811264	3765443	1800010	42	15
+2019-01-04	811364	3805652	1820010	42	14
+2019-01-05	811564	3832337	1830280	43	15
diff --git a/docs/demo-data/repository/test-org/large-repo/git-repository-size-objects-size.tsv b/docs/demo-data/repository/test-org/large-repo/git-repository-size-objects-size.tsv
@@ -0,0 +1,6 @@
+date	commits [MiB]	trees [MiB]	blobs [MiB]
+2019-01-01	592.10	938.486	59880.125
+2019-01-02	597.10	958.486	62485.845
+2019-01-03	600.95	998.586	63895.489
+2019-01-04	602.95	10323.586	64204.846
+2019-01-05	605.22	10638.486	64880.353
diff --git a/docs/demo-data/repository/test-org/large-repo/github-api-request-types-by-count.tsv b/docs/demo-data/repository/test-org/large-repo/github-api-request-types-by-count.tsv
@@ -0,0 +1,11 @@
+type	count
+"/repositories/:repository_id/issues/:issue_number/comments"	10620
+"/repositories/:repository_id/issues/:issue_number"	9624
+"/repositories/:repository_id/pulls/:pull_number"	9559
+"/repositories/:repository_id/pulls"	1599
+"/repositories/:repository_id"	291
+"/repositories/:repository_id/contents/?*"	220
+ "/repositories/:repository_id/branches"	130
+ "/repositories/:repository_id/commits"	122
+ "/repositories/:repository_id/languages"	120
+ "/repositories/:repository_id/commits/*"	119
diff --git a/docs/demo-data/repository/test-org/large-repo/overview.tsv b/docs/demo-data/repository/test-org/large-repo/overview.tsv
@@ -0,0 +1,3 @@
+key	value
+Repository Name	test-org/large-repo
+Repository Size	2340 MB
diff --git a/docs/repos-monitored.html b/docs/repos-monitored.html
@@ -0,0 +1,16 @@
+---
+layout: default
+title: Monitored Repository
+permalink: /repos-monitored
+---
+
+<div class="chart-placeholder">
+    <h3>Monitored Repositories</h3>
+	<table
+        data-url="{{ site.dataURL }}/repository-monitored.tsv"
+        data-type="table"
+        data-no-thead
+        data-link-href="./repository/?nwo="
+        data-link-target="_self"
+    ></table>
+</div>