Wiki source code of User Index Cards
Last modified by Vincent Massol on 2024/02/26 17:54
Show last authors
author | version | line-number | content |
---|---|---|---|
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 | ))) |