Skip to content

Instantly share code, notes, and snippets.

View SQL-MisterMagoo's full-sized avatar

SQL-MisterMagoo

95 followers · 0 following
View GitHub Profile
@SQL-MisterMagoo
SQL-MisterMagoo / App.razor
Created April 24, 2020 16:30
TouchEvents example
<main @ontouchstart="TouchStart" @ontouchend="TouchEnd" style="height:100vh;">
<Router AppAssembly="@typeof(Program).Assembly">
<Found Context="routeData">
<RouteView RouteData="@routeData" DefaultLayout="@typeof(MainLayout)" />
</Found>
<NotFound>
<LayoutView Layout="@typeof(MainLayout)">
<p>Sorry, there's nothing at this address.</p>
</LayoutView>
</NotFound>
@SQL-MisterMagoo
SQL-MisterMagoo / example.razor
Created April 23, 2020 23:20
DoubleClickAndBlur
<table class="table-bordered">
<tr>
<td @ondblclick="StartEdit">
@if (Editing)
{
<input @bind="Name" @onblur="EndEdit" />
}
else
{
<span>@(Name ?? "double-click here")</span>
@SQL-MisterMagoo
SQL-MisterMagoo / App.razor
Created December 29, 2019 00:33
Sample code to handle deep links to anchors in Blazor components
@* Code below handles deep links to anchors through the entire application *@
@inject NavigationManager NavMan
@inject IJSRuntime JS
@code
{
protected override async Task OnAfterRenderAsync(bool firstRender)
{
if (firstRender && NavMan.Uri.Contains('#'))
{
@SQL-MisterMagoo
SQL-MisterMagoo / BrowserRenderer.ts
Last active November 30, 2019 00:18
Playing with autofocus
import { RenderBatch, ArrayBuilderSegment, RenderTreeEdit, RenderTreeFrame, EditType, FrameType, ArrayValues } from './RenderBatch/RenderBatch';
import { EventDelegator } from './EventDelegator';
import { EventForDotNet, UIEventArgs, EventArgsType } from './EventForDotNet';
import { LogicalElement, PermutationListEntry, toLogicalElement, insertLogicalChild, removeLogicalChild, getLogicalParent, getLogicalChild, createAndInsertLogicalContainer, isSvgElement, getLogicalChildrenArray, getLogicalSiblingEnd, permuteLogicalChildren, getClosestDomElement } from './LogicalElements';
import { applyCaptureIdToElement } from './ElementReferenceCapture';
import { EventFieldInfo } from './EventFieldInfo';
import { dispatchEvent } from './RendererEventDispatcher';
import { attachToEventDelegator as attachNavigationManagerToEventDelegator } from '../Services/NavigationManager';
const selectValuePropname = '_blazorSelectValue';
const sharedTemplateElemForParsing = document.createElement('template');
@SQL-MisterMagoo
SQL-MisterMagoo / Custom Blazor Startup.html
Created November 27, 2019 00:48
Custom Blazor Startup Example with custom Retries/Interval and custom Reconnection Handler (not production code)
<script autostart="false" src="_framework/blazor.server.js"></script>
<script>
async function connectionDown(options) {
console.log("Connection Down - you could do some UI here...");
for (let i = 0; i < options.maxRetries; i++) {
console.log("Waiting for reconnect attempt #"+(i+1)+" ...");
await this.delay(options.retryIntervalMilliseconds);
if (this.isDisposed) {
break;
}
@SQL-MisterMagoo
SQL-MisterMagoo / CSSProperties.cs
Last active November 22, 2019 13:56
C# Class for CSS Properties with ToString() override suitable for a `style` attribute - https://github.com/SQL-MisterMagoo/SampleStyle
using System.Reflection;
using System.Text;
using System.Text.Json.Serialization;
public class CssProperties
{
[JsonPropertyName("align-content")] public string AlignContent { get; set; }
[JsonPropertyName("align-items")] public string AlignItems { get; set; }
[JsonPropertyName("alignment-baseline")] public string AlignmentBaseline { get; set; }
[JsonPropertyName("align-self")] public string AlignSelf { get; set; }
@SQL-MisterMagoo
SQL-MisterMagoo / keybase.md
Created May 10, 2019 21:38

Keybase proof

I hereby claim:

  • I am sql-mistermagoo on github.
  • I am mistermagoo (https://keybase.io/mistermagoo) on keybase.
  • I have a public key ASCTkLaGBA_EDhhbNjGEqQ4XvGa8yX4oYSS27T4ZoaIeZgo

To claim this, I am signing this object:

@SQL-MisterMagoo
SQL-MisterMagoo / index.html
Last active March 19, 2020 19:30
Monitor Blazor WASM loading and report errors
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<title>Blazor Loading</title>
<base href="/" />
<link href="css/bootstrap/bootstrap.min.css" rel="stylesheet" />
<link href="css/site.css" rel="stylesheet" />
</head>
@SQL-MisterMagoo
SQL-MisterMagoo / sample.cshtml
Last active October 31, 2021 18:35
Blazor Radio Buttons Binding - test it here - https://blazorfiddle.com/s/3b18q1ix OR https://blazorrepl.com/repl/GYkiPqED26m9cBlb33
@foreach (var item in new string[] { "AspNetCore","AspNet","SomeJsThingWhatever"})
{
<div>
<input type="radio" name="technology" id="@item" value="@item" @onchange="RadioSelection" checked=@(RadioValue.Equals(item,StringComparison.OrdinalIgnoreCase)) />
<label for="@item">@item</label>
</div>
}
<div>
<label>Selected Value is @RadioValue</label>
</div>
@SQL-MisterMagoo
SQL-MisterMagoo / ConnectionManager.cs
Created February 27, 2019 00:10
Merged b1 to dev
using McMaster.Extensions.CommandLineUtils;
using Microsoft.Extensions.Logging;
using Microsoft.Extensions.Logging.Abstractions;
using Newtonsoft.Json;
using StreamDeckLib.Messages;
using System;
using System.Diagnostics;
using System.IO;
using System.Linq;
using System.Net.WebSockets;