leedsjb/info343-group-project

Repository for our UW Informatics INFO 343 Client Side Web Development Final Group Project

info343-group-project's Issues

Home Section

Create and format the "Home" page

Resolve Calendar Search Issue

We're using the search field to filter the calendar by titles of Example Code files. When we use ng-repeat and filter to accomplish this, calendar days without any Example Code (there are many) do not appear on initial page load.

Possible resources:

https://docs.angularjs.org/api/ng/filter/filter
http://stackoverflow.com/questions/14733136/ng-repeat-filter-by-single-field
angular/angular.js#1098

Overall Framework within Index.html

This will be the overall look and feel of the page (the actual frame itself).

Set up the navigation bar as well as implement UI Routing

Add shadow below navbar

Home: In-Page link to grading policy dies after one use

After clicking the link to #homeMid, is there a way to go back to the normal home page after clicking, scrolling, or doing some action? Scrolling back up to the link and clicking the link doesn't work with how we have it--nor does it work in Dawg Coffee

Calendar Section

Create and format the calendar part (may be a bit difficult compared to other section, in my opinion)

Mobile NavBar Refinements: Expand link clickable area to span viewport

Right now on mobile if you expand the navbar section and try to click a link on the right hand side where there's no text it does not proceed. Right handed users will then have to move their thumb to the left hand side and click on the text to activate the link. We should expand each link's clickable area to span the viewport.

This will also improved the styling as the dark blue background that shows the active link will span the viewport as well, not just the left 1/3 of it.

Fix spacing of footer elements

Social media links on the right side need to be the same distance away from the right edge as the class info on the left side is from the left edge.

Seattle Central College link in the middle needs to be centered. Or removed...I think it looks tacky to have that in the footer.

Add Seattle Central Social Media Icons to the Footer

https://www.facebook.com/College.SeattleCentral/
http://www.twitter.com/SeattleCentral
http://www.instagram.com/seattlecentral

White fonts (invisible on white background):

Footer doesn't stay on bottom of page

Example Case: Search "abs" on the class notes page.

Minor Calendar Touchups

Make the blues lines on the calendar appear sooner

Have them show up after crossing 992px instead of 768px, since that's when the Calendar shifts.

Calendar CSS Quick Fix

Nav Bar Styling - Remove Underline

I propose we remove the underline in the navbar that indicated the currently active page. Let's replace it with behavior similar to Dawg Coffee where the active page is indicated by a different color background.

Homework: Positioning of Buttons

How we align the buttons now (top), better (imo) positioning of buttons (bottom)

Would only apply to windows using our largest width (px) size.

Implement bootstrap grid for footer elements

yay i wrote my first issue on this project. hype

Add "no results found" functionality to Class Notes and Calendar Page

The ng-repeat directive has an "as" keyword which returns the results (objects) of the current query in a variable. If the length of that variable is "0" no results were found:

<li class="animate-repeat" ng-repeat="friend in friends | filter:q as results">

<li class="animate-repeat" ng-if="results.length == 0">
     <strong>No results found...</strong>
</li>

Let's add this functionality to our Class Notes and Calendar page.

More details here:

https://docs.angularjs.org/api/ng/directive/ngRepeat

Class note download buttons misaligned after search and page resize

Able to reproduce several times in a row but now cannot. Let me know if you see this issue as well.

Steps to reproduce:

1. Start on the class notes page
2. Start on the desktop size viewport.
3. Narrow to mobile size.
4. Enter the search query "a"
5. Expand back to desktop size

"Embed" assignment detail pages in between navbar and footer on our website

Class Notes: Get rid of dropdowns

If the dropdown only gives one extra option, it'd be better to simply have 2 buttons. (One for a PDF, the other for a PowerPoint)

Class Note PDFs and PPTs are broken links on deployed website on server

Resources Section

Create and format the different resources available from the original website

Mobile Compatibility

Ensure that the web design looks great and functions well on a mobile device

Add Calendar Dates to Calendar

Assignment Page Links

Links in Homework section are link text only, not the bootstrap button. Changing the tags to encompass the entire button breaks the button group styling. The buttons no longer have the same width.

Get the content

We need to get the actual content of this website! If one person can be in charge of this and push it to the github, that would be great! We need this ASAP!

Add Additional Weeks to calendar-date.json

Mobile Navbar starts open

Start in a large window. Downsize the window width to get the mobile view. Depending on the page that's being viewed, the mobile hamburger navbar initially displays as open.

Navbar: Make area highlighted on hover smaller when in mobile view

The area that changes color crosses over into the text for other links

Download links on class notes page only function when text is clicked, not the surrounding button.

Build file system and starter code for index.html, app.js, and main.css

[EDITED] Home: Move Grading Policy back down below the Syllabus

Users may not scroll down to see the grading policy. However, users can see both the grading policy and the syllabus if the grading policy is first.

Mobile Navbar Compatibility

Homework Section

Create and format the homework section, while supplying the necessary tools (perhaps similar to the mockup?)

Page Link Highlight Focus

Overall UX Design of Website

In charge of:

• Making sure the logic flow makes sense
• Overall site/mobile is aesthetically pleasing (color choices and appropriate placing)
• Ensure there's unity between all the pages

Collapse Mobile Nav Bar After Link Selection