update connect

This commit is contained in:
Luke Pulverenti 2014-10-14 00:22:17 -04:00
parent 2696d8eb73
commit 0910dce389
7 changed files with 97 additions and 46 deletions

View File

@ -26,6 +26,12 @@
$('#fldConnectInfo', page).hide();
}
if (user.ConnectLinkType == 'Guest') {
$('#txtUserName', page).prop("disabled", "disabled");
} else {
$('#txtUserName', page).prop("disabled", "").removeAttr('disabled');
}
if (!loggedInUser.Configuration.IsAdministrator || !user.Id) {
$('.lnkEditUserPreferencesContainer', page).hide();
@ -254,8 +260,6 @@
var page = this;
loadData(page);
$("form input:first", page).focus();
});
})(jQuery, window, document);

View File

@ -23,10 +23,21 @@
});
$('#fldImage', page).show().html('').html("<img height='200px' src='" + imageUrl + "' />");
}
if (user.ConnectLinkType == 'Guest') {
$('.newImageSection', page).hide();
$('#fldDeleteImage', page).hide();
}
else if (user.PrimaryImageTag) {
$('#fldDeleteImage', page).show();
$('#headerUploadNewImage', page).show();
$('.newImageSection', page).show();
} else {
$('.newImageSection', page).show();
$('#fldImage', page).hide().html('');
$('#fldDeleteImage', page).hide();
$('#headerUploadNewImage', page).hide();

View File

@ -8,16 +8,22 @@
Dashboard.setPageTitle(user.Name);
if (user.HasConfiguredPassword) {
if (user.ConnectLinkType == 'Guest') {
$('.localAccessSection', page).show().collapsible("option", "collapsed", false);
$('.passwordSection', page).hide();
}
else if (user.HasConfiguredPassword) {
$('#btnResetPassword', page).show();
$('#fldCurrentPassword', page).show();
$('.formheader', page).hide();
$('.localAccessSection', page).show();
$('.passwordSection', page).show();
} else {
$('#btnResetPassword', page).hide();
$('#fldCurrentPassword', page).hide();
$('.formheader', page).show();
$('.localAccessSection', page).hide();
$('.passwordSection', page).show();
}
$('#chkEnableLocalAccessWithoutPassword', page).checked(user.Configuration.EnableLocalPassword).checkboxradio('refresh');

View File

@ -61,7 +61,7 @@
var html = '';
var cssClass = "card homePageSquareCard alternateHover bottomPaddedCard";
var cssClass = "card squareCard alternateHover bottomPaddedCard";
if (user.Configuration.IsDisabled) {
cssClass += ' grayscale';
@ -150,7 +150,13 @@
function renderUsers(page, users) {
renderUsersIntoElement($('.users', page), users);
renderUsersIntoElement($('.localUsers', page), users.filter(function (u) {
return u.ConnectLinkType != 'Guest';
}));
renderUsersIntoElement($('.connectUsers', page), users.filter(function (u) {
return u.ConnectLinkType == 'Guest';
}));
}
function showPendingUserMenu(elem) {
@ -190,7 +196,7 @@
var html = '';
var cssClass = "card homePageSquareCard alternateHover bottomPaddedCard";
var cssClass = "card squareCard alternateHover bottomPaddedCard";
html += "<div data-id='" + user.Id + "' class='" + cssClass + "'>";
@ -315,7 +321,24 @@
}
$(document).on('pagebeforeshow', "#userProfilesPage", function () {
function showInvitePopup(page) {
$('#popupInvite', page).popup('open');
$('#txtConnectUsername', page).val('');
}
$(document).on('pageinit', "#userProfilesPage", function () {
var page = this;
$('.btnInvite', page).on('click', function () {
showInvitePopup(page);
});
}).on('pagebeforeshow', "#userProfilesPage", function () {
var page = this;

View File

@ -23,6 +23,7 @@
</p>
</div>
<div class="newImageSection" style="display:none;">
<h2 id="headerUploadNewImage" style="display: none;">${HeaderUploadNewImage}</h2>
<form id="uploadUserImageForm">
<ul data-role="listview" class="ulForm">
@ -42,6 +43,7 @@
</li>
</ul>
</form>
</div>
</div>
</div>

View File

@ -16,7 +16,7 @@
</div>
<div class="readOnlyContent">
<div data-role="collapsible" data-collapsed="false">
<div data-role="collapsible" data-collapsed="false" class="passwordSection" style="display:none;">
<h2>${HeaderPassword}</h2>
<div>
<br />

View File

@ -9,30 +9,35 @@
<div data-role="content">
<div class="content-primary">
<div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true">
<div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true" style="margin-bottom:30px!important;">
<a href="#" data-role="button" class="ui-btn-active">${TabUsers}</a>
</div>
<div class="readOnlyContent">
<div>
<a data-role="button" data-icon="plus" href="#popupInvite" data-rel="popup" data-position-to="window" data-inline="true" data-mini="true">
<div class="ui-bar-a" style="padding: 0 1em;">
<h3 style="margin:.6em 0;font-size:16px;font-weight:500;">
<span style="vertical-align:middle;">${HeaderUsers}</span>
<a data-role="button" data-icon="plus" href="useredit.html" data-inline="true" data-mini="true" data-iconpos="notext" style="margin: 0 .5em; vertical-align:middle;">
${ButtonAddUser}
</a>
</h3>
</div>
<div class="itemsContainer localUsers" style="text-align:left;margin-top:.5em;"></div>
<br /><br />
<div class="ui-bar-a" style="padding: 0 1em;">
<h3 style="margin:.6em 0;font-size:16px;font-weight:500;">
<span style="vertical-align:middle;">${HeaderGuests}</span>
<a class="btnInvite" data-role="button" data-icon="plus" href="#" data-rel="popup" data-position-to="window" data-inline="true" data-mini="true" data-iconpos="notext" style="margin: 0 0 0 .5em; vertical-align:middle;">
${ButtonInviteUser}
</a>
<a data-role="button" data-icon="plus" href="useredit.html" data-inline="true" data-mini="true">
${ButtonAddLocalUser}
</a>
</div>
</h3>
</div>
<div class="itemsContainer connectUsers" style="text-align:left;margin-top:.5em;"></div>
<br /><br />
<div class="itemsContainer users" style="text-align:left;">
</div>
<br />
<div class="sectionPendingGuests" style="display:none;">
<br />
<br />
<div class="ui-bar-a" style="padding: 0 1em;"><h3>Pending Invitations</h3></div>
<div class="itemsContainer pending" style="text-align:left;"></div>
<div class="ui-bar-a" style="padding: 0 1em;"><h3 style="font-size:16px;font-weight:500;">${HeaderPendingInvitations}</h3></div>
<div class="itemsContainer pending" style="text-align:left;margin-top:.5em;"></div>
</div>
</div>
@ -46,13 +51,13 @@
<div style="padding:10px 20px;">
<p>${HeaderInviteUserHelp}</p>
<p style="margin:1em 0 1.25em;">${HeaderInviteUserHelp}</p>
<form class="addUserForm">
<div>
<label for="txtConnectUsername">${LabelConnectUserName}</label>
<input type="text" id="txtConnectUsername" value="" placeholder="Username" required="required">
<div class="fieldDescription">
<div>${LabelConnectInviteHelp}</div>
<div>${LabelConnectInviteUserHelp}</div>
<div style="margin-top: .75em;"><a href="http://mediabrowser.tv/connect" target="_blank">${ButtonLearnMoreAboutMediaBrowserConnect}</a></div>
</div>