// Generated by LiveScript 1.6.0
(function(){
  var maquette, createProjector, h, projector, bulma, AuthWS, LoginForm, UserConfigurationPanel, UserAdminPanel, model, authwsUrl;
  maquette = require("maquette");
  createProjector = maquette.createProjector, h = maquette.h;
  projector = createProjector();
  bulma = require("maquette-bulma");
  AuthWS = require("./authws.js");
  LoginForm = require("./login-form.js");
  UserConfigurationPanel = require("./user-configuration-panel.js");
  UserAdminPanel = require("./user-admin-panel.js");
  model = {
    token: void 8
  };
  authwsUrl = "ws://localhost:9999/auth.JSON";
  document.addEventListener('DOMContentLoaded', function(){
    var userConfigPanel, userAdminPanel, loginForm;
    userConfigPanel = void 8;
    userAdminPanel = void 8;
    loginForm = LoginForm({
      enableRegistration: true,
      authwsUrl: authwsUrl,
      onLogin: function(user, token){
        model.user = user;
        model.token = token;
        if (false) {
          userAdminPanel = UserAdminPanel({
            authwsUrl: authwsUrl,
            user: model.user,
            token: model.token,
            onModelUpdate: function(){
              return projector.scheduleRender();
            },
            onLogout: function(){
              model.token = void 8;
              return model.user = void 8;
            }
          });
        } else {
          userConfigPanel = UserConfigurationPanel({
            authwsUrl: authwsUrl,
            user: model.user,
            token: model.token,
            onModelUpdate: function(){
              return projector.scheduleRender();
            },
            onLogout: function(){
              model.token = void 8;
              return model.user = void 8;
            }
          });
        }
        return projector.scheduleRender();
      },
      onError: function(error){
        return projector.scheduleRender();
      }
    });
    return projector.append(document.body, function(){
      return h('div.body', [model.token === void 8
        ? h('div.section.hero.is-fullheight', [h('div.hero-body', [h('div.container', [h('div.columns', [h('div.column', []), h('div.column.is-3', [loginForm.render()]), h('div.column', [])])])])])
        : userConfigPanel
          ? h('div.section', [h('div.container', [userConfigPanel.render()])])
          : userAdminPanel ? h('div.section', [h('div.container', [userAdminPanel.render()])]) : void 8]);
    });
  });
}).call(this);