Done:

• Demo map (Test site): filter by Collections and Themes (WIP), filters overlay map, map shown full-screen

Discussion:

• Discussed various map-related ideas. See TODOs section for some of the outcomes.
• Continue discussion of Fancy Page Layout (see the 4 mockups in the October 21, 2022 meeting notes)
• Continue discussion of improving site's aesthetics
• Question about a TODO: "Collections page: Add image upload option". At a previous meeting we had this TODO, but what was the context? Was it to have a thumbnail for each Collection? Or a banner image?
• Should we link to "Take Action" project from homepage?
  • Replace map link in Highlights?
  • Need to finish Take Action page content
• Archiving projects
  • Add "Archived" checkbox?
  • Add "Archived" to Visibility options?
  • Add "Archived" to Project Status options? (probably not - this mixes the status of the project itself with whether we still want it to show up on the site)
  • Remove from nested listings, still publicly available?

TODO:

• Main map:
  • Start with only Campus Tour locations shown (for now, start with Reporting Progress theme)
  • Filter by Theme or Collection
  • See CSU's campus map (Sustainability section) for inspiration
  • Smaller markers
  • Remove businesses layer
  • Campus boundary, like ArcGIS Bicycle Map
• LEED Certification project's sub-project cards show Mechanical Engineering Building: LEED Gold twice (page 1 and page 5)
• Loading message on page unload shows up sometimes in browser page history (e.g. view iCAP Portal PDF from About page, then click "back") and also when downloading files (e.g. downloading tracking data on Metric: Bicycle Counts at Armory and Sixth or PDFs on other pages)
• Homepage has extra padding on right side on mobile
• SSC project embedding: add category filtering options
• (long term goal) look into importing information from another source, e.g. SSC students without iCAP Portal access can put together info in a structured format for automatic import into iCAP Portal
• Look into Collection embedding again, à la Drawdown Solutions Library Sammy had found ("Filter by sector or area of action" section)
• Metric search/display:
  • Theme (via connected Project, i.e. Theme -> Project -> Metric)
  • Most recent updates as of: (list of years) -> can we query Tracking data?
  • (Internal only) Last updated before (list of years) -> can we query Tracking data?
• (Low Priority) Make column headers click-sortable on Projects by Project Status page
• Fancy project layout mockups - keep tweaking #3 to improve contrast
• Discuss metrics
  • Metrics with lots of data
  • Consider how to handle old metrics that no longer track new data. Archive somehow?
  • Fun with math (e.g. combining multiple metrics)
  • Calculated Metrics on Dev site

Done:

• Show "no content" message under Metric Chart when no tracking records exist
• Show loading message while waiting for long page load
• Standardized appearance of buttons, views/search forms, fieldset legends, e.g.:
  • Project Updates listing
  • Search page
  • Collection page (Student Sustainability Committee Funded Projects)
  • Objectives page
  • Project edit page (Sustainability iCAP Portal)
• Browse Metrics (card view) added to live site (not linked anywhere yet)
  • Note: there are several metrics with no data. Should they be removed?

Discussion:

• Review user roles
• Question about a TODO: "Collections page: Add image upload option". At a previous meeting we had this TODO, but what was the context? Was it to have a thumbnail for each Collection? Or a banner image?
• Should we link to "Take Action" project from homepage?
  • Replace map link in Highlights?
  • Need to finish Take Action page content
• Are we ready to make Fancy Page Layout live?
• Archiving projects
  • Add "Archived" checkbox?
  • Add "Archived" to Visibility options?
  • Add "Archived" to Project Status options? (probably not - this mixes the status of the project itself with whether we still want it to show up on the site)
  • Remove from nested listings, still publicly available?

TODO:

