| OLD | NEW | 
|    1 // Copyright (c) 2012 The Chromium Authors. All rights reserved. |    1 // Copyright (c) 2012 The Chromium Authors. All rights reserved. | 
|    2 // Use of this source code is governed by a BSD-style license that can be |    2 // Use of this source code is governed by a BSD-style license that can be | 
|    3 // found in the LICENSE file. |    3 // found in the LICENSE file. | 
|    4  |    4  | 
|    5 /** |    5 /** | 
|    6  * @fileoverview PageListView implementation. |    6  * @fileoverview PageListView implementation. | 
|    7  * PageListView manages page list, dot list, switcher buttons and handles apps |    7  * PageListView manages page list, dot list, switcher buttons and handles apps | 
|    8  * pages callbacks from backend. |    8  * pages callbacks from backend. | 
|    9  * |    9  * | 
|   10  * Note that you need to have AppLauncherHandler in your WebUI to use this code. |   10  * Note that you need to have AppLauncherHandler in your WebUI to use this code. | 
| (...skipping 200 matching lines...) Expand 10 before | Expand all | Expand 10 after  Loading... | 
|  211                'MostVisitedPage should be added as first tile page'); |  211                'MostVisitedPage should be added as first tile page'); | 
|  212         this.mostVisitedPage = page; |  212         this.mostVisitedPage = page; | 
|  213       } |  213       } | 
|  214  |  214  | 
|  215       // If we're appending an AppsPage and it's a temporary page, animate it. |  215       // If we're appending an AppsPage and it's a temporary page, animate it. | 
|  216       var animate = page instanceof ntp4.AppsPage && |  216       var animate = page instanceof ntp4.AppsPage && | 
|  217                     page.classList.contains('temporary'); |  217                     page.classList.contains('temporary'); | 
|  218       // Make a deep copy of the dot template to add a new one. |  218       // Make a deep copy of the dot template to add a new one. | 
|  219       var newDot = new ntp4.NavDot(page, title, titleIsEditable, animate); |  219       var newDot = new ntp4.NavDot(page, title, titleIsEditable, animate); | 
|  220       page.navigationDot = newDot; |  220       page.navigationDot = newDot; | 
|  221       this.dotList.insertBefore(newDot, opt_refNode ? opt_refNode.navigationDot |  221       this.dotList.insertBefore(newDot, | 
|  222                                                     : null); |  222                                 opt_refNode ? opt_refNode.navigationDot : null); | 
|  223       // Set a tab index on the first dot. |  223       // Set a tab index on the first dot. | 
|  224       if (this.dotList.dots.length == 1) |  224       if (this.dotList.dots.length == 1) | 
|  225         newDot.tabIndex = 3; |  225         newDot.tabIndex = 3; | 
|  226  |  226  | 
|  227       this.eventTracker.add(page, 'pagelayout', this.onPageLayout_.bind(this)); |  227       this.eventTracker.add(page, 'pagelayout', this.onPageLayout_.bind(this)); | 
|  228     }, |  228     }, | 
|  229  |  229  | 
|  230     /** |  230     /** | 
|  231      * Called by chrome when an existing app has been disabled or |  231      * Called by chrome when an existing app has been disabled or | 
|  232      * removed/uninstalled from chrome. |  232      * removed/uninstalled from chrome. | 
| (...skipping 242 matching lines...) Expand 10 before | Expand all | Expand 10 after  Loading... | 
|  475       var page = this.cardSlider.currentCardValue; |  475       var page = this.cardSlider.currentCardValue; | 
|  476  |  476  | 
|  477       this.pageSwitcherStart.hidden = !page || |  477       this.pageSwitcherStart.hidden = !page || | 
|  478           (this.cardSlider.currentCard == 0); |  478           (this.cardSlider.currentCard == 0); | 
|  479       this.pageSwitcherEnd.hidden = !page || |  479       this.pageSwitcherEnd.hidden = !page || | 
|  480           (this.cardSlider.currentCard == this.cardSlider.cardCount - 1); |  480           (this.cardSlider.currentCard == this.cardSlider.cardCount - 1); | 
|  481  |  481  | 
|  482       if (!page) |  482       if (!page) | 
|  483         return; |  483         return; | 
|  484  |  484  | 
|  485       var pageSwitcherLeft = isRTL() ? this.pageSwitcherEnd |  485       var pageSwitcherLeft = isRTL() ? this.pageSwitcherEnd : | 
|  486                                      : this.pageSwitcherStart; |  486                                        this.pageSwitcherStart; | 
|  487       var pageSwitcherRight = isRTL() ? this.pageSwitcherStart |  487       var pageSwitcherRight = isRTL() ? this.pageSwitcherStart : | 
|  488                                       : this.pageSwitcherEnd; |  488                                         this.pageSwitcherEnd; | 
|  489       var scrollbarWidth = page.scrollbarWidth; |  489       var scrollbarWidth = page.scrollbarWidth; | 
|  490       pageSwitcherLeft.style.width = |  490       pageSwitcherLeft.style.width = | 
|  491           (page.sideMargin + 13) + 'px'; |  491           (page.sideMargin + 13) + 'px'; | 
|  492       pageSwitcherLeft.style.left = '0'; |  492       pageSwitcherLeft.style.left = '0'; | 
|  493       pageSwitcherRight.style.width = |  493       pageSwitcherRight.style.width = | 
|  494           (page.sideMargin - scrollbarWidth + 13) + 'px'; |  494           (page.sideMargin - scrollbarWidth + 13) + 'px'; | 
|  495       pageSwitcherRight.style.right = scrollbarWidth + 'px'; |  495       pageSwitcherRight.style.right = scrollbarWidth + 'px'; | 
|  496  |  496  | 
|  497       var offsetTop = page.querySelector('.tile-page-content').offsetTop + 'px'; |  497       var offsetTop = page.querySelector('.tile-page-content').offsetTop + 'px'; | 
|  498       pageSwitcherLeft.style.top = offsetTop; |  498       pageSwitcherLeft.style.top = offsetTop; | 
| (...skipping 148 matching lines...) Expand 10 before | Expand all | Expand 10 after  Loading... | 
|  647       if (page.navigationDot) |  647       if (page.navigationDot) | 
|  648         page.navigationDot.remove(opt_animate); |  648         page.navigationDot.remove(opt_animate); | 
|  649       this.cardSlider.removeCard(page); |  649       this.cardSlider.removeCard(page); | 
|  650     }, |  650     }, | 
|  651   }; |  651   }; | 
|  652  |  652  | 
|  653   return { |  653   return { | 
|  654     PageListView: PageListView |  654     PageListView: PageListView | 
|  655   }; |  655   }; | 
|  656 }); |  656 }); | 
| OLD | NEW |