hyperzlib
/
nodebb-theme-persona
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

updated change picture modal to allow plugins

Browse Source
main
Julian Lam 9 years ago
parent 5132f0c781
commit 21820e9297
2 changed files with 47 additions and 34 deletions
Show Stats Download Patch File Download Diff File

11
less/account.less
Unescape Escape View File

@ -183,3 +183,14 @@
width:100px; width:100px;
} }
} }
.picture-switcher {
img, .user-icon {
.user-icon-style(46px, 2.4rem, 50%);
}
h4 {
line-height: 46px;
margin: 0;
}
}

62
templates/partials/modals/change_picture_modal.tpl
Unescape Escape View File

@ -1,36 +1,38 @@
<div id="change-picture-modal" class="modal" tabindex="-1" role="dialog" aria-labelledby="change-picture" aria-hidden="true"> <div class="list-group media">
<div class="modal-dialog"> <button type="button" class="list-group-item" data-type="default">
<div class="modal-content"> <div class="media-left">
<div class="modal-header"> <div class="user-icon media-object"></div>
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> </div>
<h3 id="change-picture">[[user:change_picture]]</h3> <div class="media-body">
</div> <h4 class="media-heading">[[user:default_picture]]</h4>
<div class="modal-body"> </div>
<div id="default-box"> </button>
<div class="user-icon user-profile-picture"></div> <!-- BEGIN pictures -->
<span class="user-picture-label">[[user:default_picture]]</span> <button type="button" class="list-group-item" data-type="{pictures.type}">
<i class='fa fa-check fa-2x'></i> <div class="media-left">
</div> <img class="media-object" src="{pictures.url}" title="{pictures.text}" />
<br/> </div>
<div class="media-body">
<h4 class="media-heading">{pictures.text}</h4>
</div>
</button>
<!-- END pictures -->
</div>
<div class="btn-group btn-group-justified" role="group">
<!-- IF config.allowProfileImageUploads --> <!-- IF config.allowProfileImageUploads -->
<div id="uploaded-box"> <div class="btn-group" role="group">
<img id="user-uploaded-picture" src="" class="user-profile-picture"> <button type="button" class="btn btn-default" data-action="upload">[[user:upload_new_picture]]</button>
<span class="user-picture-label">[[user:uploaded_picture]]</span>
<i class='fa fa-check fa-2x'></i>
</div> </div>
<a id="uploadPictureBtn" href="#">[[user:upload_new_picture]]</a> <br/>
<!-- IF config.hasImageUploadPlugin -->
<a id="uploadFromUrlBtn" href="#">[[user:upload_new_picture_from_url]]</a> <br/>
<!-- ENDIF config.hasImageUploadPlugin -->
<a id="removeUploadedPictureBtn" href="#" class="<!-- IF !uploadedpicture -->hide<!-- ENDIF !uploadedpicture -->">[[user:remove_uploaded_picture]]</a>
<!-- ENDIF config.allowProfileImageUploads --> <!-- ENDIF config.allowProfileImageUploads -->
<!-- IF config.hasImageUploadPlugin -->
<div class="btn-group" role="group">
<button type="button" class="btn btn-default" data-action="upload-url">[[user:upload_new_picture_from_url]]</button>
</div> </div>
<div class="modal-footer"> <!-- ENDIF config.hasImageUploadPlugin -->
<button class="btn btn-default" data-dismiss="modal" aria-hidden="true">[[global:close]]</button> <!-- IF uploaded -->
<button id="savePictureChangesBtn" class="btn btn-primary">[[global:save_changes]]</button> <div class="btn-group" role="group">
</div> <button type="button" class="btn btn-default" data-action="remove-uploaded">[[user:remove_uploaded_picture]]</button>
</div>
</div>
</div> </div>
<!-- ENDIF uploaded -->
</div>

Write Preview
Loading…
Cancel
Save