3fe6bea7e5
- Added sort order to media for screenshots and videos - Added new "Preview" pane to game editor. Simulates the game details view in the launcher and allows for in-place media upload / grabbing - Added abstractions for media grabbing - Added subtitle to media picker dialog to indicate which services provide which assets - Added preview for videos - Made media searching faster overall
38 lines
1.2 KiB
Text
38 lines
1.2 KiB
Text
<div class="media-picker">
|
|
<div class="media-picker-items">
|
|
@foreach (var image in Images)
|
|
{
|
|
var id = Guid.NewGuid();
|
|
|
|
<div class="media-picker-item" style="width: @(Size)px; max-height: @(Size)px">
|
|
<input type="radio" id="media-picker-item-@id" checked="@(Value == image.Key)" name="SelectedResult" @onchange="@(() => SelectionChanged(image.Key))" />
|
|
<label for="media-picker-item-@id" @ondblclick="@(() => Pick(image.Key))"></label>
|
|
<img src="@image.Value" />
|
|
</div>
|
|
}
|
|
</div>
|
|
</div>
|
|
|
|
@code {
|
|
[Parameter] public double Size { get; set; }
|
|
[Parameter] public string Value { get; set; }
|
|
[Parameter] public EventCallback<string> ValueChanged { get; set; }
|
|
[Parameter] public EventCallback<string> OnPicked { get; set; }
|
|
[Parameter] public Dictionary<string, string> Images { get; set; }
|
|
|
|
async Task SelectionChanged(string key)
|
|
{
|
|
Value = key;
|
|
|
|
if (ValueChanged.HasDelegate)
|
|
await ValueChanged.InvokeAsync(key);
|
|
}
|
|
|
|
async Task Pick(string key)
|
|
{
|
|
Value = key;
|
|
|
|
if (OnPicked.HasDelegate)
|
|
await OnPicked.InvokeAsync(key);
|
|
}
|
|
}
|