• Loading message on page unload shows up sometimes in browser page history (e.g. view iCAP Portal PDF from About page, then click "back")
• Michael will put together a spreadsheet of iCAP Clerks for review
• Homepage has extra padding on right side on mobile
• SSC project embedding: add category filtering options
• (long term goal) look into importing information from another source, e.g. SSC students without iCAP Portal access can put together info in a structured format for automatic import into iCAP Portal
• Look into Collection embedding again, à la Drawdown Solutions Library Sammy had found ("Filter by sector or area of action" section)
• Metric search/display:
  • Theme (via connected Project, i.e. Theme -> Project -> Metric)
  • Most recent updates as of: (list of years) -> can we query Tracking data?
  • (Internal only) Last updated before (list of years) -> can we query Tracking data?
• (Low Priority) Make column headers click-sortable on Projects by Project Status page
• Fancy project layout mockups - keep tweaking #3 to improve contrast
• Discuss metrics
  • Metrics with lots of data
  • Consider how to handle old metrics that no longer track new data. Archive somehow?
  • Fun with math (e.g. combining multiple metrics)
  • Calculated Metrics on Dev site

Done:

• Fixed map marker popup formatting on Theme pages (e.g. Energy theme map)
• Permissions:
  • Metric Tracking:
    • Add/update: iCAP Admins, iCAP Moderators, iCAP Clerks
    • Delete: iCAP Admins, iCAP Moderators, NOT iCAP Clerks
  • Metric Targets:
    • Add/update: iCAP Admins, iCAP Moderators, NOT iCAP Clerks
    • Delete: iCAP Admins, iCAP Moderators, NOT iCAP Clerks
• Metric search/display (DEV):
  • Search text
  • Theme (via connected Project, i.e. Theme -> Project -> Metric)
    • Need to figure out how to display/search this... a metric can link to many projects, each with its own Primary Theme, so perhaps we should show each of them for the metric, a la the card collection we created for SSC?

Discussion:

• Question about a TODO: "Collections page: Add image upload option". At a previous meeting we had this TODO, but what was the context? Was it to have a thumbnail for each Collection? Or a banner image?
• Should we link to "Take Action" project from homepage?
• Archiving projects
  • Add "Archived" checkbox?
  • Add "Archived" to Visibility options?
  • Add "Archived" to Project Status options? (probably not - this mixes the status of the project itself with whether we still want it to show up on the site)
  • Remove from nested listings, still publicly available?

TODO:

• Header: remove "at" between UI and UC
• Show "no content" message under Metric Chart when no tracking records exist
• Look into Collection embedding again, à la Drawdown Solutions Library Sammy had found ("Filter by sector or area of action" section)
• SSC project categories:
  • Education and Justice
  • Energy
  • Food and Waste
  • Transportation and Infrastructure
  • Land, Air, and Water
• Metric search/display:
  • Theme (via connected Project, i.e. Theme -> Project -> Metric)
  • Most recent updates as of: (list of years) -> can we query Tracking data?
  • (Internal only) Last updated before (list of years) -> can we query Tracking data?
• (Low Priority) Make column headers click-sortable on Projects by Project Status page
• Fancy project layout mockups - keep tweaking #3 to improve contrast
• Discuss metrics
  • Metrics with lots of data
  • Consider how to handle old metrics that no longer track new data. Archive somehow?
  • Fun with math (e.g. combining multiple metrics)
  • Calculated Metrics on Dev site

Done:

• Fixed: projects pages metrics 2-∞ have no labels on Y-axis (e.g. Pedestrian and Bicycle Counts)
• Changed iCAP Advocates to iCAP Clerks
• Added descriptions of the statuses to the Projects by Project Status page, per Morgan's email
• WIP: Metric Tracking and Metric Targets permissions - turns out to be a bit more complicated than I initially thought, but should be doable

Discussion:

• Daphne: Formally inquiring about whether this upcoming iSEE Seed Funding Project at the Waste Transfer Station should have its own project page on the iCAP Portal? This came about as I wanted to post on the portal that the seed funding had been approved, but I wasn’t sure where to house this information (& the updates that will come about during this project).
  • Yes, add under iSEE Campus as a Living Lab (CALL) Projects
