Page last modified 21:28, 17 Dec 2008 by Guerric
MindTouch Community Portal > MindTouch Community Portal > Documentation > MindTouch > Specs (Implemented) > Tags - UI v2
Table of contents
Requirements:
- Do not use a dialog - this stuff should be embedded INTO the page itself (similar to how comments work)
- The whole tagging output from Deki should be contained within <div id="deki-page-tags"></div> - we will begin standardizing our ID names for this purpose
- Order of all tags should be returned grouped by type (define, normal, date); group define/normal alphabetically and dates by date (if possible - i don't know what the storage
- All input fields for tags should contain auto-completion
- When a date: prefix is detected, it should pop-up a calendar widget (not high priority)
Viewing tags
- Markup should be:
<div id="deki-page-tags">
<div class="title">Page tags: <span class="edit"><a href="#">Edit tags</a></span></div>
<ul class="tags">
<li><a href="{URL}" class="{TYPE: (define, date)}">{TAG}</a></li>
</ul>
</div>
Non progressive-enhancement
The non-javascript code path should create a new special page for creating tags. The UI for this special page is identical to the in page UI except it should list the page title above the form. Also provide a link back to the page after editing.
- Special page - full page reload
- No editing tags on purpose
Progressively enhanced?
- hovering over an existing tag shows both an edit icon and the delete icon - clicking the delete icon itself triggers delete, while clicking anywhere near the tag text or the icon triggers the edit form
Editing existing tag
After deleting a tag
- No confirmation, but the "Add tag" is like an undo
- Tag page (Edit tags)
- What links here
Files 5
| File | Size | Date | Attached by | |||
|---|---|---|---|---|---|---|
| tagging-0.png No description | 1381 bytes | 20:40, 17 Dec 2008 | RoyK | Actions | |
 | | tagging-1.png No description | 6.6 kB | 21:27, 17 Dec 2008 | RoyK | Actions |
| | tagging-2.png No description | 6.4 kB | 20:40, 17 Dec 2008 | RoyK | Actions |
| | tagging-3.png No description | 6.72 kB | 20:40, 17 Dec 2008 | RoyK | Actions |
| | tagging-4.png No description | 6.29 kB | 20:41, 17 Dec 2008 | RoyK | Actions |
Viewing 1 of 1 comments: view all
#1
lktest says:
I'll put a vote in for outputting tags as an unordered list, instead of comma-separated string, so that we can choose how it's displayed via CSS styling.
Posted 22:21, 17 Dec 2008
Viewing 1 of 1 comments: view all
You must login to post a comment.