<commit_before>"use strict";

var Main = require("./Main.jsx");
var AppHeader = require("./AppHeader.jsx");

var Fluxxor = require("fluxxor");
var FluxMixin = Fluxxor.FluxMixin(React);
var StoreWatchMixin = Fluxxor.StoreWatchMixin;

var App = React.createClass({
    mixins: [FluxMixin, StoreWatchMixin("LocationStore")],
    getStateFromFlux: function(){
        var LocationStore = this.getFlux().store("LocationStore");
        return{
            location: LocationStore.currentLocation
        };
    },
    componentDidUpdate: function(){
        var location = this.state.location.split("/")[0];
        console.log(location);
        var mainNode = this.refs.main.getDOMNode();
        var aboutNode = this.refs.about.getDOMNode();
        mainNode.style.position = "fixed";
        aboutNode.style.position = "fixed";
        switch(location){
            case "Main":
                setTimeout(function(){
                    mainNode.style.top = "0%";
                    aboutNode.style.top = "100%";
                    clearTimeout(this.timer);
                    this.timer = setTimeout(function(){
                        mainNode.style.position = "relative"; },1000);
                }.bind(this), 50);
                break;
            case "About":
                setTimeout(function(){
                    mainNode.style.top = "-100%";
                    clearTimeout(this.timer);
                    this.timer = setTimeout(function(){
                        aboutNode.style.position = "relative"; },1000);
                    aboutNode.style.top = "0%";
                }.bind(this), 50);
                break;
        }
    },
    componentDidMount: function(){
        var aboutNode = this.refs.about.getDOMNode();
        var mainNode = this.refs.main.getDOMNode();
        mainNode.style.top = "0%";
        aboutNode.style.top="100%";
    },
    render: function(){
        var location = this.state.location.split("/")[0];

        return (
            <div style={{position: "fixed", width:"100%", height:"100%"}} ref="wrapper">
                <div ref="main" className="appFrameWrapper">
                    <Main />
                </div>
                <div ref="about" className="appFrameWrapper">
                    <div style={{height: "100%",backgroundColor:"gray" }}/>
                </div><commit_msg>Eliminado placeholder div.<commit_after>"use strict";

var Main = require("./Main.jsx");
var AppHeader = require("./AppHeader.jsx");

var Fluxxor = require("fluxxor");
var FluxMixin = Fluxxor.FluxMixin(React);
var StoreWatchMixin = Fluxxor.StoreWatchMixin;

var App = React.createClass({
    mixins: [FluxMixin, StoreWatchMixin("LocationStore")],
    getStateFromFlux: function(){
        var LocationStore = this.getFlux().store("LocationStore");
        return{
            location: LocationStore.currentLocation
        };
    },
    componentDidUpdate: function(){
        var location = this.state.location.split("/")[0];
        console.log(location);
        var mainNode = this.refs.main.getDOMNode();
        var aboutNode = this.refs.about.getDOMNode();
        mainNode.style.position = "fixed";
        aboutNode.style.position = "fixed";
        switch(location){
            case "Main":
                setTimeout(function(){
                    mainNode.style.top = "0%";
                    aboutNode.style.top = "100%";
                    clearTimeout(this.timer);
                    this.timer = setTimeout(function(){
                        mainNode.style.position = "relative"; },1000);
                }.bind(this), 50);
                break;
            case "About":
                setTimeout(function(){
                    mainNode.style.top = "-100%";
                    clearTimeout(this.timer);
                    this.timer = setTimeout(function(){
                        aboutNode.style.position = "relative"; },1000);
                    aboutNode.style.top = "0%";
                }.bind(this), 50);
                break;
        }
    },
    componentDidMount: function(){
        var aboutNode = this.refs.about.getDOMNode();
        var mainNode = this.refs.main.getDOMNode();
        mainNode.style.top = "0%";
        aboutNode.style.top="100%";
    },
    render: function(){
        var location = this.state.location.split("/")[0];

        return (
            <div style={{position: "fixed", width:"100%", height:"100%"}} ref="wrapper">
                <div ref="main" className="appFrameWrapper">
                    <Main />
                </div>
                <div ref="about" className="appFrameWrapper"> </div>
{'fraction_non_alphanumeric': 0.14304263146505086, 'fraction_numerical': 0.014499026184808483, 'mean_word_length': 1.820012202562538, 'pattern_counts': {'":': 4, '<': 16, '<?xml version=': 0, '>': 16, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1033261', 'n_tokens_mistral': 1320, 'n_tokens_neox': 1222, 'n_words': 228}