angular-cn/public/resources/js/site.js

var angularIO = angular.module('angularIOApp', ['ngMaterial'])
.config(function($mdThemingProvider) {
  $mdThemingProvider.theme('default')
    .primaryPalette('blue', {
      'default': '700', // by default use shade 400 from the pink palette for primary intentions
      'hue-1': '100', // use shade 100 for the <code>md-hue-1</code> class
      'hue-2': '600', // use shade 600 for the <code>md-hue-2</code> class
      'hue-3': 'A100' // use shade A100 for the <code>md-hue-3</code> class
    })
    // If you specify less than all of the keys, it will inherit from the
    // default shades
    .accentPalette('purple', {
      'default': '200' // use shade 200 for default, and keep all other shades the same
    });
});

angularIO.controller('AppCtrl', ['$scope', '$mdSidenav', '$mdDialog', function($scope, $mdSidenav, $mdDialog){
  $scope.toggleSidenav = function(menuId) {
    $mdSidenav(menuId).toggle();
  };

  $scope.showVersionMenu = function() {
    $mdDialog.show(
      $mdDialog.alert()
        .title('Choose a Version')
        .content('libraries')
        .ariaLabel('Angular Version Menu')
        .ok('Done')
        .targetEvent(event)
    );
  };

  $scope.showBio = function (event) {
    var bio = angular.element(event.currentTarget).text();
    console.log(bio);

    $mdDialog.show(
      $mdDialog.alert()
        .title('Full Bio')
        .content(bio)
        .ariaLabel('Biography')
        .ok('Close Bio')
        .targetEvent(event)
    );
  };

  prettyPrint();
}]);