Skip to Content

Changes for page Profile of XWikiUserSheet

Last modified by Ludovic Dubost on 2024/07/22 15:51
From version 11.1
edited by Ludovic Dubost
on 2022/04/20 17:59
Change comment: Install extension [org.xwiki.platform:xwiki-platform-user-profile-ui/14.0]
To version 12.1
edited by Ludovic Dubost
on 2024/07/22 15:51
Change comment: Install extension [org.xwiki.platform:xwiki-platform-user-profile-ui/16.5.0]

Summary

Details

Page properties
Content
... ... @@ -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
... ... @@ -12,7 +12,7 @@
12 12  
13 13  #avatar img {
14 14   border: 1px solid $theme.borderColor;
15 - border-radius: 5px 5px 5px 5px;
15 + border-radius: 8px 8px 8px 8px;
16 16   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
17 17   margin: 0 auto;
18 18   padding: 0.3em;
... ... @@ -72,13 +72,13 @@
72 72   margin-left: 14em;
73 73  }
74 74  
75 -.column h1 {
76 - font-weight:bold;
77 - font-size:115%;
78 - margin:10px 0;
75 +.column h1, .column h2 {
76 + font-weight: bold;
77 + font-size: 115%;
78 + margin: 10px 0;
79 79  }
80 80  
81 -.column h2 {
81 +.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;
99 + display: none;
100 100  }
101 101  
102 102  td.recentChangesRight {
... ... @@ -126,6 +126,7 @@
126 126  .userInfo h2 {
127 127   font-size: larger;
128 128   font-weight: bolder;
129 + margin-top: 10px;
129 129  }
130 130  
131 131  div.userInfo input[type="text"], div.userInfo input[type="password"], div.userInfo textarea, div.userInfo select, div.userPreferences select {
... ... @@ -133,15 +133,9 @@
133 133  }
134 134  
135 135  div.editProfileCategory {
136 - float:right;
137 + float: right;
137 137  }
138 138  
139 -div.editProfileCategory a {
140 - display:block;
141 - width: 16px;
142 - height: 16px;
143 - background: url("$xwiki.getSkinFile('icons/silk/pencil.png')") no-repeat;
144 -}
145 145  
146 146  /* Watchlist */
147 147  
... ... @@ -152,9 +152,9 @@
152 152  }
153 153  
154 154  span#avatarUpload {
155 - display:block;
156 - width:$tabswidth;
157 - position:absolute;
150 + display: block;
151 + width: $tabswidth;
152 + position: absolute;
158 158   font-size: 10px;
159 159   font-weight: bold;
160 160   background-color: white;
... ... @@ -169,28 +169,35 @@
169 169   margin: 0;
170 170   padding: 0;
171 171  }
167 +
172 172  #networkPane .following li {
173 173   padding: 2px 20px 2px 2px;
174 174  }
171 +
175 175  #networkPane .following li:hover {
176 176   background-color: $theme.highlightColor;
177 177  }
175 +
178 178  #networkPane .following img {
179 179   float: left;
180 180   margin-right: 5px;
181 181  }
180 +
182 182  #networkPane .following .user-info {
183 183   float: left;
184 184  }
184 +
185 185  #networkPane .following .user-id {
186 186   font-size: .8em;
187 187   font-weight: 900;
188 188  }
189 +
189 189  #networkPane .following .unfollow {
190 190   float: right;
191 191   margin-right: -16px;
192 192   padding: 0;
193 193  }
195 +
194 194  ## --------------------------------------
195 195  ## Picker style
196 196  .attachment-picker {
... ... @@ -198,6 +198,7 @@
198 198   margin: auto;
199 199   width: 100%;
200 200  }
203 +
201 201  .attachment-picker p {
202 202   padding: 0;
203 203   margin: 0;
... ... @@ -206,6 +206,7 @@
206 206  .attachment-picker .picture {
207 207   z-index: -1;
208 208  }
212 +
209 209  .attachment-picker .buttonwrapper {
210 210   margin: 0;
211 211  }
Content Type
... ... @@ -1,0 +1,1 @@
1 +LESS