summaryrefslogtreecommitdiff
path: root/views
diff options
context:
space:
mode:
authorAaron Parecki <aaron@parecki.com>2020-03-30 11:00:14 -0700
committerAaron Parecki <aaron@parecki.com>2020-03-30 11:00:14 -0700
commitb2a1b6c9d6544708d5092ae47810766eece04c19 (patch)
treea7b06f76510672386900fd61e158d77b9ceea1b2 /views
parent8dec126e7dd19ebb068b1a4f42804f8c0205af9d (diff)
add fields for presentations
Diffstat (limited to 'views')
-rw-r--r--views/event.php93
1 files changed, 92 insertions, 1 deletions
diff --git a/views/event.php b/views/event.php
index c485f31..cf86747 100644
--- a/views/event.php
+++ b/views/event.php
@@ -39,6 +39,52 @@
</div>
</div>
+ <div id="presentation-fields" class="hidden">
+
+ <div class="form-group" style="margin-top: 18px;">
+ <label>Link to Slides</label>
+ <input type="url" class="form-control" id="slides">
+ </div>
+
+ <div class="form-group">
+ <label for="slides-embed">Slides Embed Code</label>
+ <textarea id="slides-embed" class="form-control" style="height: 4em;"></textarea>
+ </div>
+
+ <div class="form-group" style="margin-top: 18px;">
+ <label>Link to Video</label>
+ <input type="url" class="form-control" id="video-link">
+ </div>
+
+ <div class="form-group">
+ <label for="video-embed">Video Embed Code</label>
+ <textarea id="video-embed" class="form-control" style="height: 4em;"></textarea>
+ </div>
+
+ <div class="form-group" style="margin-top: 18px;">
+ <label>Conference</label>
+ <div class="form-group">
+ <input type="text" id="conference-name" class="form-control" style="max-width: 48%; margin-right: 4px; float: left;" placeholder="Conference Name">
+ <input type="url" id="conference-url" class="form-control" style="max-width: 48%; margin-right: 4px; float: left;" placeholder="https://example.com">
+ </div>
+ <div style="clear:both;"></div>
+ </div>
+
+ </div>
+
+ <div class="form-group">
+ <label for="note_content">Content</label>
+ <textarea id="note_content" value="" class="form-control" rows="6"></textarea>
+ </div>
+
+ <div class="form-group hidden" id="content-type-selection">
+ <label for="note_content_type">Content Type</label>
+ <select class="form-control" id="note_content_type">
+ <option value="text/plain">Text</option>
+ <option value="text/markdown">Markdown</option>
+ </select>
+ </div>
+
<div class="form-group" style="margin-top: 18px;">
<label for="note_category">Tags</label>
<input type="text" id="note_category" value="" class="form-control">
@@ -95,6 +141,30 @@
var selectedPlacePin;
}
+ $(document).bind('keydown', function(e){
+ // Easter egg: press ctrl+shift+c to reveal a content type selection
+ if(e.keyCode == 67 && e.ctrlKey && e.shiftKey) {
+ $("#content-type-selection").removeClass("hidden");
+ }
+ // Easter egg: press ctrl+shift+m to switch to markdown
+ if(e.keyCode == 77 && e.ctrlKey && e.shiftKey) {
+ switchToMarkdown();
+ }
+ // Enable "presentation mode" which adds a few fields
+ if(e.keyCode == 80 && e.ctrlKey && e.shiftKey) {
+ enablePresentationMode();
+ }
+ });
+
+ function switchToMarkdown() {
+ $("#content-type-selection select").val("text/markdown");
+ $("#content-type-selection").removeClass("hidden");
+ }
+
+ function enablePresentationMode() {
+ $("#presentation-fields").removeClass("hidden");
+ }
+
$(function(){
// Start the event timezone offset in the browser's timezone
$("#start_date .timezone").attr("placeholder", tzOffset);
@@ -240,7 +310,8 @@
name: [$("#event_name").val()],
start: [event_start],
location: (selectedPlace ? selectedPlace : $("#event_location").val()),
- category: tokenfieldToArray("#note_category")
+ category: tokenfieldToArray("#note_category"),
+ content: $("#note_content").val()
};
if(event_end) {
@@ -251,6 +322,26 @@
properties['p3k-channel'] = $("#note_channel").val();
}
+ if(!$("#content-type-selection").hasClass("hidden")) {
+ properties['p3k-content-type'] = $("#note_content_type").val();
+ }
+
+ if(!$("#presentation-fields").hasClass("hidden")) {
+ properties['slides'] = $("#slides").val();
+ properties['slides-embed'] = $("#slides-embed").val();
+ properties['video-link'] = $("#video-link").val();
+ properties['video-embed'] = $("#video-embed").val();
+ if($("#conference-name").val()) {
+ properties['conference'] = {
+ type: 'h-event',
+ properties: {
+ name: $("#conference-name").val(),
+ url: $("#conference-url").val()
+ }
+ };
+ }
+ }
+
$.post("/micropub/postjson", {
data: JSON.stringify({
"type": ["h-event"],