Wiki source code of User Index Cards
Last modified by Vincent Massol on 2024/11/19 16:15
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 | ))) |
