From 1345d3e0bce15d3ab1f18c6865134959f52dcc5c Mon Sep 17 00:00:00 2001
From: bill bittner <bittner.w@gmail.com>
Date: Wed, 4 Oct 2017 14:31:06 -0700
Subject: [PATCH] fixed url preview

---
 views/partials/publishForm-Channel.handlebars | 24 +++++++++++--------
 1 file changed, 14 insertions(+), 10 deletions(-)

diff --git a/views/partials/publishForm-Channel.handlebars b/views/partials/publishForm-Channel.handlebars
index 45656450..ad914903 100644
--- a/views/partials/publishForm-Channel.handlebars
+++ b/views/partials/publishForm-Channel.handlebars
@@ -2,10 +2,10 @@
 <div class="row">
     <div class="column column--10">
         <form>
-            <label class="label" for="anonymous-select">Anonymous:</label>
             <input type="radio" name="anonymous-or-channel" id="anonymous-select" class="" value="anonymous" {{#unless user}}checked {{/unless}} onchange="toggleChannel(event.target.value)"/>
-            <label class="label" for="in-a-channel-select">In a channel:</label>
+            <label class="label" for="anonymous-select">Anonymous</label>
             <input type="radio" name="anonymous-or-channel" id="in-a-channel-select" class="" value="in a channel" {{#if user}}checked {{/if}} onchange="toggleChannel(event.target.value)"/>
+            <label class="label" for="in-a-channel-select">In a channel</label>
         </form>
     </div>
 </div>
@@ -40,7 +40,7 @@
 <script type="text/javascript">
     function updateUrl (selectedOption) {
         const urlChannel = document.getElementById('url-channel');
-        if (selectedOption === 'new' || selectedOption === 'login'){
+        if (selectedOption === 'new' || selectedOption === 'login' || selectedOption === ''){
             // update URL
             urlChannel.innerText = '@channelName';
             //toolTipText.innerText = 'will be replaced by your channel and id';
@@ -63,24 +63,28 @@
         if (selectedOption === 'anonymous') {
             channelSelectOptions.hidden = true;
             channelSelectOptions.hidden = true;
+            // update url
+            updateUrl(selectedOption);
         } else if (selectedOption === 'in a channel') {
             channelSelectOptions.hidden = false;
+            // update url
+            const selectedChannel = document.getElementById('channel-name-select').selectedOptions[0].value
+            toggleChannelSelect(selectedChannel);
         } else {
             console.log('selected option was not recognized');
         }
-        // update url
-        updateUrl(selectedOption);
+
     }
     // show or hide the channel create/login tool
-    function toggleChannelSelect (selectedOption) {
+    function toggleChannelSelect (selectedChannel) {
          const createChannelTool = document.getElementById('channel-create-details');
          const loginToChannelTool = document.getElementById('channel-login-details');
-         console.log('toggleChannelSelect event triggered', selectedOption);
+         console.log('toggleChannelSelect event triggered', selectedChannel);
          // show/hide the login and new channel forms
-         if (selectedOption === 'new') {
+         if (selectedChannel === 'new') {
              createChannelTool.hidden = false;
              loginToChannelTool.hidden = true;
-         } else if (selectedOption === 'login') {
+         } else if (selectedChannel === 'login') {
              loginToChannelTool.hidden = false;
              createChannelTool.hidden = true;
          } else {
@@ -90,6 +94,6 @@
              hideError(document.getElementById('input-error-channel-select'));
          }
         // update url
-        updateUrl(selectedOption);
+        updateUrl(selectedChannel);
     }
 </script>
\ No newline at end of file