Wiki source code of Nested: Add Action
Last modified by Vincent Massol on 2024/02/26 17:52
Show last authors
| author | version | line-number | content |
|---|---|---|---|
| 1 | (% class="row" %) | ||
| 2 | ((( | ||
| 3 | (% class="col-xs-12" %) | ||
| 4 | ((( | ||
| 5 | == Before == | ||
| 6 | ))) | ||
| 7 | (% class="col-xs-6" %) | ||
| 8 | ((( | ||
| 9 | [[{{image reference="[email protected]" width="100%"/}}>>attach:before.png]] | ||
| 10 | ))) | ||
| 11 | (% class="col-xs-6" %) | ||
| 12 | ((( | ||
| 13 | **Purpose**: Removing global menu from UI means finding a new place to display Add action for wikis and pages. | ||
| 14 | ))) | ||
| 15 | ))) | ||
| 16 | |||
| 17 | (% class="row" %) | ||
| 18 | ((( | ||
| 19 | (% class="col-xs-12" %) | ||
| 20 | ((( | ||
| 21 | == Iteration 1 == | ||
| 22 | ))) | ||
| 23 | (% class="col-xs-12" %) | ||
| 24 | ((( | ||
| 25 | The first iteration of Menus was part of the [[Macaw Skin>>Proposal.MacawSkin]] proposal. | ||
| 26 | |||
| 27 | ))) | ||
| 28 | (% class="col-xs-6" %) | ||
| 29 | ((( | ||
| 30 | View Mode | ||
| 31 | [[{{image reference="contentDesktop.png" width="100%"/}}>>attach:contentDesktop.png]] | ||
| 32 | ))) | ||
| 33 | (% class="col-xs-6" %) | ||
| 34 | ((( | ||
| 35 | ))) | ||
| 36 | ))) | ||
| 37 | |||
| 38 | (% class="row" %) | ||
| 39 | ((( | ||
| 40 | (% class="col-xs-12" %) | ||
| 41 | ((( | ||
| 42 | == Iteration 2 == | ||
| 43 | |||
| 44 | {{toc start='3'/}} | ||
| 45 | ))) | ||
| 46 | ))) | ||
| 47 | |||
| 48 | (% class="row" %) | ||
| 49 | ((( | ||
| 50 | (% class="col-xs-12" %) | ||
| 51 | ((( | ||
| 52 | === Alternatives: Options === | ||
| 53 | ))) | ||
| 54 | ))) | ||
| 55 | |||
| 56 | (% class="row" %) | ||
| 57 | ((( | ||
| 58 | (% class="col-xs-6" %) | ||
| 59 | ((( | ||
| 60 | [[{{image reference="AddOptions.png" width="100%"/}}>>attach:AddOptions.png]] | ||
| 61 | ))) | ||
| 62 | (% class="col-xs-6" %) | ||
| 63 | ((( | ||
| 64 | * A: | ||
| 65 | ** Just one button - that add the default type: page / child | ||
| 66 | ** Wiki creation would be transferred to Drawer | ||
| 67 | ** {{info}}Recommended{{/info}} | ||
| 68 | * B: | ||
| 69 | ** There is no need to display the option if there is only one type | ||
| 70 | * C: | ||
| 71 | ** If we remove the Space notion, we could have just Page and Wiki. Wiki option could be moved to Drawer and Wiki Index since it's an action done by Administrators and doesn't happen very often | ||
| 72 | * D: | ||
| 73 | ** We could offer the ability to create page objects or page templates in the Add menu. We used to have this kind of menu in Colibri. It was rarely used. | ||
| 74 | * E: | ||
| 75 | ** In the future some applications might want to extend the Add button by providing specialized entities. | ||
| 76 | ))) | ||
| 77 | ))) | ||
| 78 | |||
| 79 | (% class="row" %) | ||
| 80 | ((( | ||
| 81 | (% class="col-xs-12" %) | ||
| 82 | ((( | ||
| 83 | === Alternatives: Position === | ||
| 84 | ))) | ||
| 85 | ))) | ||
| 86 | |||
| 87 | (% class="row" %) | ||
| 88 | ((( | ||
| 89 | (% class="col-xs-4" %) | ||
| 90 | ((( | ||
| 91 | [[{{image reference="AddInsideMenu.png" width="100%"/}}>>attach:AddInsideMenu.png]] | ||
| 92 | ))) | ||
| 93 | (% class="col-xs-8" %) | ||
| 94 | ((( | ||
| 95 | P1: Inside content menu ([[preview>>attach:[email protected]]]) | ||
| 96 | (%class="table"%) | ||
| 97 | |(%width='50%'%){{success}}Pros{{/success}} All actions displayed inside a single menu|{{error}}Cons{{/error}} Common actions are a click behind | ||
| 98 | ))) | ||
| 99 | ))) | ||
| 100 | |||
| 101 | (% class="row" %) | ||
| 102 | ((( | ||
| 103 | (% class="col-xs-4" %) | ||
| 104 | ((( | ||
| 105 | [[{{image reference="AddButton.png" width="100%"/}}>>attach:AddButton.png]] | ||
| 106 | ))) | ||
| 107 | (% class="col-xs-8" %) | ||
| 108 | ((( | ||
| 109 | P2: As text-buttons inside content area ([[preview>>attach:[email protected]]]) | ||
| 110 | (%class="table"%) | ||
| 111 | |(%width='50%'%){{success}}Pros{{/success}} Common action (Edit, Add) displayed using textual button| | ||
| 112 | ))) | ||
| 113 | ))) | ||
| 114 | |||
| 115 | (% class="row" %) | ||
| 116 | ((( | ||
| 117 | (% class="col-xs-4" %) | ||
| 118 | ((( | ||
| 119 | [[{{image reference="AddIcon.png" width="100%"/}}>>attach:AddIcon.png]] | ||
| 120 | ))) | ||
| 121 | (% class="col-xs-8" %) | ||
| 122 | ((( | ||
| 123 | P3: As icon-buttons inside content area | ||
| 124 | |(%width='50%'%){{success}}Pros{{/success}} Common action (Edit, Add) displayed using icon button|{{error}}Cons{{/error}} Even though icons are more cryptic, 'pencil' and 'plus' icons are pattern commonly used for 'edit' and 'add' | ||
| 125 | |{{info}}Recommended{{/info}}| | ||
| 126 | ))) | ||
| 127 | ))) | ||
| 128 | |||
| 129 | (% class="row" %) | ||
| 130 | ((( | ||
| 131 | (% class="col-xs-4" %) | ||
| 132 | ((( | ||
| 133 | [[{{image reference="AddTop.png" width="100%"/}}>>attach:AddTop.png]] | ||
| 134 | ))) | ||
| 135 | (% class="col-xs-8" %) | ||
| 136 | ((( | ||
| 137 | P4: Inside global menu | ||
| 138 | |(%width='50%'%){{success}}Pros{{/success}} Can support multiple types of entities (page, wiki)|{{error}}Cons{{/error}} We now have a limited number of options to display: wiki creation can be ported to Drawer instead | ||
| 139 | || | ||
| 140 | ))) | ||
| 141 | ))) | ||
| 142 | |||
| 143 | (% class="row" %) | ||
| 144 | ((( | ||
| 145 | (% class="col-xs-4" %) | ||
| 146 | ((( | ||
| 147 | [[{{image reference="AddFloating.png" width="100%"/}}>>attach:AddFloating.png]] | ||
| 148 | ))) | ||
| 149 | (% class="col-xs-8" %) | ||
| 150 | ((( | ||
| 151 | P5: As floating action button (Macaw style) ([[preview>>attach:[email protected]]]) | ||
| 152 | |(%width='50%'%){{success}}Pros{{/success}} Only one primary action displayed|{{error}}Cons{{/error}} It would limit the ability to create entities only on WebHomes. With the Nested Documents changes, the line between WebHomes and normal pages will be blurred. Thus it will be harder to asses what the main action is: 'Edit' or 'Add'. | ||
| 153 | || | ||
| 154 | ))) | ||
| 155 | ))) | ||
| 156 | |||
| 157 | (% class="row" %) | ||
| 158 | ((( | ||
| 159 | (% class="col-xs-4" %) | ||
| 160 | ((( | ||
| 161 | [[{{image reference="AddBreadcrumb.png" width="100%"/}}>>attach:AddBreadcrumb.png]] | ||
| 162 | ))) | ||
| 163 | (% class="col-xs-8" %) | ||
| 164 | ((( | ||
| 165 | P6: As breadcrumb action | ||
| 166 | |(%width='50%'%)|{{error}}Cons{{/error}} Suggests that only one type of entities can be created: child pages. | ||
| 167 | || | ||
| 168 | ))) | ||
| 169 | ))) | ||
| 170 | |||
| 171 | (% class="row" %) | ||
| 172 | ((( | ||
| 173 | (% class="col-xs-12" %) | ||
| 174 | ((( | ||
| 175 | === Alternatives: Type === | ||
| 176 | ))) | ||
| 177 | ))) | ||
| 178 | |||
| 179 | (% class="row" %) | ||
| 180 | ((( | ||
| 181 | (% class="col-xs-4" %) | ||
| 182 | ((( | ||
| 183 | [[{{image reference="AddTypeMenu.png" width="100%"/}}>>attach:AddTypeMenu.png]] | ||
| 184 | ))) | ||
| 185 | (% class="col-xs-8" %) | ||
| 186 | ((( | ||
| 187 | T1: Menu | ||
| 188 | |(%width='50%'%){{success}}Pros{{/success}} Keeps context for experimental add action|{{error}}Cons{{/error}} Not extensible | ||
| 189 | || | ||
| 190 | ))) | ||
| 191 | ))) | ||
| 192 | |||
| 193 | (% class="row" %) | ||
| 194 | ((( | ||
| 195 | (% class="col-xs-4" %) | ||
| 196 | ((( | ||
| 197 | [[{{image reference="AddTypeOverlay.png" width="100%"/}}>>attach:AddTypeOverlay.png]] | ||
| 198 | ))) | ||
| 199 | (% class="col-xs-8" %) | ||
| 200 | ((( | ||
| 201 | T2: Overlay | ||
| 202 | |(%width='50%'%){{success}}Pros{{/success}} Keeps context and allows additional customization of entity presentation|{{error}}Cons{{/error}} Limited extensibility | ||
| 203 | ||{{error}}Cons{{/error}} Needs another step to define the page details | ||
| 204 | || | ||
| 205 | ))) | ||
| 206 | ))) | ||
| 207 | |||
| 208 | (% class="row" %) | ||
| 209 | ((( | ||
| 210 | (% class="col-xs-4" %) | ||
| 211 | ((( | ||
| 212 | [[{{image reference="AddTypePage.png" width="100%"/}}>>attach:AddTypePage.png]] | ||
| 213 | ))) | ||
| 214 | (% class="col-xs-8" %) | ||
| 215 | ((( | ||
| 216 | T3: Create Step ([[preview>>attach:[email protected]]]) | ||
| 217 | |(%width='50%'%){{success}}Pros{{/success}} Extensible|{{error}}Cons{{/error}} Needs to reload another page in order to show the options | ||
| 218 | |{{info}}Recommended{{/info}} | | ||
| 219 | ))) | ||
| 220 | ))) |
