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 <[email protected]> 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/[email protected]"; => "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/[email protected]"; => "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/[email protected]"; => "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 "[email protected]" <[email protected]>.
