Wiki source code of User Index Cards
Last modified by Vincent Massol on 2024/02/26 17:54
Hide last authors
author | version | line-number | content |
---|---|---|---|
2.2 | 1 | {{toc start="2"/}} | |
2.3 | 2 | ||
4.11 | 3 | = Proposal = | |
4 | |||
19.3 | 5 | (% class="row" %) | |
6 | ((( | ||
7 | (% class="col-xs-12 col-sm-4" %) | ||
8 | ((( | ||
4.12 | 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.) | ||
2.4 | 13 | ))) | |
19.3 | 14 | ||
15 | (% class="col-xs-12 col-sm-4" %) | ||
16 | ((( | ||
4.10 | 17 | Current (10.4) | |
20.2 | 18 | [[[[image:attach:userindex_before.png]]>>attach:userindex_before.png]] | |
2.4 | 19 | ))) | |
19.3 | 20 | ||
21 | (% class="col-xs-12 col-sm-4" %) | ||
22 | ((( | ||
2.6 | 23 | Proposal | |
19.3 | 24 | [[[[image:attach:userindex_proposal.png]]>>attach:userindex_proposal.png]] | |
2.4 | 25 | ))) | |
2.5 | 26 | ))) | |
4.2 | 27 | ||
17.2 | 28 | == Layouts == | |
29 | |||
19.3 | 30 | (% class="row" %) | |
31 | ((( | ||
32 | (% class="col-xs-12 col-sm-4" %) | ||
33 | ((( | ||
17.3 | 34 | Livetable View | |
20.2 | 35 | [[[[image:attach:userindex_mode_livetable.png]]>>attach:userindex_mode_livetable.png]] | |
17.2 | 36 | ))) | |
19.3 | 37 | ||
38 | (% class="col-xs-12 col-sm-4" %) | ||
39 | ((( | ||
17.3 | 40 | Cards View | |
20.2 | 41 | [[[[image:attach:userindex_mode_cards.png]]>>attach:userindex_mode_cards.png]] | |
17.2 | 42 | ))) | |
19.3 | 43 | ||
44 | (% class="col-xs-12 col-sm-4" %) | ||
45 | ((( | ||
17.2 | 46 | Customize | |
20.2 | 47 | [[[[image:attach:userindex_mode_customize.png]]>>attach:userindex_mode_customize.png]] | |
17.2 | 48 | ))) | |
49 | ))) | ||
50 | |||
4.5 | 51 | == Buttons == | |
4.2 | 52 | ||
19.3 | 53 | (% class="row" %) | |
54 | ((( | ||
55 | (% class="col-xs-12 col-sm-4" %) | ||
56 | ((( | ||
17.4 | 57 | * Showcasing how the application's specific buttons would be displayed inside the content or integrated inside the content menu | |
4.2 | 58 | ))) | |
19.3 | 59 | ||
60 | (% class="col-xs-12 col-sm-4" %) | ||
61 | ((( | ||
4.2 | 62 | Separated | |
20.2 | 63 | [[[[image:attach:userindex_actions_separated.png]]>>attach:userindex_actions_separated.png]] | |
4.2 | 64 | ))) | |
19.3 | 65 | ||
66 | (% class="col-xs-12 col-sm-4" %) | ||
67 | ((( | ||
4.2 | 68 | Integrated | |
20.2 | 69 | [[[[image:attach:userindex_actions_integrated.png]]>>attach:userindex_actions_integrated.png]] | |
4.2 | 70 | ))) | |
71 | ))) | ||
72 | |||
4.6 | 73 | === Create === | |
4.2 | 74 | ||
19.3 | 75 | (% class="row" %) | |
76 | ((( | ||
77 | (% class="col-xs-12 col-sm-4" %) | ||
78 | ((( | ||
8.2 | 79 | * Showcasing that "Create" action could be represented as a button or as a separate card | |
19.2 | 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. | ||
4.2 | 82 | ))) | |
19.3 | 83 | ||
84 | (% class="col-xs-12 col-sm-4" %) | ||
85 | ((( | ||
8.2 | 86 | Card | |
20.2 | 87 | [[[[image:attach:userindex_create_card_overview.png]]>>attach:userindex_create_card_overview.png]] | |
8.2 | 88 | [[image:attach:userindex_create_card.png]] | |
4.2 | 89 | ))) | |
19.3 | 90 | ||
91 | (% class="col-xs-12 col-sm-4" %) | ||
92 | ((( | ||
8.2 | 93 | Button | |
20.2 | 94 | [[[[image:attach:userindex_create_button.png]]>>attach:userindex_create_button.png]] | |
4.2 | 95 | ))) | |
96 | ))) | ||
97 | |||
4.4 | 98 | == User card == | |
99 | |||
11.2 | 100 | === User status === | |
101 | |||
19.3 | 102 | (% class="row" %) | |
103 | ((( | ||
104 | (% class="col-xs-12 col-sm-4" %) | ||
105 | ((( | ||
17.7 | 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. | ||
11.2 | 111 | ))) | |
19.3 | 112 | ||
113 | (% class="col-xs-12 col-sm-4" %) | ||
114 | ((( | ||
17.7 | 115 | Current user | |
116 | [[image:attach:userindex_user_current.png]] | ||
117 | ))) | ||
19.3 | 118 | ||
119 | (% class="col-xs-12 col-sm-4" %) | ||
120 | ((( | ||
11.2 | 121 | Multiple groups | |
122 | [[image:attach:userindex_user_groups.png]] | ||
123 | ))) | ||
124 | ))) | ||
125 | |||
4.2 | 126 | === User actions === | |
127 | |||
19.3 | 128 | (% class="row" %) | |
129 | ((( | ||
130 | (% class="col-xs-12 col-sm-4" %) | ||
131 | ((( | ||
17.8 | 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. | ||
4.2 | 134 | ))) | |
135 | |||
19.3 | 136 | (% class="col-xs-12 col-sm-4" %) | |
137 | ((( | ||
17.7 | 138 | [[image:attach:userindex_user_default.png]] | |
4.2 | 139 | ))) | |
140 | |||
19.3 | 141 | (% class="col-xs-12 col-sm-4" %) | |
142 | ((( | ||
17.8 | 143 | [[image:attach:userindex_user_actions.png]] | |
4.2 | 144 | ))) | |
145 | ))) |