Creating layouts and implementing UserProfileFragment and OtherProfileFragment

[jmnguyen1999]

• UserProfileFragment = Displays the current user's info and allows certain personal features

• OtherProfileFragment = given a userId, displays the given user's public info and allows the current user to add them if applicable

• Follow Figma wireframe designs to create layout.xml files for the screens: "User Profile Screen" and "Other Users' Profile Screen" (which are almost identical)

• Connect and implement the UserProfileFragment:

  • Invoked by the bottom navigation bar
  • Displays profile info:
    • first name
    • email
    • rating (and how many total reviews)
    • Pin code (stretch: What's my pin?)
  • Log out - logs out the user
  • Ability to edit profile picture:
    • "Take a Photo" --> Intent to Android camera
    • "Choose from gallery" --> Intent to Android gallery:
      • Resource for help: how to intent to android gallery
  • On click "What's my PIN" link:
    • Dialog Box to ask for account password, then displaying the user's PIN
      • NOTE: Dialog Box is essentially a little pop up form or message that can take a small number of user inputs and act on it. It shouldn't be extremely hard to implement
      • Resource: Android Dialog Box Guide
    • Optional stretch story later: require more security here, e.g. security words, phone/email confirmation, etc

• Implement the OtherProfileFragment, cannot connect it yet though because it needs SearchUserFragment!:

  • will be invoked by SearchUserFragment
  • Uses a MAFragmentsListener to communicate with the MainActivity
    • e.g. private MAFragmentsListener listener = (MAFragmentsListener) context;
  • Expects to receive the userId of which User info to show! Here's how to receive the data from the MainActivity:
    • Resource: Passing data from Activity to Fragment
  • Queries for the User object corresponding to this userId
  • Displays this user's info:
    • first name
    • email
    • rating (and how many total reviews)
    • status of relationship with current user: e.g. "My Friends" or "Others"
      • easy to get current user: ParseUser.getCurrentUser()
  • On click "Add user" or some icon:
    • Add the userId to the current user's "friends" field (List)
  • Should have a back button (wasn't included on the wireframe):
    • On click --> call listener.toSearchUserFragment();