jellyfin-web/dashboard-ui/userprofiles.html
2014-10-14 20:05:09 -04:00

78 lines
3.8 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title>${TitleUsers}</title>
</head>
<body>
<div id="userProfilesPage" data-role="page" class="page type-interior userProfilesPage">
<div data-role="content">
<div class="content-primary">
<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="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>
<div class="ui-bar-a" style="padding: 0 1em;margin-top:2em;">
<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>
</h3>
</div>
<div class="itemsContainer connectUsers" style="text-align:left;margin-top:.5em;"></div>
<div class="sectionPendingGuests" style="display:none;margin-top:2em;">
<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>
<div data-role="popup" id="popupInvite" data-theme="a">
<a href="#" data-rel="back" class="ui-btn ui-corner-all ui-shadow ui-btn-a ui-icon-delete ui-btn-icon-notext ui-btn-right">${ButtonClose}</a>
<div class="ui-bar-a" style="text-align: center; padding: 5px 20px;">
<h3 style="margin: .5em;">${HeaderInviteUser}</h3>
</div>
<div style="padding:10px 20px;">
<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>${LabelConnectInviteUserHelp}</div>
<div style="margin-top: .75em;"><a href="http://mediabrowser.tv/connect" target="_blank">${ButtonLearnMoreAboutMediaBrowserConnect}</a></div>
</div>
<br />
<button type="submit" data-icon="mail">${ButtonSendInvitation}</button>
</div>
</form>
</div>
</div>
</div>
<script type="text/javascript">
$('.addUserForm').off('submit', UserProfilesPage.onSubmit).on('submit', UserProfilesPage.onSubmit);
</script>
</div>
</body>
</html>