fix: links

Author: istarkov

web/flux/components/footer.jsx

@@ -2,8 +2,6 @@ import React, {PropTypes, Component} from 'react/addons';
 import shouldPureComponentUpdate from 'react-pure-render/function';
 import cx from 'classnames';
 
-import Link from 'components/link.jsx';
-
 export default class Footer extends Component {
   static propTypes = {
     className: PropTypes.string
@@ -21,10 +19,10 @@ export default class Footer extends Component {
         <hr/>
         <div className="page-footer">
           <div className="page-footer__left">
-            <a href="https://github.com/istarkov">@ IVAN STARKOV</a>
+            <a target="_blank" href="https://github.com/istarkov">@ IVAN STARKOV</a>
           </div>
           <div className="page-footer__right">
-            <Link href={'/tmp/eee'}>GOOGLE MAP README</Link>
+            <a target="_blank" href={'https://github.com/istarkov/google-map-react'}>GOOGLE-MAP-REACT README</a>
           </div>
         </div>
       </footer>

web/flux/components/header.jsx

@@ -16,6 +16,7 @@ export default class Header extends Component {
     className: PropTypes.string,
     title: PropTypes.string,
     info: PropTypes.string,
+    source: PropTypes.string,
     next: PropTypes.string,
     prev: PropTypes.string
   }
@@ -41,7 +42,7 @@ export default class Header extends Component {
                 dangerouslySetInnerHTML={{__html: this.props.info}} />
             </span>)
             <span className="header-grid__center-title">{this.props.title}</span>
-            (<Link href={'/tmp/444'}>source</Link>)
+            (<a target="_blank" href={this.props.source}>source</a>)
           </div>
           <div className="header-grid__right">
             <Link style={this.props.next ? styleEmpty : styleHidden} href={this.props.next}>Next Example</Link>

web/flux/consts/example_defs.js

@@ -1,3 +1,6 @@
+
+const K_EXAMPLES_SOURCE_ROOT = 'https://github.com/istarkov/google-map-react-examples/blob/master/web/flux/components/examples/';
+
 const exampleDefs = {
   main: {
     title: 'MAIN EXAMPLE',
@@ -9,36 +12,42 @@ const exampleDefs = {
           'Ability to hover on every marker <i>(zoom out to test)</i>;<br/>' +
           'Hover probability <i>(different hover probability for markers)</i>;<br/>' +
           'No map moving on balloon open.<br/><br/>' +
-          '</div>'
+          '</div>',
+    source: K_EXAMPLES_SOURCE_ROOT + 'x_main/main_map_block.jsx'
   },
 
   simple: {
     title: 'SIMPLE EXAMPLE',
     info: 'Base map usage example. <br/>' +
-          'Show any react component on the map.'
+          'Show any react component on the map.',
+    source: K_EXAMPLES_SOURCE_ROOT + 'x_simple/simple_map_page.jsx'
   },
 
   simple_hover: {
     title: 'SIMPLE HOVER EXAMPLE',
-    info: 'Show base of internal hover algorithm.'
+    info: 'Show base of internal hover algorithm.',
+    source: K_EXAMPLES_SOURCE_ROOT + 'x_simple_hover/simple_hover_map_page.jsx'
   },
 
   distance_hover: {
     title: 'DISTANCE HOVER EXAMPLE',
     info: 'Show how to use internal hover algorithm.<br/>' +
           'For use with non symmetric markers, or to tweak hover probability on some kind of markers.<br/>' +
-          'There is more probable to hover on marker A at this example.'
+          'There is more probable to hover on marker A at this example.',
+    source: K_EXAMPLES_SOURCE_ROOT + 'x_distance_hover/distance_hover_map_page.jsx'
   },
 
   events: {
     title: 'EVENTS EXAMPLE',
     info: 'Be sure you understand <a href="https://github.com/matthewwithanm/react-controllables">react-controllables</a>.<br/>' +
-          'Click on markers.'
+          'Click on markers.',
+    source: K_EXAMPLES_SOURCE_ROOT + 'x_events/events_map_page.jsx'
   },
 
   balderdash: {
     title: 'BALDERDASH',
-    info: 'Many different markers.'
+    info: 'Many different markers.',
+    source: K_EXAMPLES_SOURCE_ROOT + 'x_main/main_map_block.jsx'
   }
 };