1.1 --- a/app/main/initiative/add_initiator.lua	Tue Nov 10 20:57:30 2020 +0100
     1.2 +++ b/app/main/initiative/add_initiator.lua	Tue Nov 10 20:57:52 2020 +0100
     1.3 @@ -25,92 +25,74 @@
     1.4    }
     1.5  }
     1.6  
     1.7 -execute.view{ module = "issue", view = "_sidebar_state", params = {
     1.8 -  initiative = initiative
     1.9 -} }
    1.10 +ui.grid{ content = function()
    1.11 +  ui.cell_main{ content = function()
    1.12  
    1.13 -execute.view { 
    1.14 -  module = "issue", view = "_sidebar_issue", 
    1.15 -  params = {
    1.16 -    issue = initiative.issue,
    1.17 -    highlight_initiative_id = initiative.id
    1.18 -  }
    1.19 -}
    1.20 +    ui.container{ attr = { class = "mdl-card mdl-card__fullwidth mdl-shadow--2dp" }, content = function()
    1.21  
    1.22 -execute.view {
    1.23 -  module = "issue", view = "_sidebar_whatcanido",
    1.24 -  params = { initiative = initiative }
    1.25 -}
    1.26 +      ui.container{ attr = { class = "mdl-card__title mdl-card--border" }, content = function()
    1.27 +        ui.heading { attr = { class = "mdl-card__title-text" }, level = 2, content = initiative.display_name }
    1.28 +      end }
    1.29  
    1.30 -execute.view { 
    1.31 -  module = "issue", view = "_sidebar_members", params = {
    1.32 -    issue = initiative.issue, initiative = initiative
    1.33 -  }
    1.34 -}
    1.35 -
    1.36 -ui.form{
    1.37 -  attr = { class = "wide section" },
    1.38 -  module = "initiative",
    1.39 -  action = "add_initiator",
    1.40 -  params = {
    1.41 -    initiative_id = initiative.id,
    1.42 -  },
    1.43 -  routing = {
    1.44 -    ok = {
    1.45 -      mode = "redirect",
    1.46 -      module = "initiative",
    1.47 -      view = "show",
    1.48 -      id = initiative.id,
    1.49 -      params = {
    1.50 -        tab = "initiators",
    1.51 -      }
    1.52 -    }
    1.53 -  },
    1.54 -  content = function()
    1.55 +      ui.container{ attr = { class = "mdl-card__content" }, content = function()
    1.56 +        ui.form{
    1.57 +          attr = { class = "wide section" },
    1.58 +          module = "initiative",
    1.59 +          action = "add_initiator",
    1.60 +          params = {
    1.61 +            initiative_id = initiative.id,
    1.62 +          },
    1.63 +          routing = {
    1.64 +            ok = {
    1.65 +              mode = "redirect",
    1.66 +              module = "initiative",
    1.67 +              view = "show",
    1.68 +              id = initiative.id,
    1.69 +              params = {
    1.70 +                tab = "initiators",
    1.71 +              }
    1.72 +            }
    1.73 +          },
    1.74 +          content = function()
    1.75  
    1.76 -    ui.sectionHead( function()
    1.77 -      ui.link{
    1.78 -        module = "initiative", view = "show", id = initiative.id,
    1.79 -        content = function ()
    1.80 -          ui.heading { 
    1.81 -            level = 1,
    1.82 -            content = initiative.display_name
    1.83 -          }
    1.84 -        end
    1.85 -      }
    1.86 -      ui.heading { level = 2, content = _"Invite an initiator to initiative" }
    1.87 -    end )
    1.88 +            ui.heading { level = 3, content = _"Invite an initiator to initiative" }
    1.89 +            ui.container{ content = _"You can choose only members which you have been saved as contact before." }
    1.90 +            slot.put("<br />")
    1.91 +            ui.field.select{
    1.92 +              name = "member_id",
    1.93 +              foreign_records = records,
    1.94 +              foreign_id = "id",
    1.95 +              foreign_name = "name"
    1.96 +            }
    1.97 +           slot.put("<br />")
    1.98 +           slot.put("<br />")
    1.99 +            ui.tag{
   1.100 +              tag = "input",
   1.101 +              attr = {
   1.102 +                type = "submit",
   1.103 +                class = "mdl-button mdl-js-button mdl-button--raised mdl-button--colored",
   1.104 +                value = _"Invite member"
   1.105 +              },
   1.106 +              content = ""
   1.107 +            }
   1.108 +            slot.put(" &nbsp; ")
   1.109 +            ui.link{
   1.110 +              attr = { class = "mdl-button mdl-js-button mdl-button--raised" },
   1.111 +              content = _"Cancel",
   1.112 +              module = "initiative",
   1.113 +              view = "show",
   1.114 +              id = initiative.id,
   1.115 +              params = {
   1.116 +                tab = "initiators"
   1.117 +              }
   1.118 +            }
   1.119 +          end
   1.120 +        }
   1.121  
   1.122 -    ui.sectionRow( function()
   1.123 -      ui.heading { level = 2, content = _"Choose a member to invite" }
   1.124 -      ui.field.select{
   1.125 -        name = "member_id",
   1.126 -        foreign_records = records,
   1.127 -        foreign_id = "id",
   1.128 -        foreign_name = "name"
   1.129 -      }
   1.130 -      ui.container{ content = _"You can choose only members which you have been saved as contact before." }
   1.131 -      slot.put("<br />")
   1.132 -      ui.tag{
   1.133 -        tag = "input",
   1.134 -        attr = {
   1.135 -          type = "submit",
   1.136 -          class = "btn btn-default",
   1.137 -          value = _"Invite member"
   1.138 -        },
   1.139 -        content = ""
   1.140 -      }
   1.141 -      slot.put("<br />")
   1.142 -      slot.put("<br />")
   1.143 -      ui.link{
   1.144 -        content = _"Cancel",
   1.145 -        module = "initiative",
   1.146 -        view = "show",
   1.147 -        id = initiative.id,
   1.148 -        params = {
   1.149 -          tab = "initiators"
   1.150 -        }
   1.151 -      }
   1.152 -    end )
   1.153 -  end
   1.154 -}
   1.155 \ No newline at end of file
   1.156 +      end }
   1.157 +    end }
   1.158 +  end }
   1.159 +
   1.160 +end }
   1.161 +
   1.162 +