mirrors/poky
1
0
Fork 0
mirror of https://git.yoctoproject.org/poky synced 2026-06-04 02:00:04 +00:00
Code Issues Projects Releases Wiki Activity

bitbake: toaster: Move long content toggle to main.js

Browse Source 
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>
This commit is contained in:
Belen Barros Pena
2014-02-19 21:08:15 +00:00
committed by Richard Purdie
parent 4717749fd6
commit 0bad725381
3 changed files with 18 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files
bitbake/lib/toaster/toastergui/static/js/main.js
+15
View File
@@ -75,4 +75,19 @@ $(document).ready(function() {
});
});
// toggle for long content (variables, python stack trace, etc)
$('.full, .full-hide').hide();
$('.full-show').click(function(){
$('.full').slideDown(function(){
$('.full-hide').show();
});
$(this).hide();
});
$('.full-hide').click(function(){
$(this).hide();
$('.full').slideUp(function(){
$('.full-show').show();
});
});
});
bitbake/lib/toaster/toastergui/templates/base.html
-52
View File
@@ -49,58 +49,6 @@ function reload_params(params) {
}
</script>
<script>
$(document).ready(function() {
//show or hide selected columns on load
$("input:checkbox").each(function(){
var selectedType = $(this).val();
if($(this).is(":checked")){
$("."+selectedType).show();
}
else{
$("."+selectedType).hide();
}
});
//edit columns functionality (show / hide table columns)
$("input:checkbox").change();
$("input:checkbox").change(function(){
var selectedType = $(this).val();
if($(this).is(":checked")){
$("."+selectedType).show();
}
else{
$("."+selectedType).hide();
}
});
//turn edit columns dropdown into a multi-select menu
$('.dropdown-menu input, .dropdown-menu label').click(function(e) {
e.stopPropagation();
});
//show help information inside modal dialogs
$("#filter-variables i").tooltip({ html: true, delay: {show: 500} });
//show applied filter tooltip
$('.filtered').tooltip({container:'body', placement:'bottom', delay:{hide:1500}, html:true});
//hide the applied filter tooltip when you click the filter button
$('.btn-primary').on('click', function () {
$('.tooltip').hide();
});
$('.full-variable, .full-variable-hide').hide();
$('.full-variable-show').click(function(){
$('.full-variable').slideDown(function(){
$('.full-variable-hide').show();
});
$(this).hide();
});
$('.full-variable-hide').click(function(){
$(this).hide();
$('.full-variable').slideUp(function(){
$('.full-variable-show').show();
});
});
});
</script>
</head>
<body style="height: 100%">
bitbake/lib/toaster/toastergui/templates/configvars.html
+3 -3
View File
@@ -73,12 +73,12 @@
<h4>{{variable.variable_name}} value is:</h4>
<p>
<span>{{variable.variable_value|string_slice:':570'}}
<span class="full-variable"> {{variable.variable_value|string_slice:'570:'}}
<span class="full"> {{variable.variable_value|string_slice:'570:'}}
</span>
<a class="btn btn-mini full-variable-show">...</a>
<a class="btn btn-mini full-show">...</a>
</span>
</p>
<a class="btn btn-mini full-variable-hide">Collapse variable value<i class="icon-caret-up"></i>
<a class="btn btn-mini full-hide">Collapse variable value<i class="icon-caret-up"></i>
</a>
{% endif %}
{% else %}