Skip to content
This repository was archived by the owner on Feb 26, 2024. It is now read-only.
Permalink

Comparing changes

Choose two branches to see what’s changed or to start a new pull request. If you need to, you can also or learn more about diff comparisons.

Open a pull request

Create a new pull request by comparing changes across two branches. If you need to, you can also . Learn more about diff comparisons here.
base repository: angular/angular-phonecat
Failed to load repositories. Confirm that selected base ref is valid, then try again.
Loading
base: master
Choose a base ref
...
head repository: rhk98/angular-phonecat
Failed to load repositories. Confirm that selected head ref is valid, then try again.
Loading
compare: master
Choose a head ref
Checking mergeability… Don’t worry, you can still create the pull request.
  • 13 commits
  • 15 files changed
  • 2 contributors

Commits on May 9, 2014

  1. step-0 bootstrap angular app

    - add ngApp directive to bootstrap the app
    - add simple template with an expression
    IgorMinar authored and petebacondarwin committed May 9, 2014
    Configuration menu
    Copy the full SHA
    cd3821c View commit details
    Browse the repository at this point in the history
  2. step-1 static phone list

    - Added static html list with two phones into index.html
    petebacondarwin committed May 9, 2014
    Configuration menu
    Copy the full SHA
    a202b2d View commit details
    Browse the repository at this point in the history
  3. step-2 angular template with repeater

    - Converted the static html list into dynamic one by:
      - creating PhoneListCtrl controller for the application
      - extracting the data from HTML into a the controller as an in-memory
        dataset
      - converting the static document into a template with the use of
        `[ngRepeat]` [directive] which iterates over the dataset with phones,
        clones the ngRepeat template for each instance and renders it into the
        view
    - Added a simple unit test to show off how to write tests and run them
      with Karma (see README.md for instructions)
    petebacondarwin committed May 9, 2014
    Configuration menu
    Copy the full SHA
    d7587b1 View commit details
    Browse the repository at this point in the history
  4. step-3 interactive search

    - Added a search box to demonstrate how:
      - the data-binding works on input fields
      - to use [filter] filter
      - [ngRepeat] automatically shrinks and grows the number of phones in the view
    - Added an end-to-end test to:
      - show how end-to-end tests are written and used
      - to prove that the search box and the repeater are correctly wired together
    petebacondarwin committed May 9, 2014
    Configuration menu
    Copy the full SHA
    90ed2e7 View commit details
    Browse the repository at this point in the history
  5. step-4 phone ordering

    - Add "age" property to the phone model
    - Add select box to control phone list order
    - Override the default order value in controller
    - Add unit and e2e test for this feature
    IgorMinar authored and petebacondarwin committed May 9, 2014
    Configuration menu
    Copy the full SHA
    c5159d0 View commit details
    Browse the repository at this point in the history
  6. step-5 XHR and dependency injection

    - Replaced the in-memory dataset with data loaded from the server (in
      the form of static phone.json file to make this tutorial backend
      agnostic)
      - The json file is loaded using the [$http] service
    - Demonstrate the use of [services][service] and [dependency injection][DI]
      - The [$http] is injected into the controller through [dependency injection][DI]
    petebacondarwin committed May 9, 2014
    Configuration menu
    Copy the full SHA
    f604542 View commit details
    Browse the repository at this point in the history
  7. step-6 phone images and links

    - adding phone image and links to phone pages
    - add end2end test that verifies our phone links
    - css to style the page just a notch
    petebacondarwin committed May 9, 2014
    Configuration menu
    Copy the full SHA
    bf02434 View commit details
    Browse the repository at this point in the history
  8. step-7 $route and app partitioning

    - Introduce the [$route] service which allows binding URLs for deep-linking with
      views
      - Create PhoneCatCtrl which governs the entire app and contains $route
        configuration
      - Load the ngRoute module
      - Map `/phones' to PhoneListCtrl and partails/phones-list.html
      - Map `/phones/<phone-id>' to PhoneDetailCtrl and partails/phones-detail.html
      - Copy deep linking parameters to root controller `params` property for access
        in sub controllers
      - Replace content of index.html with [ngView] directive
    
    - Create phone list route
      - Preserve existing PhoneListCtrl controller
      - Move existing html from index.html to partials/phone-list.html
    - Create phone details route
      - Empty placeholder PhoneDetailsCtrl controller
      - Empty placeholder partials/phane-details.html template
    petebacondarwin committed May 9, 2014
    Configuration menu
    Copy the full SHA
    2280f78 View commit details
    Browse the repository at this point in the history
  9. step-8 phone details view

    - Fetch data for and render phone detail view
      - PhoneDetailCtrl controller to fetch details json with [$http] for a specific
        phone
      - template for the phone detailed view
    - CSS to make the phone details page look "pretty"
    petebacondarwin committed May 9, 2014
    Configuration menu
    Copy the full SHA
    7f98089 View commit details
    Browse the repository at this point in the history
  10. step-9 checkmark filter

    - Added custom checkmark filter
    - Update phone detail template to use checkmark filter
    - Added spec for the filter
    IgorMinar authored and petebacondarwin committed May 9, 2014
    Configuration menu
    Copy the full SHA
    ef0a7b2 View commit details
    Browse the repository at this point in the history
  11. step-10 image swapping with ng:click

    In the phone detail view, clicking on a thumbnail image, changes the
    main phone image to be the large version of the thumbnail image.
    
    - Define mainImageUrl model variable in the PhoneDetailCtrl and set its
      default value
    - Create setImage controller method to change mainImageUrl
    - Register ng:click handler for thumb images to use setImage controller
      method
    - Add e2e tests for this feature
    - Add css to change the mouse cursor when user points at thumnail images
    IgorMinar authored and petebacondarwin committed May 9, 2014
    Configuration menu
    Copy the full SHA
    7ad425c View commit details
    Browse the repository at this point in the history
  12. step-11 custom service and $resource

    - Replaced [$http] with [$resource]
    - Created a custom Phone service that represents the $resource client
    petebacondarwin committed May 9, 2014
    Configuration menu
    Copy the full SHA
    1b61e44 View commit details
    Browse the repository at this point in the history
  13. step-12 animations

    petebacondarwin committed May 9, 2014
    Configuration menu
    Copy the full SHA
    6c20d92 View commit details
    Browse the repository at this point in the history
Loading