Format samples and samples-dev directories.

samples-dev/swarm/SwarmViews.dart

 // Copyright (c) 2011, the Dart project authors.  Please see the AUTHORS file
 // for details. All rights reserved. Use of this source code is governed by a
 // BSD-style license that can be found in the LICENSE file.
 
 part of swarmlib;
 
 // TODO(jacobr): there is a lot of dead code in this class. Checking is as is
 // and then doing a large pass to remove functionality that doesn't make sense
 // given the UI layout.
 
@@ skipping 52 matching lines @@
         openKeyPresses = new Set.from([13 /*enter*/, 79 /*o*/]),
         backKeyPresses = new Set.from([8 /*delete*/, 27 /*escape*/]),
         nextPageKeyPresses = new Set.from([78 /*n*/]),
         previousPageKeyPresses = new Set.from([80 /*p*/]),
         nextPrevShown = false {
     topView = new CompositeView('top-view', false, false, false);
 
     headerView = new HeaderView(swarm);
     topView.addChild(headerView);
 
-    sliderMenu = new SliderMenu(swarm.sections.sectionTitles,
-        (sectionTitle) {
-          swarm.state.moveToNewSection(sectionTitle);
-          _onSectionSelected(sectionTitle);
-          // Start with no articles selected.
-          swarm.state.selectedArticle.value = null;
-        });
+    sliderMenu = new SliderMenu(swarm.sections.sectionTitles, (sectionTitle) {
+      swarm.state.moveToNewSection(sectionTitle);
+      _onSectionSelected(sectionTitle);
+      // Start with no articles selected.
+      swarm.state.selectedArticle.value = null;
+    });
     topView.addChild(sliderMenu);
     addChild(topView);
 
     bottomView = new CompositeView('bottom-view', false, false, false);
     addChild(bottomView);
 
     sections = new ConveyorView();
     sections.viewSelected = _onSectionTransitionEnded;
   }
 
   SectionView get currentSection {
     var view = sections.selectedView;
     // TODO(jmesserly): this code works around a bug in the DartC --optimize
     if (view == null) {
       view = sections.childViews[0];
       sections.selectView(view);
     }
     return view;
   }
 
   void afterRender(Element node) {
     _createSectionViews();
-    attachWatch(swarm.state.currentArticle, (e) { _refreshCurrentArticle(); });
-    attachWatch(swarm.state.storyMaximized, (e) { _refreshMaximized(); });
+    attachWatch(swarm.state.currentArticle, (e) {
+      _refreshCurrentArticle();
+    });
+    attachWatch(swarm.state.storyMaximized, (e) {
+      _refreshMaximized();
+    });
   }
 
   void _refreshCurrentArticle() {
     if (!swarm.state.inMainView) {
       _animateToStory(swarm.state.currentArticle.value);
     } else {
       _animateToMainView();
     }
   }
 
   /**
    * Animates back from the story view to the main grid view.
    */
   void _animateToMainView() {
     sliderMenu.removeClass('hidden');
     storyView.addClass('hidden-story');
     currentSection.storyMode = false;
 
     headerView.startTransitionToMainView();
 
-    currentSection.dataSourceView.reattachSubview(
-        detachedView.source, detachedView, true);
+    currentSection.dataSourceView
+        .reattachSubview(detachedView.source, detachedView, true);
 
     storyView.node.onTransitionEnd.first.then((e) {
       currentSection.hidden = false;
       // TODO(rnystrom): Should move this "mode" into SwarmState and have
       // header view respond to change events itself.
       removeChild(storyView);
       storyView = null;
       detachedView.removeClass('sel');
       detachedView = null;
     });
@@ skipping 14 matching lines @@
       // and the user has clicked to see a new story.
       removeChild(storyView);
 
       // Create the new story view and place in the frame.
       storyView = addChild(new StoryContentView(swarm, item));
     } else {
       // We are animating from the main view to the story view.
       // TODO(jmesserly): make this code better
       final view = currentSection.findView(source);
 
-      final newPosition = FxUtil.computeRelativePosition(
-         view.node, bottomView.node);
+      final newPosition =
+          FxUtil.computeRelativePosition(view.node, bottomView.node);
       currentSection.dataSourceView.detachSubview(view.source);
       detachedView = view;
 
       FxUtil.setPosition(view.node, newPosition);
       bottomView.addChild(view);
       view.addClass('sel');
       currentSection.storyMode = true;
 
       // Create the new story view.
       storyView = new StoryContentView(swarm, item);
@@ skipping 18 matching lines @@
     if (swarm.state.storyMaximized.value) {
       _animateDataSourceToMaximized();
     } else {
       _animateDataSourceToMinimized();
     }
   }
 
   void _animateDataSourceToMaximized() {
     FxUtil.setWebkitTransform(topView.node, 0, -HeaderView.HEIGHT);
     if (detachedView != null) {
-      FxUtil.setWebkitTransform(detachedView.node, 0,
-          -DataSourceView.TAB_ONLY_HEIGHT);
+      FxUtil.setWebkitTransform(
+          detachedView.node, 0, -DataSourceView.TAB_ONLY_HEIGHT);
     }
   }
 
   void _animateDataSourceToMinimized() {
     if (detachedView != null) {
       FxUtil.setWebkitTransform(detachedView.node, 0, 0);
       FxUtil.setWebkitTransform(topView.node, 0, 0);
     }
   }
 
