summaryrefslogtreecommitdiffstats
path: root/bitbake/lib/toaster/toastergui/static
Commit message (Collapse)AuthorAgeFilesLines
* bitbake: toaster: Fixes to the build dashboardBelen Barros Pena2014-04-051-0/+1
| | | | | | | | | | | | | | | | | | | | | | | | | | | * Add "on" before the date in the build status * Get rid of the extra space before the "and" in the build status * Make the errors and warnings links in the build status show the message content * Make sure that the "Images" section in the left navigation appears only for successful builds * Link the number of packages installed to the "Packages included" tab in the image information page * Remove unnecessary inline styles in the dashboard template * Make sure target names in the h1 are listed in alphabetical order (Bitbake rev: 644a38e9a90728af52ebda9846d2037dd6831b41) Signed-off-by: Belen Barros Pena <belen.barros.pena@intel.com> Signed-off-by: Richard Purdie <richard.purdie@linuxfoundation.org>
* bitbake: toaster: Make tables happy in ChromeBelen Barros Pena2014-04-051-0/+3
| | | | | | | | | | | | There is a known layout issue with Bootstrap tables in Chrome. This change applies a css fix for it, and changes the span classes in the variables table to improve formatting. (Bitbake rev: a7fee015b1cc34351d5ad8b854fc6bf368416400) Signed-off-by: Belen Barros Pena <belen.barros.pena@intel.com> Signed-off-by: Richard Purdie <richard.purdie@linuxfoundation.org>
* bitbake: toaster: Remove html validation errors in tasks.htmlBelen Barros Pena2014-04-052-2/+2
| | | | | | | | | | | | | | | | | | | Remove the duplicated class attribute and the name attribute. Also, make sure that the row blue highlight works without the name attribute when you land on the tasks table after clicking the order link in a task details page. The commit also fixes a typo in default.css. [YOCTO #6033] (Bitbake rev: 471234f1ab1dbcd736a892720e99a305363db5ff) Signed-off-by: Belen Barros Pena <belen.barros.pena@intel.com> Signed-off-by: Richard Purdie <richard.purdie@linuxfoundation.org>
* bitbake: toaster: Increase animation durationBelen Barros Pena2014-04-011-1/+1
| | | | | | | | | | Increase the duration of the blue highlight animation from 7 to 10 seconds. (Bitbake rev: 0d48cec969a68f9b70e04be6d86b078df8f1ec5b) Signed-off-by: Belen Barros Pena <belen.barros.pena@intel.com> Signed-off-by: Richard Purdie <richard.purdie@linuxfoundation.org>
* bitbake: toaster: Fix the fade out animationBelen Barros Pena2014-04-011-2/+1
| | | | | | | | | | | Apply the animation to any element with the class .highlight (Bitbake rev: b228739888cf8bac99da4aada3c040aac40f784d) Signed-off-by: Belen Barros Pena <belen.barros.pena@intel.com> Signed-off-by: Alexandru DAMIAN <alexandru.damian@intel.com> Signed-off-by: Richard Purdie <richard.purdie@linuxfoundation.org>
* bitbake: toaster: add support for empty states in pagesDavid Reyna2014-03-282-1/+3
| | | | | | | | | | | | Add support for empty states in the top build page, the all packages page, and the all tasks page. [YOCTO #4865] (Bitbake rev: eaff7b50d7102c97b75df185b9ef917970319d59) Signed-off-by: David Reyna <David.Reyna@windriver.com> Signed-off-by: Richard Purdie <richard.purdie@linuxfoundation.org>
* bitbake: toaster: combine ready functionsAmit Kumar Chaudhary2014-03-251-3/+1
| | | | | | | | | | | Merge the code into single ready function. [YOCTO #4283] (Bitbake rev: 16e6fc6e0492f4ebd5f18bd236478b6f9f778a1e) Signed-off-by: Amit Kumar Chaudhary <amit@floatingpondtech.com> Signed-off-by: Richard Purdie <richard.purdie@linuxfoundation.org>
* bitbake: toaster: warn new filter replaces existing filterDavid Reyna2014-03-251-0/+1
| | | | | | | | | | | | | | If the user pop-ups a filter dialog when another filter is already active, warn the user that the new filter would replace the previous filter. [YOCTO #5960] (Bitbake rev: 6be58123fcdb0ff20de2a88315e1e3012effd1d3) Signed-off-by: David Reyna <David.Reyna@windriver.com> Signed-off-by: Alexandru DAMIAN <alexandru.damian@intel.com> Signed-off-by: Richard Purdie <richard.purdie@linuxfoundation.org>
* bitbake: toaster: image information viewsDave Lerner2014-03-213-1/+105
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | [YOCTO # 4346] When a target image is selected, this commit adds to the toaster project a two-tabbed page that shows 1) 'packages included' a table of packages included in the image (see target.html), and 2) 'directory structure', the target image's file system directory and detailed information showing the source of each file in the directory table (see dirinfo.html). The directory structure tab relies on the open source jQuery plugin jtreetable which provides hierarchical table expansions and contractions of the directory entry tables as the user drills down into directories. A file of jtreetable styles that are compatible with other toaster styles is provided included as css/jquery.treetable.theme.toaster.css. The complete unaltered jtreetable plugin is added via a separate commit. This work was developed base on the bugzilla specification number 4346 and the document "Design 1.1 Image information" attached to that report. Whitespace and typo fixes from Alex Damian. (Bitbake rev: 1ba9f310a8b4fd0952a95be86ab43ae27fe6d983) Signed-off-by: Dave Lerner <dave.lerner@windriver.com> Signed-off-by: Alexandru DAMIAN <alexandru.damian@intel.com> Signed-off-by: Richard Purdie <richard.purdie@linuxfoundation.org>
* bitbake: toaster: add jquery treetable pluginDave Lerner2014-03-217-0/+1058
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | This commit includes the critical javascript and css files downloaded from http://plugins.jquery.com/treetable version 3.1.0. The following is from the author's README.md included with the license files in the directory static/jquery-treetable-license. "jQuery treetable is a plugin for jQuery, the 'Write Less, Do More, JavaScript Library'. With this plugin you can display a tree in an HTML table, e.g. a directory structure or a nested list... Download the latest release from the jQuery Plugin Registry or grab the source code from Github. Please report issues through Github issues. This plugin is released under both the MIT and the GPLv2 license by Ludo van den Boom... See index.html for technical documentation and examples. The most recent version of this document is also available online at http://ludo.cubicphuse.nl/jquery-treetable. An AJAX enabled example built with Ruby on Rails can be found at https://github.com/ludo/jquery-treetable-ajax-example." Author: Ludo van den Boom The relevant files were moved to the static/js and static/css directories to match the existing javascript and css toaster deployment model. The applicable licenses and the README are in static/jquery-treetable-license. (Bitbake rev: 9a260d8b08053e3dcc2fe5960e060b2da1109790) Signed-off-by: Dave Lerner <dave.lerner@windriver.com> Signed-off-by: Richard Purdie <richard.purdie@linuxfoundation.org>
* bitbake: toaster: Presentation fixes for task.htmlBelen Barros Pena2014-03-171-1/+1
| | | | | | | | | | | | | | | | | | | | | | | | Tidying up the presentation in the task.html template. The changes include: * Correct the markup for the help tooltips * Fix the help content for the outcome heading * Make sure <dt> tags do not show for empty log file, time, cpu and disk I/O values * Eliminate an extra <dl> for tasks with sstate attempts * Add <strong> tag to the sstate restored alert * Replace the .alert-info class with the .muted class for the no dependencies messages * Make sure the Executed heading does not inherit the .red class for failed tasks * Format time and cpu values to make sure they only show 2 decimal digits (Bitbake rev: bbc22958ab37dcd44c03420a7b8f842a1f4e51b1) Signed-off-by: Belen Barros Pena <belen.barros.pena@intel.com> Signed-off-by: Alexandru DAMIAN <alexandru.damian@intel.com> Signed-off-by: Richard Purdie <richard.purdie@linuxfoundation.org>
* bitbake: toaster: Small tweaks to the no results pageBelen Barros Pena2014-03-171-1/+1
| | | | | | | | | | | | | | | | | Correctly align the Search button to the text input field, add .btn class to the clear search button, replace the placeholder attribute with the value attribute so that you can edit your search query, remove the clear search button from the tab index so that you don't clear the search by mistake and edit the margins of the .no-results class. (Bitbake rev: 4ada4307623c1e27b589831d359dc6351e6e3ad5) Signed-off-by: Belen Barros Pena <belen.barros.pena@intel.com> Conflicts: bitbake/lib/toaster/toastergui/templates/build.html Signed-off-by: Richard Purdie <richard.purdie@linuxfoundation.org>
* bitbake: toaster: add errors and warnings listingAmit Kumar Chaudhary2014-03-141-0/+20
| | | | | | | | | | Add the errors and warnings listing to the build dashboard page. (Bitbake rev: 2004c0fd1dd049d26279ee10a18e69e6852247fa) Signed-off-by: Amit Kumar Chaudhary <amit@floatingpondtech.com> Signed-off-by: Richard Purdie <richard.purdie@linuxfoundation.org>
* bitbake: toaster: Move long content toggle to main.jsBelen Barros Pena2014-03-091-0/+15
| | | | | | | | | | | | | | | | | | | | I have move all javascript needed for toggling very long values for bitbake variables to main.js. I have changed the names of the classes involved to make them more generic, since I hope we'll be able to reuse them in other parts of the Toaster interface. .full-variable is now .full .full-variable-hide is now full-hide .full-variable-show is now full-show I have also removed all the inline scripting in base.html, since it is no longer needed. (Bitbake rev: 73828f047385ced160c7900cad24535aa8d325cd) Signed-off-by: Belen Barros Pena <belen.barros.pena@intel.com> Signed-off-by: Richard Purdie <richard.purdie@linuxfoundation.org>
* bitbake: toaster: Hide the applied filter tooltip on clickBelen Barros Pena2014-03-091-0/+5
| | | | | | | | | | | | | | | | | When you apply a filter, we show you a tooltip on hover that tells you which filter you have applied and allows you to clear it quickly. That tooltip does not disappear straight away if you click on the filter button: it hangs in there because the tooltip has a delay specified on hide. The effect is quite annoying. This change to main.js makes sure the tooltip disappears when you click the filter button. (Bitbake rev: 5928d2f3cba4524966a34d8c845a04627b9b310b) Signed-off-by: Belen Barros Pena <belen.barros.pena@intel.com> Signed-off-by: Richard Purdie <richard.purdie@linuxfoundation.org>
* bitbake: toaster: Set the right styles for definition listsBelen Barros Pena2014-03-091-1/+1
| | | | | | | | | | | | | | | | In the task details page, our labels are quite long and the default width of the dt elements in the .dl-horizontal class is too small. Changing the width to 200px, and the left margin of the dd element to 220px. Changing the bootstrap.min.css file is not ideal (ok, is a pretty bad hack), but it is the only way to keep the nice responsive styles for those definition lists. (Bitbake rev: 1e655eb121173b4441a9a4e9005fe8c1f235dfbb) Signed-off-by: Belen Barros Pena <belen.barros.pena@intel.com> Signed-off-by: Richard Purdie <richard.purdie@linuxfoundation.org>
* bitbake: toaster: Remove inline styles in h1Belen Barros Pena2014-03-091-0/+1
| | | | | | | | | | | | | | | | | The templates bpackage.html, recipes.html and build.html included an inline style declaration in the div containing the h1 tag to add a top margin of 40px. The extra top margin is unnecessary in bpackage.html and recipes.html, but nicely separates the Recent builds and All builds sections in build.html. The changes remove the inline style declaration and create a .top-air class in default.css to include the extra top margin when needed, i.e. in the build.html template. (Bitbake rev: 2841f0740024a8351606452a5f803b9b7f70c783) Signed-off-by: Belen Barros Pena <belen.barros.pena@intel.com> Signed-off-by: Richard Purdie <richard.purdie@linuxfoundation.org>
* bitbake: toaster: Make popovers mutually exclusiveBelen Barros Pena2014-02-171-36/+19
| | | | | | | | | | | | | | | | | | | Table popovers should be mutually exclusive (only one of them should be open at any given time), and should close when you click outside their area. But this is not the default popover behaviour in Bootstrap, so some additional javascript is needed. The code in main.js taking care of this in the design prototype was quite ugly and didn't get on well with certain browsers. I have replaced it with a better solution (although still not ideal). (Bitbake rev: d56633c00f6730c053f355570211eba1bdc41b62) Signed-off-by: Belen Barros Pena <belen.barros.pena@intel.com> Signed-off-by: Alexandru DAMIAN <alexandru.damian@intel.com> Signed-off-by: Richard Purdie <richard.purdie@linuxfoundation.org>
* bitbake: toaster: Make popovers scrollableBelen Barros Pena2014-02-171-0/+3
| | | | | | | | | | | | | Some recipes and packages have a lot of dependencies. To stop their popovers from taking over the full height of the screen, I have given them a maximum height and made their content scrollable in default.css (Bitbake rev: b6416a98f441516100d2ce7baca30f09714a1d1d) Signed-off-by: Belen Barros Pena <belen.barros.pena@intel.com> Signed-off-by: Richard Purdie <richard.purdie@linuxfoundation.org>
* bitbake: toaster: Apply error style to cell linksBelen Barros Pena2014-02-171-1/+1
| | | | | | | | | | | | | This patch changes default.css so that any anchor tag inside a table cell with the error class applied inherits the class styles. This ensures that the failed tasks listed in the builds table look red like the failed tasks in the tasks table. (Bitbake rev: e5cbb190317dba2eddd933678474569563ec840b) Signed-off-by: Belen Barros Pena <belen.barros.pena@intel.com> Signed-off-by: Richard Purdie <richard.purdie@linuxfoundation.org>
* bitbake: toaster: Make "Edit columns" multiselectBelen Barros2014-02-171-0/+5
| | | | | | | | | | | | | | | | | Twitter Boostrap elements with the dropdown-menu class close by default once a selection is performed. Such behaviour is not appropriate for our "Edit columns" menu, since users might want to check / uncheck several columns. This patch adds a call to the stopPropagation() jQuery function to main.js to stop the "Edit columns" menu from closing every time you change a checkbox. (Bitbake rev: c2e43750bf0913523a1abcb2c8bf97b764da2524) Signed-off-by: Belen Barros <belen.barros.pena@intel.com> Signed-off-by: Richard Purdie <richard.purdie@linuxfoundation.org>
* bitbake: toaster: Add clear filter button to filter tooltipsBelen Barros2014-02-171-1/+1
| | | | | | | | | | | | | | | | This patch modifies the basetable_top.html template to add the 'Show all' button to the applied filter tooltip. It also adds a delay in the tooltip dismissal in main.js to allow users to click the button comfortably. The patch does not add the functionality to the button (when you click on it nothing happens). Someone else will need to add that in. (Bitbake rev: e39857162b5d91cc2f92843a9a14599bab369849) Signed-off-by: Belen Barros <belen.barros.pena@intel.com> Signed-off-by: Richard Purdie <richard.purdie@linuxfoundation.org>
* bitbake: toaster: Clean up main.jsBelen Barros2014-02-171-444/+32
| | | | | | | | | | | | | | | | Clean up main.js to leave only what is being used in the design prototype. Initialise the Bootstrap tooltips for any anchor tag inside a table heading with the btn-primary class applied. This effectively styles the title attribute of the applied filters to look like all other Toaster tooltips. (Bitbake rev: 71a07268c3a2e969c088ef9f6bcf4c54254b3600) Signed-off-by: Belen Barros <belen.barros.pena@intel.com> Signed-off-by: Alexandru DAMIAN <alexandru.damian@intel.com> Signed-off-by: Richard Purdie <richard.purdie@linuxfoundation.org>
* bitbake: toaster: Clean up default.cssBelen Barros2014-02-171-177/+114
| | | | | | | | | | | Getting rid of all unused css declarations, grouping and annotating to make the file more readable. (Bitbake rev: 90409869d49468d31daa60880f54774c4b24d5aa) Signed-off-by: Belen Barros <belen.barros.pena@intel.com> Signed-off-by: Alexandru DAMIAN <alexandru.damian@intel.com> Signed-off-by: Richard Purdie <richard.purdie@linuxfoundation.org>
* bitbake: toaster: Set .error styles for tablesBarros Pena, Belen2014-01-271-12/+17
| | | | | | | | | | | | Override the default styles of Twitter Bootstrap for table rows with the .error class applied, and ensure that table cells and anchor tags inherit the .error styles when their table row has that class applied. (Bitbake rev: 8b44955bb836ccad384718247ceb08d713ebc152) Signed-off-by: Belen Barros <belen.barros.pena@intel.com> Signed-off-by: Richard Purdie <richard.purdie@linuxfoundation.org>
* bitbake: toaster: Base table fixes for header text, sort icon and filter iconRavi Chintakunta2014-01-271-0/+1
| | | | | | | | | | | | | | | | | | | | - Display the table column header as a link only if it is sortable. Non-sortable column headers are displayed as plain text. - Display the sort order by an up / down arrow icon next to the column header - Add style for header in default.css - Set tooltip for the active filter icon - Pass the view name to the filter dialog (Bitbake rev: 53ede15926d45b555252d77919a0568a984c6d74) Signed-off-by: Ravi Chintakunta <ravi.chintakunta@timesys.com> Signed-off-by: Alexandru DAMIAN <alexandru.damian@intel.com> Signed-off-by: Richard Purdie <richard.purdie@linuxfoundation.org>
* bitbake: toaster: add jquery cookie pluginAlexandru DAMIAN2014-01-271-0/+117
| | | | | | | | | | | | We add the jquery cookie plugin to allow us to save and read local client date in cookie. jquery-cookie using version 1.4.0 under MIT licence. (Bitbake rev: 8ce1668dd93269add878f8ea69deb8b53f3bca8b) Signed-off-by: Alexandru DAMIAN <alexandru.damian@intel.com> Signed-off-by: Richard Purdie <richard.purdie@linuxfoundation.org>
* bitbake: toaster: Toaster GUI, generic search, filter and orderAlexandru DAMIAN2014-01-101-1/+4
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | This patch implements table searching, filtering and ordering, in a generic mode reusable for all tables. The search operates list of fields defined in the corresponding class for each model, search_allowed_fields. The search expression and filters are sent through GET requests using a QuerySet-like input. The inputs are filtered and validated before usage to prevent inadvertent or malicious use. Filters and table headers are defined in the views for each table, and rendered by generic code which is easily modified for various tables. The Build table and Configuration table are implemented using this framework as an example of how it should be used. [YOCTO #4249] [YOCTO #4254] [YOCTO #4255] [YOCTO #4256] [YOCTO #4257] [YOCTO #4259] [YOCTO #4260] (Bitbake rev: 2ca15117e4bbda38cda07511d0ff317273f91528) Signed-off-by: Alexandru DAMIAN <alexandru.damian@intel.com> Signed-off-by: Richard Purdie <richard.purdie@linuxfoundation.org>
* bitbake: toaster: update static media for Toaster GUIAlexandru DAMIAN2014-01-1021-0/+16275
| | | | | | | | | | | | | | | | | | | In the process of making the GUI more usable, we bring in the static assets used during the design phase into the application. Licenses used: Bootstrap 2.3.2 under Apache License 2.0 Font Awesome under SIL OFL 1.1 (GPL compatible) and MIT licence GLYPHICONS Halflings released with Bootstrap, CC BY 3.0 jQuery 2.0.3 under MIT licence prettify.js under Apache Licence 2.0 (Bitbake rev: 0b3d2000c0bcd2bb5a3af5d49a514a90f001a7d2) Signed-off-by: Alexandru DAMIAN <alexandru.damian@intel.com> Signed-off-by: Richard Purdie <richard.purdie@linuxfoundation.org>
* bitbake: toaster: clone Simple UI as base for Toaster GUIAlexandru DAMIAN2014-01-102-0/+6
| | | | | | | | | | | | | | | | | | This patch clones the Simple UI to provide the base code for the development of the Toaster GUI. The clone takes the place of the application that was reserved for Javascript MVC code. The templates used for Simple UI are renamed to start with an "simple_" to prevent name resolution conflict with the Toaster GUI templates. Minor changes are made to the settings.py and urls.py in the toaster main section to account for the newly enabled application. (Bitbake rev: e2fde84f16da017ba0d71aef6a1fa8e2b9255db4) Signed-off-by: Alexandru DAMIAN <alexandru.damian@intel.com> Signed-off-by: Richard Purdie <richard.purdie@linuxfoundation.org>
* bitbake: toaster: add toaster code to bitbakeAlexandru DAMIAN2013-10-181-0/+0
This patch adds the Toaster component to Bitbake. Toaster is a module designed to record the progress of a Bitbake build, and data about the resultant artifacts. It contains a web-based interface and a REST API allowing post-facto inspection of the build process and artifacts. Features present in this build: * toaster start script * relational data model * Django boilerplate code * the REST API * the Simple UI web interface This patch has all the development history squashed together. Code portions contributed by Calin Dragomir <calindragomir@gmail.com>. (Bitbake rev: d24334a5e83d09b3ab227af485971bb768bf5412) Signed-off-by: Alexandru DAMIAN <alexandru.damian@intel.com> Signed-off-by: Paul Eggleton <paul.eggleton@linux.intel.com> Signed-off-by: Richard Purdie <richard.purdie@linuxfoundation.org>