liquid_feedback_frontend: 3ab878ba277e app/main/issue/

liquid_feedback_frontend

view app/main/issue/_list.lua @ 1489:3ab878ba277e

Accessibility improvements part 1

author	bsw
date	Mon Feb 18 19:46:36 2019 +0100 (2019-02-18)
parents	32cc544d5a5b
children	63ce1a5c05c1

line source

1 local for_member = param.get ( "for_member", "table" )

2 local for_unit = param.get ( "for_unit", "table" )

3 local for_area = param.get ( "for_area", "table" )

4 local for_issue = param.get ( "for_issue", "table" )

5 local for_initiative = param.get ( "for_initiative", "table" )

6 local for_sidebar = param.get("for_sidebar", atom.boolean)

7 local no_filter = param.get ( "no_filter", atom.boolean )

8 local search = param.get ( "search" )

10 local limit = 25

12 local mode = request.get_param{ name = "mode" } or "issue"

14 if for_initiative or for_issue or for_member then

15 mode = "timeline"

16 end

18 local selector

20 if search then

22 selector = Issue:get_search_selector(search)

25 elseif mode == "timeline" then

27 local event_max_id = request.get_param_strings()["event_max_id"]

29 selector = Event:new_selector()

30 :add_order_by("event.id DESC")

31 :join("issue", nil, "issue.id = event.issue_id")

32 :add_field("now() - event.occurrence", "time_ago")

33 :limit(limit + 1)

35 if event_max_id then

36 selector:add_where{ "event.id < ?", event_max_id }

37 end

39 if for_member then

40 selector:add_where{ "event.member_id = ?", for_member.id }

41 end

43 if for_initiative then

44 selector:add_where{ "event.initiative_id = ?", for_initiative.id }

45 end

48 elseif mode == "issue" then

50 selector = Issue:new_selector()

52 end

54 if for_unit then

55 selector:join("area", nil, "area.id = issue.area_id")

56 selector:add_where{ "area.unit_id = ?", for_unit.id }

57 elseif for_area then

58 selector:add_where{ "issue.area_id = ?", for_area.id }

59 elseif for_issue then

60 selector:add_where{ "issue.id = ?", for_issue.id }

61 end

63 if not search and app.session.member_id then

64 selector

65 :left_join("interest", "_interest", {

66 "_interest.issue_id = issue.id AND _interest.member_id = ?", app.session.member.id

67 } )

68 :add_field("(_interest.member_id NOTNULL)", "is_interested")

69 :left_join("delegating_interest_snapshot", "_delegating_interest", { [[

70 _delegating_interest.issue_id = issue.id AND

71 _delegating_interest.member_id = ? AND

72 _delegating_interest.snapshot_id = issue.latest_snapshot_id

73 ]], app.session.member.id } )

74 :add_field("_delegating_interest.delegate_member_ids[1]", "is_interested_by_delegation_to_member_id")

75 :add_field("_delegating_interest.delegate_member_ids[array_upper(_delegating_interest.delegate_member_ids, 1)]", "is_interested_via_member_id")

76 :add_field("array_length(_delegating_interest.delegate_member_ids, 1)", "delegation_chain_length")

77 end

79 local function doit()

81 local last_event_id

83 local items = selector:exec()

85 local row_class = "sectionRow"

86 if for_sidebar then

87 row_class = "sidebarRow"

88 end

90 if mode == "timeline" then

91 local issues = items:load ( "issue" )

92 local initiative = items:load ( "initiative" )

93 items:load ( "suggestion" )

94 items:load ( "member" )

95 issues:load_everything_for_member_id ( app.session.member_id )

96 initiative:load_everything_for_member_id ( app.session.member_id )

97 elseif mode == "issue" then

98 items:load_everything_for_member_id ( app.session.member_id )

99 end

100

101 local last_event_date

102 for i, item in ipairs(items) do

103 local event

104 local issue

105 if mode == "timeline" then

106 event = item

107 issue = item.issue

108 elseif mode == "issue" then

109 event = {}

110 issue = item

111 end

112

113 last_event_id = event.id

114

115 local class = "mdl-card mdl-shadow--2dp mdl-card__fullwidth event " .. row_class

116 if event.suggestion_id then

117 class = class .. " suggestion"

118 end

119

