habitica/website/views/shared/modals/invite-friends.jade

script(type='text/ng-template', id='modals/invite-guild.html')
  .modal-header
    h4=env.t('inviteFriends')
  .modal-body
    p.alert.alert-info!=env.t('inviteAlertInfo')
    form.form-inline(ng-submit='invite()')
      .form-group
        input.form-control(type='text', placeholder=env.t('userId'), ng-model='invitee')
        | 
        button.btn.btn-primary(type='submit')=env.t('inviteExistUser')
    hr
    p.alert.alert-info=env.t('inviteByEmail')
    form.form-horizontal(ng-submit='inviteEmails()')
      table.table.table-striped
        thead
          tr
            th=env.t('name')
            th=env.t('email')
        tbody
          tr(ng-repeat='email in emails')
            td
              input.form-control(type='text', ng-model='email.name')
            td
              input.form-control(type='email', ng-model='email.email')
          tr
            td(colspan=2)
              a.btn.btn-xs.pull-right(ng-click='emails = emails.concat([{name:"",email:""}])')
                i.glyphicon.glyphicon-plus
          tr
            td.form-group(colspan=2)
              label.col-sm-1.control-label=env.t('byColon')
              .col-sm-7
                input.form-control(type='text', ng-model='inviter')
              .col-sm-4
                button.btn.btn-primary.btn-wrap(type='submit')=env.t('inviteNewUsers')
  .modal-footer
    button.btn.btn-default(ng-click='$close()')=env.t('close')

script(type='text/ng-template', id='modals/invite-party.html')
  .modal-body
    div(ng-if='!group._id')
      h4(style='margin-top:0')=env.t('nameYourParty')
      input.form-control#new-group-name.input-medium.option-content(required, type='text', ng-model='newGroup.name')
    tabset
      tab(heading=env.t('inviteByEmail'))
        p.alert.alert-info=env.t('inviteByEmailExplanation')
        form.form-horizontal(ng-submit='inviteNewUsers("email")')
          table.table.table-striped
            thead
              tr
                th=env.t('name')
                th=env.t('email')
            tbody
              tr(ng-repeat='email in emails')
                td
                  input.form-control(type='text', ng-model='email.name')
                td
                  input.form-control(type='email', ng-model='email.email')
              tr
                td(colspan=2)
                  a.btn.btn-xs.pull-right(ng-click='addEmail()')
                    i.glyphicon.glyphicon-plus
              tr
                td.form-group(colspan=2)
                  label.col-sm-1.control-label=env.t('byColon')
                  .col-sm-7
                    input.form-control(type='text', ng-model='inviter')
                  .col-sm-4
                    button.btn.btn-primary(type='submit')=env.t('sendInvitations')
      tab(heading=env.t('inviteExistUser'))
        p.alert.alert-info!=env.t('inviteAlertInfo')
        form.form-horizontal(ng-submit='inviteNewUsers("uuid")')
          table.table.table-striped
            thead
              tr
                th=env.t('userId')
            tbody
              tr(ng-repeat='user in invitees track by $index')
                td
                  input.form-control(type='text', ng-model='user.uuid')
              tr
                td
                  a.btn.btn-xs.pull-right(ng-click='addUuid()')
                    i.glyphicon.glyphicon-plus
              tr
                td
                  .col-sm-4.col-sm-offset-8
                    button.btn.btn-primary(type='submit')=env.t('sendInvitations')
    .row
      .quest_basilist.pull-left
      p(style='margin:2em')=env.t('exclusiveQuestScroll')
      button.btn.btn-default.pull-right(style='margin:auto 1em', ng-click='$close()')=env.t('close')
    .modal-footer(style='padding-bottom:0',ng-if='!group._id || group.memberCount < 2')
      p!=env.t('wantExistingParty', {linkStart: "<a href='/#/options/groups/guilds/f2db2a7f-13c5-454d-b3ee-ea1f5089e601'>", linkEnd: "</a>"})
      pre(style='margin:1em 0 0 0').
        {{user.id}}