add channel selection to event interface

3 files changed, 65 insertions, 17 deletions

diff --git a/views/event.php b/views/event.php
index 81742d8..c485f31 100644
--- a/views/event.php
+++ b/views/event.php
@@ -44,6 +44,24 @@
         <input type="text" id="note_category" value="" class="form-control">
       </div>
 
+      <?php if($this->channels): ?>
+        <div class="form-group">
+          <label for="note_channel">Channel</label>
+          <div id="channel-container">
+            <?php
+              echo '<select class="form-control" id="note_channel">';
+              echo '<option value="none"></option>';
+              foreach($this->channels as $ch) {
+                echo '<option value="'.htmlspecialchars($ch).'" '.($ch == 'events' ? 'selected' : '').'>'
+                   . htmlspecialchars($ch)
+               . '</option>';
+              }
+              echo '</select>';
+            ?>
+          </div>
+        </div>
+      <?php endif; ?>
+
       <div style="float: right; margin-top: 6px;">
         <button class="btn btn-success" id="btn_post">Post</button>
       </div>
@@ -229,6 +247,9 @@
       properties.end = event_end;
     }
 
+    if($("#note_channel").val()) {
+      properties['p3k-channel'] = $("#note_channel").val();
+    }
 
     $.post("/micropub/postjson", {
       data: JSON.stringify({
diff --git a/views/partials/syndication-js.php b/views/partials/syndication-js.php
index 90331ba..ead1889 100644
--- a/views/partials/syndication-js.php
+++ b/views/partials/syndication-js.php
@@ -26,3 +26,21 @@ function bind_syndication_buttons() {
     return false;
   });
 }
+
+
+function reload_channels() {
+  $.getJSON("/micropub/channels", function(data){
+    console.log(data);
+    if(data.channels) {
+      $("#channel-container").html('<select class="form-control" name="channel"></select>');
+      for(var i in data.channels) {
+        var channel = data.channels[i];
+        $("#channel-container select").append('<option value="'+htmlspecialchars(channel)+'">'+htmlspecialchars(channel)+'</option>');
+      }
+    } else {
+
+    }
+    console.log(data);
+  });
+}
+
diff --git a/views/settings.php b/views/settings.php
index 3ddbcc5..55cbd17 100644
--- a/views/settings.php
+++ b/views/settings.php
@@ -81,13 +81,37 @@
               echo '</ul>';
             } else {
               ?><div class="bs-callout bs-callout-warning">No syndication targets were found on your site.
-              Your server can provide a <a href="/docs#syndication">list of supported syndication targets</a> that will appear as checkboxes here.</div><?php
+              Your server can provide a <a href="/docs/syndication">list of supported syndication targets</a> that will appear as buttons here.</div><?php
             }
             ?>
           </div>
         </div>
 
 
+  <h3>Channels</h3>
+
+        <div class="form-group">
+          <label for="note_channels"><a href="javascript:reload_channels()">Reload</a></label>
+          <div id="channel-container">
+            <?php
+            if($this->channels) {
+              echo '<select class="form-control" name="channel">';
+              foreach($this->channels as $ch) {
+                echo '<option value="'.htmlspecialchars($ch).'">'
+                   . htmlspecialchars($ch)
+               . '</option>';
+              }
+              echo '</select>';
+            } else {
+              ?><div class="bs-callout bs-callout-warning">No channels were found on your site.
+              Your server can provide a <a href="/docs/channels">list of channels</a> that will appear as buttons here.</div><?php
+            }
+            ?>
+          </div>
+        </div>
+
+
+
   <?php if(!Config::$twitterClientID): ?>
     <h3>Twitter</h3>
     <p>Connecting a Twitter account will automatically "favorite" and "retweet" tweets on Twitter when you favorite and retweet a Twitter URL in Quill.</p>
@@ -185,21 +209,6 @@ $(function(){
 
 });
 
-function reload_syndications() {
-  $.getJSON("/micropub/syndications", function(data){
-    if(data.targets) {
-      $("#syndication-container").html('<ul></ul>');
-      for(var i in data.targets) {
-        var target = data.targets[i].target;
-        var uid = data.targets[i].uid;
-        var favicon = data.targets[i].favicon;
-        $("#syndication-container ul").append('<li><button data-syndicate-to="'+htmlspecialchars(uid ? uid : target)+'" class="btn btn-default btn-block">'+(favicon ? '<img src="'+htmlspecialchars(favicon)+'" width="16" height="16"> ':'')+htmlspecialchars(target)+'</button></li>');
-      }
-      bind_syndication_buttons();
-    } else {
+<?= partial('partials/syndication-js') ?>
 
-    }
-    console.log(data);
-  });
-}
 </script>