MindTouch Community Portal
Logged in: Logged in as: Log in
Register
Search:
Page last modified 13:28, 17 Dec 2008 by Guerric
User:dev > Specs (Implemented) > Tags - UI v2
Page Notifications Off

Tags - UI v2

    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

    tagging-0.png

    • 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.

    tagging-1.png

    • Special page - full page reload
    • No editing tags on purpose

    Progressively enhanced?

    tagging-2.png

    • 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

    tagging-3.png

    After deleting a tag

    tagging-4.png

    • No confirmation, but the "Add tag" is like an undo
    Tag page
    What links here

    Files 5

    Attach file or image
    FileVersionSizeModified 
    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 14:21, 17 Dec 2008
    Viewing 1 of 1 comments: view all
    You must login to post a comment.
    MindTouch Social Knowledge Base

    Copyright © 2011 MindTouch, Inc. Powered by