120 ui.container{ attr = { class = class, }, content = function()

121 local event_name

122 local event_icon

123 local negative_event = false

124

125 local days_ago_text

126

127 if mode == "timeline" then

128 event_name = event.event_name

129 if event.event == "issue_state_changed" then

130 if event.state == "discussion" then

131 event_name = _"Discussion started"

132 elseif event.state == "verification" then

133 event_name = _"Verification started"

134 elseif event.state == "voting" then

135 event_name = _"Voting started"

136 elseif event.state == "finished_with_winner" then

137 event_name = event.state_name

138 elseif event.state == "finished_without_winner" then

139 event_name = event.state_name

140 negative_event = true

141 else

142 event_name = event.state_name

143 negative_event = true

144 end

145 elseif event.event == "initiative_revoked" then

146 negative_event = true

147 end

148

149 if event.time_ago == 0 then

150 days_ago_text = _("today at #{time}", { time = format.time(event.occurrence) })

151 elseif event.time_ago == 1 then

152 days_ago_text = _("yesterday at #{time}", { time = format.time(event.occurrence) })

153 else

154 days_ago_text = _("#{interval} ago", { interval = format.interval_text ( event.time_ago ) } )

155 end

156

157 elseif mode == "issue" then

158 local event_icons_map = {

159 admission = "bubble_chart",

160 discussion = "question_answer",

161 verification = "find_in_page",

162 voting = "mail",

163 finished_with_winner = "gavel",

164 finished_without_winner = "gavel",

165 canceled = "clear"

166 }

167 event_icon = event_icons_map[issue.state] or event_icons_map["canceled"]

168 event_name = issue.state_name

169 if issue.state_time_left:sub(1,1) ~= "-" then

170 days_ago_text = _( "#{interval_text} left", {

171 interval_text = format.interval_text ( issue.state_time_left )

172 })

173 elseif issue.closed then

174 days_ago_text = _( "#{interval_text} ago", {

175 interval_text = format.interval_text ( issue.closed_ago )

176 })

177 else

178 days_ago_text = _"phase ends soon"

179 end

180 if issue.closed and not issue.fully_frozen then

181 negative_event = true

182 end

183 if issue.state == "finished_without_winner"

184 or issue.state == "canceled_no_initiative_admitted"

185 or issue.state == "canceled_by_admin"

186 then

187 negative_event = true

188 end

189 end

190

191 local class= "event_info"

192

193 if negative_event then

194 class = class .. " negative"

195 end

196

197 if not for_issue and not for_initiative then

198 ui.container{ attr = { class = "mdl-card__title mdl-card--has-fab mdl-card--border" }, content = function()

199 ui.container{ attr = { class = "contextlinks" }, content = function()

200 if not (config.single_unit_id and config.single_area_id) then

201 if not config.single_unit_id then

202 slot.put ( " " )

203 ui.link{

204 module = "index", view = "index", params = { unit = issue.area.unit_id },

205 attr = { class = "unit" }, content = issue.area.unit.name

206 }

207 end

208 if not config.single_area_id then

209 slot.put(" » ")

210 ui.link{

211 module = "index", view = "index", params = { unit = issue.area.unit_id, area = issue.area_id },

212 attr = { class = "area" }, content = issue.area.name

213 }

214 end

215 end

216 slot.put(" » ")

217 ui.link{

218 module = "issue", view = "show", id = issue.id,

219 attr = { class = "issue" }, content = issue.name

220 }

221 end }

222 ui.container{ attr = { class = "mdl-card__subtitle-text .mdl-cell--hide-phone" }, content = function()

223 ui.container{ attr = { class = class }, content = function ()

224 if event_icon then

225 ui.tag{ tag = "i", attr = { class = "material-icons", ["aria-hidden"] = "true" }, content = event_icon }

226 end

227 slot.put(" ")

228 ui.tag { content = event_name }

229 slot.put(" ")

230 ui.tag{ content = "(" .. days_ago_text .. ")" }

231 end }

232 end }

233 if app.session.member and issue.fully_frozen and not issue.closed and not issue.member_info.direct_voted and app.session.member:has_voting_right_for_unit_id(issue.area.unit_id) then

234 ui.link {

235 attr = { class = "mdl-button mdl-js-button mdl-button--fab mdl-button--colored" ,

236 style = "position: absolute; right: 20px; bottom: -27px;"

237 },

238 module = "vote", view = "list",

239 params = { issue_id = issue.id },

240 content = function()

241 ui.tag{ tag = "i", attr = { class = "material-icons" }, content = config.voting_icon or "mail_outline" }

242 end

243 }

244 end

245 end }

246 end

247

248 if event.suggestion_id then

249 ui.container{ attr = { class = "suggestion" }, content = function()

250 ui.link{

251 text = format.string(event.suggestion.name, {

252 truncate_at = 160, truncate_suffix = true

253 }),

254 module = "initiative", view = "show", id = event.initiative.id,

255 params = { suggestion_id = event.suggestion_id },

256 anchor = "s" .. event.suggestion_id

257 }

258 end }

259 end

260

261 if not for_initiative and (not for_issue or event.initiative_id) then

262

263 ui.container{ attr = { class = "initiative_list" }, content = function()

264 if event.initiative_id then

265 local initiative = event.initiative

266

267 execute.view{ module = "initiative", view = "_list", params = {

268 issue = issue,

269 initiative = initiative,

270 for_event = mode == "timeline" and not (event.state == issue.state)

271

272 } }

273 else

274 local initiatives = issue.initiatives

275 execute.view{ module = "initiative", view = "_list", params = {

276 issue = issue,

277 initiatives = initiatives,

278 for_event = mode == "timeline" and not (event.state == issue.state)

279 } }

280 end

281 end }

282 end

283 if app.session.member_id then

284 ui.container{ attr = { class = "mdl-card__actions mdl-card--border" }, content = function()

285 execute.view{

286 module = "delegation", view = "_info", params = {

287 issue = issue, member = for_member

288 }

289 }

290 end }

291 end

292 end }

