Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Main #111

Merged
merged 5 commits into from
Mar 18, 2024
Merged

Main #111

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
fb78577
add qr code generator;
ctcac00 Mar 14, 2024
939466c
Move QR code to top
snarvaez Mar 14, 2024
3cf383c
Merge pull request #109 from mongodb-developer/feature/add-qr-code
snarvaez Mar 14, 2024
606940b
Update contributors
snarvaez Mar 14, 2024
707c3e2
Merge pull request #110 from mongodb-developer/feature/readme
snarvaez Mar 14, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Next Next commit
add qr code generator;
  • Loading branch information
@ctcac00
ctcac00 committed Mar 14, 2024
commit fb78577fae628ff2e7982eee8912cc4a73391734
3 changes: 0 additions & 3 deletions payload.json
View file
Open in desktop

This file was deleted.

3 changes: 3 additions & 0 deletions rest_service/.gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -396,3 +396,6 @@ FodyWeavers.xsd

# JetBrains Rider
*.sln.iml

*env.prod*
*env.stag*
109 changes: 60 additions & 49 deletions website/Pages/Index.razor
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,8 @@
</a>
<div class="card" style="max-width:400px;background:yellow;text-align:center">
<div style="display:inline">
<a href="https://www.mongodb.com/solutions/solutions-library/gaming-player-profiles-solution" target="_blank">Solution</a>
<a href="https://www.mongodb.com/solutions/solutions-library/gaming-player-profiles-solution"
target="_blank">Solution</a>
&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
<a href="https://www.mongodb.com/use-cases/gaming" target="_blank">MDB for Gaming</a>
&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
Expand All @@ -51,6 +52,9 @@
}
</b>
</h4>
<div>
<img src="@GetCurrentUrl()" class="rounded mx-auto d-block" alt="logo">
</div>
<h4 class="card-title mt-3 text-center">
<b class="validation-message">@_errorMessage</b>
</h4>
Expand All @@ -62,30 +66,23 @@
<i class="fa fa-user"></i>
</span>
</div>
<input id="name"
type="text"
class="form-control"
placeholder="Nickname (case sensitive! no spaces!)"
@bind="Player.Name" name=""
@oninput="AutoCompleteName"
required>


<div id="autocomplete" class="autocomplete">
@if (_suggestedNames.Count > 0)
{
<ul class="options">
@foreach (var name in _suggestedNames)
{
<li id="option_@name"
class="option"
@onclick=@(_ => SelectName(name))>
@name <!-- visible suggestion -->
</li>
}
</ul>
}
</div>
<input id="name" type="text" class="form-control" placeholder="Nickname (case sensitive! no spaces!)"
@bind="Player.Name" name="" @oninput="AutoCompleteName" required>


<div id="autocomplete" class="autocomplete">
@if (_suggestedNames.Count > 0)
{
<ul class="options">
@foreach (var name in _suggestedNames)
{
<li id="option_@name" class="option" @onclick=@(_ => SelectName(name))>
@name <!-- visible suggestion -->
</li>
}
</ul>
}
</div>
</div> <!-- form-group// -->

<div class="form-group input-group">
Expand All @@ -94,7 +91,8 @@
<i class="fa fa-users"></i>
</span>
</div>
<input id="teamname" @bind="Player.Team" name="" class="form-control" placeholder="Team Name (optional)" type="text">
<input id="teamname" @bind="Player.Team" name="" class="form-control" placeholder="Team Name (optional)"
type="text">
</div> <!-- form-group// -->

<div class="form-group input-group">
Expand All @@ -103,18 +101,17 @@
<i class="fa fa-comment"></i>
</span>
</div>
<input id="email" @bind="Player.Email"
name=""
class="form-control"
placeholder="E-Mail for prizes (optional)"
type="email">
<input id="email" @bind="Player.Email" name="" class="form-control"
placeholder="E-Mail for prizes (optional)" type="email">
</div> <!-- form-group// -->


<div class="form-group">
<div class="text-center">
<button type="button" class="btn btn-block center" style="background-color:#00ed64" @onclick="CreatePlayer"> Register </button>
<button type="button" class="btn btn-block center" style="background-color:#00ed64" @onclick="LoginPlayer"> Login </button>
<button type="button" class="btn btn-block center" style="background-color:#00ed64"
@onclick="CreatePlayer"> Register </button>
<button type="button" class="btn btn-block center" style="background-color:#00ed64"
@onclick="LoginPlayer"> Login </button>
</div>
</div> <!-- form-group// -->
</form>
Expand Down Expand Up @@ -145,8 +142,10 @@
private string _errorMessage = string.Empty;
private readonly RestClient _restClient = RestServiceClient.Create();

protected override async Task OnAfterRenderAsync (bool firstRender){
if (firstRender) {
protected override async Task OnAfterRenderAsync(bool firstRender)
{
if (firstRender)
{
await JS.InvokeAsync<string>("enableListener");
}
}
Expand All @@ -165,13 +164,13 @@
{
var queryParameters = UrlHelper.GetParameters(NavigationManager.Uri);
_eventId = queryParameters.TryGetValue(Constants.QueryParameterEventId, out var eventIdValue) ? eventIdValue :
queryParameters.TryGetValue("event", out var eventValue) ? eventValue :
Constants.DefaultEventId;
queryParameters.TryGetValue("event", out var eventValue) ? eventValue :
Constants.DefaultEventId;

var eventsFilter = new Dictionary<string, string>
{
{ "id", _eventId }
};
{
{ "id", _eventId }
};

string eventsUrlWithQuery = UrlHelper.BuildUrlWithQuery(Constants.RestServiceEndpointEvents, eventsFilter);
var events = await _restClient.GetJsonAsync<List<Event>>(eventsUrlWithQuery);
Expand Down Expand Up @@ -220,9 +219,9 @@
_errorMessage = "";

var args = new Dictionary<string, string>
{
{ "Name", Player.Name }
};
{
{ "Name", Player.Name }
};

string urlWithQuery = UrlHelper.BuildUrlWithQuery(Constants.RestServiceEndpointPlayers, args);

Expand All @@ -245,21 +244,24 @@
{
var input = e.Value!.ToString()!;

if (input.Length >= 3) {
if (input.Length >= 3)
{

var args = new Dictionary<string, string>
{
{ "Name", input }
};
{
{ "Name", input }
};

string urlWithQuery = UrlHelper.BuildUrlWithQuery(Constants.RestServiceEndpointPlayersAutoComplete, args);

var names = await _restClient.GetJsonAsync<List<string>>(urlWithQuery);

_suggestedNames = names;
await JS.InvokeAsync<string>("showAutoComplete");

} else {

}
else
{
_suggestedNames.Clear();
}
}
Expand All @@ -276,4 +278,13 @@
return newDestination;
}

// return current url location
private string GetCurrentUrl()
{
string url = "https://api.qrserver.com/v1/create-qr-code/?size=150x150&data=" +
NavigationManager.Uri + "?EventId=" + _eventId;
Console.WriteLine(url);
return url;
}

}