@@ skipping 107 matching lines @@
 
 /** A back button that sends the user back to the front page. */
 class SwarmBackButton extends View {
   Swarm swarm;
 
   SwarmBackButton(this.swarm) : super();
 
   Element render() => new Element.html('<div class="back-arrow button"></div>');
 
   void afterRender(Element node) {
-    addOnClick((e) { _backToMain(swarm.state); });
+    addOnClick((e) {
+      _backToMain(swarm.state);
+    });
   }
 }
 
 /** Top view constaining the title and standard buttons. */
 class HeaderView extends CompositeView {
   // TODO(jacobr): make this value be coupled with the CSS file.
   static const HEIGHT = 80;
   Swarm swarm;
 
   View _title;
@@ skipping 18 matching lines @@
 
     // TODO(rnystrom): No more web/text mode (it's just text) so get rid of
     // these.
     _webBackButton = addChild(new WebBackButton());
     _webForwardButton = addChild(new WebForwardButton());
     _newWindowButton = addChild(View.div('new-window-button button'));
   }
 
   void afterRender(Element node) {
     // Respond to changes to whether the story is being shown as text or web.
-    attachWatch(swarm.state.storyTextMode, (e) { refreshWebStoryButtons(); });
+    attachWatch(swarm.state.storyTextMode, (e) {
+      refreshWebStoryButtons();
+    });
 
-    _title.addOnClick((e) { _backToMain(swarm.state); });
+    _title.addOnClick((e) {
+      _backToMain(swarm.state);
+    });
 
     // Wire up the events.
     _configButton.addOnClick((e) {
       // Bring up the config dialog.
       if (this._configDialog == null) {
         // TODO(terry): Cleanup, HeaderView shouldn't be tangled with main view.
         this._configDialog = new ConfigHintDialog(swarm.frontView, () {
           swarm.frontView.removeChild(this._configDialog);
           this._configDialog = null;
 
@@ skipping 30 matching lines @@
 
     // On click of the new window button, show web article in new window/tab.
     _newWindowButton.addOnClick((e) {
       String currentArticleSrcUrl = swarm.state.currentArticle.value.srcUrl;
       window.open(currentArticleSrcUrl, '_blank');
     });
 
     startTransitionToMainView();
   }
 
-
   /**
    * Refreshes whether or not the buttons specific to the display of a story in
    * the web perspective are visible.
    */
   void refreshWebStoryButtons() {
     bool webButtonsHidden = true;
 
     if (swarm.state.currentArticle.value != null) {
       // Set if web buttons are hidden
       webButtonsHidden = swarm.state.storyTextMode.value;
     }
 
     _webBackButton.hidden = webButtonsHidden;
     _webForwardButton.hidden = webButtonsHidden;
-    _newWindowButton.hidden  = webButtonsHidden;
+    _newWindowButton.hidden = webButtonsHidden;
   }
 
   void startTransitionToMainView() {
     _title.removeClass('in-story');
     _backButton.removeClass('in-story');
 
     _configButton.removeClass('in-story');
     _refreshButton.removeClass('in-story');
     _infoButton.removeClass('in-story');
 
     refreshWebStoryButtons();
   }
 
   void endTransitionToStoryView() {
     _title.addClass('in-story');
     _backButton.addClass('in-story');
 
     _configButton.addClass('in-story');
     _refreshButton.addClass('in-story');
     _infoButton.addClass('in-story');
   }
 }
 
-
 /** A back button for the web view of a story that is equivalent to clicking
  * "back" in the browser. */
 // TODO(rnystrom): We have nearly identical versions of this littered through
 // the sample apps. Should consolidate into one.
 class WebBackButton extends View {
   WebBackButton() : super();
 
   Element render() {
     return new Element.html('<div class="web-back-button button"></div>');
   }
 
   void afterRender(Element node) {
-    addOnClick((e) { back(); });
+    addOnClick((e) {
+      back();
+    });
   }
 
   /** Equivalent to [window.history.back] */
   static void back() {
     window.history.back();
   }
 }
 
 /** A back button for the web view of a story that is equivalent to clicking
  * "forward" in the browser. */
 // TODO(rnystrom): We have nearly identical versions of this littered through
 // the sample apps. Should consolidate into one.
 class WebForwardButton extends View {
   WebForwardButton() : super();
 
   Element render() {
     return new Element.html('<div class="web-forward-button button"></div>');
   }
 
   void afterRender(Element node) {
-    addOnClick((e) { forward(); });
+    addOnClick((e) {
+      forward();
+    });
   }
 
   /** Equivalent to [window.history.forward] */
   static void forward() {
     window.history.forward();
   }
 }
 
 /**
  * A factory that creates a view for data sources.
  */
 class DataSourceViewFactory implements ViewFactory<Feed> {
   Swarm swarm;
 
   DataSourceViewFactory(this.swarm) {}
 
   View newView(Feed data) => new DataSourceView(data, swarm);
 
   int get width => ArticleViewLayout.getSingleton().width;
   int get height => null; // Width for this view isn't known.
 }
 
-
 /**
  * A view for the items from a single data source.
  * Shows a title and a list of items.
  */
-class DataSourceView extends CompositeView  {
+class DataSourceView extends CompositeView {
   // TODO(jacobr): make this value be coupled with the CSS file.
   static const TAB_ONLY_HEIGHT = 34;
 
   final Feed source;
   VariableSizeListView<Article> itemsView;
 
   DataSourceView(this.source, Swarm swarm) : super('query') {
-
     // TODO(jacobr): make the title a view or decide it is sane for a subclass
     // of component view to manually add some DOM cruft.
-    node.nodes.add(new Element.html(
-        '<h2>${source.title}</h2>'));
+    node.nodes.add(new Element.html('<h2>${source.title}</h2>'));
 
     // TODO(jacobr): use named arguments when available.
     itemsView = addChild(new VariableSizeListView<Article>(
         source.articles,
         new ArticleViewFactory(swarm),
-        true, /* scrollable */
-        true, /* vertical */
-        swarm.state.currentArticle, /* selectedItem */
+        true,
+        /* scrollable */
+        true,
+        /* vertical */
+        swarm.state.currentArticle,
+        /* selectedItem */
         !Device.supportsTouch /* snapToArticles */,
         false /* paginate */,
         true /* removeClippedViews */,
         !Device.supportsTouch /* showScrollbar */));
     itemsView.addClass('story-section');
 
     node.nodes.add(new Element.html('<div class="query-name-shadow"></div>'));
 
     // Clicking the view (i.e. its title area) unmaximizes to show the entire
     // view.
     node.onMouseDown.listen((e) {
       swarm.state.storyMaximized.value = false;
     });
   }
 }
 
 /** A button that toggles between states. */
 class ToggleButton extends View {
   EventListeners onChanged;
   List<String> states;
 
   ToggleButton(this.states)
-    : super(),
-      onChanged = new EventListeners();
+      : super(),
+        onChanged = new EventListeners();
 
   Element render() => new Element.tag('button');
 
   void afterRender(Element node) {
     state = states[0];
-    node.onClick.listen((event) { toggle(); });
+    node.onClick.listen((event) {
+      toggle();
+    });
   }
 
   String get state {
     final currentState = node.innerHtml;
     assert(states.indexOf(currentState, 0) >= 0);
     return currentState;
   }
 
   void set state(String state) {
     assert(states.indexOf(state, 0) >= 0);
     node.innerHtml = state;
     onChanged.fire(null);
   }
 
   void toggle() {
     final oldState = state;
     int index = states.indexOf(oldState, 0);
     index = (index + 1) % states.length;
     state = states[index];
   }
 }
 
 /**
  * A factory that creates a view for generic items.
  */
 class ArticleViewFactory implements VariableSizeViewFactory<Article> {
   Swarm swarm;
 
   ArticleViewLayout layout;
-  ArticleViewFactory(this.swarm)
-    : layout = ArticleViewLayout.getSingleton();
+  ArticleViewFactory(this.swarm) : layout = ArticleViewLayout.getSingleton();
 
   View newView(Article item) => new ArticleView(item, swarm, layout);
 
   int getWidth(Article item) => layout.width;
   int getHeight(Article item) => layout.computeHeight(item);
 }
 
 class ArticleViewMetrics {
   final int height;
   final int titleLines;
@@ skipping 16 matching lines @@
   static const TOTAL_MARGIN = 16 * 2 + 70;
   static const MIN_TITLE_HEIGHT = 36;
   static const MAX_TITLE_LINES = 2;
   static const MAX_BODY_LINES = 4;
 
   MeasureText measureTitleText;
   MeasureText measureBodyText;
 
   int width;
   static ArticleViewLayout _singleton;
-  ArticleViewLayout() :
-    measureBodyText = new MeasureText(BODY_FONT),
-    measureTitleText = new MeasureText(TITLE_FONT) {
+  ArticleViewLayout()
+      : measureBodyText = new MeasureText(BODY_FONT),
+        measureTitleText = new MeasureText(TITLE_FONT) {
     num screenWidth = window.screen.width;
     width = DESKTOP_WIDTH;
   }
 
   static ArticleViewLayout getSingleton() {
     if (_singleton == null) {
       _singleton = new ArticleViewLayout();
     }
     return _singleton;
   }
 
   int computeHeight(Article item) {
     if (item == null) {
       // TODO(jacobr): find out why this is happening..
       print('Null item encountered.');
       return 0;
     }
 
     return computeLayout(item, null, null).height;
   }
 
   /**
    * titleContainer and snippetContainer may be null in which case the size is
    * computed but no actual layout is performed.
    */
-  ArticleViewMetrics computeLayout(Article item,
-      StringBuffer titleBuffer,
-      StringBuffer snippetBuffer) {
+  ArticleViewMetrics computeLayout(
+      Article item, StringBuffer titleBuffer, StringBuffer snippetBuffer) {
     int titleWidth = width - BODY_MARGIN_LEFT;
 
     if (item.hasThumbnail) {
       titleWidth = width - TITLE_MARGIN_LEFT;
     }
 
-    final titleLines = measureTitleText.addLineBrokenText(titleBuffer,
-        item.title, titleWidth, MAX_TITLE_LINES);
-    final bodyLines = measureBodyText.addLineBrokenText(snippetBuffer,
-        item.textBody, width - BODY_MARGIN_LEFT, MAX_BODY_LINES);
+    final titleLines = measureTitleText.addLineBrokenText(
+        titleBuffer, item.title, titleWidth, MAX_TITLE_LINES);
+    final bodyLines = measureBodyText.addLineBrokenText(
+        snippetBuffer, item.textBody, width - BODY_MARGIN_LEFT, MAX_BODY_LINES);
 
     int height = bodyLines * LINE_HEIGHT + TOTAL_MARGIN;
 
     if (bodyLines == 0) {
       height = 92;
     }
 
     return new ArticleViewMetrics(height, titleLines, bodyLines);
   }
 }
@@ skipping 43 matching lines @@
     // Remove the snippet entirely if it's empty. This keeps it from taking up
     // space and pushing the padding down.
     if ((item.textBody == null) || (item.textBody.trim() == '')) {
       node.querySelector('.snippet').remove();
     }
 
     return node;
   }
 
   void afterRender(Element node) {
-
     // Select this view's item.
     addOnClick((e) {
       // Mark the item as read, so it shows as read in other views
       item.unread.value = false;
 
       final oldArticle = swarm.state.currentArticle.value;
       swarm.state.currentArticle.value = item;
       swarm.state.storyTextMode.value = true;
       if (oldArticle == null) {
         swarm.state.pushToHistory();
@@ skipping 29 matching lines @@
    * article that is currently outside of the visible area.
    */
   void _updateViewForSelectedArticle() {
     Article selArticle = swarm.state.selectedArticle.value;
     if (swarm.state.hasArticleSelected) {
       // Ensure that the selected article is visible in the view.
       if (!swarm.state.inMainView) {
         // Story View.
         swarm.frontView.detachedView.itemsView.showView(selArticle);
       } else {
-        if(swarm.frontView.currentSection.inCurrentView(selArticle)) {
+        if (swarm.frontView.currentSection.inCurrentView(selArticle)) {
           // Scroll horizontally if needed.
-          swarm.frontView.currentSection.dataSourceView.showView(
-              selArticle.dataSource);
-          DataSourceView dataView = swarm.frontView.currentSection
-              .findView(selArticle.dataSource);
-          if(dataView != null) {
+          swarm.frontView.currentSection.dataSourceView
+              .showView(selArticle.dataSource);
+          DataSourceView dataView =
+              swarm.frontView.currentSection.findView(selArticle.dataSource);
+          if (dataView != null) {
             dataView.itemsView.showView(selArticle);
           }
         }
       }
     }
   }
 
   String getDataUriForImage(final img) {
     // TODO(hiltonc,jimhug) eval perf of this vs. reusing one canvas element
-    final CanvasElement canvas = new CanvasElement(
-      height: img.height, width: img.width);
+    final CanvasElement canvas =
+        new CanvasElement(height: img.height, width: img.width);
 
     final CanvasRenderingContext2D ctx = canvas.getContext("2d");
     ctx.drawImage(img, 0, 0, img.width, img.height);
 
     return canvas.toDataUrl("image/png");
   }
 
   /**
    * Update this view's selected appearance based on the currently selected
    * Article.
@@ skipping 19 matching lines @@
   final Swarm swarm;
   final Article item;
 
   View _pagedStory;
 
   StoryContentView(this.swarm, this.item) : super();
 
   get childViews => [_pagedStory];
 
   Element render() {
-    final storyContent = new Element.html(
-        '<div class="story-content">${item.htmlBody}</div>');
+    final storyContent =
+        new Element.html('<div class="story-content">${item.htmlBody}</div>');
     for (Element element in storyContent.querySelectorAll(
         "iframe, script, style, object, embed, frameset, frame")) {
       element.remove();
     }
     _pagedStory = new PagedContentView(new View.fromNode(storyContent));
 
     // Modify all links to open in new windows....
     // TODO(jacobr): would it be better to add an event listener on click that
     // intercepts these instead?
     for (AnchorElement anchor in storyContent.querySelectorAll('a')) {
@@ skipping 26 matching lines @@
 class SectionView extends CompositeView {
   final Section section;
   final Swarm swarm;
   final DataSourceViewFactory _viewFactory;
   final View loadingText;
   ListView<Feed> dataSourceView;
   PageNumberView pageNumberView;
   final PageState pageState;
 
   SectionView(this.swarm, this.section, this._viewFactory)
-    : super('section-view'),
-      loadingText = new View.html('<div class="loading-section"></div>'),
-      pageState = new PageState() {
+      : super('section-view'),
+        loadingText = new View.html('<div class="loading-section"></div>'),
+        pageState = new PageState() {
     addChild(loadingText);
   }
 
   /**
    * Hides the loading text, reloads the data sources, and shows them.
    */
   void showSources() {
     loadingText.node.style.display = 'none';
 
     // Lazy initialize the data source view.
     if (dataSourceView == null) {
       // TODO(jacobr): use named arguments when available.
       dataSourceView = new ListView<Feed>(
-          section.feeds, _viewFactory,
+          section.feeds,
+          _viewFactory,
           true /* scrollable */,
           false /* vertical */,
           null /* selectedItem */,
           true /* snapToItems */,
           true /* paginate */,
           true /* removeClippedViews */,
-          false, /* showScrollbar */
+          false,
+          /* showScrollbar */
           pageState);
       dataSourceView.addClass("data-source-view");
       addChild(dataSourceView);
 
       pageNumberView = addChild(new PageNumberView(pageState));
 
       node.style.opacity = '1';
     } else {
       addChild(dataSourceView);
       addChild(pageNumberView);
@@ skipping 30 matching lines @@
    * [Feed].
    */
   DataSourceView findView(Feed dataSource) {
     return dataSourceView.getSubview(dataSourceView.findIndex(dataSource));
   }
 
   bool inCurrentView(Article article) {
     return dataSourceView.findIndex(article.dataSource) != null;
   }
 }