         </form>
       </Panel>
     else
+      showEmailFilter = (->
+        <Alert bsStyle="warning">
+          You can register provided you have an email for one of these domains: <strong>{@props.emailFilter.join ", "}</strong>.
+        </Alert>
+      ).bind this
+
       registrationForm = if @props.status == "Register" then \
         <span>
           <Row>
-            <Col md={6}>
-              <Input type="text" id="first-name" valueLink={@props.firstname} label="Firstname"/>
-            </Col>
-            <Col md={6}>
-              <Input type="text" id="last-name" valueLink={@props.lastname} label="Lastname"/>
+            {if @props.emailFilter.length > 0 then showEmailFilter() else <span/>}
+            <Col md={6}>
+              <Input type="text" id="first-name" valueLink={@props.firstname} label="First Name"/>
+            </Col>
+            <Col md={6}>
+              <Input type="text" id="last-name" valueLink={@props.lastname} label="Last Name"/>
             </Col>
           </Row>
           <Row>

Glyphicon = ReactBootstrap.Glyphicon
ButtonInput = ReactBootstrap.ButtonInput
ButtonGroup = ReactBootstrap.ButtonGroup

update = React.addons.update

LoginForm = React.createClass
  render: ->
    userGlyph = <Glyphicon glyph="user"/>
    lockGlyph = <Glyphicon glyph="lock"/>

      <div>
        <Col md={6} mdOffset={3}>
          <LoginForm setPage={@setPage} status={@state.page} onRegistration={@onRegistration}
            onLogin={@onLogin} onPasswordReset={@onPasswordReset} emailFilter={@state.settings.email_filter}
            {...links}/>
        </Col>
      </div>

