<file_sep>import React from 'react';

class Weather extends React.Component {
  render() {
    return(
      <div className="widget-17 panel  no-border no-margin widget-loader-circle">
                  <div className="panel-heading">
                    <div className="panel-title">
                      <i className="pg-map"></i> California, USA
                      <span className="caret"></span>
                    </div>
                    <div className="panel-controls">
                      <ul>
                        <li className="">
                          <div className="dropdown">
                            <a data-target="#" href="#" data-toggle="dropdown" aria-haspopup="true" role="button" aria-expanded="false">
                              <i className="portlet-icon portlet-icon-settings"></i>
                            </a>
                            <ul className="dropdown-menu pull-right" role="menu">
                              <li><a href="#">AAPL</a>
                              </li>
                              <li><a href="#">YHOO</a>
                              </li>
                              <li><a href="#">GOOG</a>
                              </li>
                            </ul>
                          </div>
                        </li>
                        <li>
                          <a data-toggle="refresh" className="portlet-refresh text-black" href="#"><i
								className="portlet-icon portlet-icon-refresh"></i></a>
                        </li>
                      </ul>
                    </div>
                  </div>
                  <div className="panel-body">
                    <div className="p-l-5">
                      <div className="row">
                        <div className="col-md-12 col-xlg-6">
                          <div className="row m-t-20">
                            <div className="col-md-5">
                              <h4 className="no-margin">Monday</h4>
                              <p className="small hint-text">9th August 2014</p>
                            </div>
                            <div className="col-md-7">
                              <div className="pull-left">
                                <p className="small hint-text no-margin">Currently</p>
                                <h4 className="text-danger bold no-margin">32°
										<span className="small">/ 30C</span>
									</h4>
                              </div>
                              <div className="pull-right">
                                <canvas height="64" width="64" className="clear-day"></canvas>
                              </div>
                            </div>
                          </div>
                          <h5>Feels like
							<span className="semi-bold">rainy</span>
						</h5>
                          <p>Weather information</p>
                          <div className="widget-17-weather">
                            <div className="row">
                              <div className="col-xs-6 p-r-10">
                                <div className="row">
                                  <div className="col-md-12">
                                    <p className="pull-left">Wind</p>
                                    <p className="pull-right bold">11km/h</p>
                                  </div>
                                </div>
                                <div className="row">
                                  <div className="col-md-12">
                                    <p className="pull-left">Sunrise</p>
                                    <p className="pull-right bold">05:20</p>
                                  </div>
                                </div>
                                <div className="row">
                                  <div className="col-md-12">
                                    <p className="pull-left">Humidity</p>
                                    <p className="pull-right bold">20%</p>
                                  </div>
                                </div>
                                <div className="row">
                                  <div className="col-md-12">
                                    <p className="pull-left">Precipitation</p>
                                    <p className="pull-right bold">60%</p>
                                  </div>
                                </div>
                              </div>
                              <div className="col-xs-6 p-l-10">
                                <div className="row">
                                  <div className="col-md-12">
                                    <p className="pull-left">Sunset</p>
                                    <p className="pull-right bold">21:05</p>
                                  </div>
                                </div>
                                <div className="row">
                                  <div className="col-md-12">
                                    <p className="pull-left">Visibility</p>
                                    <p className="pull-right bold">21km</p>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                          <div className="row m-t-10 timeslot">
                            <div className="col-xs-2 p-t-10 text-center">
                              <p className="small">13:30</p>
                              <canvas height="25" width="25" className="partly-cloudy-day"></canvas>
                              <p className="text-danger bold">30°C</p>
                            </div>
                            <div className="col-xs-2 p-t-10 text-center">
                              <p className="small">14:00</p>
                              <canvas height="25" width="25" className="cloudy"></canvas>
                              <p className="text-danger bold">30°C</p>
                            </div>
                            <div className="col-xs-2 p-t-10 text-center">
                              <p className="small">14:30</p>
                              <canvas height="25" width="25" className="rain"></canvas>
                              <p className="text-danger bold">30°C</p>
                            </div>
                            <div className="col-xs-2 p-t-10 text-center">
                              <p className="small">15:00</p>
                              <canvas height="25" width="25" className="sleet"></canvas>
                              <p className="text-danger bold">30°C</p>
                            </div>
                            <div className="col-xs-2 p-t-10 text-center">
                              <p className="small">15:30</p>
                              <canvas height="25" width="25" className="snow"></canvas>
                              <p className="text-danger bold">30°C</p>
                            </div>
                            <div className="col-xs-2 p-t-10 text-center">
                              <p className="small">16:00</p>
                              <canvas height="25" width="25" className="wind"></canvas>
                              <p className="text-danger bold">30°C</p>
                            </div>
                          </div>
                        </div>
                        <div className="col-xlg-6 visible-xlg">
                          <div className="row">
                            <div className="forecast-day col-md-6 text-center m-t-10 ">
                              <div className="bg-master-lighter p-b-10 p-t-10">
                                <h4 className="p-t-10 no-margin">Tuesday</h4>
                                <p className="small hint-text m-b-20">11th Augest 2014</p>
                                <canvas className="rain" width="64" height="64"></canvas>
                                <h5 className="text-danger">32°</h5>
                                <p>Feels like
                                  <span className="bold">sunny</span>
                                </p>
                                <p className="small">Wind
                                  <span className="bold p-l-20">11km/h</span>
                                </p>
                                <div className="m-t-20 block">
                                  <div className="padding-10">
                                    <div className="row">
                                      <div className="col-md-6 text-center">
                                        <p className="small">Noon</p>
                                        <canvas className="sleet" width="25" height="25"></canvas>
                                        <p className="text-danger bold">30°C</p>
                                      </div>
                                      <div className="col-md-6 text-center">
                                        <p className="small">Night</p>
                                        <canvas className="wind" width="25" height="25"></canvas>
                                        <p className="text-danger bold">30°C</p>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                            <div className="col-md-6 text-center m-t-10 ">
                              <div className="bg-master-lighter p-b-10 p-t-10">
                                <h4 className="p-t-10 no-margin">Wednesday</h4>
                                <p className="small hint-text m-b-20">11th Augest 2014</p>
                                <canvas className="rain" width="64" height="64"></canvas>
                                <h5 className="text-danger">32°</h5>
                                <p>Feels like
                                  <span className="bold">sunny</span>
                                </p>
                                <p className="small">Wind
                                  <span className="bold p-l-20">11km/h</span>
                                </p>
                                <div className="m-t-20 block">
                                  <div className="padding-10">
                                    <div className="row">
                                      <div className="col-md-6 text-center">
                                        <p className="small">Noon</p>
                                        <canvas className="sleet" width="25" height="25"></canvas>
                                        <p className="text-danger bold">30°C</p>
                                      </div>
                                      <div className="col-md-6 text-center">
                                        <p className="small">Night</p>
                                        <canvas className="wind" width="25" height="25"></canvas>
                                        <p className="text-danger bold">30°C</p>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
    )
  }
}