293

294 end

295

296 if mode == "timeline" then

297 if for_sidebar then

298 ui.container { attr = { class = row_class }, content = function ()

299 ui.link{

300 attr = { class = "moreLink" },

301 text = _"Show full history",

302 module = "initiative", view = "history", id = for_initiative.id

303 }

304 end }

305 elseif #items > limit then

306 ui.container { attr = { class = row_class }, content = function ()

307 local params = request.get_param_strings()

308 ui.link{

309 attr = { class = "moreLink" },

310 text = _"Show older events",

311 module = request.get_module(),

312 view = request.get_view(),

313 id = for_unit and for_unit.id or for_area and for_area.id or for_issue and for_issue.id or for_member and for_member.id,

314 params = {

315 mode = "timeline",

316 event_max_id = last_event_id,

317 tab = params["tab"],

318 phase = params["phase"],

319 closed = params["closed"]

320 }

321 }

322 end }

323 elseif #items < 1 then

324 ui.container { attr = { class = row_class }, content = _"No more events available" }

325 end

326 end

327

328 if #items < 1 then

329 ui.section( function()

330 ui.sectionRow( function()

331 ui.container{ content = _"No results for this selection" }

332 end )

333 end )

334 end

335

336

337 end

338

339

340 local filters = {}

341

342 if not for_initiative and not for_issue and not no_filter then

343

344 filters = execute.chunk{

345 module = "issue", chunk = "_filters", params = {

346 for_events = mode == "timeline" and true or false,

347 member = app.session.member,

348 for_member = for_member,

349 state = for_state,

350 for_unit = for_unit and true or false,

351 for_area = for_area and true or false

352 }}

353 end

354

355 filters.opened = true

356 filters.selector = selector

357

358

359 local function dotabs()

360 slot.select("filter", function()

361 ui.container{ attr = { class = "mdl-tabs mdl-js-tabs mdl-js-ripple-effect float-left" }, content = function()

362 ui.container{ attr = { class = "mdl-tabs__tab-bar" }, content = function()

363 local mode = request.get_param{ name = "mode" }

364 local css_active = (not mode or mode == "issue") and " is-active" or ""

365 ui.link{ module = request.get_module(), view = request.get_view(), id = request.get_id_string(), content = "Issues", attr = { class = "mdl-tabs__tab" .. css_active } }

366 local css_active = mode and " is-active" or " "

367 ui.link{ module = request.get_module(), view = request.get_view(), id = request.get_id_string(), params = { mode = "timeline" }, content = "Timeline", attr = { class = "mdl-tabs__tab" .. css_active } }

368 ui.link{ module = "member", view = "list", content = "Member", attr = { class = "mdl-tabs__tab" } }

369 end }

370 end }

371 end)

372 end

373

374

375 if mode == "timeline" then

376 --dotabs()

377 filters.content = function()

378 execute.view{ module = "index", view = "_head" }

379 doit()

380 end

381 else

382 -- dotabs()

383 filters.content = function()

384 if config.voting_only then

385 local admission_order_field = "filter_issue_order.order_in_unit"

386 if for_area then

387 admission_order_field = "filter_issue_order.order_in_area"

388 end

389 selector:left_join ( "issue_order_in_admission_state", "filter_issue_order", "filter_issue_order.id = issue.id" )

390 selector:add_order_by ( "issue.closed DESC NULLS FIRST" )

391 selector:add_order_by ( "issue.accepted ISNULL" )

392 selector:add_order_by ( "CASE WHEN issue.accepted ISNULL THEN NULL ELSE justify_interval(coalesce(issue.fully_frozen + issue.voting_time, issue.half_frozen + issue.verification_time, issue.accepted + issue.discussion_time, issue.created + issue.max_admission_time) - now()) END" )

393 selector:add_order_by ( "CASE WHEN issue.accepted ISNULL THEN " .. admission_order_field .. " ELSE NULL END" )

394 selector:add_order_by ( "id" )

395 end

396 execute.view{ module = "index", view = "_head" }

397 ui.paginate{

398 selector = selector,

399 per_page = 25,

400 content = doit

401 }

402 end

403 end

404