mirror of https://github.com/Ombi-app/Ombi
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
212 lines
8.9 KiB
212 lines
8.9 KiB
@using Ombi.UI.Helpers
|
|
@inherits Ombi.UI.Helpers.EmptyViewBase<Ombi.UI.Models.LandingPageViewModel>
|
|
@{
|
|
var baseUrl = Html.GetBaseUrl();
|
|
var formAction = string.Empty;
|
|
if (!string.IsNullOrEmpty(baseUrl.ToHtmlString()))
|
|
{
|
|
formAction = "/" + baseUrl.ToHtmlString();
|
|
}
|
|
}
|
|
@Html.LoadWizardAssets()
|
|
|
|
<img class="landing-header" src="@formAction/Content/images/logo.png" width="300" />
|
|
<div id="area" class="landing-block shadow">
|
|
|
|
<div class="media">
|
|
<div id="contentBody" class="media-body">
|
|
<h4 class="media-heading landing-title" id="statusTitle">Welcome to Ombi</h4>
|
|
<div class="form-group">
|
|
<small>we are just going to run though the initial Ombi setup!</small>
|
|
|
|
<div style="text-align: center; margin-top: 20px">
|
|
<a href="#" id="firstNext" class="btn btn-primary-outline">Next</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!--Templates-->
|
|
|
|
<script id="mediaApplicationChoice" type="text/html">
|
|
<div>
|
|
<h4 class="media-heading landing-title wizard-heading" id="statusTitle">Please choose your media server</h4>
|
|
<div class="form-group">
|
|
<div class="row">
|
|
<a href="#" id="embyImg">
|
|
<img class="wizard-img" src="@formAction/Content/images/emby-logo-dark.jpg" />
|
|
</a>
|
|
</div>
|
|
<div class="row">
|
|
<a href="#" id="plexImg">
|
|
<img class="wizard-img" src="@formAction/Content/images/plex-logo-reversed.png" />
|
|
</a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</script>
|
|
|
|
<script id="embyApiKey" type="text/html">
|
|
<form method="post" action="@formAction/wizard/embyAuth" id="embyAuthForm">
|
|
<h4 class="media-heading landing-title">Emby Authentication</h4>
|
|
<div class="form-group">
|
|
<label for="Ip" class="control-label">Emby Hostname or IP Address</label>
|
|
<div>
|
|
<input type="text" class="form-control form-control-custom " id="Ip" name="Ip" placeholder="192.168.1.1">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="portNumber" class="control-label">Port</label>
|
|
|
|
<div>
|
|
<input type="text" class="form-control form-control-custom " id="portNumber" name="Port" placeholder="8096">
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<div class="checkbox">
|
|
<input type="checkbox" id="Ssl" name="Ssl"><label for="Ssl">SSL</label>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="username" class="control-label">Api Key</label>
|
|
<div>
|
|
<input type="text" class="form-control form-control-custom" id="apiKey" name="ApiKey" placeholder="ApiKey">
|
|
</div>
|
|
</div>
|
|
<div style="text-align: center; margin-top: 20px">
|
|
<a href="#" id="embyApiKeySave" class="btn btn-primary-outline">Next <div id="spinner"></div></a>
|
|
</div>
|
|
</form>
|
|
</script>
|
|
|
|
<script id="plexAuthArea" type="text/html">
|
|
<form method="post" action="@formAction/wizard/plexAuth" id="plexAuthForm">
|
|
<h4 class="media-heading landing-title">Plex Authentication</h4>
|
|
<div class="form-group">
|
|
<label for="username" class="control-label">Username and Password</label>
|
|
<div>
|
|
<input type="text" class="form-control form-control-custom" id="username" name="Username" placeholder="Username">
|
|
</div>
|
|
<br />
|
|
<div>
|
|
<input type="password" class="form-control form-control-custom" id="password" name="Password" placeholder="Password">
|
|
</div>
|
|
</div>
|
|
<small>Please note we do not store this information, we only store your Plex Authorization Token that will allow Ombi to view your media and friends</small>
|
|
<div class="form-group">
|
|
<div style="text-align: center; margin-top: 20px">
|
|
<button href="#" id="requestToken" class="btn btn-primary-outline">Request Token <i class="fa fa-key"></i></button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</script>
|
|
|
|
|
|
<script id="plexArea" type="text/html">
|
|
<form method="post" action="@formAction/wizard/plex" id="plexForm">
|
|
<h4 class="media-heading landing-title">Plex Settings</h4>
|
|
<div class="form-group">
|
|
<label for="Ip" class="control-label">Plex Hostname or IP Address</label>
|
|
<div>
|
|
<input type="text" class="form-control form-control-custom " id="Ip" name="Ip" placeholder="192.168.1.1">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="portNumber" class="control-label">Port</label>
|
|
|
|
<div>
|
|
<input type="text" class="form-control form-control-custom " id="portNumber" name="Port" placeholder="32400">
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<div class="checkbox">
|
|
<input type="checkbox" id="Ssl" name="Ssl"><label for="Ssl">SSL</label>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<div style="text-align: center; margin-top: 20px">
|
|
<a href="#" id="submitPlex" class="btn btn-primary-outline">Next</a>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</script>
|
|
|
|
<script id="plexRequestArea" type="text/html">
|
|
<form method="post" action="@formAction/wizard/plexrequest" id="plexRequestForm">
|
|
<div class="form-group">
|
|
<div class="checkbox">
|
|
<input type="checkbox" id="SearchForMovies" name="SearchForMovies"><label id="SearchForMoviesLabel" for="SearchForMovies">Allow searching for Movies</label>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<div class="checkbox">
|
|
<input type="checkbox" id="SearchForTvShows" name="SearchForTvShows"><label id="SearchForTvShowsLabel" for="SearchForTvShows">Allow searching for TV Shows</label>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<div class="checkbox">
|
|
<input type="checkbox" id="SearchForMusic" name="SearchForMusic"><label id="SearchForMusicLabel" for="SearchForMusic">Allow searching for Music</label>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<div style="text-align: center; margin-top: 20px">
|
|
<a href="#" id="submitPlexRequest" class="btn btn-primary-outline">Next</a>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</script>
|
|
|
|
<script id="authArea" type="text/html">
|
|
<form method="post" action="@formAction/wizard/auth" id="authForm">
|
|
<div class="form-group">
|
|
<div class="checkbox userAuthTooltip" title="This will only allow the users that are your friends on Plex to log into Ombi. Note: They only need to enter their username, unless the below option is selected.">
|
|
<input type="checkbox" id="userAuth" name="UserAuthentication">
|
|
<label for="userAuth">Enable User Authentication</label>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<div class="checkbox passwordAuthTooltip" title="When a user logs in, they are required to enter their Plex.tv username and Plex.tv password to authenticate. Note: They still need to be in your Plex Friends">
|
|
<input type="checkbox" id="UsePassword" name="UsePassword">
|
|
<label for="UsePassword">Require users to login with their passwords</label>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<div style="text-align: center; margin-top: 20px">
|
|
<a href="#" id="submitAuth" class="btn btn-primary-outline">Next</a>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</script>
|
|
|
|
<script id="adminArea" type="text/html">
|
|
<form method="post" action="@formAction/wizard/createuser" id="adminForm">
|
|
<h4 class="media-heading landing-title">Create the Admin account</h4>
|
|
<small>This account will be used to configure your settings and also manage all of the requests. Note: this should not be the same as your Plex/Emby account (you can change this later in the User Management Settings)</small>
|
|
<div class="form-group">
|
|
<div>
|
|
<label for="adminUsername">Username</label><input type="text" class="form-control form-control-custom" id="adminUsername" name="Username" placeholder="Username">
|
|
</div>
|
|
<br />
|
|
<div>
|
|
<label for="adminPassword">Password</label><input type="password" class="form-control form-control-custom" id="adminPassword" name="Password" placeholder="Password">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<div style="text-align: center; margin-top: 20px">
|
|
<button id="submitAdmin" type="submit" class="btn btn-success-outline">Finish</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</script> |