authorization.pug

doctype html
html.ltr(lang='en', data-api-version=version, data-baseUrlCdn=baseUrlCdn)
  head
    title Authorize Application

    meta(charset='utf-8')
    meta(http-equiv='X-UA-Compatible', content='IE=edge')
    if process.env.NODE_ENV === 'development'
      link(rel='stylesheet', href=baseUrlCdn + '/css/thirdparty/material/material.brown-blue.min-1.3.0.css', type='text/css', data-integrity='', data-crossorigin='anonymous')
      link(rel='stylesheet', href=baseUrlCdn + '/css/t6app.css', type='text/css', data-integrity='', data-crossorigin='anonymous')
      link(rel='stylesheet', href=baseUrlCdn + '/css/thirdparty/OpenLayers/ol-4.6.5.css', type='text/css', data-integrity='', data-crossorigin='anonymous')
    else
      link(rel='stylesheet', href=baseUrlCdn + '/css/t6app.min.css', type='text/css', data-integrity='', data-crossorigin='anonymous')

  body(style="background: #fff;")
    noscript
      iframe(src="//www.googletagmanager.com/ns.html?id="+trackings.gtm, height="0", width="0", style="display:none;visibility:hidden")

    main.mdl-grid.mdl-layout__content
      section.mdl-cell--12-col
        if user
          form(name="authorize", action=redirect_uri, method="get")
            .page-content.mdl-card.mdl-grid.mdl-grid--no-spacing
              .mdl-grid.mdl-cell--12-col(data-action="view")
                .mdl-card.mdl-shadow--2dp
                  .mdl-card__title(style="cursor: auto;")
                    h3.mdl-card__title-text
                      img(src=baseUrlCdn+"/img/m/icons/icon-72x72.png")
                      span(style="margin: auto 0;")  Authorization for #{user.firstName} #{user.lastName}
                  .mdl-list__item--three-line.small-padding This application would like to have authorization to access your data.
                  span.mdl-list__item-sub-title
                    if scope
                      ul
                        each val in (scope || "").split(" ")
                          if SCOPE_DESCRIPTIONS[val.trim()]
                            li
                              strong= val.trim()
                              |  - #{SCOPE_DESCRIPTIONS[val.trim()]}
                    input(type="hidden", name="state", value=state)
                    input(type="hidden", name="code", value=code)
                  .mdl-card__actions.mdl-card--border
                    span.pull-left  
                    span.pull-right.mdl-card__menuaction
                      button.mdl-button.mdl-button--colored.mdl-js-button.mdl-js-ripple-effect(type="button", onClick="document.location.href='./destroy-session'")
                        i.material-icons update
                        label Sign Out
                      span  
                      input.mdl-button.mdl-button--colored.mdl-js-button.mdl-js-ripple-effect(type="submit", value="Authorize")
        else
          b Note: You should connect first
          hr