ryan/Coding
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

cleanup of button toggle

Browse Source
This commit is contained in:
Ryan Peters 2021-07-19 22:54:16 -04:00
parent 65112c70c2
commit ade8faa2dc
3 changed files with 18 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
BinaryDad.Coding/Pages/Shared/_Layout.cshtml
View File

@ -18,7 +18,7 @@
<div class="collapse navbar-collapse right"> <div class="collapse navbar-collapse right">
<ul class="navbar-nav ml-auto"> <ul class="navbar-nav ml-auto">
<li class="nav-item"> <li class="nav-item">
<span class="navbar-text btn" id="live-mode-status"></span> <div class="navbar-text btn font-italic" id="live-mode-status">With <strong>Live Mode</strong> enabled, anything the teacher types will show in your editor</div>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link btn" id="live-mode-link" href="#live">Live Mode</a> <a class="nav-link btn" id="live-mode-link" href="#live">Live Mode</a>

12
BinaryDad.Coding/wwwroot/css/site.css
View File

@ -6,6 +6,14 @@
height: 600px; height: 600px;
} }
textarea { textarea, .navbar-brand {
font-family: 'Roboto Mono', monospace; font-family: 'Roboto Mono', monospace;
} }
.navbar-brand {
font-size: 26px;
}
#live-mode-status {
display: none;
}

10
BinaryDad.Coding/wwwroot/js/hub.js
View File

@ -6,15 +6,20 @@
let isLive = false; let isLive = false;
let isLiveMode = function () { let isLiveMode = function () {
isLive = window.location.hash === '#live'; isLive = window.location.hash === '#live';
$liveModeLink $liveModeLink
.toggleClass('btn-success text-white', isLive) .toggleClass('btn-success text-white', isLive)
.attr('href', isLive ? '#' : '#live'); .attr('href', isLive ? '#' : '#live');
$liveModeStatus.html(isLive ? 'Anything the teacher types will show in your editor' : 'You can mess around all you like!'); if (isLive) {
$liveModeStatus.fadeIn();
} else {
$liveModeStatus.fadeOut();
}
console.log('live mode: ' + isLive);
}; };
let isTeacher = window.location.hash === '#teacher'; let isTeacher = window.location.hash === '#teacher';
@ -29,7 +34,6 @@
//window.location.hash = '#'; //window.location.hash = '#';
$liveModeLink.hide(); $liveModeLink.hide();
$liveModeStatus.hide(); $liveModeStatus.hide();
console.log('teacher mode active');
} }
let $editors = $('.ace_editor'); let $editors = $('.ace_editor');