1.1 --- a/app/main/index/confirm_notify_email.lua	Thu Feb 03 15:54:23 2022 +0100
     1.2 +++ b/app/main/index/confirm_notify_email.lua	Thu Feb 03 15:57:22 2022 +0100
     1.3 @@ -1,29 +1,48 @@
     1.4  ui.title(_"Email address confirmation")
     1.5  
     1.6 -ui.section(function() 
     1.7 -
     1.8 -  ui.sectionHead(function()
     1.9 -
    1.10 -    ui.form{
    1.11 -      attr = { class = "vertical" },
    1.12 -      module = "index",
    1.13 -      action = "confirm_notify_email",
    1.14 -      routing = {
    1.15 -        ok = {
    1.16 -          mode = "redirect",
    1.17 +ui.grid{ content = function()
    1.18 +  ui.cell_full{ content = function()
    1.19 +    ui.container { attr = { class = "mdl-card mdl-shadow--2dp mdl-card__fullwidth" }, content = function()
    1.20 +      ui.container{ attr = { class = "mdl-card__title mdl-card--border" }, content = function()
    1.21 +        ui.heading { attr = { class = "mdl-card__title-text" }, level = 2, content = _"Email address confirmation" }
    1.22 +      end }
    1.23 +      ui.container{ attr = { class = "mdl-card__content mdl-card--border" }, content = function()
    1.24 +        ui.form{
    1.25 +          attr = { class = "vertical" },
    1.26            module = "index",
    1.27 -          view = "index"
    1.28 +          action = "confirm_notify_email",
    1.29 +          routing = {
    1.30 +            ok = {
    1.31 +              mode = "redirect",
    1.32 +              module = "index",
    1.33 +              view = "index"
    1.34 +            }
    1.35 +          },
    1.36 +          content = function()
    1.37 +            local secret = param.get("secret")
    1.38 +            if secret then
    1.39 +              ui.field.hidden{
    1.40 +                name = "secret",
    1.41 +                value = secret
    1.42 +              }
    1.43 +            else
    1.44 +              ui.field.text{
    1.45 +                label = _"Confirmation code",
    1.46 +                name = "secret"
    1.47 +              }
    1.48 +            end
    1.49 +            ui.tag{
    1.50 +              tag = "input",
    1.51 +              attr = {
    1.52 +                type = "submit",
    1.53 +                class = "mdl-button mdl-js-button mdl-button--raised mdl-button--colored",
    1.54 +                value = _'Confirm'
    1.55 +              }
    1.56 +            }
    1.57 +          end
    1.58          }
    1.59 -      },
    1.60 -      content = function()
    1.61 -        ui.field.text{
    1.62 -          label = _"Confirmation code",
    1.63 -          name = "secret",
    1.64 -          value = param.get("secret")
    1.65 -        }
    1.66 -        ui.submit{ text = _"Confirm" }
    1.67 -      end
    1.68 -    }
    1.69  
    1.70 -  end)
    1.71 -end)
    1.72 \ No newline at end of file
    1.73 +      end }
    1.74 +    end }
    1.75 +  end }
    1.76 +end }