Add base javascript for build detail

Author: agjohnson

gulpfile.js

@@ -17,6 +17,7 @@ var gulp = require('gulp'),
 // picking up dependencies of the primary entry points and putting any
 // limitations on directory structure for entry points.
 var sources = {
+    builds: ['js/detail.js'],
     core: [
         'js/readthedocs-doc-embed.js',
         'js/autocomplete.js',

readthedocs/builds/static-src/builds/js/detail.js

@@ -0,0 +1,103 @@
+// Build detail view
+
+var ko = window.knockout || require('knockout');
+var $ = window.jquery || require('jquery');
+
+
+function BuildCommand (data) {
+    var self = this;
+    self.id = ko.observable(data.id);
+    self.command = ko.observable(data.command);
+    self.output = ko.observable(data.output);
+    self.exit_code = ko.observable(data.exit_code || 0);
+    self.successful = ko.observable(self.exit_code() == 0);
+    self.run_time = ko.observable(data.run_time);
+    self.is_showing = ko.observable(!self.successful());
+
+    self.toggleCommand = function () {
+        self.is_showing(!self.is_showing());
+    };
+
+    self.command_status = ko.computed(function () {
+        return self.successful() ?
+            'build-command-successful' :
+            'build-command-failed';
+    });
+}
+
+function BuildDetailView (instance) {
+    var self = this,
+        instance = instance || {};
+
+    /* Instance variables */
+    self.state = ko.observable(instance.state);
+    self.state_display = ko.observable(instance.state_display);
+    self.finished = ko.computed(function () {
+        return self.state() == 'finished';
+    });
+    self.date = ko.observable(instance.date);
+    self.success = ko.observable(instance.success);
+    self.error = ko.observable(instance.error);
+    self.length = ko.observable(instance.length);
+    self.commands = ko.observableArray(instance.commands);
+    self.display_commands = ko.computed(function () {
+        var commands_display = [],
+            commands_raw = self.commands();
+        for (n in commands_raw) {
+            var command = new BuildCommand(commands_raw[n]);
+            commands_display.push(command)
+        }
+        return commands_display;
+    });
+    self.commit = ko.observable(instance.commit);
+
+    /* Others */
+    self.legacy_output = ko.observable(false);
+    self.show_legacy_output = function () {
+        self.legacy_output(true);
+    };
+
+    function poll_api () {
+        if (self.finished()) {
+            return;
+        }
+        $.getJSON('/api/v2/build/' + instance.id + '/', function (data) {
+            self.state(data.state);
+            self.state_display(data.state_display);
+            self.date(data.date);
+            self.success(data.success);
+            self.error(data.error);
+            self.length(data.length);
+            self.commit(data.commit);
+            for (n in data.commands) {
+                var command = data.commands[n];
+                var match = ko.utils.arrayFirst(
+                    self.commands(),
+                    function(command_cmp) {
+                        return (command_cmp.id == command.id);
+                    }
+                );
+                if (!match) {
+                    self.commands.push(command);
+                }
+            }
+        });
+
+        setTimeout(poll_api, 2000);
+    }
+
+    poll_api();
+}
+
+BuildDetailView.init = function (instance, domobj) {
+    var view = new BuildDetailView(instance),
+        domobj = domobj || $('#build-detail')[0];
+    ko.applyBindings(view, domobj);
+    return view;
+};
+
+module.exports.BuildDetailView = BuildDetailView;
+
+if (typeof(window) != 'undefined') {
+    window.build = module.exports;
+}