/dev/docs/bookreaderinteractions
Type: /type/page
body: value: # Proposed (not yet implemented) Interaction List

<table width="100%" border="0" cellspacing="5" cellpadding="5">
    <tr>
        <td><strong>Action</strong></td>
        <td><strong>PC (Mouse)</strong></td>
        <td><strong>Tablet (Single Touch)</strong></td>
        <td><strong>Touch</strong></td>
    </tr>
    <tr>
        <td>Turn a page</td>
        <td><ul>
            <li>1 page: page turn buttons, scroll bars, scroll wheel, space bar, Page Up/Down keys, click and drag</li>
            <li>2 page: Single click to flip (when full pages are visible), Page Up/Down, Arrow keys, Mouse swipe</li>
        </ul></td>
        <td><ul>
            <li>Same as PC</li>
        </td>
        <td><ul>
            <li>1 finger swipe (distinguish from pan based on speed)</li>
            <li>1 page: touch and drag, page flip buttons</li>
            <li>2 page: turn page</li>
        </ul></td>
    </tr>
    <tr>
        <td>Zoom in</td>
        <td><ul>
            <li>Double-click: Zoom in one level and center (TODO)</li>
            <li>Zoom widget (TODO)</li>
        </ul></td>
        <td><ul>
            <li>Zoom widget (TODO)</li>
        </ul></td>
        <td><ul>
            <li>2 finger expand (iOS implemented, Firefox TODO)</li>
        </ul></td>
    </tr>
    <tr>
        <td>Zoom out</td>
        <td><ul>
            <li>Double-click + CTRL: zoom out one level and centered (TODO)</li>
            <li>Zoom out gets you to thumbnail view (TODO)</li>
            <li>Zoom widget (TODO)</li>
        </ul></td>
        <td><ul>
            <li>Zoom widget (TODO)</li>
        </ul></td>
        <td><ul>
            <li>2 finger pinch (iOS implemented, Firefox TODO)</li>
        </ul></td>
    </tr>
    <tr>
        <td>Pan</td>
        <td><ul>
            <li>Mouse wheel</li>
            <li>Click and drag</li>
        </ul></td>
        <td><ul>
            <li>Touch and drag</li>
        </ul></td>
        <td><ul>
            <li>Touch and drag</li>
        </ul></td>
    </tr>
    <tr>
        <td>Jump to page</td>
        <td><ul>
            <li>1 page: Browser scroll bar</li>
            <li>2 page: Click leaf edges</li>
            <li>Navigation slider</li>
        </ul></td>
        <td><ul>
            <li>1 page: Browser scroll bar</li>
            <li>2 page: Click leaf edges</li>
            <li>Navigation slider</li>
        <td><ul>
            <li>Navigation slider</li>
        </ul></td>
    </tr>
    <tr>
        <td>Switch View</td>
        <td><ul>
            <li>Zoom Out gets to thumbnail view (TODO)</li>
            <li>Toolbar buttons</li>
        </ul></td>
        <td><ul>
            <li>Same as PC</li>
            <li>Possible to detect device orientation change?  e.g. by event or browser window shape change (TODO)</li>
        </ul></td>
        <td><ul>
            <li>Auto-orient (TODO)
                <ul>
                    <li>Landscape = 2 page</li>
                    <li>Portrait = 1 page</li>
                </ul>
            </li>
            <li>Add rotate gesture on 1 page view (TODO)</li>
        </ul></td>
    </tr>
    <tr>
        <td>Right-click menu (TODO)</td>
        <td><ul>
            <li>Rotate</li>
            <li>View image (various sizes)</li>
            <li>Bookmark</li>
            <li>etc</li>
        </ul></td>
        <td><ul>
        </ul></td>
        <td><ul><li>Long tap?</li></ul></td>
    </tr>
    <tr>
        <td>Select-text (TODO)</td>
        <td><ul>
            <li>Click and drag - requires context to distinguish from drag to pan and swipe</li>
        </ul></td>
        <td><ul>
            <li>Click and drag - requires mode to distinguish from drag to pan and swipe</li>
        </ul></td>
        <td><ul>
            <li>Long-tap to initiate (TODO)</li>
       </ul></td>
    </tr>
    <tr>
        <td>Show/hide UI</td>
        <td><ul>
            <li>Auto show/hide based off mouse position (TODO)</li>
            <li>Navigation slider tab toggles UI</li>
        </ul></td>
        <td><ul>
            <li>Same as PC</li>
        </ul></td>
        <td><ul>
            <li>1up, 2up - single tap to bring UI on/off (TODO)</li>
            <li>Navigation slider tab toggles UI</li>
       </ul></td>
    </tr>
</table>
title: BookReader User Interactions