Add the bug report links to each slide

Change-Id: I537a4b431b26b3a66b40d0d78c6a2bdaf896c296

doc/upstream-training/source/_static/custom.css

@@ -1,3 +1,5 @@
+@import url('http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css');
+
 .slide {
   background: -webkit-gradient(linear, left bottom, left top, from(#eef3f5), to(#fff));
   background-color: #eee;
@@ -48,4 +50,20 @@ article h2 {
     font-size: 66%;
     text-align: right;
     z-index: -2;
-}
+}
+
+a.logabug {
+    position: absolute;
+    top: 1ex;
+    right: 3em;
+    font-size: 66%;
+    text-align: right;
+}
+
+.fa-bug {
+    color: #DA422F;
+}
+
+.fa-bug:hover {
+    color: #9A201D;
+}

doc/upstream-training/source/_static/custom.js

@@ -0,0 +1,50 @@
+function logABug() {
+    var lineFeed = "%0A";
+
+    // generate title
+    var headings = document.getElementsByTagName('h2');
+    var bugTitle;
+    if (headings.length > 0) {
+        bugTitle = headings[headings.length-1].innerHTML
+                   + " in Upstream Training";
+    } else {
+        bugTitle = document.title + " in Upstream Training";
+    }
+    // remove unnecessary anchor tag
+    bugTitle = bugTitle.replace(/<a [^>]*>/, '');
+    bugTitle = bugTitle.replace(/<\/a>/, '');
+
+    // generate location with page number
+    var location = window.location.href;
+    if (location.indexOf("#") > 0) {
+        // remove static page number at the point direct access
+        location = location.substring(0,location.indexOf("#"));
+    }
+    var pageNum  = headings.length + 1;
+
+    // generate bug report link URL
+    var bugLink  = "https://bugs.launchpad.net/openstack-training-guides/"
+                   + "+filebug?field.title=" + encodeURIComponent(bugTitle)
+                   + "&field.comment=" + lineFeed + lineFeed
+                   + "----------------------------------------" + lineFeed
+                   + "Title: " + encodeURIComponent(bugTitle) + lineFeed
+                   + "URL: " + encodeURIComponent(location + "#" + pageNum);
+
+    // generate bug report link
+    var elementI = document.createElement('i');
+    var attrC1  = document.createAttribute('class');
+    attrC1.value  = 'fa fa-bug';
+    elementI.setAttributeNode(attrC1);
+
+    var elementA = document.createElement('a');
+    var attrC2  = document.createAttribute('class');
+    var attrH   = document.createAttribute('href');
+    attrC2.value  = 'logabug';
+    attrH.value = bugLink;
+    elementA.setAttributeNode(attrC2);
+    elementA.setAttributeNode(attrH);
+    elementA.appendChild(elementI);
+
+    var slides  = document.getElementsByTagName('article');
+    slides[slides.length-1].appendChild(elementA);
+}

doc/upstream-training/source/conf.py

@@ -281,15 +281,16 @@ extensions += ['hieroglyph']
 slide_theme = 'single-level'
 slide_levels = 3
 slide_footer = ('<img alt="OS logo" src="_static/os_logo_small.png" '
-                'style="width: 4em;">')
+                'style="width: 4em;">'
+                '<script language="JavaScript">logABug();</script>')
 
 # Place custom static assets in the _static directory and uncomment
 # the following lines to include them
 
 slide_theme_options = {
     'custom_css': 'custom.css',
+    'custom_js': 'custom.js',
 }
-#'custom_js': 'custom.js',
 
 # -- Options for Internationalization output ------------------------------
 locale_dirs = ['locale/']