1.1 --- a/app/main/admin/member_deactivate.lua	Tue Feb 02 21:32:13 2021 +0100
     1.2 +++ b/app/main/admin/member_deactivate.lua	Sat Feb 06 22:44:34 2021 +0100
     1.3 @@ -2,42 +2,63 @@
     1.4  
     1.5  local member = Member:by_id(id)
     1.6  
     1.7 -ui.title(_"Deactivate member")
     1.8 +--ui.title(_"Deactivate member")
     1.9 +
    1.10 +ui.titleAdmin(_"Member")
    1.11 +
    1.12 +ui.grid{ content = function()
    1.13 +
    1.14 +  ui.cell_main{ content = function()
    1.15 +    ui.container{ attr = { class = "mdl-card mdl-card__fullwidth mdl-shadow--2dp" }, content = function()
    1.16 +      ui.container{ attr = { class = "mdl-card__title mdl-card--border" }, content = function()
    1.17 +        ui.heading { attr = { class = "mdl-card__title-text" }, level = 2, content = _"Deactivate member" }
    1.18 +      end }
    1.19 +      ui.container{ attr = { class = "mdl-card__content" }, content = function()
    1.20  
    1.21  
    1.22 -ui.form{
    1.23 -  attr = { class = "vertical section" },
    1.24 -  module = "admin",
    1.25 -  action = "member_deactivate",
    1.26 -  id = member and member.id,
    1.27 -  record = member,
    1.28 -  routing = {
    1.29 -    error = {
    1.30 -      mode = "forward",
    1.31 -      module = "admin", view = "member_deactivate", id = id
    1.32 -    },
    1.33 -    default = {
    1.34 -      mode = "redirect",
    1.35 -      modules = "admin", view = "index"
    1.36 -    }
    1.37 -  },
    1.38 -  content = function()
    1.39 -    ui.sectionHead( function()
    1.40 -      ui.heading { level = 1, content = member and (member.name or member.id) or _"New member" }
    1.41 -      if member and member.identification then
    1.42 -        ui.heading { level = 3, content = member.identification }
    1.43 -      end
    1.44 -    end )
    1.45 -    ui.sectionRow(function()
    1.46 -      ui.heading { level = 2, content = _"Do you really want to irrevocably deactive this member?" }
    1.47 -      ui.tag{ tag = "input", attr = { type = "checkbox", name = "sure", value = "yes" } }
    1.48 -      ui.tag { content = _"I want to deactive this member irrevocably" }
    1.49 -      slot.put("<br />")
    1.50 -      slot.put("<br />")
    1.51 -      ui.submit{ text = _"Deactivate member" }
    1.52 -      slot.put(" ")
    1.53 -      ui.link { module = "admin", view = "member_edit", id = member.id, content = _"cancel" }
    1.54 -    end)
    1.55 -  end
    1.56 -}
    1.57 +        ui.form{
    1.58 +          attr = { class = "vertical section" },
    1.59 +          module = "admin",
    1.60 +          action = "member_deactivate",
    1.61 +          id = member and member.id,
    1.62 +          record = member,
    1.63 +          routing = {
    1.64 +            error = {
    1.65 +              mode = "forward",
    1.66 +              module = "admin", view = "member_deactivate", id = id
    1.67 +            },
    1.68 +            default = {
    1.69 +              mode = "redirect",
    1.70 +              modules = "admin", view = "index"
    1.71 +            }
    1.72 +          },
    1.73 +          content = function()
    1.74  
    1.75 +            ui.container{ content = _"Do you really want to irrevocably deactive this member?" }
    1.76 +            slot.put("<br>")
    1.77 +            ui.container{ content = _"ID" .. ": " .. member.id }
    1.78 +            ui.container{ content = _"Identification" .. ": " .. member.identification }
    1.79 +            ui.container{ content = _"Screen name" .. ": " .. member.name }
    1.80 +            slot.put("<br>")
    1.81 +            ui.tag{ tag = "input", attr = { type = "checkbox", name = "sure", value = "yes" } }
    1.82 +            ui.tag { content = _"I want to deactive this member irrevocably" }
    1.83 +            slot.put("<br />")
    1.84 +            slot.put("<br />")
    1.85 +
    1.86 +            ui.submit{
    1.87 +              attr = { class = "mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect" },
    1.88 +              text = _"Deactivate member"
    1.89 +            }
    1.90 +            slot.put(" ")
    1.91 +            ui.link {
    1.92 +              attr = { class = "mdl-button mdl-js-button" },
    1.93 +              module = "admin", view = "member_edit", id = member.id, content = _"cancel"
    1.94 +            }
    1.95 +
    1.96 +          end
    1.97 +        }
    1.98 +      end }
    1.99 +    end }
   1.100 +  end }
   1.101 +end }
   1.102 +