export default Weather
<file_sep>import React from 'react';
import Counter from './dashboard/Counter';
import Other from './dashboard/Other';

class Dashboard extends React.Component {
  render() {
    return(
      <div>
        <Counter />
        <Other />
      </div>
    )
  }
}

export default Dashboard
<file_sep>import React from 'react';

class HeaderSecond extends React.Component {
  render() {
    return(
      <div className="header ">
        <div className=" pull-left sm-table hidden-xs hidden-sm">
          <i className="fa fa-list" id="menu-awesome" aria-hidden="true"></i>
        </div>
        <div className=" pull-left sm-table hidden-xs hidden-sm">
          <h3><b>This page is for the owner only</b></h3>
        </div>
        <div className="pull-right">
          <i className="fa fa-user" id="user-awesome" aria-hidden="true"></i>
        </div>
      </div>
    )
  }
}

export default HeaderSecond
<file_sep>import React from 'react';
import { Router,browserHistory,Route,IndexRoute } from 'react-router';
import Main from '../components/Main';
import Login from '../components/Login';
import Home from '../components/Home';
import Register from '../components/Register';
import CreateAccount from '../components/container/CreateAccount';

export default (
  <Router history={browserHistory}>
    <Route path="/" component={Main}>
      <Route path="home/:username" component={Home}></Route>
      <Route path="newacc" component={CreateAccount}></Route>
      <IndexRoute component={Login}/>
    </Route>
  </Router>
);
<file_sep>import React from 'react';

