diff options
| -rw-r--r-- | WebHob_1.5/b3/assets/css/default.css | 15 | ||||
| -rw-r--r-- | WebHob_1.5/b3/assets/js/bootstrap3-typeahead.js | 584 | ||||
| -rwxr-xr-x | WebHob_1.5/b3/assets/js/main.js | 6 | ||||
| -rw-r--r-- | WebHob_1.5/b3/bitbake-variables.html | 470 | ||||
| -rw-r--r-- | WebHob_1.5/b3/custom-images.html | 5 | ||||
| -rw-r--r-- | WebHob_1.5/b3/layer-details-dir.html | 2 | ||||
| -rw-r--r-- | WebHob_1.5/b3/project-builds.html | 46 | ||||
| -rw-r--r-- | WebHob_1.5/b3/project-configuration.html | 49 | ||||
| -rw-r--r-- | WebHob_1.5/b3/sdk-configuration.html | 718 |
9 files changed, 1881 insertions, 14 deletions
diff --git a/WebHob_1.5/b3/assets/css/default.css b/WebHob_1.5/b3/assets/css/default.css index e7cdbfd..fe6419f 100644 --- a/WebHob_1.5/b3/assets/css/default.css +++ b/WebHob_1.5/b3/assets/css/default.css @@ -48,8 +48,10 @@ img.logo { height: 30px; vertical-align: bottom; } .rebuild-btn, .cancel-build-btn { cursor: pointer; } /* Styles for the help information */ -.get-help { color: #CCCCCC; } -.get-help:hover { color: #999999; cursor: pointer; } +.get-help, +.sdk-help { color: #CCCCCC; } +.get-help:hover, +.sdk-help:hover { color: #999999; cursor: pointer; } .get-help-green { color: #3c763d; } .get-help-green:hover { color: #2b542c; cursor: pointer; } .get-help-blue { color: #3A87AD; } @@ -130,8 +132,8 @@ h3 > .glyphicon-question-sign, /* Style the build form in the project pages */ #project-topbar .input-lg { width: 18em; } -#project-topbar form .glyphicon { top: 5px; right: 4px; } -#build-button { padding: 10px 30px; } +#project-topbar .form-group .glyphicon { top: 5px; right: 4px; } +/*#build-button { padding: 10px 30px; }*/ /* Style the form links in the project page (all machines, all layers, etc) */ .form-link { margin-top: 10px; } @@ -357,3 +359,8 @@ td .glyphicon-download-alt { margin-left: 5px; } .dropdown-menu > li > a.action-menu-item { color: #337ab7; } .dropdown-menu > li > a.action-menu-delete { color: #a94442; } .actions-dropdown > li > a { line-height: 1.8; } +.get-help-white { color: #fff; } +.get-help-white:hover { cursor: pointer; color: #ccc; } +#sdk-help .panel { margin-bottom: -2px; } +#add-sstate_mirrors { margin-top: 20px; } +#sdk-configuration legend { border-bottom: 1px solid #e5e5e5; } diff --git a/WebHob_1.5/b3/assets/js/bootstrap3-typeahead.js b/WebHob_1.5/b3/assets/js/bootstrap3-typeahead.js new file mode 100644 index 0000000..b614a22 --- /dev/null +++ b/WebHob_1.5/b3/assets/js/bootstrap3-typeahead.js @@ -0,0 +1,584 @@ +/* ============================================================= + * bootstrap3-typeahead.js v3.1.0 + * https://github.com/bassjobsen/Bootstrap-3-Typeahead + * ============================================================= + * Original written by @mdo and @fat + * ============================================================= + * Copyright 2014 Bass Jobsen @bassjobsen + * + * Licensed under the Apache License, Version 2.0 (the 'License'); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an 'AS IS' BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + * ============================================================ */ + + +(function (root, factory) { + + 'use strict'; + + // CommonJS module is defined + if (typeof module !== 'undefined' && module.exports) { + module.exports = factory(require('jquery')); + } + // AMD module is defined + else if (typeof define === 'function' && define.amd) { + define(['jquery'], function ($) { + return factory ($); + }); + } else { + factory(root.jQuery); + } + +}(this, function ($) { + + 'use strict'; + // jshint laxcomma: true + + + /* TYPEAHEAD PUBLIC CLASS DEFINITION + * ================================= */ + + var Typeahead = function (element, options) { + this.$element = $(element); + this.options = $.extend({}, $.fn.typeahead.defaults, options); + this.matcher = this.options.matcher || this.matcher; + this.sorter = this.options.sorter || this.sorter; + this.select = this.options.select || this.select; + this.autoSelect = typeof this.options.autoSelect == 'boolean' ? this.options.autoSelect : true; + this.highlighter = this.options.highlighter || this.highlighter; + this.render = this.options.render || this.render; + this.updater = this.options.updater || this.updater; + this.displayText = this.options.displayText || this.displayText; + this.source = this.options.source; + this.delay = this.options.delay; + this.$menu = $(this.options.menu); + this.$appendTo = this.options.appendTo ? $(this.options.appendTo) : null; + this.fitToElement = typeof this.options.fitToElement == 'boolean' ? this.options.fitToElement : false; + this.shown = false; + this.listen(); + this.showHintOnFocus = typeof this.options.showHintOnFocus == 'boolean' || this.options.showHintOnFocus === "all" ? this.options.showHintOnFocus : false; + this.afterSelect = this.options.afterSelect; + this.addItem = false; + this.value = this.$element.val() || this.$element.text(); + }; + + Typeahead.prototype = { + + constructor: Typeahead, + + select: function () { + var val = this.$menu.find('.active').data('value'); + this.$element.data('active', val); + if (this.autoSelect || val) { + var newVal = this.updater(val); + // Updater can be set to any random functions via "options" parameter in constructor above. + // Add null check for cases when updater returns void or undefined. + if (!newVal) { + newVal = ''; + } + this.$element + .val(this.displayText(newVal) || newVal) + .text(this.displayText(newVal) || newVal) + .change(); + this.afterSelect(newVal); + } + return this.hide(); + }, + + updater: function (item) { + return item; + }, + + setSource: function (source) { + this.source = source; + }, + + show: function () { + var pos = $.extend({}, this.$element.position(), { + height: this.$element[0].offsetHeight + }); + + var scrollHeight = typeof this.options.scrollHeight == 'function' ? + this.options.scrollHeight.call() : + this.options.scrollHeight; + + var element; + if (this.shown) { + element = this.$menu; + } else if (this.$appendTo) { + element = this.$menu.appendTo(this.$appendTo); + this.hasSameParent = this.$appendTo.is(this.$element.parent()); + } else { + element = this.$menu.insertAfter(this.$element); + this.hasSameParent = true; + } + + if (!this.hasSameParent) { + // We cannot rely on the element position, need to position relative to the window + element.css("position", "fixed"); + var offset = this.$element.offset(); + pos.top = offset.top; + pos.left = offset.left; + } + // The rules for bootstrap are: 'dropup' in the parent and 'dropdown-menu-right' in the element. + // Note that to get right alignment, you'll need to specify `menu` in the options to be: + // '<ul class="typeahead dropdown-menu" role="listbox"></ul>' + var dropup = $(element).parent().hasClass('dropup'); + var newTop = dropup ? 'auto' : (pos.top + pos.height + scrollHeight); + var right = $(element).hasClass('dropdown-menu-right'); + var newLeft = right ? 'auto' : pos.left; + // it seems like setting the css is a bad idea (just let Bootstrap do it), but I'll keep the old + // logic in place except for the dropup/right-align cases. + element.css({ top: newTop, left: newLeft }).show(); + + if (this.options.fitToElement === true) { + element.css("width", this.$element.outerWidth() + "px"); + } + + this.shown = true; + return this; + }, + + hide: function () { + this.$menu.hide(); + this.shown = false; + return this; + }, + + lookup: function (query) { + var items; + if (typeof(query) != 'undefined' && query !== null) { + this.query = query; + } else { + this.query = this.$element.val() || this.$element.text() || ''; + } + + if (this.query.length < this.options.minLength && !this.options.showHintOnFocus) { + return this.shown ? this.hide() : this; + } + + var worker = $.proxy(function () { + + if ($.isFunction(this.source)) { + this.source(this.query, $.proxy(this.process, this)); + } else if (this.source) { + this.process(this.source); + } + }, this); + + clearTimeout(this.lookupWorker); + this.lookupWorker = setTimeout(worker, this.delay); + }, + + process: function (items) { + var that = this; + + items = $.grep(items, function (item) { + return that.matcher(item); + }); + + items = this.sorter(items); + + if (!items.length && !this.options.addItem) { + return this.shown ? this.hide() : this; + } + + if (items.length > 0) { + this.$element.data('active', items[0]); + } else { + this.$element.data('active', null); + } + + // Add item + if (this.options.addItem){ + items.push(this.options.addItem); + } + + if (this.options.items == 'all') { + return this.render(items).show(); + } else { + return this.render(items.slice(0, this.options.items)).show(); + } + }, + + matcher: function (item) { + var it = this.displayText(item); + return ~it.toLowerCase().indexOf(this.query.toLowerCase()); + }, + + sorter: function (items) { + var beginswith = []; + var caseSensitive = []; + var caseInsensitive = []; + var item; + + while ((item = items.shift())) { + var it = this.displayText(item); + if (!it.toLowerCase().indexOf(this.query.toLowerCase())) beginswith.push(item); + else if (~it.indexOf(this.query)) caseSensitive.push(item); + else caseInsensitive.push(item); + } + + return beginswith.concat(caseSensitive, caseInsensitive); + }, + + highlighter: function (item) { + var html = $('<div></div>'); + var query = this.query; + var i = item.toLowerCase().indexOf(query.toLowerCase()); + var len = query.length; + var leftPart; + var middlePart; + var rightPart; + var strong; + if (len === 0) { + return html.text(item).html(); + } + while (i > -1) { + leftPart = item.substr(0, i); + middlePart = item.substr(i, len); + rightPart = item.substr(i + len); + strong = $('<strong></strong>').text(middlePart); + html + .append(document.createTextNode(leftPart)) + .append(strong); + item = rightPart; + i = item.toLowerCase().indexOf(query.toLowerCase()); + } + return html.append(document.createTextNode(item)).html(); + }, + + render: function (items) { + var that = this; + var self = this; + var activeFound = false; + var data = []; + var _category = that.options.separator; + + $.each(items, function (key,value) { + // inject separator + if (key > 0 && value[_category] !== items[key - 1][_category]){ + data.push({ + __type: 'divider' + }); + } + + // inject category header + if (value[_category] && (key === 0 || value[_category] !== items[key - 1][_category])){ + data.push({ + __type: 'category', + name: value[_category] + }); + } + data.push(value); + }); + + items = $(data).map(function (i, item) { + if ((item.__type || false) == 'category'){ + return $(that.options.headerHtml).text(item.name)[0]; + } + + if ((item.__type || false) == 'divider'){ + return $(that.options.headerDivider)[0]; + } + + var text = self.displayText(item); + i = $(that.options.item).data('value', item); + i.find('a').html(that.highlighter(text, item)); + if (text == self.$element.val()) { + i.addClass('active'); + self.$element.data('active', item); + activeFound = true; + } + return i[0]; + }); + + if (this.autoSelect && !activeFound) { + items.filter(':not(.dropdown-header)').first().addClass('active'); + this.$element.data('active', items.first().data('value')); + } + this.$menu.html(items); + return this; + }, + + displayText: function (item) { + return typeof item !== 'undefined' && typeof item.name != 'undefined' && item.name || item; + }, + + next: function (event) { + var active = this.$menu.find('.active').removeClass('active'); + var next = active.next(); + + if (!next.length) { + next = $(this.$menu.find('li')[0]); + } + + next.addClass('active'); + }, + + prev: function (event) { + var active = this.$menu.find('.active').removeClass('active'); + var prev = active.prev(); + + if (!prev.length) { + prev = this.$menu.find('li').last(); + } + + prev.addClass('active'); + }, + + listen: function () { + this.$element + .on('focus', $.proxy(this.focus, this)) + .on('blur', $.proxy(this.blur, this)) + .on('keypress', $.proxy(this.keypress, this)) + .on('input', $.proxy(this.input, this)) + .on('keyup', $.proxy(this.keyup, this)); + + if (this.eventSupported('keydown')) { + this.$element.on('keydown', $.proxy(this.keydown, this)); + } + + this.$menu + .on('click', $.proxy(this.click, this)) + .on('mouseenter', 'li', $.proxy(this.mouseenter, this)) + .on('mouseleave', 'li', $.proxy(this.mouseleave, this)) + .on('mousedown', $.proxy(this.mousedown,this)); + }, + + destroy : function () { + this.$element.data('typeahead',null); + this.$element.data('active',null); + this.$element + .off('focus') + .off('blur') + .off('keypress') + .off('input') + .off('keyup'); + + if (this.eventSupported('keydown')) { + this.$element.off('keydown'); + } + + this.$menu.remove(); + this.destroyed = true; + }, + + eventSupported: function (eventName) { + var isSupported = eventName in this.$element; + if (!isSupported) { + this.$element.setAttribute(eventName, 'return;'); + isSupported = typeof this.$element[eventName] === 'function'; + } + return isSupported; + }, + + move: function (e) { + if (!this.shown) return; + + switch (e.keyCode) { + case 9: // tab + case 13: // enter + case 27: // escape + e.preventDefault(); + break; + + case 38: // up arrow + // with the shiftKey (this is actually the left parenthesis) + if (e.shiftKey) return; + e.preventDefault(); + this.prev(); + break; + + case 40: // down arrow + // with the shiftKey (this is actually the right parenthesis) + if (e.shiftKey) return; + e.preventDefault(); + this.next(); + break; + } + }, + + keydown: function (e) { + this.suppressKeyPressRepeat = ~$.inArray(e.keyCode, [40,38,9,13,27]); + if (!this.shown && e.keyCode == 40) { + this.lookup(); + } else { + this.move(e); + } + }, + + keypress: function (e) { + if (this.suppressKeyPressRepeat) return; + this.move(e); + }, + + input: function (e) { + // This is a fixed for IE10/11 that fires the input event when a placehoder is changed + // (https://connect.microsoft.com/IE/feedback/details/810538/ie-11-fires-input-event-on-focus) + var currentValue = this.$element.val() || this.$element.text(); + if (this.value !== currentValue) { + this.value = currentValue; + this.lookup(); + } + }, + + keyup: function (e) { + if (this.destroyed) { + return; + } + switch (e.keyCode) { + case 40: // down arrow + case 38: // up arrow + case 16: // shift + case 17: // ctrl + case 18: // alt + break; + + case 9: // tab + case 13: // enter + if (!this.shown) return; + this.select(); + break; + + case 27: // escape + if (!this.shown) return; + this.hide(); + break; + } + + + }, + + focus: function (e) { + if (!this.focused) { + this.focused = true; + if (this.options.showHintOnFocus && this.skipShowHintOnFocus !== true) { + if(this.options.showHintOnFocus === "all") { + this.lookup(""); + } else { + this.lookup(); + } + } + } + if (this.skipShowHintOnFocus) { + this.skipShowHintOnFocus = false; + } + }, + + blur: function (e) { + if (!this.mousedover && !this.mouseddown && this.shown) { + this.hide(); + this.focused = false; + } else if (this.mouseddown) { + // This is for IE that blurs the input when user clicks on scroll. + // We set the focus back on the input and prevent the lookup to occur again + this.skipShowHintOnFocus = true; + this.$element.focus(); + this.mouseddown = false; + } + }, + + click: function (e) { + e.preventDefault(); + this.skipShowHintOnFocus = true; + this.select(); + this.$element.focus(); + this.hide(); + }, + + mouseenter: function (e) { + this.mousedover = true; + this.$menu.find('.active').removeClass('active'); + $(e.currentTarget).addClass('active'); + }, + + mouseleave: function (e) { + this.mousedover = false; + if (!this.focused && this.shown) this.hide(); + }, + + /** + * We track the mousedown for IE. When clicking on the menu scrollbar, IE makes the input blur thus hiding the menu. + */ + mousedown: function (e) { + this.mouseddown = true; + this.$menu.one("mouseup", function(e){ + // IE won't fire this, but FF and Chrome will so we reset our flag for them here + this.mouseddown = false; + }.bind(this)); + }, + + }; + + + /* TYPEAHEAD PLUGIN DEFINITION + * =========================== */ + + var old = $.fn.typeahead; + + $.fn.typeahead = function (option) { + var arg = arguments; + if (typeof option == 'string' && option == 'getActive') { + return this.data('active'); + } + return this.each(function () { + var $this = $(this); + var data = $this.data('typeahead'); + var options = typeof option == 'object' && option; + if (!data) $this.data('typeahead', (data = new Typeahead(this, options))); + if (typeof option == 'string' && data[option]) { + if (arg.length > 1) { + data[option].apply(data, Array.prototype.slice.call(arg, 1)); + } else { + data[option](); + } + } + }); + }; + + $.fn.typeahead.defaults = { + source: [], + items: 8, + menu: '<ul class="typeahead dropdown-menu" role="listbox"></ul>', + item: '<li><a class="dropdown-item" href="#" role="option"></a></li>', + minLength: 1, + scrollHeight: 0, + autoSelect: true, + afterSelect: $.noop, + addItem: false, + delay: 0, + separator: 'category', + headerHtml: '<li class="dropdown-header"></li>', + headerDivider: '<li class="divider" role="separator"></li>' + }; + + $.fn.typeahead.Constructor = Typeahead; + + /* TYPEAHEAD NO CONFLICT + * =================== */ + + $.fn.typeahead.noConflict = function () { + $.fn.typeahead = old; + return this; + }; + + + /* TYPEAHEAD DATA-API + * ================== */ + + $(document).on('focus.typeahead.data-api', '[data-provide="typeahead"]', function (e) { + var $this = $(this); + if ($this.data('typeahead')) return; + $this.typeahead($this.data()); + }); + +})); diff --git a/WebHob_1.5/b3/assets/js/main.js b/WebHob_1.5/b3/assets/js/main.js index 527940f..7ec8777 100755 --- a/WebHob_1.5/b3/assets/js/main.js +++ b/WebHob_1.5/b3/assets/js/main.js @@ -118,16 +118,16 @@ $(document).ready(function() { }); */ //enable tooltips for the delete action - $(".icon-trash").not(".no-tooltip, .remove").tooltip( {container: 'body', html: true, delay: {show: 400}, title: "Delete" }); + $(".glyphicon-trash").not(".no-tooltip, .remove").tooltip( {container: 'body', html: true, delay: {show: 400}, title: "Delete" }); // enable toolipts for the remove action $(".remove").not("no-tooltip").tooltip( {container: 'body', html: true, delay: {show: 400}, title: "Remove" }); //enable tooltips for the edit action - $(".icon-pencil").tooltip( {container: 'body', html: true, delay: {show: 400}, title: "Change" }); + $(".glyphicon-edit").tooltip( {container: 'body', html: true, delay: {show: 400}, title: "Change" }); //enable tooltips for the download action - $(".icon-download-alt").tooltip( {container: 'body', html: true, delay: {show: 400} }); + $(".glyphicon-download-alt").tooltip( {container: 'body', html: true, delay: {show: 400} }); //enable tooltips for the build action in the my image recipes section $(".icon-refresh").tooltip( {container: 'body', html: true, delay: {show: 400} }); diff --git a/WebHob_1.5/b3/bitbake-variables.html b/WebHob_1.5/b3/bitbake-variables.html new file mode 100644 index 0000000..159ac5d --- /dev/null +++ b/WebHob_1.5/b3/bitbake-variables.html @@ -0,0 +1,470 @@ +<!DOCTYPE html> + +<html lang="en"> + <head> + <title> + BitBake variables - A Toaster project - Toaster + </title> + <link rel="stylesheet" href="assets/css/bootstrap.css" type="text/css"/> + <link rel="stylesheet" href="assets/css/font-awesome.min.css" type='text/css'/> + <link rel="stylesheet" href="assets/css/default.css" type='text/css'/> + + <meta name="viewport" content="width=device-width, initial-scale=1.0" /> + <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> + <script src="assets/js/jquery-2.0.3.min.js"></script> + <script src="assets/js/bootstrap.js"></script> + <script src="assets/js/prettify.js"></script> + <script src="assets/js/main.js"></script> + </head> + + <body> + + <input type='hidden' name='csrfmiddlewaretoken' value='p0dizneX6TSfSCS12vZ5iQazveEBC9PP' /> + <div id="loading-notification" class="alert alert-warning lead text-center" style="display:none"> + Loading <i class="fa-pulse icon-spinner"></i> + </div> + + <div id="change-notification" class="alert alert-info alert-dismissible change-notification" style="display:none"> + <button type="button" class="close" id="hide-alert" data-dismiss="alert">×</button> + <span id="change-notification-msg"></span> + </div> + + <nav class="navbar navbar-default navbar-fixed-top"> + <div class="container-fluid"> + <div class="navbar-header"> + <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#global-nav" aria-expanded="false"> + <span class="sr-only">Toggle navigation</span> + <span class="icon-bar"></span> + <span class="icon-bar"></span> + <span class="icon-bar"></span> + </button> + <div class="toaster-navbar-brand"> + <a href="/"> + <img class="logo" src="../assets/img/logo.png" class="" alt="Yocto logo project"/> + </a> + <a class="brand" href="/">Toaster</a> + + <span class="glyphicon glyphicon-info-sign" title="<strong>Toaster version information</strong>" data-content="<dl><dt>Git branch</dt><dd>toaster-next +</dd><dt>Git revision</dt><dd>4543441cd3cef170bfcb5cfe803988989d500ed6 +</dd></dl>"></i> + + </div> + </div> + <div class="collapse navbar-collapse" id="global-nav"> + <ul class="nav navbar-nav"> + + <li > + <a href="/toastergui/builds/"> + <i class="glyphicon glyphicon-tasks"></i> + All builds + </a> + </li> + <li > + <a href="all-projects.html"> + <i class="glyphicon glyphicon-folder-open"></i> + All projects + </a> + </li> + + <li> + <a target="_blank" href="http://www.yoctoproject.org/docs/latest/toaster-manual/toaster-manual.html"> + <i class="glyphicon glyphicon-book"></i> + Documentation + </a> + </li> + </ul> + <a class="btn btn-default navbar-btn navbar-right" id="new-project-button" href="/toastergui/newproject/">New project</a> + </div> + </div> + </nav> + + <div class="container-fluid"> + + +<div class="row"> + +<div class="col-md-12"> + <div class="alert alert-success alert-dismissible change-notification" id="project-created-notification" style="display:none"> + <button type="button" class="close" data-dismiss="alert">×</button> + <p>Your project <strong>test crazy dependencies</strong> has been created. You can now <a class="alert-link" href="/toastergui/project/31/machines/">select your target machine</a> and <a class="alert-link" href="/toastergui/project/31/images/">choose image recipes</a> to build.</p> + </div> + <!-- project name --> + <div class="page-header"> + <h1 id="project-name-container"> + <span id="project-name">A Toaster project</span> + + <span class="glyphicon glyphicon-edit" id="project-change-form-toggle"></i> + + + </h1> + <form id="project-name-change-form" class="form-inline" style="display: none;"> + <div class="form-group"> + <input class="form-control input-lg" type="text" id="project-name-change-input" autocomplete="off" value="test crazy dependencies"> + </div> + <button id="project-name-change-btn" class="btn btn-default btn-lg" type="button">Save</button> + <a href="#" id="project-name-change-cancel" class="btn btn-lg btn-link">Cancel</a> + </form> + </div> + + + <div id="project-topbar"> + <ul class="nav nav-tabs"> + <li class="active" id="topbar-configuration-tab"> + <a href="project-configuration.html"> + Configuration + </a> + </li> + <li> + <a href="project-builds.html"> + Builds (3) + </a> + </li> + <li> + <a href="import-layer.html"> + Import layer + </a> + </li> + <li> + <a href="/toastergui/project/31/newcustomimage/"> + New custom image + </a> + </li> + <li class="pull-right"> + <form class="form-inline"> + <div class="form-group"> + <span class="glyphicon glyphicon-question-sign get-help" data-placement="left" title="Type the name of one or more recipes you want to build, separated by a space. You can also specify a task by appending a colon and a task name to the recipe name, like so: <code>busybox:clean</code>"></span> + <input id="build-input" type="text" class="form-control input-lg" placeholder="Type the recipe you want to build" autocomplete="off"> + </div> + <div class="btn-group"> + <a href="#" id="build-button" class="btn btn-primary btn-lg" data-project-id="2" disabled> + <span class="glyphicon glyphicon-question-sign get-help get-help-white heading-help" title="Builds packages and, if selecting an image recipe, a set of root file system files"></span> + Build + </a> + <a href="#" class="btn btn-default btn-lg" disabled> + <span class="glyphicon glyphicon-question-sign get-help heading-help" title="Only for <strong>image recipes</strong>. Does everything build does, and it also generates the extensible SDK for application development"></span> + SDK + </a> + </div> + </form> + </li> + </ul> + </div> + +</div> + + <!-- only on config pages --> + <div id="config-nav" class="col-md-2"> + <ul class="nav nav-pills nav-stacked"> + <li><a class="nav-parent" href="project-configuration.html">Configuration</a></li> + <li class="nav-header">Compatible metadata</li> + <li><a href="custom-images.html">Custom images</a></li> + <li><a href="/toastergui/project/31/images/">Image recipes</a></li> + <li><a href="/toastergui/project/31/softwarerecipes/">Software recipes</a></li> + <li><a href="/toastergui/project/31/machines/">Machines</a></li> + <li><a href="">Layers</a></li> + <li class="nav-header">Extra configuration</li> + <li class="active"><a href="#">BitBake variables</a></li> + <li><a href="sdk-configuration.html">SDK configuration</a></li> + <li class="nav-header">Actions</li> + <li><a href="#deleteProject" data-toggle="modal" class="text-danger"><span class="glyphicon glyphicon-trash"></span> Delete project</a></li> + </ul> + </div> + <div class="col-md-10"> + + +<h2>Bitbake variables</h2> +<div> + <dl> + + <dt> + <span class="js-config-var-name js-config-var-managed-name">DISTRO</span> + <span class="glyphicon glyphicon-question-sign get-help" title="The short name of the distribution. If the variable is blank, meta/conf/distro/defaultsetup.conf will be used"></span> + </dt> + <dd class="variable-list"> + <span class="lead" id="distro">poky</span> + <span class="glyphicon glyphicon-edit" id="change-distro-icon"></span> + <form id="change-distro-form" class="form-inline" style="display:none;"> + <div id="edit-distro-name-div" class="form-group"> + <input type="text" class="form-control" id="new-distro" value="poky"> + </div> + <button id="apply-change-distro" class="btn btn-default" type="button">Save</button> + <button id="cancel-change-distro" type="button" class="btn btn-link">Cancel</button> + <span class="help-block" id="distro-error-message"></span> + </form> + </dd> + + + + <dt> + <span class="js-config-var-name js-config-var-managed-name">DL_DIR</span> + <span class="glyphicon glyphicon-question-sign get-help" title="Absolute path to the directory used to store downloads required for your builds. By default, Toaster projects share the same downloads directory"></span> + </dt> + <dd class="variable-list"> + <span id="dl_dir" class="lead ">/home/belen/poky/downloads</span> + <span class="glyphicon glyphicon-edit" id="change-dl_dir-icon"></span> + <form id="change-dl_dir-form" class="form-inline" style="display:none;"> + <div class="form-group" id="validate-dl_dir"> + <input type="text" class="form-control" id="new-dl_dir" placeholder="Type an absolute path"> + </div> + <button id="apply-change-dl_dir" class="btn btn-default" type="button">Save</button> + <button id="cancel-change-dl_dir" type="button" class="btn btn-link">Cancel</button> + <p class="help-block" id="hintError-dl_dir" style="display:none;">The directory path cannot include spaces or any of these characters: . \ ? % * : | " " < ></p> + <p class="help-block" id="hintError-initialChar-dl_dir" style="display:none;">The directory path should either start with a /, e.g. /home/toaster/downloads; or with a variable, e.g. ${TOPDIR}/downloads.</p> + </form> + </dd> + + + + <dt> + <span class="js-config-var-name js-config-var-managed-name">IMAGE_FSTYPES</span> + <span class="glyphicon glyphicon-question-sign get-help" title="Formats of root file system images that you want to create"></span> + </dt> + <dd class="variable-list"> + <span class="lead" id="image_fstypes">ext3 jffs2 tar.bz2</span> + <span class="glyphicon glyphicon-edit" id="change-image_fstypes-icon"></span> + <form id="change-image_fstypes-form" style="display:none;"> + <label>Type the image types you want to build:</label> + <div class="form-group form-inline" id="validate-image_fstypes"> + <input type="text" class="form-control "id="new-imagefs_types"> + <button id="apply-change-image_fstypes" type="button" class="btn btn-default">Save</button> + <button id="cancel-change-image_fstypes" type="button" class="btn btn-link">Cancel</button> + </div> + <p class="help-block text-danger" style="display:none;" id="hintError-image-fs_type">A valid image type cannot include underscores</p> + <label>Or choose from known image types:</label> + <input id="filter-image_fstypes" type="text" placeholder="Search image types" class="form-control"> + <div id="all-image_fstypes" class="scrolling"></div> + </form> + </dd> + + + + <dt> + <span class="js-config-var-name js-config-var-managed-name">IMAGE_INSTALL_append</span> + <span class="glyphicon glyphicon-question-sign get-help" title="Specifies additional packages to install into an image. If your build creates more than one image, the packages will be installed in all of them"></span> + </dt> + <dd class="variable-list"> + <span id="image_install" class="lead text-muted ">Not set</span> + <span class="glyphicon glyphicon-edit" id="change-image_install-icon"></span> + <span class="glyphicon glyphicon-trash" id="delete-image_install-icon" style="display:none;"></span> + <form id="change-image_install-form" class="form-inline" style="display:none;"> + <div class="row"> + <div class="col-md-4"> + <span class="help-block">To set IMAGE_INSTALL_append to more than one package, type the package names separated by a space.</span> + </div> + </div> + <div class="form-group"> + <input type="text" class="form-control" id="new-image_install" placeholder="Type one or more package names"> + </div> + <button id="apply-change-image_install" class="btn btn-default" type="button">Save</button> + <button id="cancel-change-image_install" type="button" class="btn btn-link">Cancel</button> + </form> + </dd> + + + + <dt> + <span class="js-config-var-name js-config-var-managed-name">PACKAGE_CLASSES</span> + <span class="glyphicon glyphicon-question-sign get-help" title="Specifies the package manager to use when packaging data"></span> + </dt> + <dd class="variable-list"> + <span class="lead" id="package_classes">package_rpm</span> + <span id="change-package_classes-icon" class="glyphicon glyphicon-edit"></span> + <form id="change-package_classes-form" style="display:none;"> + <div class="form-group"> + <label class="control-label"> + Root file system package format + <span class="glyphicon glyphicon-question-sign get-help" title="The package format used to generate the root file system. Options are <code>deb</code>, <code>ipk</code> and <code>rpm</code>"></i> + </label> + <select id="package_classes-select" class="form-control"> + <option>package_deb</option> + <option>package_ipk</option> + <option>package_rpm</option> + </select> + </div> + <div class="form-group"> + <label class="control-label"> + Additional package formats + <span class="glyphicon glyphicon-question-sign get-help" title="Extra package formats to build"></span> + </label> + <div class="checkbox"> + <label id="package_class_1"> + <input type="checkbox" id="package_class_1_input"> package_deb + </label> + </div> + <div class="checkbox"> + <label id="package_class_2"> + <input type="checkbox" id="package_class_2_input"> package_ipk + </label> + </div> + </div> + <button id="apply-change-package_classes" type="button" class="btn btn-default">Save</button> + <button id="cancel-change-package_classes" type="button" class="btn btn-link">Cancel</button> + </form> + </dd> + + + + <dt> + <span class="js-config-var-name js-config-var-managed-name">SSTATE_DIR</span> + <span class="glyphicon glyphicon-question-sign get-help" title="Absolute path to the directory used to store shared state cache files. These files are reused across the builds, which makes the builds faster. By default, Toaster projects share the same cache directory"></span> + </dt> + <dd class="variable-list"> + <span id="sstate_dir" class="lead ">/home/belen/poky/sstate-cache</span> + <span class="glyphicon glyphicon-edit" id="change-sstate_dir-icon"></span> + <form class="form-inline" id="change-sstate_dir-form" style="display:none;"> + <div class="form-group" id="validate-sstate_dir"> + <input type="text" class="form-control" id="new-sstate_dir" placeholder="Type an absolute path"> + </div> + <button id="apply-change-sstate_dir" class="btn btn-default" type="button">Save</button> + <button id="cancel-change-sstate_dir" type="button" class="btn btn-link">Cancel</button> + <p class="help-block" id="hintError-sstate_dir" style="display:none;">The directory path cannot include spaces or any of these characters: . \ ? % * : | " " < ></p> + <p class="help-block" id="hintError-initialChar-sstate_dir" style="display:none;">The directory path should either start with a /, e.g. /home/toaster/sstate-cache; or with a variable, e.g. ${TOPDIR}/sstate-cache.</p> + </form> + </dd> + + </dl> + + <!-- <ul class="list-unstyled configuration-list" id="configvar-list"> --> + <dl id="configvar-list"> + <!-- the added configuration variables are inserted here --> + </dl> + + <!-- pass the fstypes list, black list, and externally managed variables here --> + + <input type="hidden" class="js-checkbox-fstypes-list" value="btrfs"> + + <input type="hidden" class="js-checkbox-fstypes-list" value="cpio"> + + <input type="hidden" class="js-checkbox-fstypes-list" value="cpio.gz"> + + <input type="hidden" class="js-checkbox-fstypes-list" value="cpio.lz4"> + + <input type="hidden" class="js-checkbox-fstypes-list" value="cpio.lzma"> + + <input type="hidden" class="js-checkbox-fstypes-list" value="cpio.xz"> + + <input type="hidden" class="js-checkbox-fstypes-list" value="cramfs"> + + <input type="hidden" class="js-checkbox-fstypes-list" value="elf"> + + <input type="hidden" class="js-checkbox-fstypes-list" value="ext2"> + + <input type="hidden" class="js-checkbox-fstypes-list" value="ext2.bz2"> + + <input type="hidden" class="js-checkbox-fstypes-list" value="ext2.gz"> + + <input type="hidden" class="js-checkbox-fstypes-list" value="ext2.lzma"> + + <input type="hidden" class="js-checkbox-fstypes-list" value="ext3"> + + <input type="hidden" class="js-checkbox-fstypes-list" value="ext3.gz"> + + <input type="hidden" class="js-checkbox-fstypes-list" value="ext4"> + + <input type="hidden" class="js-checkbox-fstypes-list" value="ext4.gz"> + + <input type="hidden" class="js-checkbox-fstypes-list" value="hddimg"> + + <input type="hidden" class="js-checkbox-fstypes-list" value="iso"> + + <input type="hidden" class="js-checkbox-fstypes-list" value="jffs2"> + + <input type="hidden" class="js-checkbox-fstypes-list" value="jffs2.sum"> + + <input type="hidden" class="js-checkbox-fstypes-list" value="squashfs"> + + <input type="hidden" class="js-checkbox-fstypes-list" value="squashfs-lzo"> + + <input type="hidden" class="js-checkbox-fstypes-list" value="squashfs-xz"> + + <input type="hidden" class="js-checkbox-fstypes-list" value="tar.bz2"> + + <input type="hidden" class="js-checkbox-fstypes-list" value="tar.lz4"> + + <input type="hidden" class="js-checkbox-fstypes-list" value="tar.xz"> + + <input type="hidden" class="js-checkbox-fstypes-list" value="tartar.gz"> + + <input type="hidden" class="js-checkbox-fstypes-list" value="ubi"> + + <input type="hidden" class="js-checkbox-fstypes-list" value="ubifs"> + + <input type="hidden" class="js-checkbox-fstypes-list" value="vmdk"> + + + <input type="hidden" class="js-config-blacklist-name" value="CVS_PROXY_HOST"> + + <input type="hidden" class="js-config-blacklist-name" value="PARALLEL_MAKE"> + + <input type="hidden" class="js-config-blacklist-name" value="http_proxy "> + + <input type="hidden" class="js-config-blacklist-name" value="ftp_proxy"> + + <input type="hidden" class="js-config-blacklist-name" value="all_proxy"> + + <input type="hidden" class="js-config-blacklist-name" value="BB_DISKMON_DIRS"> + + <input type="hidden" class="js-config-blacklist-name" value="CVS_PROXY_PORT"> + + <input type="hidden" class="js-config-blacklist-name" value="TMPDIR"> + + <input type="hidden" class="js-config-blacklist-name" value="BB_NUMBER_THREADS"> + + <input type="hidden" class="js-config-blacklist-name" value="https_proxy"> + + + <input type="hidden" class="js-config-managed-name" value="MACHINE"> + + <input type="hidden" class="js-config-managed-name" value="BBLAYERS"> + + + <form id="variable-form"> + <fieldset> + <legend>Add variable</legend> + <div class="row"> + <div class="col-md-3"> + <div id="add-configvar-name-div" class="form-group"> + <label class="control-label"> + Variable + <span class="glyphicon glyphicon-question-sign get-help" + title="Variable names are case sensitive, + cannot have spaces, and can only include letters, numbers, underscores + and dashes"></span> + </label> + <input type="text" class="form-control" placeholder="Type the variable name" id="variable"> + </div> + <p class="help-block" id="new-variable-error-message"></p> + <div class="form-group"> + <label clas="control-label">Value</label> + <input id="value" type="text" class="form-control" placeholder="Type the variable value"> + </div> + <button id="add-configvar-button" class="btn btn-default save" type="button" disabled>Add variable</button> + </div> + <div class="col-md-5 help-block"> + <h5>Some variables cannot be set from Toaster</h5> + <p>Toaster cannot set any variables that impact 1) the configuration of the build servers, + or 2) where artifacts produced by the build are stored. Such variables include: </p> + <p> + <code><a href="http://www.yoctoproject.org/docs/1.6.1/ref-manual/ref-manual.html#var-BB_DISKMON_DIRS" target="_blank">BB_DISKMON_DIRS</a></code> + <code><a href="http://www.yoctoproject.org/docs/1.6.1/ref-manual/ref-manual.html#var-BB_NUMBER_THREADS" target="_blank">BB_NUMBER_THREADS</a></code> + <code>CVS_PROXY_HOST</code> + <code>CVS_PROXY_PORT</code> + <code><a href="http://www.yoctoproject.org/docs/1.6.1/ref-manual/ref-manual.html#var-PARALLEL_MAKE" target="_blank">PARALLEL_MAKE</a></code> + <code><a href="http://www.yoctoproject.org/docs/1.6.1/ref-manual/ref-manual.html#var-TMPDIR" target="_blank">TMPDIR</a></code></p> + <p>Plus the following standard shell environment variables:</p> + <p><code>http_proxy</code> <code>ftp_proxy</code> <code>https_proxy</code> <code>all_proxy</code></p> + </div> + </div> + </fieldset> + </form> +</div> + +</div> + + </div> + +</div> + + </div> + </body> +</html> diff --git a/WebHob_1.5/b3/custom-images.html b/WebHob_1.5/b3/custom-images.html index 3b9ff63..1d1272d 100644 --- a/WebHob_1.5/b3/custom-images.html +++ b/WebHob_1.5/b3/custom-images.html @@ -155,7 +155,10 @@ <li><a href="/toastergui/project/2/machines/">Machines</a></li> <li><a href="/toastergui/project/2/layers/">Layers</a></li> <li class="nav-header">Extra configuration</li> - <li><a href="/toastergui/project/2/configuration">BitBake variables</a></li> + <li><a href="bitbake-variables.html">BitBake variables</a></li> + <li><a href="sdk-configuration.html">SDK configuration</a></li> + <li class="nav-header">Actions</li> + <li><a href="#deleteProject" data-toggle="modal" class="text-danger"><span class="glyphicon glyphicon-trash"></span> Delete project</a></li> </ul> </div> <div class="col-md-10"> diff --git a/WebHob_1.5/b3/layer-details-dir.html b/WebHob_1.5/b3/layer-details-dir.html index 51dac2d..6f93cb2 100644 --- a/WebHob_1.5/b3/layer-details-dir.html +++ b/WebHob_1.5/b3/layer-details-dir.html @@ -297,7 +297,7 @@ </dl> <span class="glyphicon glyphicon-trash"></span> - <a href="#delete-layer-modal" role="button" class="text-danger" data-toggle="modal" data-target="#delete-layer-modal">Delete meta-directory</a> + <a href="#delete-layer-modal" role="button" class="text-danger" data-toggle="modal" data-target="#delete-layer-modal">Delete layer</a> </div> </div> diff --git a/WebHob_1.5/b3/project-builds.html b/WebHob_1.5/b3/project-builds.html index f47c12f..f6d45db 100644 --- a/WebHob_1.5/b3/project-builds.html +++ b/WebHob_1.5/b3/project-builds.html @@ -24,7 +24,7 @@ Loading <i class="fa-pulse icon-spinner"></i> </div> - <div id="change-notification" class="alert alert-info alert-dismissible change-notification"> + <div id="change-notification" class="alert alert-info alert-dismissible change-notification" style="display:none;"> <button type="button" class="close" id="hide-alert" data-dismiss="alert">×</button> <span id="change-notification-msg">You have deleted <strong>1</strong> build: <strong>belen-minimal qemux86</strong> completed on <strong>15/07/16 12:18</strong></span> </div> @@ -134,7 +134,16 @@ <span class="glyphicon glyphicon-question-sign get-help" data-placement="left" title="Type the name of one or more recipes you want to build, separated by a space. You can also specify a task by appending a colon and a task name to the recipe name, like so: <code>busybox:clean</code>"></span> <input id="build-input" type="text" class="form-control input-lg" placeholder="Type the recipe you want to build" autocomplete="off"> </div> - <button id="build-button" class="btn btn-primary btn-lg" data-project-id="2" disabled>Build</button> + <div class="btn-group"> + <a href="#" id="build-button" class="btn btn-primary btn-lg" data-project-id="2" disabled> + <span class="glyphicon glyphicon-question-sign get-help get-help-white heading-help" title="Builds packages and, if selecting an image recipe, a set of root file system files"></span> + Build + </a> + <a href="#" class="btn btn-default btn-lg" disabled> + <span class="glyphicon glyphicon-question-sign get-help heading-help" title="Only for <strong>image recipes</strong>. Does everything build does, and it also generates the extensible SDK for application development"></span> + SDK + </a> + </div> </form> </li> </ul> @@ -148,6 +157,24 @@ <div id="latest-builds"> + <div data-latest-build-result="6" class="alert build-result alert-info" id="build-queued" style="display:none;"> + <div class="row"> + <div class="col-md-3"> + <span data-toggle="tooltip" data-original-title="" title=""></span> SDK + </div> + <div class="col-md-4"> + <span class="glyphicon glyphicon-question-sign help-blue"></span> + Build queued + </div> + <div class="col-md-5 progress-info"> + <a href="#" class="cancel-build-btn pull-right alert-link" data-buildrequest-id="5" data-request-url="/toastergui/xhr_buildrequest/project/3"> + <span class="glyphicon glyphicon-remove-circle"></span> + Cancel + </a> + </div> + </div> + </div> + <div data-latest-build-result="8" class="alert build-result alert-success"> <div class="row"> <div class="col-md-3"> @@ -599,5 +626,20 @@ </div> </div> + + <script> + + $(document).ready(function() { + + // start a build from another page + if (location.href.search('recipe=') > -1) { + var recipe = location.href.split('recipe=')[1]; + $('#build-queued .col-md-3 > span').text(recipe); + $('#build-queued').fadeIn(2000); + } + + }); + + </script> </body> </html> diff --git a/WebHob_1.5/b3/project-configuration.html b/WebHob_1.5/b3/project-configuration.html index f4b82f9..063ee39 100644 --- a/WebHob_1.5/b3/project-configuration.html +++ b/WebHob_1.5/b3/project-configuration.html @@ -15,6 +15,7 @@ <script src="assets/js/jquery-2.0.3.min.js"></script> <script src="assets/js/bootstrap.js"></script> <script src="assets/js/prettify.js"></script> + <script src="assets/js/bootstrap3-typeahead.js"></script> <script src="assets/js/main.js"></script> </head> @@ -135,9 +136,29 @@ <form class="form-inline"> <div class="form-group"> <span class="glyphicon glyphicon-question-sign get-help" data-placement="left" title="Type the name of one or more recipes you want to build, separated by a space. You can also specify a task by appending a colon and a task name to the recipe name, like so: <code>busybox:clean</code>"></span> - <input id="build-input" type="text" class="form-control input-lg" placeholder="Type the recipe you want to build" autocomplete="off"> + <input id="build-input" type="text" class="form-control input-lg" placeholder="Type the recipe you want to build" data-provide="typeahead" autocomplete="off" data-source='[ + "core-image-base", + "core-image-clutter", + "core-image-directfb", + "core-image-full-cmdline]", + "core-image-lsb", + "core-image-lsb-dev", + "core-image-lsb-sdk", + "core-image-minimal", + "core-image-myimage", + "core-image-anotherimage", + "custom-image-name" ]'> + </div> + <div class="btn-group"> + <a href="#" id="build-button" class="btn btn-primary btn-lg" data-project-id="2" disabled> + <span class="glyphicon glyphicon-question-sign get-help get-help-white heading-help" title="Builds packages and, if selecting an image recipe, a set of root file system files"></span> + Build + </a> + <a href="" class="btn btn-default btn-lg" id="sdk-button" disabled> + <span class="glyphicon glyphicon-question-sign get-help heading-help" title="Only for <strong>image recipes</strong>. Does everything build does, and it also generates the extensible SDK for application development"></span> + SDK + </a> </div> - <button id="build-button" class="btn btn-primary btn-lg" data-project-id="2" disabled>Build</button> </form> </li> </ul> @@ -156,7 +177,8 @@ <li><a href="/toastergui/project/2/machines/">Machines</a></li> <li><a href="/toastergui/project/2/layers/">Layers</a></li> <li class="nav-header">Extra configuration</li> - <li><a href="/toastergui/project/2/configuration">BitBake variables</a></li> + <li><a href="bitbake-variables.html">BitBake variables</a></li> + <li><a href="sdk-configuration.html">SDK configuration</a></li> <li class="nav-header">Actions</li> <li><a href="#deleteProject" data-toggle="modal" class="text-danger"><span class="glyphicon glyphicon-trash"></span> Delete project</a></li> </ul> @@ -272,5 +294,26 @@ </div><!-- /.modal-dialog --> </div><!-- /.modal --> + <script> + $(document).ready(function() { + + // enable / disable the build and sdk buttons + $("#build-input").keyup(function(){ + if ( $(this).val() ) { + $(".btn-group a").removeAttr("disabled"); + } + else { + $(".btn-group a").attr("disabled","disabled"); + } + }); + + $("#sdk-button").click(function(){ + var target = $("#build-input").val(); + $("#sdk-button").attr("href", "project-builds.html?recipe=" + target); + }); + + }); + </script> + </body> </html> diff --git a/WebHob_1.5/b3/sdk-configuration.html b/WebHob_1.5/b3/sdk-configuration.html new file mode 100644 index 0000000..51d48be --- /dev/null +++ b/WebHob_1.5/b3/sdk-configuration.html @@ -0,0 +1,718 @@ +<!DOCTYPE html> + +<html lang="en"> + <head> + <title> + SDK configuration - A Toaster project - Toaster + </title> + <link rel="stylesheet" href="assets/css/bootstrap.css" type="text/css"/> + <link rel="stylesheet" href="assets/css/font-awesome.min.css" type='text/css'/> + <link rel="stylesheet" href="assets/css/default.css" type='text/css'/> + + <meta name="viewport" content="width=device-width, initial-scale=1.0" /> + <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> + <script src="assets/js/jquery-2.0.3.min.js"></script> + <script src="assets/js/bootstrap.js"></script> + <script src="assets/js/prettify.js"></script> + <script src="assets/js/main.js"></script> + </head> + + <body> + + <input type='hidden' name='csrfmiddlewaretoken' value='p0dizneX6TSfSCS12vZ5iQazveEBC9PP' /> + <div id="loading-notification" class="alert alert-warning lead text-center" style="display:none"> + Loading <i class="fa-pulse icon-spinner"></i> + </div> + + <div id="change-notification" class="alert alert-info alert-dismissible change-notification" style="display:none"> + <button type="button" class="close" id="hide-alert" data-dismiss="alert">×</button> + <span id="change-notification-msg"></span> + </div> + + <nav class="navbar navbar-default navbar-fixed-top"> + <div class="container-fluid"> + <div class="navbar-header"> + <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#global-nav" aria-expanded="false"> + <span class="sr-only">Toggle navigation</span> + <span class="icon-bar"></span> + <span class="icon-bar"></span> + <span class="icon-bar"></span> + </button> + <div class="toaster-navbar-brand"> + <a href="/"> + <img class="logo" src="../assets/img/logo.png" class="" alt="Yocto logo project"/> + </a> + <a class="brand" href="/">Toaster</a> + + <span class="glyphicon glyphicon-info-sign" title="<strong>Toaster version information</strong>" data-content="<dl><dt>Git branch</dt><dd>toaster-next +</dd><dt>Git revision</dt><dd>4543441cd3cef170bfcb5cfe803988989d500ed6 +</dd></dl>"></i> + + </div> + </div> + <div class="collapse navbar-collapse" id="global-nav"> + <ul class="nav navbar-nav"> + + <li > + <a href="/toastergui/builds/"> + <i class="glyphicon glyphicon-tasks"></i> + All builds + </a> + </li> + <li > + <a href="all-projects.html"> + <i class="glyphicon glyphicon-folder-open"></i> + All projects + </a> + </li> + + <li> + <a target="_blank" href="http://www.yoctoproject.org/docs/latest/toaster-manual/toaster-manual.html"> + <i class="glyphicon glyphicon-book"></i> + Documentation + </a> + </li> + </ul> + <a class="btn btn-default navbar-btn navbar-right" id="new-project-button" href="/toastergui/newproject/">New project</a> + </div> + </div> + </nav> + + <div class="container-fluid"> + + +<div class="row"> + +<div class="col-md-12"> + <div class="alert alert-success alert-dismissible change-notification" id="project-created-notification" style="display:none"> + <button type="button" class="close" data-dismiss="alert">×</button> + <p>Your project <strong>test crazy dependencies</strong> has been created. You can now <a class="alert-link" href="/toastergui/project/31/machines/">select your target machine</a> and <a class="alert-link" href="/toastergui/project/31/images/">choose image recipes</a> to build.</p> + </div> + <!-- project name --> + <div class="page-header"> + <h1 id="project-name-container"> + <span id="project-name">A Toaster project</span> + + <span class="glyphicon glyphicon-edit" id="project-change-form-toggle"></i> + + + </h1> + <form id="project-name-change-form" class="form-inline" style="display: none;"> + <div class="form-group"> + <input class="form-control input-lg" type="text" id="project-name-change-input" autocomplete="off" value="test crazy dependencies"> + </div> + <button id="project-name-change-btn" class="btn btn-default btn-lg" type="button">Save</button> + <a href="#" id="project-name-change-cancel" class="btn btn-lg btn-link">Cancel</a> + </form> + </div> + + + <div id="project-topbar"> + <ul class="nav nav-tabs"> + <li class="active" id="topbar-configuration-tab"> + <a href="project-configuration.html"> + Configuration + </a> + </li> + <li> + <a href="project-builds.html"> + Builds (3) + </a> + </li> + <li> + <a href="import-layer.html"> + Import layer + </a> + </li> + <li> + <a href="/toastergui/project/31/newcustomimage/"> + New custom image + </a> + </li> + <li class="pull-right"> + <form class="form-inline"> + <div class="form-group"> + <span class="glyphicon glyphicon-question-sign get-help" data-placement="left" title="Type the name of one or more recipes you want to build, separated by a space. You can also specify a task by appending a colon and a task name to the recipe name, like so: <code>busybox:clean</code>"></span> + <input id="build-input" type="text" class="form-control input-lg" placeholder="Type the recipe you want to build" autocomplete="off"> + </div> + <div class="btn-group"> + <a href="#" id="build-button" class="btn btn-primary btn-lg" data-project-id="2" disabled> + <span class="glyphicon glyphicon-question-sign get-help get-help-white heading-help" title="Builds packages and, if selecting an image recipe, a set of root file system files"></span> + Build + </a> + <a href="#" class="btn btn-default btn-lg" disabled> + <span class="glyphicon glyphicon-question-sign get-help heading-help" title="Only for <strong>image recipes</strong>. Does everything build does, and it also generates the extensible SDK for application development"></span> + SDK + </a> + </div> + </form> + </li> + </ul> + </div> + +</div> + + <!-- only on config pages --> + <div id="config-nav" class="col-md-2"> + <ul class="nav nav-pills nav-stacked"> + <li><a class="nav-parent" href="project-configuration.html">Configuration</a></li> + <li class="nav-header">Compatible metadata</li> + <li><a href="custom-images.html">Custom images</a></li> + <li><a href="/toastergui/project/31/images/">Image recipes</a></li> + <li><a href="/toastergui/project/31/softwarerecipes/">Software recipes</a></li> + <li><a href="/toastergui/project/31/machines/">Machines</a></li> + <li><a href="">Layers</a></li> + <li class="nav-header">Extra configuration</li> + <li><a href="bitbake-variables.html">BitBake variables</a></li> + <li class="active"><a href="sdk-configuration.html">SDK configuration</a></li> + <li class="nav-header">Actions</li> + <li><a href="#deleteProject" data-toggle="modal" class="text-danger"><span class="glyphicon glyphicon-trash"></span> Delete project</a></li> + </ul> + </div> + <div class="col-md-10" id="sdk-configuration"> + <h2>SDK configuration</h2> + <div class="row"> + <div class="col-md-6"> + <fieldset> + <legend style="margin-top:0;">Core SDK options</legend> + <dl> + <dt> + <span class="js-config-var-name js-config-var-managed-name">SDK_EXT_TYPE</span> + </dt> + <dd class="variable-list"> + <span class="lead" id="sdk_ext_type">full</span> + <span class="glyphicon glyphicon-edit" id="change-sdk_ext_type-icon"></span> + <form id="change-sdk_ext_type-form" style="display:none;"> + <div class="radio"> + <label> + <input type="radio" name="full-minimal" id="full" value="full" checked> + full + </label> + <p class="help-block" style="margin-left:20px;">Bundles the shared state artifacts needed to reconstruct the image for which the SDK was built. The installer file can be 1 GB or more in size.</p> + </div> + <div class="radio"> + <label> + <input type="radio" name="full-minimal" id="minimal" value="minimal"> + minimal + </label> + <p class="help-block" style="margin-left:20px;">Produces a smaller installer file, but it does not install any libraries or tools: you will need to install them manually using devtool. When building a minimal SDK you must provide a shared state mirror and set <code>SDK_INCLUDE_PKGDATA</code> to <code>1</code>.</p> + </div> + <div id="add-sstate_mirrors" class="form-group"> + <label>SSTATE_MIRRORS</label> + <input type="text" class="form-control" id="new-sstate_mirrors"> + <span class="help-block"> + <p>Provide the path to the shared state mirror where the build system can find the prebuilt cache data objects. Something like:</p> + <p><code>file://.* http://someserver.tld/share/sstate/PATH</code></p> + <p><a href="#">More about SSTATE_MIRRORS in the Yocto Project reference manual</a></p> + </span> + </div> + <div style="margin-top:20px;"> + <button id="apply-change-sdk_ext_type" class="btn btn-default" type="button">Save</button> + <button id="cancel-change-sdk_ext_type" type="button" class="btn btn-link">Cancel</button> + </div> + </form> + </dd> + <dt id="sstate_mirrors_label" style="display:none;">SSTATE_MIRRORS</dt> + <dd class="variable-list" style="display:none;"> + <span class="lead" id="sstate_mirrors"></span> + <span class="glyphicon glyphicon-edit" id="change-sstate_mirrors-icon"></span> + </dd> + <dt>SDK_INCLUDE_PKGDATA</dt> + <dd class="variable-list"> + <span class="lead" id="sdk_include_pkgdata">0</span> + <span class="glyphicon glyphicon-edit" id="change-sdk_include_pkgdata-icon"></span> + <form id="change-sdk_include_pkgdata-form" style="display:none;"> + <div class="radio"> + <span class="help-block">Set this variable to <code>1</code> when building a <code>minimal</code> SDK: it will include the package data for all recipes in the "world" target in the SDK. This allows the <code>devtool search</code> command to find these recipes in search results, as well as the <code>devtool add</code> command to map dependencies more effectively.</span> + <label> + <input type="radio" name="pkgdata" id="0" value="0" checked> + 0 + </label> + </div> + <div class="radio"> + <label> + <input type="radio" name="pkgdata" id="1" value="1"> + 1 + </label> + </div> + <div style="margin-top:20px;"> + <button id="apply-change-sdk_include_pkgdata" class="btn btn-default" type="button">Save</button> + <button id="cancel-change-sdk_include_pkgdata" type="button" class="btn btn-link">Cancel</button> + </div> + </form> + </dd> + </dl> + </fieldset> + <fieldset> + <legend>SDK publishing</legend> + <dl> + <dt>SDK_UPDATE_URL</dt> + <dd class="variable-list"> + <span class="lead text-muted" id="sdk_update_url">Not set</span> + <span class="glyphicon glyphicon-edit" id="change-sdk_update_url-icon"></span> + <span class="glyphicon glyphicon-trash" id="delete-sdk_update_url-icon" style="display:none;"></span> + <form id="change-sdk_update_url-form" style="display:none;"> + <div class="form-group"> + <input type="text" class="form-control" id="new-sdk_update_url"> + <span class="help-block"> + <p>Type the URL to the shared directory from where application developers can update the SDK. The directory must be shared over HTTP or HTTPS. For example:</p> + <p><code>https://myserver/sdk-update-directory</code></p> + <p><a href="#">More about SDK_UPDATE_URL in the SDK Developer's Guide</a></p> + </span> + </div> + <div style="margin-top:20px;"> + <button id="apply-change-sdk_update_url" class="btn btn-default" type="button" disabled>Save</button> + <button id="cancel-change-sdk_update_url" type="button" class="btn btn-link">Cancel</button> + </div> + </form> + </dd> + <div id="publish-option" class="checkbox disabled"> + <label class="text-muted"> + <input type="checkbox" disabled> <strong>Publish the SDK after each build</strong> + </label> + <p class="help-block">To enable this option, you must first set the <code>SDK_UPDATE_URL</code> variable.</p> + </div> + </dl> + </fieldset> + <fieldset> + <legend>Additional SDK options</legend> + <dl> + <dt>SDK_TITLE</dt> + <dd class="variable-list"> + <span class="lead">poky Extensible SDK</span> + <span class="glyphicon glyphicon-edit" id="change-distro-icon"></span> + </dd> + <dt>SDK_LOCAL_CONF_WHITELIST</dt> + <dd class="variable-list"> + <span class="lead text-muted" id="sdk_local_conf_whitelist">Not set</span> + <span class="glyphicon glyphicon-edit"></span> + <span class="glyphicon glyphicon-trash" id="delete-sdk_local_conf_whitelist-icon"></span> + </dd> + <dt>SDK_LOCAL_CONF_BLACKLIST</dt> + <dd class="variable-list"> + <span class="lead" id="sdk_local_conf_blacklist">CONF_VERSION BB_NUMBER_THREADS + <br/> + PARALLEL_MAKE PRSERV_HOST + <br /> + SSTATE_MIRRORS </span> + <span class="glyphicon glyphicon-edit" id="change-distro-icon"></span> + <span class="glyphicon glyphicon-trash"></span> + <!--ul class="lead list-unstyled"> + <li>SSTATE_MIRRORS</li> + <li>CONF_VERSION</li> + <li>BB_NUMBER_THREADS</li> + <li>PARALLEL_MAKE</li> + <li> + PRSERV_HOST + <span class="glyphicon glyphicon-edit" id="change-distro-icon"></span> + <span class="glyphicon glyphicon-trash"></span> + </li> + </ul--> + </dd> + <dt>SDK_INHERIT_BLACKLIST</dt> + <dd class="variable-list"> + <span class="lead" id="sdk_inherit_blacklist">buildhistory icecc</span> + <span class="glyphicon glyphicon-edit" id="change-sdk_inherit_blacklist-icon"></span> + <span class="glyphicon glyphicon-trash" id="delete-sdk_inherit_blacklist-icon" title="delete"></span> + <form id="change-sdk_inherit_blacklist-form" style="display:none;"> + <div class="form-group"> + <input type="text" class="form-control" id="new-sdk_inherit_blacklist" value="buildhistory icecc"> + <span class="help-block"> + <p>Type the classes inherited globally with <code>INHERIT</code> that you would like to disable for the SDK.</p> + <p><a href="#">More about SDK_INHERIT_BLACKLIST in the SDK Developer's Guide</a></p> + </span> + </div> + <div style="margin-top:20px;"> + <button id="apply-change-sdk_inherit_blacklist" class="btn btn-default" type="button">Save</button> + <button id="cancel-change-sdk_inherit_blacklist" type="button" class="btn btn-link">Cancel</button> + </div> + </form> + </dd> + <dt>SDK_RECRDEP_TASKS</dt> + <dd class="variable-list"> + <span class="lead text-muted">Not set</span> + <span class="glyphicon glyphicon-edit" id="change-distro-icon"></span> + </dd> + <dt>OE_INIT_ENV_SCRIPT</dt> + <dd class="variable-list"> + <span class="lead text-muted">Not set</span> + <span class="glyphicon glyphicon-edit" id="change-distro-icon"></span> + </dd> + <dt>COREBASE_FILES</dt> + <dd class="variable-list"> + <span class="lead text-muted">Not set</span> + <span class="glyphicon glyphicon-edit" id="change-distro-icon"></span> + </dd> + </dl> + </fieldset> + </div> + <div class="col-md-5 col-md-offset-1" id="sdk-help"> + <h3 style="font-weight:normal;margin-top:0;margin-bottom:20px;">The SDK configuration explained</h3> + <div class="panel panel-default"> + <div class="panel-heading"> + <h3 class="panel-title"> + <a role="button" data-toggle="collapse" href="#sdk_ext_type_help" aria-expanded="false" aria-controls="collapseExample"> + SDK_EXT_TYPE + </a> + </h3> + </div> + <div class="panel-body" id="sdk_ext_type_help"> + <p>The type of SDK you want to build. There are 2 types:</p> + <ul> + <li><strong>Full:</strong> it bundles the shared state artifacts for everything needed to reconstruct the image for which the SDK was built. The installer file can be a Gigabyte or more in size.</li> + <li><strong>Minimal:</strong> produces a smaller installer file (around 35 Mbytes in size), but it does not install any libraries or tools out of the box. You will need to install those manually using <a href="#">devtool</a>. When building a minimal SDK you must provide a <a href="#">shared state mirror</a> and set <code>SDK_INCLUDE_PKGDATA</code> to <code>1</code>.</li> + </ul> + <a href="#">More about SDK_EXT_TYPE in the SDK Developer's Guide</a> + </div> + </div> + + <div class="panel panel-default"> + <div class="panel-heading"> + <h3 class="panel-title"> + <a role="button" data-toggle="collapse" href="#sstate_mirrors_help" aria-expanded="false" aria-controls="collapseExample"> + SSTATE_MIRRORS + </a> + </h3> + </div> + <div class="panel-body collapse" id="sstate_mirrors_help"> + <p>Configures the OpenEmbedded build system to search other mirror locations for prebuilt cache data objects before building out the data.</p> + <p>You can specify a filesystem directory:</p> + <p><code>file://.* file:///some-local-dir/sstate/PATH</code></p> + <p>or a remote URL such as HTTP or FTP:</p> + <p><code>file://.* http://someserver.tld/share/sstate/PATH</code></p> + <a href="#">More about SSTATE_MIRRORS in the Yocto Project Reference Manual</a> + </div> + </div> + + <div class="panel panel-default"> + <div class="panel-heading"> + <h3 class="panel-title"> + <a role="button" data-toggle="collapse" href="#sdk_include_pkgdata_help" aria-expanded="false" aria-controls="collapseExample"> + SDK_INCLUDE_PKGDATA + </a> + </h3> + </div> + <div class="panel-body collapse" id="sdk_include_pkgdata_help"> + <p>Set this variable to <code>1</code> when building a <code>minimal</code> SDK: it will include the package data for all recipes in the "world" target in the SDK. This allows the <code>devtool search</code> command to find these recipes in search results, as well as the <code>devtool add</code> command to map dependencies more effectively.</p> + <p>Setting <code>SDK_INCLUDE_PKGDATA</code> to <code>1</code> significantly increases build time because all of "world" needs to be built. Enabling the variable also slightly increases the size of the SDK.</p> + <a href="#">More about SDK_INCLUDE_PKGDATA in the SDK Developer's Guide</a> + </div> + </div> + + <div class="panel panel-default"> + <div class="panel-heading"> + <h3 class="panel-title"> + <a role="button" data-toggle="collapse" href="#sdk_update_url_help" aria-expanded="false" aria-controls="collapseExample"> + SDK_UPDATE_URL + </a> + </h3> + </div> + <div class="panel-body collapse" id="sdk_update_url_help"> + <p>Enables easy SDK updates for application developers. You will need to create a directory that can be shared over HTTP or HTTPS, and point <code>SDK_UPDATE_URL</code> to its URL. The SDK will default to that URL and application developers will simply need to issue the <code>devtool sdk-update</code> command to update their SDKs, withouth having to specify the URL.</p> + <a href="#">More about SDK_UPDATE_URL in the SDK Developer's Guide</a> + </div> + </div> + + <div class="panel panel-default"> + <div class="panel-heading"> + <h3 class="panel-title"> + <a role="button" data-toggle="collapse" href="#sdk_publish_help" aria-expanded="false" aria-controls="collapseExample"> + Publish the SDK after each build + </a> + </h3> + </div> + <div class="panel-body collapse" id="sdk_publish_help"> + <p>To enable this option, you must first set the <code>SDK_UPDATE_URL</code> variable to the URL of a directory that can be shared via HTTP or HTTPS. Toaster will then issue the SDK publish command (<a href="#"><code>oe-publish-sdk</code></a>) after each build, making the latest SDK available from that URL. This way your application developers will be able to update the SDK easily, by issuing the <code>devtool sdk-update</code> command </p> + <a href="#">More about providing SDK updates in the SDK Developer's Guide</a> + </div> + </div> + + <div class="panel panel-default"> + <div class="panel-heading"> + <h3 class="panel-title"> + <a role="button" data-toggle="collapse" href="#sdk_title_help" aria-expanded="false" aria-controls="collapseExample"> + SDK_TITLE + </a> + </h3> + </div> + <div class="panel-body collapse" id="sdk_title_help"> + <p>Specifies a title to be printed when running the SDK installer. The <code>SDK_TITLE</code> variable defaults to "<code>distro</code> Extensible SDK", where <code>distro</code> is the value of the <code>DISTRO</code> or <code>DISTRO_NAME</code> variables.</p> + <a href="#">More about SDK_TITLE in the Yocto Project Reference Manual</a> + </div> + </div> + + <div class="panel panel-default"> + <div class="panel-heading"> + <h3 class="panel-title"> + <a role="button" data-toggle="collapse" href="#sdk_local_conf_whitelist_help" aria-expanded="false" aria-controls="collapseExample"> + SDK_LOCAL_CONF_WHITELIST + </a> + </h3> + </div> + <div class="panel-body collapse" id="sdk_local_conf_whitelist_help"> + <p>The SDK primarily consists of a pre-configured copy of the OpenEmbedded build system from which it was produced. The SDK's configuration is derived from that build system plus a set of filters applied against <a href="#"><code>local.conf</code></a> and <a href="#"><code>auto.conf</code></a> if they are present. <code>SDK_LOCAL_CONF_WHITELIST</code> is one of those filters: variables listed in <code>SDK_LOCAL_CONF_WHITELIST</code> are included in the SDK configuration.</p> + <a href="#">More about SDK_LOCAL_CONF_WHITELIST in the SDK Developer's Guide</a> + </div> + </div> + + <div class="panel panel-default"> + <div class="panel-heading"> + <h3 class="panel-title"> + <a role="button" data-toggle="collapse" href="#sdk_local_conf_blacklist_help" aria-expanded="false" aria-controls="collapseExample"> + SDK_LOCAL_CONF_BLACKLIST + </a> + </h3> + </div> + <div class="panel-body collapse" id="sdk_local_conf_blacklist_help"> + <p>The SDK primarily consists of a pre-configured copy of the OpenEmbedded build system from which it was produced. The SDK's configuration is derived from that build system plus a set of filters applied against <a href="#"><code>local.conf</code></a> and <a href="#"><code>auto.conf</code></a> if they are present. <code>SDK_LOCAL_CONF_BLACKLIST</code> is one of those filters: variables listed in <code>SDK_LOCAL_CONF_BLACKLIST</code> are excluded from the SDK configuration.</p> + <p>The default value blacklists</p> + <ul class="list-unstyled"> + <li><a href="#"><code>CONF_VERSION</code></a></li> + <li><a href="#"><code>BB_NUMBER_THREADS</code></a></li> + <li><a href="#"><code>PARALLEL_MAKE</code></a></li> + <li><a href="#"><code>PRSERV_HOST</code></a> and</li> + <li><a href="#"><code>SSTATE_MIRRORS</code></a></li> + </ul> + <a href="#">More about SDK_LOCAL_CONF_BLACKLIST in the SDK Developer's Guide</a> + </div> + </div> + + <div class="panel panel-default"> + <div class="panel-heading"> + <h3 class="panel-title"> + <a role="button" data-toggle="collapse" href="#sdk_inherit_blacklist_help" aria-expanded="false" aria-controls="collapseExample"> + SDK_INHERIT_BLACKLIST + </a> + </h3> + </div> + <div class="panel-body collapse" id="sdk_inherit_blacklist_help"> + <p>The SDK primarily consists of a pre-configured copy of the OpenEmbedded build system from which it was produced. The SDK's configuration is derived from that build system plus a set of filters applied against <a href="#"><code>local.conf</code></a> and <a href="#"><code>auto.conf</code></a> if they are present. <code>SDK_INHERIT_BLACKLIST</code> is one of those filters: classes inherited globally with <a href="#"><code>INHERIT</code></a> that are listed in <code>SDK_INHERIT_BLACKLIST</code> are disabled.</p> + <p>The default value blacklists the <a href="#"><code>buildhistory</code></a> and <a href="#"><code>icecc</code></a> classes. </p> + <a href="#">More about SDK_INHERIT_BLACKLIST in the SDK Developer's Guide</a> + </div> + </div> + + <div class="panel panel-default"> + <div class="panel-heading"> + <h3 class="panel-title"> + <a role="button" data-toggle="collapse" href="#sdk_recrdep_tasks_help" aria-expanded="false" aria-controls="collapseExample"> + SDK_RECRDEP_TASKS + </a> + </h3> + </div> + <div class="panel-body collapse" id="sdk_recrdep_tasks_help"> + <p>If you have classes or recipes that add additional tasks to the standard build flow (i.e. that execute as part of building the recipe as opposed to needing to be called explicitly), you need to ensure:</p> + <ul> + <li>The tasks are shared state tasks (i.e. their output is saved to and can be restored from the <a href="#">shared state cache</a>), or</li> + <li>That the tasks are able to be produced quickly from a task that is a shared state task and add the task name to the value of <code>SDK_RECRDEP_TASKS</code>.</li> + </ul> + <a href="#">More about SDK_RECRDEP_TASKS in the SDK Developer's Guide</a> + </div> + </div> + + <div class="panel panel-default"> + <div class="panel-heading"> + <h3 class="panel-title"> + <a role="button" data-toggle="collapse" href="#oe_init_env_script_help" aria-expanded="false" aria-controls="collapseExample"> + OE_INIT_ENV_SCRIPT + </a> + </h3> + </div> + <div class="panel-body collapse" id="oe_init_env_script_help"> + <p>If your OpenEmbedded build system setup uses a different environment setup script other than <a href="#"><code>oe-init-build-env</code></a> or <a href="#"><code>oe-init-build-env-memres</code></a>, then you must set <code>OE_INIT_ENV_SCRIPT</code> to point to the environment setup script you use.</p> + <p>You must also list the file in <a href="#"><code>COREBASE_FILES</code></a> so that it is copied into the SDK.</p> + <a href="#">More about OE_INIT_ENV_SCRIPT in the SDK Developer's Guide</a> + </div> + </div> + + <div class="panel panel-default"> + <div class="panel-heading"> + <h3 class="panel-title"> + <a role="button" data-toggle="collapse" href="#corebase_files_help" aria-expanded="false" aria-controls="collapseExample"> + COREBASE_FILES + </a> + </h3> + </div> + <div class="panel-body collapse" id="corebase_files_help"> + <p>If you have adjusted the list of files and directories that appear in <a href="#"><code>COREBASE</code></a> (other than layers that are enabled through <a href="#"><code>bblayers.conf</code></a>), then you must list these files in <code>COREBASE_FILES</code> so that the files are copied into the SDK.</p> + <a href="#">More about COREBASE_FILES in the SDK Developer's Guide</a> + </div> + </div> + + </div> + </div> + + + +</div> + + </div> + +</div> + + </div> + + <script> + $(document).ready(function() { + + // Show / hide the SDK_EXT_TYPE form + $("#change-sdk_ext_type-icon, #change-sstate_mirrors-icon").click(function(){ + $("#change-sdk_ext_type-icon, #sdk_ext_type, #sstate_mirrors, #sstate_mirrors_label, #change-sstate_mirrors-icon").hide(); + $("#change-sdk_ext_type-form").slideDown(); + }); + + $("#cancel-change-sdk_ext_type").click(function(){ + $("#change-sdk_ext_type-form").slideUp(function(){ + $("#change-sdk_ext_type-icon, #sdk_ext_type").fadeIn(); + }); + }); + + // Show / hide SSTATE_MIRRORS as needed + function showMirrors(){ + if ($('#minimal').is(':checked')) { + $("#add-sstate_mirrors").fadeIn(); + $("#apply-change-sdk_ext_type").attr("disabled","disabled"); + } + else { + $("#add-sstate_mirrors").fadeOut(); + $("#apply-change-sdk_ext_type").removeAttr("disabled"); + } + } + + showMirrors(); + + $(":radio").change(function(){ + showMirrors(); + }); + + // Enable SDK_EXT_TYPE button when you enter a mirror + $("#new-sstate_mirrors").keyup(function(){ + if ( $("#new-sstate_mirrors").val() ) { + $("#apply-change-sdk_ext_type").removeAttr("disabled"); + } + else { + $("#apply-change-sdk_ext_type").attr("disabled","disabled"); + } + }); + + // Save SDK_EXT_TYPE + $("#apply-change-sdk_ext_type").click(function(){ + $("#change-sdk_ext_type-form").hide(); + if ($('#full').is(':checked')) { + $("#sdk_ext_type").text("full"); + $("#sdk_include_pkgdata").hide().text("0").fadeIn(); + $("#sstate_mirrors, #sstate_mirrors_label, #change-sstate_mirrors-icon").fadeOut(); + $("#sdk_local_conf_whitelist").hide().addClass("text-muted").text("Not set").fadeIn(); + $("#delete-sdk_local_conf_whitelist-icon").fadeOut(); + $("#sdk_local_conf_blacklist").hide().html("CONF_VERSION BB_NUMBER_THREADS<br/>PARALLEL_MAKE PRSERV_HOST <br/>SSTATE_MIRRORS").fadeIn(); + } + else { + var mirror = $("#new-sstate_mirrors").val(); + $("#sdk_ext_type").text("minimal"); + $("#sstate_mirrors").text(mirror).fadeIn(); + $("#sstate_mirrors").parent().fadeIn(); + $("#change-sstate_mirrors-icon").fadeIn(); + $("#sstate_mirrors_label").fadeIn(); + $("#sdk_include_pkgdata").hide().text("1").fadeIn(); + $("#sdk_local_conf_whitelist").hide().removeClass("text-muted").text("SSTATE_MIRRORS").fadeIn(); + $("#delete-sdk_local_conf_whitelist-icon").fadeIn(); + $("#sdk_local_conf_blacklist").hide().html("CONF_VERSION BB_NUMBER_THREADS<br/>PARALLEL_MAKE PRSERV_HOST").fadeIn(); + } + $("#sdk_ext_type, #change-sdk_ext_type-icon").fadeIn(); + }); + + // Show / hide the SDK_INCLUDE_PKGDATA form + $("#change-sdk_include_pkgdata-icon").click(function(){ + var pkgdata = $("#sdk_include_pkgdata").text(); + if ( pkgdata === "1" ) { + $("#1").attr("checked", true); + $("#0").removeAttr("checked","checked"); + } + else if ( pkgdata === "0" ) { + $("#0").attr("checked", true); + $("#1").removeAttr("checked","checked"); + } + $("#change-sdk_include_pkgdata-icon, #sdk_include_pkgdata").hide(); + $("#change-sdk_include_pkgdata-form").slideDown(); + }); + + $("#cancel-change-sdk_include_pkgdata").click(function(){ + $("#change-sdk_include_pkgdata-form").slideUp(function(){ + $("#change-sdk_include_pkgdata-icon, #sdk_include_pkgdata").fadeIn(); + }); + }); + + // Save SDK_INCLUDE_PKGDATA + $("#apply-change-sdk_include_pkgdata").click(function(){ + $("#change-sdk_include_pkgdata-form").hide(); + if ($('#1').is(':checked')) { + $("#sdk_include_pkgdata").text("1"); + } + else { + $("#sdk_include_pkgdata").text("0"); + } + $("#sdk_include_pkgdata, #change-sdk_include_pkgdata-icon").fadeIn(); + }); + + // Show / hide the SDK_UPDATE_URL form + $("#change-sdk_update_url-icon").click(function(){ + $("#change-sdk_update_url-icon, #sdk_update_url, #delete-sdk_update_url-icon").hide(); + $("#change-sdk_update_url-form").slideDown(); + }); + + $("#cancel-change-sdk_update_url").click(function(){ + $("#change-sdk_update_url-form").slideUp(function(){ + $("#change-sdk_update_url-icon, #sdk_update_url").fadeIn(); + }); + }); + + // enable save SDK_UPDATE_URL button when you fill the form + $("#new-sdk_update_url").keyup(function(){ + if ( $(this).val() ) { + $("#apply-change-sdk_update_url").removeAttr("disabled"); + } + else { + $("#apply-change-sdk_update_url").attr("disabled","disabled"); + } + }); + + // Save SDK_UPDATE_URL + $("#apply-change-sdk_update_url").click(function(){ + var sdk_update_url = $("#new-sdk_update_url").val(); + $("#sdk_update_url").text(sdk_update_url).removeClass("text-muted"); + $("#change-sdk_update_url-form").hide(); + $("#sdk_update_url, #change-sdk_update_url-icon, #delete-sdk_update_url-icon").fadeIn(); + $("#publish-option").removeClass("disabled"); + $("#publish-option label").removeClass("text-muted"); + $("#publish-option input:checkbox").removeAttr("disabled"); + $("#publish-option .help-block").fadeOut(); + }); + + // Delete SDK_UPDATE_URL + $("#delete-sdk_update_url-icon").click(function(){ + $("#sdk_update_url, #change-sdk_update_url-icon, #delete-sdk_update_url-icon").fadeOut(function(){ + $("#sdk_update_url").text("Not set").addClass("text-muted"); + $("#sdk_update_url, #change-sdk_update_url-icon").fadeIn(); + $("#publish-option").addClass("disabled"); + $("#publish-option label").addClass("text-muted"); + $("#publish-option input:checkbox").removeAttr("checked").attr("disabled","disabled"); + $("#publish-option .help-block").fadeIn(); + }); + }); + + // Show / hide the SDK_INHERIT_BLACKLIST form + $("#change-sdk_inherit_blacklist-icon").click(function(){ + $("#change-sdk_inherit_blacklist-icon, #sdk_inherit_blacklist, #delete-sdk_inherit_blacklist-icon").hide(); + $("#change-sdk_inherit_blacklist-form").slideDown(); + }); + + $("#cancel-change-sdk_inherit_blacklist").click(function(){ + $("#change-sdk_inherit_blacklist-form").slideUp(function(){ + $("#change-sdk_inherit_blacklist-icon, #sdk_inherit_blacklist, #delete-sdk_inherit_blacklist-icon").fadeIn(); + }); + }); + + }); + </script> + </body> +</html> |