bsw@1045: ui.titleMember(_"Screen name")
bsw@75: 
bsw/jbe@1309: ui.grid{ content = function()
bsw@75: 
bsw/jbe@1309:   ui.cell_main{ content = function()
bsw/jbe@1309:     ui.container{ attr = { class = "mdl-card mdl-card__fullwidth mdl-shadow--2dp" }, content = function()
bsw/jbe@1309:       ui.container{ attr = { class = "mdl-card__title mdl-card--border" }, content = function()
bsw/jbe@1309:         ui.heading { attr = { class = "mdl-card__title-text" }, level = 2, content = _"Screen name" }
bsw/jbe@1309:       end }
bsw/jbe@1309:       ui.container{ attr = { class = "mdl-card__content mdl-card--border" }, content = function()
bsw@1045: 
bsw/jbe@1309:         ui.form{
bsw/jbe@1309:           attr = { class = "wide" },
bsw/jbe@1309:           module = "member",
bsw/jbe@1309:           action = "update_name",
bsw/jbe@1309:           routing = {
bsw/jbe@1309:             ok = {
bsw/jbe@1309:               mode = "redirect",
bsw/jbe@1309:               module = "member",
bsw/jbe@1309:               view = "settings"
bsw/jbe@1309:             }
bsw@1045:           },
bsw/jbe@1309:           content = function()
bsw/jbe@1309:             ui.field.text{
bsw/jbe@1309:               container_attr = { class = "mdl-textfield mdl-js-textfield mdl-textfield--floating-label" },
bsw/jbe@1309:               attr = { id = "lf-member__name", class = "mdl-textfield__input" },
bsw/jbe@1309:               label_attr = { class = "mdl-textfield__label", ["for"] = "lf-member__name" },
bsw/jbe@1309:               label= _'Screen name',
bsw/jbe@1309:               name = 'name',
bsw/jbe@1309:               value = app.session.member.name
bsw/jbe@1309:             }
bsw/jbe@1309:             
bsw/jbe@1309:             slot.put("<br />")
bsw/jbe@1309:             
bsw/jbe@1309:             ui.tag{
bsw/jbe@1309:               tag = "input",
bsw/jbe@1309:               attr = {
bsw/jbe@1309:           type = "submit",
bsw/jbe@1309:           class = "mdl-button mdl-js-button mdl-button--raised mdl-button--colored",
bsw/jbe@1309:           value = _"Save"
bsw/jbe@1309:               },
bsw/jbe@1309:               content = ""
bsw/jbe@1309:             }
bsw/jbe@1309:             slot.put(" &nbsp; ")
bsw/jbe@1309:             ui.link {
bsw/jbe@1309:               attr = { class = "mdl-button mdl-js-button mdl-button--raised" },
bsw/jbe@1309:               module = "member", view = "show", 
bsw/jbe@1309:               content = _"Cancel"
bsw/jbe@1309:             }
bsw/jbe@1309:           end
bsw@1045:         }
bsw/jbe@1309: 
bsw/jbe@1309:       end }
bsw/jbe@1309:     end }
bsw/jbe@1309:   end }
bsw/jbe@1309: 
bsw/jbe@1309:   ui.cell_sidebar{ content = function()
bsw/jbe@1309:     execute.view {
bsw/jbe@1309:       module = "member", view = "_sidebar_whatcanido", params = {
bsw/jbe@1309:         member = app.session.member
bsw/jbe@1309:       }
bsw/jbe@1309:     }
bsw/jbe@1309:   end }
bsw/jbe@1309:   
bsw/jbe@1309: end }
bsw/jbe@1309: