Wiki source code of User Index Cards

Last modified by Vincent Massol on 2024/02/26 17:54

Show last authors
1 {{toc start="2"/}}
2
3 = Proposal =
4
5 (% class="row" %)
6 (((
7 (% class="col-xs-12 col-sm-4" %)
8 (((
9 * Provide a Cards layout view to display users, additional to the Livetable one
10 * Better integrate the "Customize" into the actions
11 * Display Groups for users
12 * Additional: display user actions (follow, send message, etc.)
13 )))
14
15 (% class="col-xs-12 col-sm-4" %)
16 (((
17 Current (10.4)
18 [[[[image:attach:userindex_before.png]]>>attach:userindex_before.png]]
19 )))
20
21 (% class="col-xs-12 col-sm-4" %)
22 (((
23 Proposal
24 [[[[image:attach:userindex_proposal.png]]>>attach:userindex_proposal.png]]
25 )))
26 )))
27
28 == Layouts ==
29
30 (% class="row" %)
31 (((
32 (% class="col-xs-12 col-sm-4" %)
33 (((
34 Livetable View
35 [[[[image:attach:userindex_mode_livetable.png]]>>attach:userindex_mode_livetable.png]]
36 )))
37
38 (% class="col-xs-12 col-sm-4" %)
39 (((
40 Cards View
41 [[[[image:attach:userindex_mode_cards.png]]>>attach:userindex_mode_cards.png]]
42 )))
43
44 (% class="col-xs-12 col-sm-4" %)
45 (((
46 Customize
47 [[[[image:attach:userindex_mode_customize.png]]>>attach:userindex_mode_customize.png]]
48 )))
49 )))
50
51 == Buttons ==
52
53 (% class="row" %)
54 (((
55 (% class="col-xs-12 col-sm-4" %)
56 (((
57 * Showcasing how the application's specific buttons would be displayed inside the content or integrated inside the content menu
58 )))
59
60 (% class="col-xs-12 col-sm-4" %)
61 (((
62 Separated
63 [[[[image:attach:userindex_actions_separated.png]]>>attach:userindex_actions_separated.png]]
64 )))
65
66 (% class="col-xs-12 col-sm-4" %)
67 (((
68 Integrated
69 [[[[image:attach:userindex_actions_integrated.png]]>>attach:userindex_actions_integrated.png]]
70 )))
71 )))
72
73 === Create ===
74
75 (% class="row" %)
76 (((
77 (% class="col-xs-12 col-sm-4" %)
78 (((
79 * Showcasing that "Create" action could be represented as a button or as a separate card
80 * Invite functionality could be added in the card
81 * If we have a "New user" button and viewer we could integrate multiple ways of creating / inviting users, like LDAP, XSL import, etc.
82 )))
83
84 (% class="col-xs-12 col-sm-4" %)
85 (((
86 Card
87 [[[[image:attach:userindex_create_card_overview.png]]>>attach:userindex_create_card_overview.png]]
88 [[image:attach:userindex_create_card.png]]
89 )))
90
91 (% class="col-xs-12 col-sm-4" %)
92 (((
93 Button
94 [[[[image:attach:userindex_create_button.png]]>>attach:userindex_create_button.png]]
95 )))
96 )))
97
98 == User card ==
99
100 === User status ===
101
102 (% class="row" %)
103 (((
104 (% class="col-xs-12 col-sm-4" %)
105 (((
106 * Current user is marked with a border
107 * Display more profile details
108 * The categories displayed are configurable and equivalent to the livetable columns displayed
109 * In our example we display "About" and "Groups"
110 * Additional interesting fields could be "Location/Address", "Telephone/Phone", "Email" or custom ones like "Title", etc.
111 )))
112
113 (% class="col-xs-12 col-sm-4" %)
114 (((
115 Current user
116 [[image:attach:userindex_user_current.png]]
117 )))
118
119 (% class="col-xs-12 col-sm-4" %)
120 (((
121 Multiple groups
122 [[image:attach:userindex_user_groups.png]]
123 )))
124 )))
125
126 === User actions ===
127
128 (% class="row" %)
129 (((
130 (% class="col-xs-12 col-sm-4" %)
131 (((
132 * We could provide user actions like "Follow" and it's status ON/OFF
133 * Additional we could integrate the "Send Message" feature or other related user actions: send mail, invite, etc.
134 )))
135
136 (% class="col-xs-12 col-sm-4" %)
137 (((
138 [[image:attach:userindex_user_default.png]]
139 )))
140
141 (% class="col-xs-12 col-sm-4" %)
142 (((
143 [[image:attach:userindex_user_actions.png]]
144 )))
145 )))

Get Connected