You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@whimsical.apache.org by cu...@apache.org on 2017/12/17 17:28:47 UTC
[whimsy] 01/02: Wireframe proposal for choosing boilerplate replies
This is an automated email from the ASF dual-hosted git repository.
curcuru pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/whimsy.git
commit 8e2758354051c823e8102d3915df6c1cd7057de8
Author: Shane Curcuru <as...@shanecurcuru.org>
AuthorDate: Sun Dec 17 12:29:10 2017 -0500
Wireframe proposal for choosing boilerplate replies
---
www/brand/replyedit.cgi | 73 ++++++++++++++++++++++++++++
www/brand/replylist.cgi | 125 ++++++++++++++++++++++++++++++++++++++++++++++++
www/brand/replyui.cgi | 78 ++++++++++++++++++++++++++++++
3 files changed, 276 insertions(+)
diff --git a/www/brand/replyedit.cgi b/www/brand/replyedit.cgi
new file mode 100755
index 0000000..e2332ed
--- /dev/null
+++ b/www/brand/replyedit.cgi
@@ -0,0 +1,73 @@
+#!/usr/bin/env ruby
+PAGETITLE = "DEMO: proposed UI for editing a response to question from boilerplate"
+$LOAD_PATH.unshift File.realpath(File.expand_path('../../../lib', __FILE__))
+require 'whimsy/asf'
+require 'wunderbar'
+require 'wunderbar/bootstrap'
+require 'wunderbar/jquery'
+
+_html do
+ _body? do
+ _whimsy_body(
+ title: PAGETITLE,
+ related: {
+ "https://www.apache.org/foundation/marks/resources" => "Trademark Site Map",
+ "https://svn.apache.org/repos/private/foundation/Brand/runbook.txt" => "Members-only Trademark runbook",
+ "https://lists.apache.org/list.html?trademarks@apache.org" => "Ponymail interface to trademarks@"
+ },
+ helpblock: -> {
+ _p do
+ _ 'This is a wireframe '
+ _strong 'DEMO'
+ _ ' of a proposed editing ui for Boilerplate Reply to a previously selected question. See '
+ _a 'Proposed how to reply guide', href: 'https://svn.apache.org/repos/private/foundation/Brand/replies-readme.md'
+ end
+ _p do
+ _ 'This would allow the user to edit the selected boilerplate reply, including options of how/when to send, and a button to actually submit a reply for sending. '
+ end
+ }
+ ) do
+ _h3 'DEMO: wireframe of Edit & Send Reply display', id: 'listheader'
+
+ _table.table.table_hover.table_striped do
+ _thead_ do
+ _tr do
+ _th 'Who'
+ _th 'Subject'
+ _th 'Flags'
+ end
+ end
+ _tbody do
+ _tr_ do
+ _td 'Jane Doe'
+ _td 'Help! I want to abuse Apache Foo brand!'
+ _td '(flag1)'
+ end
+ _tr_ do
+ _td ' '
+ _td "(This would be some sort of snipped display of the message the user is replying to)"
+ _td ''
+ end
+ end
+ end
+
+ _h3 'Edit Your Reply'
+ _hr
+ _p 'Dear user, thank you for respecting Apache Brands. Blah blah, foo bar, blah (this is boilerplate content) '
+ _p '(Either have the whole content be in an edit box, or just a selected part)'
+ _p '<EDIT BOX FOR THE USER TO CHANGE THE TEXT OF THE REPLY>'
+ _p 'Please see the FAQ that most likely applies to your question (this is boilerplate content) https://example.com/trademarks/faq1'
+ _p '-- '
+ _p ' $users-name from whimsy login'
+ _p ' On behalf of the Official Brand Managment Committee'
+ _hr
+ _p do
+ _a 'Send reply', href: '#', onclick: "alert('This would submit the reply to be sent the usual way (Reply-All, Reply-To: the list, etc.).');"
+ _ ' | '
+ _a 'Submit draft', href: '#', onclick: "alert('This would submit the reply as a DRAFT for someone else to confirm and send.');"
+ _ ' | '
+ _a 'Cancel', href: '#', onclick: "alert('This would cancel the action, going back to the mail list.');"
+ end
+ end
+ end
+end
diff --git a/www/brand/replylist.cgi b/www/brand/replylist.cgi
new file mode 100755
index 0000000..1caa1df
--- /dev/null
+++ b/www/brand/replylist.cgi
@@ -0,0 +1,125 @@
+#!/usr/bin/env ruby
+PAGETITLE = "DEMO: proposed UI for mailing list view for reply features"
+$LOAD_PATH.unshift File.realpath(File.expand_path('../../../lib', __FILE__))
+require 'whimsy/asf'
+require 'wunderbar'
+require 'wunderbar/bootstrap'
+require 'wunderbar/jquery'
+
+_html do
+ _body? do
+ _whimsy_body(
+ title: PAGETITLE,
+ related: {
+ "https://www.apache.org/foundation/marks/resources" => "Trademark Site Map",
+ "https://svn.apache.org/repos/private/foundation/Brand/runbook.txt" => "Members-only Trademark runbook",
+ "https://lists.apache.org/list.html?trademarks@apache.org" => "Ponymail interface to trademarks@"
+ },
+ helpblock: -> {
+ _p do
+ _ 'This is a wireframe '
+ _strong 'DEMO'
+ _ ' of a proposed tool to allow ASF Members to review incoming questions on a private mailing list, and then select a '
+ _em 'boilerplate reply'
+ _ ' to send to an original questioner. See '
+ _a 'Proposed how to reply guide', href: 'https://svn.apache.org/repos/private/foundation/Brand/replies-readme.md'
+ end
+ _p do
+ _ 'This list would display the last 30 (or so) days of messages on a private list, and have UI that shows info about the messages, plus action buttons to create a reply, see: '
+ _a 'DEMO reply form to edit/send', href: '/brand/replyui.cgi'
+ end
+ }
+ ) do
+ _h3 'DEMO: wireframe of maillist display', id: 'listheader'
+
+ _table.table.table_hover.table_striped do
+ _thead_ do
+ _tr do
+ _th 'Expand', data_sort: 'string'
+ _th 'Who', data_sort: 'string'
+ _th 'Subject', data_sort: 'string'
+ _th 'Date', data_sort: 'string'
+ _th 'Reply', data_sort: 'string'
+ _th 'Flags', data_sort: 'string'
+ end
+ end
+ _tbody do
+ _tr_ do
+ _td do
+ _span.glyphicon.glyphicon_expand :aria_hidden
+ end
+ _td 'Jane Doe'
+ _td 'Help! I want to abuse Apache Foo brand!'
+ _td '2017-12-12'
+ _td do
+ _a 'Reply', href: '#', onclick: "alert('This would popup UI to choose a boilerplate reply.');"
+ _ ' | '
+ _a 'Mark', href: '#', onclick: "alert('This might allow marking for attention, as spam, or other workflow.');"
+ _ ' | '
+ _a 'Read', href: '#', onclick: "alert('This or the expand button in leftmost column would open the mail for reading.');"
+ end
+ _td do
+ _a '(flag1)', href: '#', onclick: "alert('This could display flags or marks, or other workflow about this email.');"
+ end
+ end
+ _tr_ do
+ _td do
+ _span.glyphicon.glyphicon_collapse_down :aria_hidden
+ end
+ _td 'Jack Doe'
+ _td 'Question about event usage'
+ _td '2017-12-13'
+ _td do
+ _span.em 'Collapse'
+ end
+ _td do
+ _a '(flag2)', href: '#', onclick: "alert('This could display marks or flags, or other workflow about this email.');"
+ end
+ end
+ _tr_ do
+ _td colspan: 4 do
+ _p 'This would be the body of the /Question about event usage/ email above, perhaps?'
+ _p do
+ _ 'I.e. the list view should let a Member quickly:'
+ _ul do
+ _li 'Read thru recent incoming emails that might need replies'
+ _li 'See which incoming emails already have replies/are answered/are otherwise marked'
+ _li 'Quickly open one of the emails to read it, to see if they want to try replying'
+ _li 'Click a button to select a boilerplate reply and then edit it.'
+ end
+ end
+ end
+ _td.strong 'Reply | Mark'
+ end
+ _tr_ do
+ _td do
+ _span.glyphicon.glyphicon_expand :aria_hidden
+ end
+ _td 'Ruby Sammy'
+ _td '[MERCH] Luxury gems using Apache feather'
+ _td '2017-12-24'
+ _td do
+ _a 'Reply', href: '/brand/replyui.cgi'
+ _ ' | '
+ _a 'Mark', href: '#', onclick: "alert('This might allow marking for attention, as spam, or other workflow.');"
+ _ ' | '
+ _a 'Read', href: '#', onclick: "alert('This or the expand button in leftmost column would open the mail for reading.');"
+ end
+ _td ' '
+ end
+ end
+ end
+ end
+
+ _script %{
+ var table = $(".table").stupidtable();
+ table.on("aftertablesort", function (event, data) {
+ var th = $(this).find("th");
+ th.find(".arrow").remove();
+ var dir = $.fn.stupidtable.dir;
+ var arrow = data.direction === dir.ASC ? "↑" : "↓";
+ th.eq(data.column).append('<span class="arrow">' + arrow +'</span>');
+ });
+ }
+ end
+end
diff --git a/www/brand/replyui.cgi b/www/brand/replyui.cgi
new file mode 100755
index 0000000..1786ca1
--- /dev/null
+++ b/www/brand/replyui.cgi
@@ -0,0 +1,78 @@
+#!/usr/bin/env ruby
+PAGETITLE = "DEMO: proposed UI for popup/dialog to choose a reply boilerplate"
+$LOAD_PATH.unshift File.realpath(File.expand_path('../../../lib', __FILE__))
+require 'whimsy/asf'
+require 'wunderbar'
+require 'wunderbar/bootstrap'
+require 'wunderbar/jquery'
+
+_html do
+ _body? do
+ _whimsy_body(
+ title: PAGETITLE,
+ related: {
+ "https://www.apache.org/foundation/marks/resources" => "Trademark Site Map",
+ "https://svn.apache.org/repos/private/foundation/Brand/runbook.txt" => "Members-only Trademark runbook",
+ "https://lists.apache.org/list.html?trademarks@apache.org" => "Ponymail interface to trademarks@"
+ },
+ helpblock: -> {
+ _p do
+ _ 'This is a wireframe '
+ _strong 'DEMO'
+ _ ' of a proposed dialog/popup way to Choose a specific Boilerplate Reply to a previously selected question. See '
+ _a 'Proposed how to reply guide', href: 'https://svn.apache.org/repos/private/foundation/Brand/replies-readme.md'
+ end
+ _p do
+ _ 'This would be some listing of available Boilerplates with descriptions about each, so the user could choose one; that would then open it for editing as a Reply-All message to save. '
+ end
+ }
+ ) do
+ _h3 'DEMO: wireframe of Choose Reply display', id: 'listheader'
+
+ _table.table.table_hover.table_striped do
+ _thead_ do
+ _tr do
+ _th 'Who'
+ _th 'Subject'
+ _th 'Flags'
+ end
+ end
+ _tbody do
+ _tr_ do
+ _td 'Jane Doe'
+ _td 'Help! I want to abuse Apache Foo brand!'
+ _td '(flag1)'
+ end
+ _tr_ do
+ _td ' '
+ _td "(This would be some sort of snipped display of the message the user is selecting a reply to)"
+ _td ''
+ end
+ end
+ end
+
+ _h3 'Choose A Reply to edit and send for this question'
+ _p 'This could be a choicelist or similar to select from avaialble Replies'
+
+ _ul do
+ _li do
+ _ 'BOOK | Point to FAQ about published books, magazines, etc.'
+ _a 'Select this reply', href: '#', onclick: "alert('This would select this reply to edit in the browser.');"
+ end
+ _li do
+ _li 'DOMAIN | Point to FAQ about use in domain.names'
+ _a 'Select this reply', href: '/brand/replyedit.cgi'
+ end
+ _li do
+ _li 'EVENT | Point to FAQ about use in conferences or events'
+ _a 'Select this reply', href: '/brand/replyedit.cgi'
+ end
+ _li do
+ _li 'PRODUCT | Point to FAQ about use in software products of any kind'
+ _a 'Select this reply', href: '/brand/replyedit.cgi'
+ end
+ _li '(... etc. as many choices as are written)'
+ end
+ end
+ end
+end
--
To stop receiving notification emails like this one, please contact
"commits@whimsical.apache.org" <co...@whimsical.apache.org>.