LBRYCommunity/spee.ch
1
0
Fork 0
Code Issues 95 Pull requests 2 Projects Releases 4 Packages Wiki Activity

url updates dynamically from channel selection

Browse source
This commit is contained in:
bill bittner 2017-09-26 16:05:45 -07:00
parent 12279aed3b
commit f0b248ba9c
4 changed files with 26 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
public/assets/css/BEM.css
View file

@ -9,6 +9,11 @@ p {
padding-left: 0.3em;
}
.url-text {
margin:0px;
padding:0px;
}
/* CONTAINERS */
.wrapper {

5
views/login.handlebars
View file

@ -1,14 +1,15 @@
<div class="wrapper">
{{> topBar}}
<h2>Log In</h2>
<div class="row row--wide">
<h2>Log In</h2>
<div class="column column--6">
<p>Log in to an existing channel:</p>
{{>channelLoginForm}}
</div>
</div>
<h2>Create New</h2>
<div class="row row--wide">
<h2>Create New</h2>
<div class="column column--6">
<p>Create a brand new channel:</p>
{{>channelCreationForm}}

19
views/partials/publishForm-Channel.handlebars
View file

@ -2,9 +2,9 @@
<div class="column column--3">
<label class="label" for="channel-name-select">Channel:</label>
</div>
<div class="column column--7">
<div class="column column--9">
<div id="input-error-channel-select" class="info-message info-message--failure"></div>
<select type="text" id="channel-name-select" class="select select--primary" value="channel" onclick="toggleChannel(event)">
<select type="text" id="channel-name-select" class="select select--primary" value="channel" onchange="toggleChannel(event)">
<optgroup>
{{#if user}}
<option value="@{{user.userName}}" >@{{user.userName}}</option>
@ -34,16 +34,31 @@
const createChannelTool = document.getElementById('channel-create-details');
const loginToChannelTool = document.getElementById('channel-login-details');
const selectedOption = event.target.selectedOptions[0].value;
const urlChannel = document.getElementById('url-channel');
if (selectedOption === 'new') {
// show/hide the login and new channel forms
createChannelTool.hidden = false;
loginToChannelTool.hidden = true;
// update URL
urlChannel.innerText = '';
} else if (selectedOption === 'login') {
// show/hide the login and new channel forms
loginToChannelTool.hidden = false;
createChannelTool.hidden = true;
// update URL
urlChannel.innerText = '';
} else {
// hide the login and new channel forms
loginToChannelTool.hidden = true;
createChannelTool.hidden = true;
hideError(document.getElementById('input-error-channel-select'));
// update URL
if (selectedOption === 'none'){
urlChannel.innerText = '';
} else {
urlChannel.innerText = `${selectedOption}/`;
}
}
}
</script>

3
views/partials/publishForm-Url.handlebars
View file

@ -5,8 +5,7 @@
<div class="column column--9">
<div id="input-error-claim-name" class="info-message info-message--failure" hidden="true"></div>
<div class="input-text--primary">
<span>Spee.ch/{{user.channelName}}/</span>
<input type="text" id="claim-name-input" class="input-text" placeholder="your-url-here" oninput="checkClaimName(event.target.value)">
<span class="url-text">Spee.ch/</span><span id="url-channel" class="url-text">{{#if user.channelName}}{{user.channelName}}/{{/if}}</span><input type="text" id="claim-name-input" class="input-text" placeholder="your-url-here" oninput="checkClaimName(event.target.value)">
<span id="input-success-claim-name" class="info-message info-message--success"></span>
</div>