mirror of
https://git.yoctoproject.org/poky
synced 2026-02-10 02:33:02 +01:00
1b636173ca
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>
178 lines
8.4 KiB
CSS
178 lines
8.4 KiB
CSS
.block-centered { margin: auto; display: block;}
|
|
.error, .red { color: #b94a48;}
|
|
|
|
.error:hover {color:#943A38;text-decoration:none;}
|
|
|
|
.success,
|
|
.green { color: /*#4EAC4B*/#468847;}
|
|
|
|
.success:hover {color:#347132;text-decoration: underline;}
|
|
td > .success:hover {text-decoration: underline;}
|
|
.warning, .yellow { color: #c09853;}
|
|
.overflow-hidden { overflow: hidden;}
|
|
.large { font-size: x-large; font-weight: normal; line-height: 30px;}
|
|
.max-width { width: 100%;}
|
|
.text-right { text-align: right !important;}
|
|
.visibility-hidden { visibility: hidden;}
|
|
.hover-show:hover .visibility-hidden { visibility: visible;}
|
|
.alpha { margin-left: 0 !important;}
|
|
.omega { margin-right: 0 !important;}
|
|
|
|
.recent-activity { margin: 40px 0;}
|
|
.recent-activity .alert,
|
|
.recent-activity .alert .progress { margin-bottom: 1em;}
|
|
.recent-activity .row-fluid,
|
|
.recent-activity .row-fluid [class*="span"] { min-height: 0;}
|
|
.recent-activity .alert-blank {color: black; background: none; border: none;}
|
|
.breadcrumb { display: inline-block;}
|
|
.section, .margin { margin: 20px 0;}
|
|
.middle { vertical-align:middle;}
|
|
select { width: auto;}
|
|
|
|
.contributors ul { margin-left: 7px;}
|
|
.contributors li {list-style: none;}
|
|
|
|
.box { border: 1px solid #ddd; -webkit-border-top-right-radius: 4px;border-top-right-radius: 4px;-webkit-border-top-left-radius: 4px;border-top-left-radius: 4px;-moz-border-radius-topright: 4px;-moz-border-radius-topleft: 4px;margin-bottom: 20px;}
|
|
.box-header { background-color: #f5f5f5;padding: 8px;border-bottom: 1px solid #ddd;font-size: 18px;font-weight: bold;color: #1684DA;}
|
|
.box-content { padding: 20px;}
|
|
.box-single { padding: 8px;}
|
|
|
|
a.icon-button { color: #555; text-decoration: none;}
|
|
/*a.icon-button:after { content: " "; nbsp} */
|
|
|
|
.stats { margin-right: 30px;}
|
|
.stats .large { font-size: x-large; font-weight: normal; display: inline; line-height: 30px}
|
|
.stats small { width: 50px; display: inline-block; font-size: 85%;line-height: 14px;}
|
|
.task-header { column-count: 2; -webkit-column-count: 2; -moz-column-count: 2;}
|
|
.task-header strong { display: inline-block; width: 100px;}
|
|
.no-list-style { list-style: none; margin-left: 0;}
|
|
.modal { width: 800px; margin-left: -400px;}
|
|
|
|
.right-padding td:first-child { padding-right: 40px;}
|
|
.right-padding td { padding: 4px 0px;}
|
|
.centered {margin: 0 20%;}
|
|
.auto-width { width: auto;}
|
|
.auto-width td { min-width: 150px;}
|
|
|
|
/*a.muted:hover {cursor: default;}*/
|
|
|
|
#infovis { position:relative; width:600px; height:600px; margin:auto; overflow:hidden;}
|
|
|
|
/*.tablesorter th {cursor: s-resize;}
|
|
.tablesorter th.headerSortDown {cursor: n-resize;}*/
|
|
|
|
.combobox input {width: 60%;margin: 0;}
|
|
|
|
/*.custom-column,
|
|
.custom-column thead tr:last-child td:last-child {border-right: none;}
|
|
.custom-column tbody td:last-child {border-top: none;}
|
|
.custom-column thead td:last-child {border-right: 1px solid #ddd;}
|
|
.custom-column .column-button-column .column-button {padding: 4px 4px;}
|
|
.column-button-column li {margin: 10px;}*/
|
|
|
|
ul.tree,
|
|
ul.tree ul { list-style-type: none;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAKAQMAAABPHKYJAAAAA1BMVEWIiIhYZW6zAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH1ggGExMZBky19AAAAAtJREFUCNdjYMAEAAAUAAHlhrBKAAAAAElFTkSuQmCC) repeat-y;margin: 0;padding: 0;}
|
|
ul.tree ul { margin-left: 10px;}
|
|
ul.tree li {margin-top: 10px;padding: 0 0 0 10px;line-height: 20px;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAUAQMAAACK1e4oAAAABlBMVEUAAwCIiIgd2JB2AAAAAXRSTlMAQObYZgAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9YIBhQIJYVaFGwAAAARSURBVAjXY2hgQIf/GTDFGgDSkwqATqpCHAAAAABJRU5ErkJggg==) no-repeat 0 0;}
|
|
ul.tree ul li:last-child {background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAUAQMAAACK1e4oAAAABlBMVEUAAwCIiIgd2JB2AAAAAXRSTlMAQObYZgAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9YIBhQIIhs+gc8AAAAQSURBVAjXY2hgQIf/GbAAAKCTBYBUjWvCAAAAAElFTkSuQmCC) no-repeat 0 0;}
|
|
ul.tree,
|
|
ul.tree > li {background: none;}
|
|
|
|
.inline-centered {text-align: center;}
|
|
|
|
/* Sorry in advance for these !importants. It's an emergency and the logo
|
|
doesn't fit and I'm at the pub !!! */
|
|
.logo img {height: 30px;width: auto !important;}
|
|
.logo {padding-top: 4px !important;padding-bottom: 0px !important;}
|
|
|
|
tr.selected {background-color: yellow;}
|
|
|
|
.dependencies-graph img {display: none;}
|
|
.dependencies-graph .base {display: block;}
|
|
.dependencies-graph:hover {cursor: pointer;}
|
|
.dependencies-graph:hover .base {display: none;}
|
|
.dependencies-graph:hover .dependencies {display: block;}
|
|
.dependencies-graph.recommended-show:hover .base {display: none;}
|
|
.dependencies-graph.recommended-show:hover .dependencies {display: none;}
|
|
.dependencies-graph.recommended-show:hover .recommended {display: block;}
|
|
.dependencies-table.hover .package-selected {background-color: #FECF5E;}
|
|
.dependencies-table.hover .package-dependancy { background-color: #fefca3;}
|
|
.dependencies-table.hover.recommended-show .package-recommended {background-color: #fffee6;}
|
|
.bar.building {transition: none 0s ease 0s;}
|
|
.build-image {background-color: black;color: white;padding: 200px;text-align: center;}
|
|
.dropdown-menu {padding: 10px;}
|
|
.modal-footer .btn {float: left;}
|
|
|
|
a.error:hover, a.error:focus {color:#943A38;text-decoration:underline;}
|
|
a.warning {background-color: transparent;}
|
|
a.warning:hover, a.warning:focus {color:#B38942;text-decoration:underline;}
|
|
.clickable_row:hover {background-color: #FAFAFA;cursor: pointer;}
|
|
td a {color: #333333;}
|
|
td a:hover {color: #000000;text-decoration: underline;}
|
|
|
|
.get-help {color:#CCCCCC;}
|
|
.get-help:hover {color:#999999;cursor:pointer;}
|
|
.get-help-blue {color:#3A87AD;}
|
|
.get-help-blue:hover {color:#005580;cursor:pointer;}
|
|
.outcome-help:hover {text-decoration:none;}
|
|
|
|
dd ul {list-style-type:none;margin-left:0px;}
|
|
|
|
.alert-warning code, .alert-warning pre {background-color: transparent;border: none;color: #C09853;margin-bottom:0px;}
|
|
.alert-error code {background-color: transparent;border: none;color: #B94A48;margin-bottom:0px;}
|
|
.alert-error pre {background-color: transparent;border: none;color: #B94A48;word-break:normal;margin-bottom:0px;}
|
|
.alert-warning pre {word-break:normal;}
|
|
.alert-info a {font-weight:bold;}
|
|
dt, dd {line-height:25px;}
|
|
dd li {list-style-type:none;line-height:25px;}
|
|
/*.taskchanges dt {width: 300px;}
|
|
.taskchanges dd {margin-left: 320px;}
|
|
.diffsigs dt {width: 200px;}
|
|
.diffsigs dd {margin-left: 220px;}
|
|
/*.dl-horizontal dt {width: 300px;}
|
|
.dl-horizontal dd {margin-left: 320px;}*/
|
|
|
|
.orderBy{ cursor:pointer;}
|
|
.orderBy.ordering{font-weight: bold !important;color: #333333; text-decoration: none; }
|
|
.orderBy.ordering:hover{color: #000000; text-decoration: underline;}
|
|
|
|
/* Belen's styles */
|
|
|
|
.sorted {color: #333333;}
|
|
.sorted:hover {color: #000000;text-decoration: underline;}
|
|
.icon-remove-sign:hover {color: #999999; cursor: pointer;}
|
|
.details {margin-top:30px;}
|
|
code {background-color:transparent;border:none;color: #333333;}
|
|
.muted a {color:#999999;}
|
|
.muted a:hover {color:#999999;}
|
|
dd code, .alert code {white-space: pre-wrap; word-break: break-all; word-wrap: break-word;}
|
|
dd p {line-height:20px;}
|
|
.iscommit {white-space: pre-wrap; word-break: break-all; word-wrap: break-word;}
|
|
.wrap {word-break: break-all; word-wrap: break-word;}
|
|
.divide {border-right: 1px solid #E5E5E5;}
|
|
.get-info {color:#0088CC;}
|
|
.get-info:hover {color:#005580;cursor:pointer;text-decoration:none;}
|
|
.well > .lead, .alert .lead {margin-bottom:0px;}
|
|
.one {padding-left:18px !important;}
|
|
.two {padding-left:36px !important;}
|
|
.three {padding-left:54px !important;}
|
|
.content-directory a {color:#0088CC;}
|
|
.content-directory a:hover {color:#005580;text-decoration:underline;}
|
|
.page-header {color:#5A5A5A;}
|
|
.breadcrumb {background-color:transparent;}
|
|
.progress {margin-bottom:0px;}
|
|
.lead .badge {font-size:18px; font-weight:normal; border-radius:15px; padding: 9px;}
|
|
.symlink {color:#CCCCCC;}
|
|
.highlight {background-color: #D9EDF7;}
|
|
.flash:target {-webkit-animation: target-fade 7s 1; -moz-animation: target-fade 7s 1; animation: target-fade 7s 1;}
|
|
@-webkit-keyframes target-fade { 0% { background-color: #D9EDF7; } 25% { background-color: #D9EDF7; } 100% { background-color: white; } }
|
|
@-moz-keyframes target-fade { 0% { background-color: #D9EDF7; } 25% { background-color: #D9EDF7; } 100% { background-color: white; } }
|
|
@keyframes target-fade { 0% { background-color: #D9EDF7; } 25% { background-color: #D9EDF7; } 100% { background-color: white; } }
|
|
.tooltip { z-index: 2000 !important; } /* this makes tooltips work inside modal dialogs */
|
|
.tooltip code { background-color:transparent; color:#FFFFFF; font-weight:normal; border:none; font-size: 1em; }
|
|
.manual { margin-top:11px;}
|
|
.heading-help { font-size:14px;}
|
|
|
|
|
|
.no-results { margin: 10px 0 0; }
|