edit-task

Task Description: ] FEATURE-5100-RESPONSIVE - UPDATE {L2} view/PAGES - replace view pages and test

Start Date:

Start Time:

Duration:

Priority:

Status: To Do Completed In Process

Add Photo:

Owner ID:

Content: use HTML Edit Content <h1 style="text-align: center;">FEATURE 5100 Responsive</h1> <h2 style="text-align: center;">5100-UPDATE-110 - replace view/{L2} pages</h2> <h2>[previously]</h2> <ol> <li><strong>[REFERENCE][2015-07-23] NEW project</strong></li> <ol> <li>] # 5100 -&nbsp;<a href="/view/task?id=5100" target="_blank">project-5100-responsive</a>&nbsp;- a bootstrap makeover for sospep, project overview with description, plans and current status.</li> </ol> <li><strong><span style="background-color: #888888;">[2016-12-14]</span> [00:00] NEW task</strong></li> <ol> <li>x] # 6674 - FEATURE-5100-update-110 - REPLACE - L2 view pages - books, ..., maps</li> <li>] UPLOAD - view/{l2} books, inventories, apps, members, plans, maps ] navHeader edit ] TEST&nbsp;</li> <li>] REVIEW - import, export - result=pages dont actually look too bad, as is</li> <li>] CD - ] business, ] prj-022, ]&nbsp;</li> </ol> <li><strong>[00:00] NEW task&nbsp;</strong></li> <ol> <li>x] # # - TEST - manually review each of the pages,&nbsp;</li> <li>] DEVICES laptop(win), mobile, mobile(android), mobile(tablet), BROWSERS&nbsp;</li> <li>] PG apps is a little off -&nbsp;</li> <li>] PG maps also -&nbsp;</li> </ol> <li><strong>[00:00] NEW task IN&nbsp;</strong></li> <ol> <li>x] # # - plans icon image is too big. re sized existing image&nbsp;</li> </ol></ol> <h2>[currently]</h2> <ol> <li><strong>[2016-12-14] SUMMARY CHANGES THIS UPDATE</strong></li> <ol> <li>] We re-wrote and uploaded the view/{L2} pages which include view/books, view/inventories, view/apps, view/members, view/plans and view/maps. The responsive page re write replaces our proprietary "displayList" class used to display the list of items with the native bootstrap card deck class (new in v4) and each item on the list is a 'card'. We are using -draft- icon images on each card to represent the items category - ex - book, map, .... The icons are NOT a permanent and properly designed/matched/size but temporary 'icon sets' that will see us through for now. Initial testing indicates a problem with alignment of the cards on some pages (apps, maps) where the cards are not displaying in equal height and width cards. The pages do seem to respond just fine on smaller screens though. &nbsp;</li> </ol></ol> <h2>[next]&nbsp;</h2> <ol> <li><strong>&gt;[18:00] NEW PRB</strong></li> <ol> <li>i] # 6656 - <a href="/view/task?id=6656" target="_blank">FIX-PRB-6656</a> - boostrap 'cards' with equal height columns, display issue, card alignment is off, multiple PAGES ] PAGE-view/books, /apps /maps&nbsp;</li> </ol> <li><strong>[00:00] NEW task&nbsp;</strong></li> <ol> <li>i] TRY test neg margins</li> </ol> <li><strong>[00:00] NEW task IN&nbsp;</strong></li> <ol> <li>i] # 6675 - upgrade images - research/replace - icon image sets</li> </ol> <li><strong>[00:00] NEW task IN&nbsp;</strong></li> <ol> <li>] # # - testing - more browser, more devices -&nbsp;</li> </ol></ol>