You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@allura.apache.org by ac...@apache.org on 2012/12/28 07:50:12 UTC

[1/7] [#5518] Added several new vizs. Improved styles.

http://git-wip-us.apache.org/repos/asf/incubator-allura/blob/0400e2ae/AlluraBitergiaMetrics/bitergiametrics/templates/metrics/index.html
----------------------------------------------------------------------
diff --git a/AlluraBitergiaMetrics/bitergiametrics/templates/metrics/index.html b/AlluraBitergiaMetrics/bitergiametrics/templates/metrics/index.html
index 9366036..7e32a60 100644
--- a/AlluraBitergiaMetrics/bitergiametrics/templates/metrics/index.html
+++ b/AlluraBitergiaMetrics/bitergiametrics/templates/metrics/index.html
@@ -1,20 +1,57 @@
 {% extends g.theme.master %}
 
-{% do g.register_app_css('metrics.css', compress=False) %}
+{% do g.register_app_css('vizgrimoire.css', compress=False) %}
 
 {% block title %}{{c.project.name}} / {{c.app.config.options.mount_label}}{% endblock %}
 
 {% block header %}{{c.project.name}} / {{c.app.config.options.mount_label}}{% endblock %}
 
+{% block extra_css %}
+<style type="text/css">
+.envision-component table, .info-pill table  {
+    width: 100%;
+    height: 100%;
+    margin: 0px;
+}      
+.envision-component table thead tr th, table tr td,
+.info-pill table {
+    padding: 2px; 
+}
+.info-pill h1 {font-size: 100%;}
+.radar {
+    height:300px;
+    width:350px;
+}
+</style>
+{% endblock %}
+
 {% block content %}
+<script type="text/javascript" src="{{g.app_static('jquery-1.7.1.min.js')}}"></script>
+
 
 <p><h1>Allura Metrics</h1></p>
 
 <p>
 Proof of concept of how some parameters of the evolution of a software project can be visualized. 
-Allura integation. Visualization is still preliminary and incomplete. 
+<a href="https://github.com/VizGrimoire/VizGrimoireJS">VizGrimoire.js</a> Allura integration. Visualization is still preliminary and incomplete. 
 </p>
-<div align=right>
-Powered by <a href="http://www.bitergia.com"><img src="{{g.app_static('bitergia-logo-peq.png')}}" border=0></a>
+    <div style="float:left">
+        <div style="float:left;margin:20px;">
+            <div style="float:left">
+            <strong>Project Activity</strong>
+            <div id="radar-activity" class='radar' data-max='6500'></div>
+            </div>
+            <div style="float:left">
+            <strong>Community Activity</strong>
+            <div id="radar-community" class='radar' data-max='100'></div>
+            </div>
+        </div>
+    </div>
+<div style="clear:both"></div>      
+<div style="float:right"">
+    Powered by <a href="http://www.bitergia.com"><img src="{{g.app_static('bitergia-logo-peq.png')}}" border=0></a>
 </div>
+<div id="report-config" data-global-data-dir="{{g.app_static('allura/data/json')}}"></div>
+
+<script type="text/javascript" src="{{g.app_static('vizgrimoire.min.js')}}"></script>    
 {% endblock %}

http://git-wip-us.apache.org/repos/asf/incubator-allura/blob/0400e2ae/AlluraBitergiaMetrics/bitergiametrics/templates/metrics/its_milestone0.html
----------------------------------------------------------------------
diff --git a/AlluraBitergiaMetrics/bitergiametrics/templates/metrics/its_milestone0.html b/AlluraBitergiaMetrics/bitergiametrics/templates/metrics/its_milestone0.html
index a772bfd..fbbd24d 100644
--- a/AlluraBitergiaMetrics/bitergiametrics/templates/metrics/its_milestone0.html
+++ b/AlluraBitergiaMetrics/bitergiametrics/templates/metrics/its_milestone0.html
@@ -5,44 +5,51 @@
 
 {% block header %}{{c.project.name}} / {{c.app.config.options.mount_label}}: Tickets{% endblock %}
 
+{% block extra_css %}
+<style type="text/css">
+.envision-component table, .info-pill table  {
+    width: 100%;
+    height: 100%;
+    margin: 0px;
+}      
+.envision-component table thead tr th, table tr td,
+.info-pill table {
+    padding: 2px; 
+}
+.info-pill h1 {font-size: 100%;}
+</style>
+{% endblock %}
+
+
 {% block content %}
 
- <script type="text/javascript" src="{{g.app_static('jquery-1.7.1.min.js')}}"></script>
-    <style>
-    <!--
-      .envision-component table  {
-          width: 100%;
-          height: 100%;
-          margin: 0px;
-      }      
-      .envision-component table thead tr th, table tr td {
-          padding: 2px; 
-      }
-    -->
-    </style>
- 
+    <script type="text/javascript" src="{{g.app_static('jquery-1.7.1.min.js')}}"></script>
+     
     <div align=center>
         <a href="{{g.app_static('allura/data/json/its-milestone0.json')}}">Tickets</a>
     </div>
     
-   <div style="float:left">
-     <div style="float:left;margin:20px;">
-      <div id="its-envision"></div>
-     </div>
-     <div style="float:left">
-      <div id="its-open-flotr2" style="width:200px;height:200px"></div>
-      <div id="its-openers-flotr2" style="width:200px;height:200px"></div>
-      <div id="its-closed-flotr2" style="width:200px;height:200px"></div>
-      <div id="its-closers-flotr2" style="width:200px;height:200px"></div>     
-     </div>
+    <div style="float:left">
+        <div style="float:left;margin:20px;">
+            <div id="its-envision"></div>
+        </div>
+        <div style="float:left">
+            <div id="its-open-flotr2" style="width:200px;height:200px"></div>
+            <div id="its-openers-flotr2" style="width:200px;height:200px"></div>
+            <div id="its-closed-flotr2" style="width:200px;height:200px"></div>
+            <div id="its-closers-flotr2" style="width:200px;height:200px"></div>     
+        </div>
+        <div style="float:left;width:200px;margin-left:10px">            
+            <div id="its-top-pie"></div>
+        </div>       
     </div>
       
-    <div id="report-config" data-its-data-file="{{g.app_static('allura/data/json/its-milestone0.json')}}"></div>
-      
+    <div style="clear:both"></div>      
     <div align=right>
         Powered by <a href="http://www.bitergia.com"><img src="{{g.app_static('bitergia-logo-peq.png')}}" border=0></a>
     </div>
     
+    <div id="report-config" data-global-data-dir="{{g.app_static('allura/data/json')}}"></div>    
     <script type="text/javascript" src="{{g.app_static('vizgrimoire.min.js')}}"></script>    
 
 {% endblock %}

http://git-wip-us.apache.org/repos/asf/incubator-allura/blob/0400e2ae/AlluraBitergiaMetrics/bitergiametrics/templates/metrics/mls_milestone0.html
----------------------------------------------------------------------
diff --git a/AlluraBitergiaMetrics/bitergiametrics/templates/metrics/mls_milestone0.html b/AlluraBitergiaMetrics/bitergiametrics/templates/metrics/mls_milestone0.html
index 04a17fe..4c945da 100644
--- a/AlluraBitergiaMetrics/bitergiametrics/templates/metrics/mls_milestone0.html
+++ b/AlluraBitergiaMetrics/bitergiametrics/templates/metrics/mls_milestone0.html
@@ -1,44 +1,49 @@
 {% extends g.theme.master %}
 
 {% do g.register_app_css('vizgrimoire.css', compress=False) %}
+{% do g.register_app_css('vizgrimoire-allura.css', compress=False) %}
 {% block title %}{{c.project.name}} / {{c.app.config.options.mount_label}}{% endblock %}
 
 {% block header %}{{c.project.name}} / {{c.app.config.options.mount_label}}: Tickets{% endblock %}
 
+{% block extra_css %}
+<style type="text/css">
+.envision-component table, .info-pill table  {
+    width: 100%;
+    height: 100%;
+    margin: 0px;
+}      
+.envision-component table thead tr th, table tr td,
+.info-pill table {
+    padding: 2px; 
+}
+.info-pill h1 {font-size: 100%;}
+</style>
+{% endblock %}
+
 {% block content %}
 
- <script type="text/javascript" src="{{g.app_static('jquery-1.7.1.min.js')}}"></script>
-    <style>
-    <!--
-      .envision-component table  {
-          width: 100%;
-          height: 100%;
-          margin: 0px;
-      }      
-      .envision-component table thead tr th, table tr td {
-          padding: 2px; 
-      }
-    -->
-    </style>
- 
+    <script type="text/javascript" src="{{g.app_static('jquery-1.7.1.min.js')}}"></script>
+
+
     <div align=center>
         <a href="{{g.app_static('allura/data/json/mls-milestone0.json')}}">Emails</a>
     </div>
     
-   <div style="float:left">
-     <div style="float:left;margin:20px;">
-       <div id="mls-envision"></div>
-     </div>
- </div>
-
-</div>
-      
-    <div id="report-config" data-mls-data-file="{{g.app_static('allura/data/json/mls-milestone0.json')}}"></div>
-      
+    <div style="float:left">
+        <div style="float:left;margin:20px;">
+            <div id="mls-envision"></div>
+        </div>
+        <div style="float:left;width:200px;margin-left:10px">            
+            <div id="mls-top-pie"></div>
+        </div>               
+    </div>
+          
+    <div style="clear:both"></div> 
     <div align=right>
         Powered by <a href="http://www.bitergia.com"><img src="{{g.app_static('bitergia-logo-peq.png')}}" border=0></a>
     </div>
-    
+    <div id="report-config" data-global-data-dir="{{g.app_static('allura/data/json')}}"></div>
     <script type="text/javascript" src="{{g.app_static('vizgrimoire.min.js')}}"></script>    
 
 {% endblock %}

http://git-wip-us.apache.org/repos/asf/incubator-allura/blob/0400e2ae/AlluraBitergiaMetrics/bitergiametrics/templates/metrics/scm_milestone0.html
----------------------------------------------------------------------
diff --git a/AlluraBitergiaMetrics/bitergiametrics/templates/metrics/scm_milestone0.html b/AlluraBitergiaMetrics/bitergiametrics/templates/metrics/scm_milestone0.html
index 1c2152e..46380b9 100644
--- a/AlluraBitergiaMetrics/bitergiametrics/templates/metrics/scm_milestone0.html
+++ b/AlluraBitergiaMetrics/bitergiametrics/templates/metrics/scm_milestone0.html
@@ -7,42 +7,58 @@
 	{{c.project.name}} / {{c.app.config.options.mount_label}}: Source code
 {% endblock %}
 
+{% block extra_css %}
+<style type="text/css">
+.envision-component table, .info-pill table  {
+    width: 100%;
+    height: 100%;
+    margin: 0px;
+}      
+.envision-component table thead tr th, table tr td,
+.info-pill table {
+    padding: 2px; 
+}
+.info-pill h1 {font-size: 100%;}
+</style>
+{% endblock %}
+
+
 {% block content %}
 	<script type="text/javascript" src="{{g.app_static('jquery-1.7.1.min.js')}}"></script>
-    <style>
-    <!--
-      .envision-component table  {
-          width: 100%;
-          height: 100%;
-          margin: 0px;
-      }      
-      .envision-component table thead tr th, table tr td {
-          padding: 2px; 
-      }
-    -->
-    </style>
 
     <div align=center>
         <a href="{{g.app_static('allura/data/json/scm-milestone0.json')}}">SCM Data: Commits vs Committers!</a>
     </div>
     
     <div style="float:left">
-     <div style="float:left;margin:20px;">
-      <div id="scm-envision"></div>
-     </div>
-     <div style="float:left">
-      <div id="scm-commits-flotr2" style="width:200px;height:200px"></div>
-      <div id="scm-committers-flotr2" style="width:200px;height:200px"></div>
-      <div id="scm-files-flotr2" style="width:200px;height:200px"></div>
-      <div id="scm-branches-flotr2" style="width:200px;height:200px"></div>
-     </div>
-    </div>
-      
-    <div id="report-config" data-scm-data-file="{{g.app_static('allura/data/json/scm-milestone0.json')}}"></div>
-      
-    <div align=right>
+        <div style="float:left;margin:20px;">
+            <div id="scm-envision"></div>
+        </div>
+        <div style="float:left">
+            <div id="scm-commits-flotr2" style="width:200px;height:200px"></div>
+            <div id="scm-committers-flotr2" style="width:200px;height:200px"></div>
+            <div id="scm-files-flotr2" style="width:200px;height:200px"></div>
+            <div id="scm-branches-flotr2" style="width:200px;height:200px"></div>
+        </div>
+        <div style="float:left;width:200px;margin-left:10px">            
+            <div id="scm-top-pie"></div>
+        </div>  
+    </div>     
+              
+    <div style="clear:both"></div>
+    <div style="float:right;margin:10px">
         Powered by <a href="http://www.bitergia.com"><img src="{{g.app_static('bitergia-logo-peq.png')}}" border=0></a>
     </div>
-    
+
+    <div id="report-config" data-global-data-dir="{{g.app_static('allura/data/json')}}"></div>
+     
+    <!-- <script type="text/javascript" src="{{g.app_static('VizGrimoireJS/src/envision.js')}}"></script>
+    <script type="text/javascript" src="{{g.app_static('VizGrimoireJS/src/Report.js')}}"></script>
+    <script type="text/javascript" src="{{g.app_static('VizGrimoireJS/src/ITS.js')}}"></script>
+    <script type="text/javascript" src="{{g.app_static('VizGrimoireJS/src/MLS.js')}}"></script>
+    <script type="text/javascript" src="{{g.app_static('VizGrimoireJS/src/SCM.js')}}"></script>
+    <script type="text/javascript" src="{{g.app_static('VizGrimoireJS/src/Envision_Report.js')}}"></script>
+    <script type="text/javascript" src="{{g.app_static('VizGrimoireJS/src/Viz.js')}}"></script> -->
+
     <script type="text/javascript" src="{{g.app_static('vizgrimoire.min.js')}}"></script>    
 {% endblock %}