Skip to content
Snippets Groups Projects
Commit b8f3e875 authored by Tim Steiner's avatar Tim Steiner
Browse files

Add a remove button to each FYP concentration tab. @0h45

parent dadc2b18
No related branches found
No related tags found
No related merge requests found
...@@ -26,7 +26,12 @@ $stubConcentrations = array('stub' => '+'); ...@@ -26,7 +26,12 @@ $stubConcentrations = array('stub' => '+');
<ul class="wdn_tabs"> <ul class="wdn_tabs">
<?php foreach ($this->fourYearPlan->getConcentrations() + $stubConcentrations as $concentrationId => $concentration) { ?> <?php foreach ($this->fourYearPlan->getConcentrations() + $stubConcentrations as $concentrationId => $concentration) { ?>
<li><a href="#concentration-<?php echo $concentrationId; ?>"><?php echo $this->escape($concentration); ?></a></li> <li>
<a href="#concentration-<?php echo $concentrationId; ?>">
<span class="name"><?php echo $this->escape($concentration); ?></span>
<span class="minibutton remove">x</span>
</a>
</li>
<?php } ?> <?php } ?>
</ul> </ul>
<div class="wdn_tabs_content"> <div class="wdn_tabs_content">
......
.input-hours {width: 3em;} .input-hours {width: 3em;}
.semester td {white-space: nowrap;} .semester td {white-space: nowrap;}
a[href="#concentration-stub"] span.minibutton {display: none;}
.minibutton.remove {
margin-right: -0.4em;
padding: 0 0.4em;
border: 1px solid transparent;
border-radius: 1em;
color: #888;
}
.minibutton.remove:hover {
border-color: #c44;
background-color: #fcc;
color: #c44;
}
...@@ -102,6 +102,7 @@ WDN.jQuery(function() { ...@@ -102,6 +102,7 @@ WDN.jQuery(function() {
var newTabIndex = 0; var newTabIndex = 0;
WDN.tabs.useHashChange = false;
WDN.jQuery('ul.wdn_tabs').on('tabchanged', function() { WDN.jQuery('ul.wdn_tabs').on('tabchanged', function() {
var selectedTab = WDN.jQuery(this).find('.selected'); var selectedTab = WDN.jQuery(this).find('.selected');
if (selectedTab.find('a').attr('href') != '#concentration-stub') { if (selectedTab.find('a').attr('href') != '#concentration-stub') {
...@@ -114,7 +115,7 @@ WDN.jQuery(function() { ...@@ -114,7 +115,7 @@ WDN.jQuery(function() {
selectedTab.before(newTab); selectedTab.before(newTab);
newTab.find('a').attr('href', '#concentration-new' + newTabIndex); newTab.find('a').attr('href', '#concentration-new' + newTabIndex);
newTab.find('a').text('New Concentration'); newTab.find('a span.name').text('New Concentration');
var stubContent = WDN.jQuery('#concentration-stub'); var stubContent = WDN.jQuery('#concentration-stub');
var newContent = stubContent.clone(); var newContent = stubContent.clone();
...@@ -138,9 +139,17 @@ WDN.jQuery(function() { ...@@ -138,9 +139,17 @@ WDN.jQuery(function() {
newTab.find('a').trigger('click'); newTab.find('a').trigger('click');
}, 50); }, 50);
}); });
WDN.jQuery('ul.wdn_tabs').on('click', '.minibutton.remove', function() {
var tab = WDN.jQuery(this).parent().parent();
var content = WDN.jQuery(tab.find('a').attr('href'));
tab.remove();
content.remove();
return false;
});
WDN.jQuery('.wdn_tabs_content').on('keyup', '.concentration-name', function() { WDN.jQuery('.wdn_tabs_content').on('keyup', '.concentration-name', function() {
WDN.jQuery('.wdn_tabs .selected a').text(this.value); WDN.jQuery('.wdn_tabs .selected a span.name').text(this.value);
}) })
WDN.jQuery('.semester').on('click', '.course-row .text-hours', function() { WDN.jQuery('.semester').on('click', '.course-row .text-hours', function() {
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment