@@ -10,6 +10,9 @@

 #= require _main

 #= require chat

+aa = new Xmpp.Views.Popup.NewAccountView()

+aa.render();

+

 App.Com.connect( (connected_jid) ->

   App.Com.initRoster(->

     App.Com.startFetchingVcards()

new file mode 100644

@@ -0,0 +1,11 @@

+%h1 Add new account

+%form{ action: '#', id: 'asd' }

+  %label{for: 'jid'}

+    %strong Jabber ID

+  %input{type: 'text', name: 'jid', class: 'text', placeholder: 'nick@example.com'}

+

+  %label{for: 'pass'}

+    %strong Password

+  %input{type: 'password', name: 'password', class: 'text'}

+

+  %input{type: 'submit', value: "#{I18n.t('sessions.new.form-send')}", class: 'button'}

\ No newline at end of file

new file mode 100644

@@ -0,0 +1 @@

+%a.close.icon-x{ alt: "#{I18n.t('chat.close')}", href: '#' }

\ No newline at end of file

new file mode 100644

@@ -0,0 +1,8 @@

+Xmpp.Views.Popup ||= {}

+

+class Xmpp.Views.Popup.PopupView extends Backbone.View

+  superTemplate: JST["backbone/templates/popup/popup"]

+  el: $('#js-popup')

+

+  render: (childHtml) ->

+    $(@el).html(@superTemplate()).append(childHtml)

\ No newline at end of file

new file mode 100644

@@ -0,0 +1,26 @@

+Xmpp.Views.Popup ||= {}

+

+class Xmpp.Views.Popup.NewAccountView extends Xmpp.Views.Popup.PopupView

+  template: JST["backbone/templates/popup/add_account"]

+

+  events:

+    'submit form': 'addAccount'

+

+  render: ->

+    super(@template())

+    $(@el).css(width: '20%')

+

+  addAccount: (e) ->

+    e.preventDefault()

+    jid = $(@el).find('input[name=jid]').val()

+    pass = $(@el).find('input[name=password]').val()

+    $.ajax(

+      url: '/sessions'

+      type: 'POST'

+      data:

+        jid: jid,

+        password: pass,

+        override: 1

+      success: (msg) ->

+        App.debug msg

+    )

\ No newline at end of file

@@ -6,9 +6,11 @@

     I18n.defaultLocale = "#{I18n.default_locale}";

     I18n.locale = "#{I18n.locale}";

-- if flash[:notice]

-  %div.alert.alert-notice

-    = flash[:notice]

+%div.chat-alert.alert-notice.no-top-border.top-border#js-popup

+  - if flash[:notice]

+    %a.close.icon-x{ alt: "#{I18n.t('chat.close')}", href: '#' }

+    %h1

+      = flash[:notice]

 .container

   .leftside.left