Aller au contenu

Modifications pour le document Profil de XWikiUserSheet

Modifié par superadmin le 2026/01/29 15:29
Depuis la version 2.1
modifié par superadmin
sur 2026/01/29 15:29
Commentaire de modification : Imported from XAR
À la version 1.1
modifié par superadmin
sur 2026/01/29 15:25
Commentaire de modification : Install extension [org.xwiki.platform:xwiki-platform-user-profile-ui/17.10.2]

Résumé

Détails

Propriétés de la Page
Contenu
... ... @@ -65,8 +65,7 @@
65 65   ## By specifying the image width we enable server side resizing. The width value we use is greater than the
66 66   ## available space because we don't want to loose too much of the image quality (we rely on the browser to fit the
67 67   ## image in the available space).
68 - #set($isMyProfile = ($services.model.resolveDocument($xcontext.user) == $doc.documentReference))
69 - {{attachmentSelector classname="XWiki.XWikiUsers" object="$obj.number" property="avatar" #if ($isMyProfile) savemode="direct" #end defaultValue="XWiki.XWikiUserSheet@noavatar.png" width="180" alternateText="$xwiki.getUserName($doc.fullName, false)" buttontext="$services.localization.render('platform.core.profile.changePhoto')" displayImage="true" filter="png,jpg,jpeg,gif"/}}
68 + {{attachmentSelector classname="XWiki.XWikiUsers" object="$obj.number" property="avatar" #if ($hasEdit) savemode="direct" #end defaultValue="XWiki.XWikiUserSheet@noavatar.png" width="180" alternateText="$xwiki.getUserName($doc.fullName, false)" buttontext="$services.localization.render('platform.core.profile.changePhoto')" displayImage="true" filter="png,jpg,jpeg,gif"/}}
70 70   #end
71 71   )))
72 72   ##########
XWiki.JavaScriptExtension[0]
Code
... ... @@ -72,7 +72,7 @@
72 72  
73 73   updateField : function (fieldName, value) {
74 74   var element = $$('input[name=' + fieldName + ']');
75 - if (element && element.size() > 0) {
75 + if (element && element.length) {
76 76   element[0].value = value;
77 77   }
78 78   },
... ... @@ -79,7 +79,7 @@
79 79  
80 80   handleCancelAction : function() {
81 81   var elements = $$('form .buttons input[type=submit][name=action_cancel]');
82 - if (elements && elements.size() > 0) {
82 + if (elements && elements.length) {
83 83   var button = elements[0];
84 84   Event.stopObserving(button, 'click');
85 85   button.observe('click', function(event){
XWiki.StyleSheetExtension[0]
Code
... ... @@ -1,50 +1,58 @@
1 1  #template("colorThemeInit.vm")
2 2  #set($tabswidth = "130px")
3 3  /* ----- User menu ----- */
4 -#user-menu-col{
4 +#user-menu-col {
5 5   float: left;
6 6   width: 13em;
7 7  }
8 8  
9 -#avatar p {
10 - text-align: center;
11 -}
9 +#avatar {
12 12  
13 -#avatar img {
14 - border: 1px solid $theme.borderColor;
15 - border-radius: 5px 5px 5px 5px;
16 - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
17 - margin: 0 auto;
18 - padding: 0.3em;
19 - width: 95%;
11 + p {
12 + text-align: center;
13 + }
14 +
15 + img {
16 + border-top: @border-width solid @list-group-border;
17 + border-left: @border-width solid @list-group-border;
18 + border-right: @border-width solid @list-group-border;
19 + border-bottom: 0;
20 + border-radius: @border-radius-base @border-radius-base 0 0;
21 + margin: 0 auto;
22 + }
23 +
24 + .attachment-picker {
25 + border-radius: @border-radius-base;
26 + padding: @border-width;
27 + }
20 20  }
21 21  
22 -.profile-menu .category-tab:before{
30 +.profile-menu .category-tab:before {
23 23   float: left;
24 24   margin: 5px 0 0 5px;
25 25  }
26 26  
27 -.profile-menu .user-menu-profile:before{
35 +.profile-menu .user-menu-profile:before {
28 28   content: url("$xwiki.getSkinFile('icons/silk/vcard.png')");
29 29  }
30 30  
31 -.profile-menu .user-menu-preferences:before{
39 +.profile-menu .user-menu-preferences:before {
32 32   content: url("$xwiki.getSkinFile('icons/silk/wrench.png')");
33 33  }
34 34  
35 -.profile-menu .user-menu-watchlist:before{
43 +.profile-menu .user-menu-watchlist:before {
36 36   content: url("$xwiki.getSkinFile('icons/silk/star.png')");
37 37  }
38 38  
39 -.profile-menu .user-menu-network:before{
47 +.profile-menu .user-menu-network:before {
40 40   content: url("$xwiki.getSkinFile('icons/silk/group.png')");
41 41  }
42 42  
43 -.profile-menu .user-menu-dashboard:before{
51 +.profile-menu .user-menu-dashboard:before {
44 44   content: url("$xwiki.getSkinFile('icons/silk/application_view_tile.png')");
45 45  }
46 46  
47 -.profile-menu .user-menu-wikis:before{
55 +.profile-menu .user-menu-wikis:before {
48 48   content: url("$xwiki.getSkinFile('icons/silk/chart_organisation.png')");
49 49  }
50 50  
... ... @@ -63,22 +63,22 @@
63 63   background-position: 7px 50%,top center;
64 64  }
65 65  
66 -.user-menu-title a:hover{
74 +.user-menu-title a:hover {
67 67   color: $theme.panelHeaderTextColor !important;
68 68  }
69 69  
70 70  /* ----- Page content ---- */
71 -#user-page-content{
79 +#user-page-content {
72 72   margin-left: 14em;
73 73  }
74 74  
75 -.column h1 {
76 - font-weight:bold;
77 - font-size:115%;
78 - margin:10px 0;
83 +.column h1, .column h2 {
84 + font-weight: bold;
85 + font-size: 115%;
86 + margin: 10px 0;
79 79  }
80 80  
81 -.column h2 {
89 +.column h3 {
82 82   font-size: 110%;
83 83  }
84 84  
... ... @@ -96,7 +96,7 @@
96 96  
97 97  /* ----- Profile ----- */
98 98  td.recentChangesLeft, .recentChangesMoreActions {
99 - display:none;
107 + display: none;
100 100  }
101 101  
102 102  td.recentChangesRight {
... ... @@ -115,10 +115,6 @@
115 115   background-color: $theme.backgroundSecondaryColor;
116 116  }
117 117  
118 -.userInfo {
119 - -ms-word-break: break-all; /* IE8, IE9 */
120 -}
121 -
122 122  .userInfo a {
123 123   word-wrap: break-word;
124 124  }
... ... @@ -130,6 +130,7 @@
130 130  .userInfo h2 {
131 131   font-size: larger;
132 132   font-weight: bolder;
137 + margin-top: 10px;
133 133  }
134 134  
135 135  div.userInfo input[type="text"], div.userInfo input[type="password"], div.userInfo textarea, div.userInfo select, div.userPreferences select {
... ... @@ -137,15 +137,9 @@
137 137  }
138 138  
139 139  div.editProfileCategory {
140 - float:right;
145 + float: right;
141 141  }
142 142  
143 -div.editProfileCategory a {
144 - display:block;
145 - width: 16px;
146 - height: 16px;
147 - background: url("$xwiki.getSkinFile('icons/silk/pencil.png')") no-repeat;
148 -}
149 149  
150 150  /* Watchlist */
151 151  
... ... @@ -156,9 +156,9 @@
156 156  }
157 157  
158 158  span#avatarUpload {
159 - display:block;
160 - width:$tabswidth;
161 - position:absolute;
158 + display: block;
159 + width: $tabswidth;
160 + position: absolute;
162 162   font-size: 10px;
163 163   font-weight: bold;
164 164   background-color: white;
... ... @@ -173,59 +173,72 @@
173 173   margin: 0;
174 174   padding: 0;
175 175  }
175 +
176 176  #networkPane .following li {
177 177   padding: 2px 20px 2px 2px;
178 178  }
179 +
179 179  #networkPane .following li:hover {
180 180   background-color: $theme.highlightColor;
181 181  }
183 +
182 182  #networkPane .following img {
183 183   float: left;
184 184   margin-right: 5px;
185 185  }
188 +
186 186  #networkPane .following .user-info {
187 187   float: left;
188 188  }
192 +
189 189  #networkPane .following .user-id {
190 190   font-size: .8em;
191 191   font-weight: 900;
192 192  }
197 +
193 193  #networkPane .following .unfollow {
194 194   float: right;
195 195   margin-right: -16px;
196 196   padding: 0;
197 197  }
203 +
198 198  ## --------------------------------------
199 199  ## Picker style
200 -.attachment-picker {
206 +
207 +#user-menu-col .attachment-picker {
201 201   position: relative;
202 202   margin: auto;
203 203   width: 100%;
204 204  }
205 -.attachment-picker p {
212 +
213 +#user-menu-col .attachment-picker p {
206 206   padding: 0;
207 207   margin: 0;
208 208  }
209 209  
210 -.attachment-picker .picture {
218 +#user-menu-col .attachment-picker .picture {
211 211   z-index: -1;
212 212  }
213 -.attachment-picker .buttonwrapper {
221 +
222 +#user-menu-col .attachment-picker .buttonwrapper {
214 214   margin: 0;
215 215  }
216 216  
217 -.attachment-picker-start {
218 - background: url("$xwiki.getSkinFile('icons/silk/picture_edit.png')") no-repeat center center $theme.pageContentBackgroundColor !important;
219 - border: 0 none !important;
220 - border-bottom-left-radius: 8px;
221 - height: 18px;
222 - position: absolute;
223 - right: 0;
224 - text-align: left;
225 - text-indent: -9999px;
226 - top: 1px;
227 - width: 18px !important;
228 - z-index: 1;
226 +#user-menu-col .attachment-picker {
227 + .buttonwrapper {
228 + .wikilink {
229 + display: flex;
230 + flex-flow: column;
231 + }
232 +
233 + a.button {
234 + .btn;
235 + .btn-default;
236 + border-radius: 0 0 @border-radius-base @border-radius-base;
237 + flex-grow: 1;
238 + margin: 0;
239 + }
240 + }
229 229  }
230 230  
231 231  ## --------------------------------------
Content Type
... ... @@ -1,0 +1,1 @@
1 +LESS