11angular . module ( 'tutorials' , [ ] )
22
3- . directive ( 'docTutorialNav' , [ 'templateMerge' , function ( templateMerge ) {
3+ . directive ( 'docTutorialNav' , function ( ) {
44 var pages = [
55 '' ,
66 'step_00' , 'step_01' , 'step_02' , 'step_03' , 'step_04' ,
77 'step_05' , 'step_06' , 'step_07' , 'step_08' , 'step_09' ,
88 'step_10' , 'step_11' , 'step_12' , 'the_end'
99 ] ;
1010 return {
11- compile : function ( element , attrs ) {
12- var seq = 1 * attrs . docTutorialNav ,
13- props = {
14- seq : seq ,
15- prev : pages [ seq ] ,
16- next : pages [ 2 + seq ] ,
17- diffLo : seq ? ( seq - 1 ) : '0~1' ,
18- diffHi : seq
19- } ;
11+ scope : { } ,
12+ template :
13+ '<a ng-href="tutorial/{{prev}}"><li class="btn btn-primary"><i class="glyphicon glyphicon-step-backward"></i> Previous</li></a>\n' +
14+ '<a ng-href="http://angular.github.io/angular-phonecat/step-{{seq}}/app"><li class="btn btn-primary"><i class="glyphicon glyphicon-play"></i> Live Demo</li></a>\n' +
15+ '<a ng-href="https://github.com/angular/angular-phonecat/compare/step-{{diffLo}}...step-{{diffHi}}"><li class="btn btn-primary"><i class="glyphicon glyphicon-search"></i> Code Diff</li></a>\n' +
16+ '<a ng-href="tutorial/{{next}}"><li class="btn btn-primary">Next <i class="glyphicon glyphicon-step-forward"></i></li></a>' ,
17+ link : function ( scope , element , attrs ) {
18+ var seq = 1 * attrs . docTutorialNav ;
19+ scope . seq = seq ;
20+ scope . prev = pages [ seq ] ;
21+ scope . next = pages [ 2 + seq ] ;
22+ scope . diffLo = seq ? ( seq - 1 ) : '0~1' ;
23+ scope . diffHi = seq ;
2024
2125 element . addClass ( 'btn-group' ) ;
2226 element . addClass ( 'tutorial-nav' ) ;
23- element . append ( templateMerge (
24- '<a href="tutorial/{{prev}}"><li class="btn btn-primary"><i class="glyphicon glyphicon-step-backward"></i> Previous</li></a>\n' +
25- '<a href="http://angular.github.io/angular-phonecat/step-{{seq}}/app"><li class="btn btn-primary"><i class="glyphicon glyphicon-play"></i> Live Demo</li></a>\n' +
26- '<a href="https://github.com/angular/angular-phonecat/compare/step-{{diffLo}}...step-{{diffHi}}"><li class="btn btn-primary"><i class="glyphicon glyphicon-search"></i> Code Diff</li></a>\n' +
27- '<a href="tutorial/{{next}}"><li class="btn btn-primary">Next <i class="glyphicon glyphicon-step-forward"></i></li></a>' , props ) ) ;
2827 }
2928 } ;
30- } ] )
29+ } )
3130
3231
3332. directive ( 'docTutorialReset' , function ( ) {
@@ -47,4 +46,4 @@ angular.module('tutorials', [])
4746 '<a ng-href="https://github.com/angular/angular-phonecat/compare/step-{{step ? (step - 1): \'0~1\'}}...step-{{step}}">GitHub</a>\n' +
4847 '</p>'
4948 } ;
50- } ) ;
49+ } ) ;
0 commit comments