template.jade

.panels
form.panel.panel-default.form-horizontal(on-submit='save')
  .panel-heading: h4
    | {{#if app.name }}
    ='[[ app.name ]]'
    | {{ else }}
    =t('app-form.new-app')
    | {{/if}}
  .panel-body
    | {{#if app.logo }}
    .form-group
      .row
        .col-md-4.col-md-offset-4
          .app-logo(style='background-image: url({{ app.logo }}); background-color: {{ app.backgroundColor }}')
    | {{/if}}
    .form-group
      label.col-sm-2.control-label(for='logo')=t('app.logo')
      .col-sm-10
        input.form-control(type='text' id='logo' placeholder=t('app.logo') value='{{ app.logo }}')
    .form-group
      label.col-sm-2.control-label(for='backgroundColor')=t('app.backgroundColor')
      .col-sm-10
        input.form-control(type='text' id='backgroundColor' placeholder=t('app.backgroundColor') value='{{ app.backgroundColor }}')
    .form-group
      label.col-sm-2.control-label(for='name')=t('app.name')
      .col-sm-10
        input.form-control(type='text' id='name' placeholder=t('app.name') value='{{ app.name }}' class='{{ errors.name }}')
    .form-group
      label.col-sm-2.control-label=t('app.description')
      .col-sm-offset-2.col-sm-10
        label(for='description[en]')=t('english')
        textarea.form-control(type='text' id='description[en]' placeholder=t('app.description.en.placeholder') value='{{ app.description.en }}' class='{{ errors.description.en }}')
      .col-sm-offset-2.col-sm-10
        label(for='description[es]')=t('spanish')
        textarea.form-control(type='text' id='description[es]' placeholder=t('app.description.es.placeholder') value='{{ app.description.es }}'  class='{{ errors.description.es }}')
      .col-sm-offset-2.col-sm-10
        label(for='description[fr]')=t('french')
        textarea.form-control(type='text' id='description[fr]' placeholder=t('app.description.fr.placeholder') value='{{ app.description.fr }}'  class='{{ errors.description.fr }}')
      .col-sm-offset-2.col-sm-10
        label(for='description[pt]')=t('portuguese')
        textarea.form-control(type='text' id='description[pt]' placeholder=t('app.description.pt.placeholder') value='{{ app.description.pt }}'  class='{{ errors.description.pt }}')
    .form-group
      label.col-sm-2.control-label(for='video')=t('app.video')
      .col-sm-10
        input.form-control(type='url' id='video' placeholder=t('app.video.placeholder') value='{{ app.video }}' class='{{ errors.video }}')
    .form-group
      label.col-sm-2.control-label(for='organization')=t('app.organization-name')
      .col-sm-10
        input.form-control(type='text' id='organization' placeholder=t('app.organization-name') value='{{ app.organization }}' class='{{ errors.organization }}')
    .form-group
      label.col-sm-2.control-label(for='website')=t('app.website')
      .col-sm-10
        input.form-control(type='text' id='website' placeholder=t('app.website') value='{{ app.website }}' class='{{ errors.website }}')
    .form-group
      label.col-sm-2.control-label(for='country')=t('app.country')
      .col-sm-10
        select.form-control(value='{{ app.country }}' id='country' class='{{ errors.country }}')
          option(value='')=t('app.country')
          | {{#each countries}}
          option(value='{{ this.id }}') {{ this.name[lang] }}
          | {{/each}}
    .form-group
      label.col-sm-2.control-label(for='twitter')=t('app.twitter')
      .col-sm-10
        input.form-control(type='text' id='twitter' placeholder=t('app.twitter') value='{{ app.twitter }}')
    .form-group
      label.col-sm-2.control-label(for='github')=t('app.github-repository')
      .col-sm-10
        input.form-control(type='text' id='github' placeholder=t('app.github-repository') value='{{ app.github }}')
    .form-group
      label.col-sm-2.control-label(for='license')=t('app.license')
      .col-sm-10
        select.form-control(value='{{ app.license }}' id='license')
          option(value='')=t('app.license')
          | {{#each licenses}}
          option(value='{{ this.id }}') {{ this.name }}
          | {{/each}}
    .form-group
      label.col-sm-2.control-label(for='contact')=t('app.contact')
      .col-sm-10
        input.form-control(type='text' id='contact' placeholder=t('app.contact') value='{{ app.contact }}', class='{{ errors.contact }}')
    .form-group
      label.col-sm-2.control-label(for='comments')=t('app.comments')
      .col-sm-10
        textarea.form-control(type='text' id='comments' placeholder=t('app.comments') value='{{ app.comments }}')
    .form-group
      label.col-sm-2.control-label=t('app.tags')
      | {{#each tags }}
      .col-sm-offset-2.col-sm-10
        .checkbox
          label
            input(type='checkbox' name='{{ app.tagids }}' value='{{ this.id }}')
            | {{ this.name[lang] }}
      | {{/each }}
    .form-group
      label.col-sm-2.control-label=t('app.technology')
      | {{#each technologies }}
      .col-sm-offset-2.col-sm-10
        .checkbox
          label
            input(type='checkbox' name='{{ app.technologyids }}' value='{{ this.id }}')
            | {{ this.name }}
      | {{/each }}
    .form-group.related-links
      label.col-sm-2.control-label=t('app.links')
      relatedlinks(links='{{links}}')
    .form-group
      label.col-sm-2.control-label(for='approved')=t('app.approved')
      .col-sm-10
        .checkbox
          input(type='checkbox' id='approved' checked='{{ app.approved }}')
    .form-group
      label.col-sm-2.control-label(for='uploadedBy')=t('app.uploaded-by')
      .col-sm-10
        | {{#with app.uploadedBy }}
        img.avatar(src='{{ avatar }}')
        |  {{ firstName }} {{ lastName }}
        | {{/with}}
  .panel-footer
    .col-sm-offset-2
      button.btn.btn-success(type='submit')=t('Save')
      a.btn.btn-danger(type='submit' href='/admin/apps')=t('Cancel')