<!DOCTYPE html>
<html ng-app="githubViewer">

  <head>
    <script data-require="angular.js@1.3.0-beta.5" data-semver="1.3.0-beta.5" src="https://code.angularjs.org/1.3.0-beta.5/angular.js"></script>
    <script data-require="angular-route@1.2.14" data-semver="1.2.14" src="https://code.angularjs.org/1.2.14/angular-route.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>
  
  <body>
    <h1>Github Viewer</h1>
    <div ng-controller="MainController">
      <input type="submit" value="Search" ng-click="getUser()"/>
      <input type="submit" value="Detaylar" ng-click="getUserDetails()"/>
      <div class="spinner" ng-show="loading"> 
        <img src="http://i49.tinypic.com/j5z8mb.gif" alt="Yükleniyor..."/>
      </div>
      <div>
      {{urunler.login}}
        <ul>
          <!--<li ng-repeat="urun in urunler">{{urun.login}}</li>-->
        </ul>
      </div>
      <div>
        {{detaylar}}
      </div>
    </div>
  </body>
</html>
(function(){

  var app = angular.module("githubViewer", ["ngRoute"]);

  var MainController = function($http,$scope) {
    
    $scope.getUser=function(){
      
      var username = "angular";
      $scope.loading = true;
      console.log($scope.loading);
      $http.get("https://api.github.com/users/" + username)
                .success(function(data){
                    //console.log(data);
                    
                          $scope.loading = false;
                          console.log($scope.loading);
                    
                     $scope.urunler = data;

                });

    };
    
    $scope.getUserDetails=function(){
      
      $scope.detaylar = $scope.urunler
      console.log($scope.urunler);

    };

    
  };

  app.controller("MainController", MainController);
  
}());
/* Styles go here */