edit-task

Task Description: LIST destinations - includes CURRENT and FUTURE items residing on the MAIN MENU's - Destination - menu item

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# - destinations</h1> <h2>[previously]</h2> <ol> <li><strong>*] project-032-hike&nbsp;</strong></li> <ol> <li>x] # <a href="/view/task?id=3490" target="_blank">3490 overview</a> - project description and revisions history</li> </ol></ol> <h2>[currently]</h2> <ol> <li><strong>x] create a list view of all destinations</strong></li> <ol> <li>x] NEW PAGE - destinations -&nbsp;</li> </ol> <li><strong>x] # # ADD - PAGE destinations - 2 col layouts,&nbsp;</strong></li> <ol> <li>*] ADD style margin top to get lh nav col to show up below nave mainMenu</li> <li>*] ADD style margin top to get rh body col to show up below nav mainMenu</li> </ol> <li><strong>x] # # fill LH-navPanel - menu items&nbsp;</strong></li> <ol> <li>x] with hardcoded sample menu data</li> </ol> <li><strong>x] # # fill body item with "media" component&nbsp;</strong></li> <ol> <li>x] fill with sample content data</li> </ol> <li><strong>x] # # create @helper generateMediaList method</strong></li> <ol> <li>*] iteration code is in method</li> </ol> <li><strong>x] use data from db to fill menu</strong></li> <ol> <li>*] ? = contents, index, introduction pages</li> </ol> <li><strong>x] use data from db to fill media items</strong></li> <ol> <li>x]&nbsp;</li> </ol> <li><strong>x] VIEW</strong></li> <ol> <li>x] responsive 2 column layout with main menu,&nbsp;</li> <li>x] LH nav panel - with 'chapter' links, where chapters are = to each of the 'hiking' regions, ex 'chilliwack river', 'fraser valley', 'vancouver north shore', ...</li> <li>x] RH body panel - contains a 'media' list where 'list items' are = to each of the 'hiking articles in the currently selected chapter</li> </ol></ol> <h2>[next]</h2> <ol> <li>]&nbsp;</li> </ol> <h2>[ref]</h2> <div><ol> <li>] bootply - layout builder</li> <li>] exampe card style, site=, PRB=v3 bootstrap components</li> <li>] used - media-list, btsrp - v2 - components</li> </ol></div>