• Should we show a "last updated" date on the projects?
  • Automatically show last time Project was updated?
  • Add field that is updated intentionally when a project's information has been reviewed & by whom?
  • Add a disclaimer about information being correct at the time it was entered?
  • Decided:
    • Remove user & date/time from search results
    • Add to bottom of project page, centered: "Project details last updated: _______" (greyed out a bit, italicized, don't draw attention)
• Question about a TODO: "Collections page: Add image upload option". At a previous meeting we had this TODO, but what was the context? Was it to have a thumbnail for each Collection? Or a banner image?
• Should we link to "Take Action" project from homepage?
• Archiving projects
  • Add "Archived" checkbox?
  • Add "Archived" to Visibility options?
  • Add "Archived" to Project Status options? (probably not - this mixes the status of the project itself with whether we still want it to show up on the site)
  • Remove from nested listings, still publicly available?

TODO:

• Add last updated date on Project page:
  • Remove user & date/time from search results
  • Add to bottom of project page, centered: "Project details last updated on: _______. Project Updates for recent activity." (greyed out a bit, italicized, don't draw attention)
    • <div><p style="text-align: center; color: #667; font-size: 0.9em;">Project details last updated on 3/24/2023.<br>Check Project Updates for recent activity.</p></div>
• (Low Priority) Make column headers click-sortable on Projects by Project Status page
• Add period (FY, monthly, etc.) somewhere in Metric info (not in accordion header, perhaps in legend?) (e.g. Pedestrian and Bicycle Counts)
• Permissions:
  • Metric Tracking:
    • Add/update: iCAP Admins, iCAP Moderators, iCAP Advocates
    • Delete: iCAP Admins, iCAP Moderators, NOT iCAP Advocates
  • Metric Targets:
    • Add/update: iCAP Admins, iCAP Moderators, NOT iCAP Advocates
    • Delete: iCAP Admins, iCAP Moderators, NOT iCAP Advocates
• Fancy project layout mockups - keep tweaking #3 to improve contrast
• Discuss metrics
  • Metrics with lots of data
  • Consider how to handle old metrics that no longer track new data. Archive somehow?
  • Fun with math (e.g. combining multiple metrics)
  • Calculated Metrics on Dev site

Done:

• Moved "Northeast of Nick Holonyak Micro and Nanotechnology Lab" Place from Null Island to where I think it should be. Could someone confirm it's now in the right spot?
• Objectives page: fixed some styling issues (buttons above table, margin above in-page links to account for sticky headers)
• Added LinkedIn & Reddit share buttons on Project Updates (see this Project Update for example)
• Added social sharing buttons on Projects (see iCAP Portal project for example)
• Finished testing improved method for setting a Project's location in the menu system (dropdown list was becoming unmanageable). A couple cautionary notes:
  • You can switch from single-item dropdown lists to multi-item lists by dragging the bar below them to expand them. If you drag bar back up to switch back to single-item dropdown lists, future changes to the items still fill them in as multi-item lists. Just drag the bar back down to expand them again.
  • **Do not select self in last dropdown list** - it will appear to work fine for that node, but it actually loses its place in the hierarchy, which can be seen in its children. If you go back in to edit the node, you'll have to find its location again from scratch.

Discussion:

• Should we show a "last updated" date on the projects?
  • Automatically show last time Project was updated?
  • Add field that is updated intentionally when a project's information has been reviewed & by whom?
  • Add a disclaimer about information being correct at the time it was entered?
• Some social sharing buttons not showing up in incognito mode? (e.g. Carbon Commitment)
• Question about a TODO: "Collections page: Add image upload option". At a previous meeting we had this TODO, but what was the context? Was it to have a thumbnail for each Collection? Or a banner image?
• Should we link to "Take Action" project from homepage?
• Archiving projects
  • Add "Archived" checkbox?
  • Add "Archived" to Visibility options?
  • Add "Archived" to Project Status options? (probably not - this mixes the status of the project itself with whether we still want it to show up on the site)

TODO:

• Can we limit access to menu selection for Projects to only certain users - e.g. iCAP Admins?
• Remove RSS Feeds from listings (e.g. Project Updates for collection: Geothermal Projects)
• Search: can it be less rigid? e.g. ignore punctuation, understand that "bikes" and "bicycles" are equivalent, etc.
• Fancy project layout mockups - keep tweaking #3 to improve contrast
• Discuss metrics
  • Metrics with lots of data
  • Consider how to handle old metrics that no longer track new data. Archive somehow?
  • Fun with math (e.g. combining multiple metrics)
  • Calculated Metrics on Dev site
• Track down and resolve informational message on full listing page for Project Updates by Key Objective (see, e.g. Projects Updates for key objective: 1.0 iCAP 2020 Illinois Climate Action Plan)

Done:

• Fancy project layout, Header project layout - make images in image banner clickable (go directly to image)
• Main nav: move focus to search box when Search is clicked
• Objectives page (DEV):
  • Fix bug: metric collapsing seems to scroll the page
  • Add "jump to chapter" option:
    • Dropdown list for mobile, theme icons for larger screens
    • Reporting Progress icon jumps to chapter 9
    • Don't show Funding icon

Discussion:

• Question about a TODO: "Collections page: Add image upload option". At a previous meeting we had this TODO, but what was the context? Was it to have a thumbnail for each Collection? Or a banner image?
• Should we link to "Take Action" project from homepage?
• Archiving projects

TODO:

• Set up GA4
• Homepage: make image in Image Gallery go to image gallery (in addition to button)
• Objectives page: disable the following styles:
  •   @media (min-width: 44em)
    .objectives-dashboard .view-header .options-chapter > *
• Search: can it be less rigid? e.g. ignore punctuation, understand that "bikes" and "bicycles" are equivalent, etc.
• Fancy project layout mockups - keep tweaking #3 to improve contrast
• Discuss metrics
  • Metrics with lots of data
  • Consider how to handle old metrics that no longer track new data. Archive somehow?
  • Fun with math (e.g. combining multiple metrics)
  • Calculated Metrics on Dev site
• Track down and resolve informational message on full listing page for Project Updates by Key Objective (see, e.g. Projects Updates for key objective: 1.0 iCAP 2020 Illinois Climate Action Plan)
• Why is the Achieve Zero Waste project map page not loading?

Done:

• Invoices in project updates
  • The following invoice documents have been moved from public to private:
    • Green Roof on Foreign Language Building: Prairie Moon Nursery Invoice - Seed Order
    • Torch Blinking bike lights received, Light assembly, and Volunteer Training:  Bike-Project-Invoice-UIUC-for-LTN-2019.pdf
    • Quote from TBP to purchase Torch Blinking bike lights: Bike-Project-Quote-UIUC-for-LTN-2019.pdf
    • invoices to pay RSOs:  Weatherization Invoice 2012_ASCE.pdf, Weatherization Invoice 2012_CUSA.pdf, Weatherization Invoice 2012_HKSA.pdf, Weatherization Invoice 2012_Hort Club.pdf, Weatherization Invoice 2012_SECS.pdf
    • Conclusion; Lessons learned; Issues encountered: invoice for missing hardware.pdf, UIUC Double Docker bike racks Return Authorization.pdf, Urbana Shelter (14X63) - Side Stage racks layout.pdf, University of Illinois Side Stage Bike Rack Estimate.pdf
    • New ECE Building Project Solar Panels: Inv_3411_from_Inovateus_Solar_LLC_5244.pdf, TM INVOICE SPECTRUM UPGRADE-4-PRELIMINARY.PDF
    • Quote from MTD to purchase silicone strap bike lights: Light the Night Quote for U of I Facilities & Services - FY19 - 08 29 19.pdf
  • Should we redact information from this project update: Invoice contact information for the University of Illinois?
  • I made the following tool while looking for additional invoice documents to make private: File search (only visible to privileged users). It may come in handy for future searches for uploaded files.
• Reorganize Collections pages (example on dev)
  • Put Project embed and Project Updates embed below their respective listings
  • Put each embed in a collapsible section

TODOs:

• Fancy project page - make images in image banner clickable (go directly to image)
• Fancy project layout mockups - keep tweaking #3 to improve contrast
• Collections page:
  • Add image upload option
• Discuss metrics
  • Metrics with lots of data
  • Consider how to handle old metrics that no longer track new data. Archive somehow?
  • Fun with math (e.g. combining multiple metrics)
  • Calculated Metrics on Dev site
• Use "Take Action" project to encourage students to get involved with sustainability (link from homepage?)
• Track down and resolve informational message on full listing page for Project Updates by Key Objective (see, e.g. Projects Updates for key objective: 1.0 iCAP 2020 Illinois Climate Action Plan)
• Why is the Achieve Zero Waste project map page not loading?

TODOs:

• Add "Take Action" project under Build a Culture of Sustainability project
• Fancy project layout:
  • Try out using first image in gallery as background for main content area of page (test with new Take Action project)
  • Mock-ups:
    • Example #1: background image mostly transparent in the center (white transparency) – a bit bright, but text mostly readable
    • Example #2: background image mostly transparent in the center (light blue transparency) – hard to see text
    • Example #3: background image w/transparent overlay (white transparency) – a bit bright, but text mostly readable
    • Example #4: background image w/transparent overlay (light blue transparency) – text more legible than #1, but orange on blue still a bit difficult to read.
• Track down and resolve informational message on full listing page for Project Updates by Key Objective (see, e.g. Projects Updates for key objective: 1.0 iCAP 2020 Illinois Climate Action Plan)
• Why is the Achieve Zero Waste project map page not loading?
• Discuss metrics at next meeting
  • Metrics with lots of data
  • Consider how to handle old metrics that no longer track new data. Archive somehow?
  • Fun with math (e.g. combining multiple metrics)
• Reorganize Collections pages
  • Keep project listing in top left
  • Move map to lower left
  • Move Updates to top right, show 5-7
  • Keep Hierarchy in lower right, link to hierarchy in separate page rather than loading in current page to speed up page loading time
• Related Files section on project pages: show as list rather than cards, add spacing between items, remove bullet points

Michael's updates to the iCAP Portal:

• Project Creation/Update page: added checkboxes for "Make ____ field collapsible" for each textarea (Description, Background, Conclusion)
• Project page: added a fallback message when there’s no content in the center column so the right-hand sidebar doesn't show up in the middle (e.g. Reduce Emissions from Travel)
• Project Header Layout (e.g. LEED Certification project): added padding below header image
• Theme pages (e.g. Energy theme page)
  • Added padding between Project Hierarchy & Other Projects
  • Moved to live site
• Set "Standard Project Layout" for all projects w/o a Project Layout already set
• Started work on advanced project search, see Project Search (DEV)

TODOs:

• Theme pages (e.g. Energy theme page): make description collapsible (may not want this any more - TBD)
• Theme pages (e.g. Land and Water theme page): can we put a max height on the images so portrait images aren't enormous?
• Projects Updates page: make search tips collapsible and put them after fields
• Project Search (DEV): order of search fields should match table columns
• Discuss metrics at next meeting
  • Metrics with lots of data
  • Outdated metrics
  • Fun with math (e.g. combining multiple metrics)
• Show the recent project history of the project Associated with an iCAP Objective on that Objective’s page
• Review the look of the related files on the Fancy Project Page layout at our next meeting. Right now, it looks like this: