Congegni/sintonia
7
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Fun update for tab functionality - add tab sorting and close on middle mouse click

Browse source
This commit is contained in:
Duncan Sommerville 2015-11-02 11:04:30 -05:00
parent 4f281a30ed
commit 529a73d39d
5 changed files with 23 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

6
airtime_mvc/application/views/scripts/showbuilder/builderDialog.phtml
View file

@ -25,7 +25,11 @@
<div id="show_builder" class="sb-content content-pane wide-panel"> <div id="show_builder" class="sb-content content-pane wide-panel">
<div class="panel-header"> <div class="panel-header">
<ul class="nav nav-tabs"> <ul class="nav nav-tabs">
<li id="schedule-tab" role="presentation" class="active"><a href="#">Scheduled Shows</a></li> <li id="schedule-tab" role="presentation" class="active">
<a href="javascript:void(0)" class="tab-name" title="<?php echo _("Scheduled Shows") ?>">
<?php echo _("Scheduled Shows") ?>
</a>
</li>
</ul> </ul>
</div> </div>
<div class="outer-datatable-wrapper active-tab"> <div class="outer-datatable-wrapper active-tab">

6
airtime_mvc/application/views/scripts/showbuilder/index.phtml
View file

@ -22,7 +22,11 @@
<div id="show_builder" class="sb-content content-pane wide-panel"> <div id="show_builder" class="sb-content content-pane wide-panel">
<div class="panel-header"> <div class="panel-header">
<ul class="nav nav-tabs"> <ul class="nav nav-tabs">
<li id="schedule-tab" role="presentation" class="active"><a href="javascript:void(0)">Scheduled Shows</a></li> <li id="schedule-tab" role="presentation" class="active">
<a href="javascript:void(0)" class="tab-name" title="<?php echo _("Scheduled Shows") ?>">
<?php echo _("Scheduled Shows") ?>
</a>
</li>
</ul> </ul>
</div> </div>
<div class="outer-datatable-wrapper active-tab"> <div class="outer-datatable-wrapper active-tab">

2
airtime_mvc/public/css/dashboard.css
View file

@ -493,7 +493,7 @@ li.ui-state-default {
.tab-name { .tab-name {
float: left; float: left;
max-width: 150px; max-width: 120px;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;

1
airtime_mvc/public/css/styles.css
View file

@ -4043,6 +4043,7 @@ li .ui-state-hover {
.publish-md-field > textarea, .publish-md-field > input { .publish-md-field > textarea, .publish-md-field > input {
display: block; display: block;
width: 50%;
} }
form.media-metadata fieldset { form.media-metadata fieldset {

13
airtime_mvc/public/js/airtime/showbuilder/tabs.js
View file

@ -110,7 +110,11 @@ var AIRTIME = (function(AIRTIME){
*/ */
Tab.prototype._init = function() { Tab.prototype._init = function() {
var self = this; var self = this;
self.assignTabClickHandler(function() { self.assignTabClickHandler(function(e) {
if (e.which == 2) { // Middle mouse
self.close();
return;
}
if (!$(this).hasClass('active')) { if (!$(this).hasClass('active')) {
self.switchTo(); self.switchTo();
} }
@ -342,8 +346,13 @@ var AIRTIME = (function(AIRTIME){
}(AIRTIME || {})); }(AIRTIME || {}));
$(document).ready(function() { $(document).ready(function() {
var sb = $("#show_builder");
// Add text scrolling to tab names // Add text scrolling to tab names
$("#show_builder").addTitles(".tab-name"); sb.addTitles(".tab-name");
sb.find(".nav.nav-tabs").sortable({
containment: "parent",
distance: 25
});
// Initialize the ScheduleTab // Initialize the ScheduleTab
AIRTIME.tabs.initScheduleTab(); AIRTIME.tabs.initScheduleTab();
}); });