Andal.LND/edx-platform
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor sock HTML to have text in Mako template

Browse Source
This commit is contained in:
David Baumgold
2014-12-19 14:20:14 -05:00
parent 7366d2b1a2
commit 5360d77b79
2 changed files with 17 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
cms/static/js/sock.js
View File

@@ -3,12 +3,22 @@ require(["domReady", "jquery", "jquery.smoothScroll"],
var toggleSock = function (e) {
e.preventDefault();
var $btnLabel = $(this).find('.copy');
var $btnShowSockLabel = $(this).find('.copy-show');
var $btnHideSockLabel = $(this).find('.copy-hide');
var $sock = $('.wrapper-sock');
var $sockContent = $sock.find('.wrapper-inner');
$sock.toggleClass('is-shown');
$sockContent.toggle('fast');
if ($sock.hasClass('is-shown')) {
$sock.removeClass('is-shown');
$sockContent.hide('fast');
$btnHideSockLabel.removeClass("is-shown").addClass("is-hidden");
$btnShowSockLabel.removeClass("is-hidden").addClass("is-shown");
} else {
$sock.addClass('is-shown');
$sockContent.show('fast');
$btnHideSockLabel.removeClass("is-hidden").addClass("is-shown");
$btnShowSockLabel.removeClass("is-shown").addClass("is-hidden");
}
$.smoothScroll({
offset: -200,
@@ -17,12 +27,6 @@ require(["domReady", "jquery", "jquery.smoothScroll"],
scrollElement: null,
scrollTarget: $sock
});
if ($sock.hasClass('is-shown')) {
$btnLabel.text(gettext('Hide Studio Help'));
} else {
$btnLabel.text(gettext('Looking for Help with Studio?'));
}
};
domReady(function () {

5
cms/templates/widgets/sock.html
View File

@@ -4,7 +4,10 @@
<div class="wrapper-sock wrapper">
<ul class="list-actions list-cta">
<li class="action-item">
<a href="#sock" class="cta cta-show-sock"><i class="icon-question-sign"></i> <span class="copy">${_("Looking for help with {studio_name}?").format(studio_name=settings.STUDIO_NAME)}</span></a>
<a href="#sock" class="cta cta-show-sock"><i class="icon-question-sign"></i>
<span class="copy-show is-shown">${_("Looking for help with {studio_name}?").format(studio_name=settings.STUDIO_NAME)}</span>
<span class="copy-hide is-hidden">${_("Hide {studio_name} Help").format(studio_name=settings.STUDIO_NAME)}</span>
</a>
</li>
</ul>