class Other extends React.Component {
  render() {
    return(
      <div>
        <div className="white-box text-center col-md-4">
          <h3><b>Orders completed</b></h3>
          <br></br>
          <p>This is the amount of order you serve since the begining of the time, come on keep it up!! and make your self the best cafe your customer ever dream of. </p>
        </div>
        <div className="white-box text-center col-md-4">
          <h3><b>Unsatisfied Customer</b></h3>
          <br></br>
          <p>Dont you guys dare to make this zero number above increasing even to one number, all customer are special, all customer are the king. respect them, give em a big smile and say "WELCOME TO ARTHENTIC CAFE HOW CAN I HELP YOU ?"</p>
        </div>
        <div className="white-box text-center col-md-4">
          <h3><b>Who made this app?</b></h3>
          <br></br>
          <p>it is one and only software house who has a lot of potential and skill with their finger, brain, a cup of coffee and a lil bit smile on their faces and voila! amazing apps is comming to your way
visit: http://www.radiontech.net</p>
        </div>
      </div>
    )
  }
}

export default Other
<file_sep>import React from 'react';
import {Link} from 'react-router';

class Login extends React.Component {

  handleLogin(val) {
    val.preventDefault();
    const username = this.usernameRef.value;
    const password = this.passwordRef.value;
    this.usernameRef.value = '';
    this.passwordRef.value = '';
    this.context.router.push(`home/${username}`);
  }

  render() {
    return(
      <div>
        <div className="col-md-4"></div>
        <div className="col-md-4">
          <div className="login-container login bg-white">
          <div className="p-l-50 m-l-20 p-r-50 m-r-20 p-t-50 m-t-30 sm-p-l-15 sm-p-r-15 sm-p-t-40">
            {/*<img src="assets/img/logo.png" alt="logo" data-src="assets/img/logo.png" data-src-retina="assets/img/logo_2x.png" width="78" height="22"/>*/}
            <h1 className="text-center"><b>Radical Technology</b></h1>
            <p className="p-t-35">Welcome back, this is Radical Technology System!</p>
            <form id="form-login" className="p-t-15" role="form">
              <div className="form-group form-group-default">
                <label>Login</label>
                <div className="controls">
                  <input type="text" name="username" placeholder="User Name" className="form-control" ref={(ref) => this.usernameRef = ref} required/>
                </div>
              </div>
              <div className="form-group form-group-default">
                <label>Password</label>
                <div className="controls">
                  <input type="<PASSWORD>" className="form-control" name="password" placeholder="<PASSWORD>" ref={(ref) => this.passwordRef = ref} required/>
                </div>
              </div>
              <div className="row">
              </div>
              <div className="">
                <p>
                  &nbsp;New user? <Link to={'newacc'}>create new account here</Link>
                </p>
              </div>
              <button onClick={(val) => this.handleLogin(val)} className="btn btn-primary btn-cons m-t-10 log_in" type="submit">Sign in</button>
            </form>
            <br></br>
            <br></br>
            <br></br>
            <br></br>
            <br></br>
            <div className="text-right">
              <img className="logo-login" src="assets/img/kirim.jpg"/>
            </div>
            </div>
          </div>
        </div>
        <div className="col-md-4"> </div>
      </div>
    )
  }
}

Login.contextTypes = {
  router: React.PropTypes.object.isRequired
}

export default Login
<file_sep>import React from 'react';
import {Link} from 'react-router';

class Header extends React.Component {
  render() {
    return(
      <div className="header ">
        <div className=" pull-left sm-table hidden-xs hidden-sm">
          <i className="fa fa-list" id="menu-awesome" aria-hidden="true"></i>
        </div>
        <div className=" pull-left sm-table hidden-xs hidden-sm">
          <h3><b>Radion Dashboard</b></h3>
        </div>
        <div className="pull-right">
          <span id="hi-panel">hi, Nancy</span>
          <Link to="/"><i className="fa fa-sign-out" id="sign-out-awesome" aria-hidden="true"></i></Link>
          <i className="fa fa-cog" id="cog-awesome" aria-hidden="true"></i>
          <i className="fa fa-user" id="user-awesome" aria-hidden="true"></i>
        </div>

      </div>
    )
  }
}

export default Header
