Binded with angular

kimchouard · kimchouard · commit f5df71d23a2d · 2014-02-18T00:38:32.000+01:00
diff --git a/index.html b/index.html
@@ -130,7 +130,7 @@ <h4>Statistics</h4>
             <!-- ------- Header --------  -->
             <div class="row topProject">
                 <div class="large-12 columns">
-                    <div class="popup">
+                    <div class="popup" ng-hide="helped">
                         Click here to filter Adobe repositories!
                         <a class="close" ng-click="closeHelp()">X</a>
                     </div>
@@ -145,7 +145,7 @@ <h2 class="large-6 small-4 columns">Repos</h2>
                                 <option value="name">Name</option>
                             </select>
                         </div>
-                        <div class="button large-2 small-2 culumns" ng-click="toggleFilters = !toggleFilters" ng-class="{disabled: loading}">
+                        <div class="button large-2 small-2 culumns" ng-click="toggleFiltersButton()" ng-class="{disabled: loading}">
                             <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" width="100px" height="100px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
     <path fill="#000000" d="M50.717,2.495c-29.288,0-47.692,6-47.692,10.833c0,5.932,16.029,19.893,20.167,23.667  c4.712,4.299,16.044,16.058,16.5,18.001c0.147,2.147,2.002,35.008,2.002,35.008s-0.168,5.5,8.998,5.5  c9.166,0,8.498-5.334,8.498-5.334s2.169-32.674,2.169-34.84s8.333-10.835,18.5-20.002c10.167-9.167,18.167-15.758,18.167-22  C98.025,8.299,80.004,2.495,50.717,2.495z M50.481,21.083C28.676,21.083,11,17.965,11,14.12s17.676-7.964,39.481-7.964  c21.801,0,39.478,4.119,39.478,7.964S72.282,21.083,50.481,21.083z"/>
     </svg>
diff --git a/js/script.js b/js/script.js
@@ -220,6 +220,15 @@ this.GitHubCtrl = function($scope, $sce, $filter, DatasAdobe, DatasAdobeOffline,
         array.splice(i, 1);
     }
     
+    $scope.closeHelp = function() {
+        $scope.helped = true;
+    }
+    
+    $scope.toggleFiltersButton = function() {
+        $scope.closeHelp();
+        $scope.toggleFilters = !$scope.toggleFilters;
+    }
+    
     //--------------------------- Mobile & Parrallax -----------------------------
 	
 	$scope.mobile = isMobile(navigator.userAgent||navigator.vendor||window.opera);
diff --git a/stylesheets/app.css b/stylesheets/app.css
@@ -7665,7 +7665,7 @@ form.custom .custom.dropdown.open.medium ul {
 }
 /* line 491, sass/app.scss */
 .main .topProject .popup .close:hover {
-  color: #ddd;
+  color: #fff;
 }
 /* line 496, sass/app.scss */
 .main .topProject .popup:after {
diff --git a/stylesheets/sass/app.scss b/stylesheets/sass/app.scss
@@ -489,7 +489,7 @@ form.custom .custom.dropdown.open.medium ul {
                 font-size: 13px;
                 
                 &:hover {
-                    color: #ddd;
+                    color: #fff;
                 }
             }
     

Original file line number	Diff line number	Diff line change
`@@ -7665,7 +7665,7 @@ form.custom .custom.dropdown.open.medium ul {`
`7665`	`7665`	`}`
`7666`	`7666`	`/* line 491, sass/app.scss */`
`7667`	`7667`	`.main .topProject .popup .close:hover {`
`7668`		`- color: #ddd;`
	`7668`	`+ color: #fff;`
`7669`	`7669`	`}`
`7670`	`7670`	`/* line 496, sass/app.scss */`
`7671`	`7671`	`.main .topProject .popup:after {`
Original file line number	Diff line number	Diff line change
`@@ -489,7 +489,7 @@ form.custom .custom.dropdown.open.medium ul {`
`489`	`489`	`font-size: 13px;`
`490`	`490`
`491`	`491`	`&:hover {`
`492`		`- color: #ddd;`
	`492`	`+ color: #fff;`
`493`	`493`	`}`
`494`	`494`	`}`
`495`	`495`