How to use the fluxible-router.handleRoute function in fluxible-router

To help you get started, we’ve selected a few fluxible-router examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github slidewiki / slidewiki-platform / components / Login / LTI.js View on Github external
render() {
        //console.log('LTILogin.render called.resource_id='+this.state.resource_id);
        return (
            <div>
                Welcome to LTI Login.
            </div>
        );
    }
}


LTI.contextTypes = {
    executeAction: PropTypes.func.isRequired
};
LTI = handleRoute(LTI);
export default LTI;
github g0v / ppt / common / views / Governor.jsx View on Github external
return (
      }
        {...this.props}
        ref="governor"
      /&gt;
    );
  },

  componentDidUpdate(prevProps) {
    if (prevProps.currentRoute !== this.props.currentRoute) {
      this.refs.governor.setQueryParams(this._makeQueryParams());
    }
  }
})

module.exports = handleRoute(GovernorQuerySetter);
github slidewiki / slidewiki-platform / components / Deck / Presentation / Presentation.js View on Github external
}
                }
                return resultingSlide;
            });
        }
        return html;
    }

}

Presentation = connectToStores(Presentation, [PresentationStore], (context, props) => {
    return {
        PresentationStore: context.getStore(PresentationStore).getState()
    };
});
Presentation = handleRoute(Presentation);//NOTE add currentRoute attribute to constructor props

export default Presentation;
github yahoo / fluxible / site / components / Docs.js View on Github external
id="toggleMenuButton"
                    className="menu-button D(n)--sm Pos(a) resetButton End(0) Z(7) Mend(10px)"
                    style={{ top: '-12px' }}
                &gt;
                    <i></i>
                    <b>Toggle the menu</b>
                
                <menu selected="{this.props.currentRoute">
                {page}
                <div id="overlay"></div>
            
        );
    }
}

Docs = handleRoute(
    connectToStores(Docs, [ SearchStore ], (context) =&gt; ({
        search: context.getStore(SearchStore).getState()
    }))
);

export default Docs;
</menu>
github g0v / ppt / common / views / ProgressReport.jsx View on Github external
<p style="{{color:">佐證連結</p>
                  <p></p>}
                secondaryTextLines={2}&gt;
        
        {ratingElements}
        } secondaryText={
            <p style="{{color:"> 我也要評進度 </p>}
        /&gt;
        
      
    )
  }
})

module.exports = handleRoute(ProgressReport);
github slidewiki / slidewiki-platform / components / webrtc / presentationBroadcast.js View on Github external
<button aria-label="Open Modal again" role="button" color="green">
                  ) : ''}
                
              
            
          
        );
    }
}

presentationBroadcast.contextTypes = {
    executeAction: PropTypes.func.isRequired,
    getUser: PropTypes.func
};

presentationBroadcast = handleRoute(presentationBroadcast);

export default presentationBroadcast;
</button>
github g0v / ppt / common / views / Commitment.jsx View on Github external
return (
      } ref="Commitment"
        {...this.props}
      /&gt;
    );
  },

  componentDidUpdate(prevProps) {
    if (prevProps.currentRoute !== this.props.currentRoute) {
      this.refs.Commitment.setQueryParams(this._makeQueryParams());
    }
  }
});

module.exports = handleRoute(CommitmentQuerySetter);