cotugno/jellyfin-web
2
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web.git synced 2024-11-18 03:18:19 -07:00
Code Issues Packages Projects Releases Wiki Activity

change user flyout to panel

Browse Source
This commit is contained in:
Luke Pulverenti 2014-03-17 01:23:13 -04:00
parent 122f1949f1
commit 1e76f3cfe4
1 changed files with 15 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
dashboard-ui/scripts/site.js
View File

@ -463,40 +463,35 @@ var Dashboard = {
Dashboard.getCurrentUser().done(function (user) {
var html = '<div data-role="popup" data-transition="slidefade" id="userFlyout" style="max-width:400px;margin-top:30px;margin-right:20px;" data-theme="a">';
var html = '<div data-role="panel" data-position="right" data-display="overlay" id="userFlyout" data-theme="b">';
html += '<a href="#" data-rel="back" data-role="button" data-icon="delete" data-iconpos="notext" class="ui-btn-right" data-theme="b">Close</a>';
html += '<h3>';
html += '<div class="ui-bar-b" style="text-align:center;">';
html += '<h3 style="margin: .5em 0;">' + user.Name + '</h3>';
html += '</div>';
if (user.PrimaryImageTag) {
var imageUrl = ApiClient.getUserImageUrl(user.Id, {
html += '<div style="padding: 1em;">';
html += '<p style="text-align:center;">';
var imageUrl = user.PrimaryImageTag ? ApiClient.getUserImageUrl(user.Id, {
height: 400,
width: 60,
tag: user.PrimaryImageTag,
type: "Primary"
}) : "css/images/userflyoutdefault.png";
});
html += '<img style="max-height:125px;max-width:200px;" src="' + imageUrl + '" />';
html += '</p>';
html += '<img style="max-width:28px;vertical-align:middle;margin-right:5px;" src="' + imageUrl + '" />';
}
html += '<p><a data-mini="true" data-role="button" href="useredit.html?userId=' + user.Id + '" data-icon="user">View Profile</button></a>';
html += user.Name;
html += '</h3>';
html += '<p><a data-mini="true" data-role="button" href="useredit.html?userId=' + user.Id + '" data-icon="user">Preferences</button></a>';
html += '<p><button data-mini="true" type="button" onclick="Dashboard.logout();" data-icon="lock">Sign Out</button></p>';
html += '</div>';
html += '</div>';
$(document.body).append(html);
$('#userFlyout').popup({ positionTo: context }).trigger('create').popup("open").on("popupafterclose", function () {
$('#userFlyout').panel({}).trigger('create').panel("open").on("panelafterclose", function () {
$(this).off("popupafterclose").remove();
$(this).off("panelafterclose").remove();
});
});
},