Completato setup iniziale componenti (from BBM)

This commit is contained in:
Samuele Locatelli
2021-05-15 16:17:43 +02:00
parent 8db8c626dc
commit d32eb0b686
24 changed files with 854 additions and 48 deletions
+18
View File
@@ -0,0 +1,18 @@
<div class="row">
<div class="col-4 text-left">
MP-STATS v.@version
</div>
<div class="col-4 text-center text-secondary small">
@adesso
</div>
<div class="col-4 text-right">
powered by&nbsp;<a class="text-light" href="https://www.egalware.com/" target="_blank">Egalware <img height="16" src="img/LogoBlu.svg" /></a>
</div>
</div>
@code {
protected DateTime adesso = DateTime.Now;
Version version = typeof(Program).Assembly.GetName().Version;
}
+52
View File
@@ -0,0 +1,52 @@
@using MP_STATS.Components
@using System.Security.Claims
@using Microsoft.AspNetCore.Components.Authorization
@inject AuthenticationStateProvider AuthenticationStateProvider
<div class="row pt-3">
<div class="col-4">
<i class="fas fa-user-alt"></i> <b>@userName</b>
</div>
<div class="col-4">
</div>
<div class="col-4 text-right">
@if (ShowSearch)
{
<SearchMod></SearchMod>
}
</div>
</div>
@code {
[CascadingParameter(Name = "ShowSearch")]
private bool ShowSearch { get; set; }
private string userName = "";
protected override async Task OnInitializedAsync()
{
await forceReload();
}
private async Task forceReload()
{
var authState = await AuthenticationStateProvider.GetAuthenticationStateAsync();
var user = authState.User;
if (user.Identity.IsAuthenticated)
{
userName = $"{user.Identity.Name}";
}
else
{
userName = "N.A.";
}
}
}
@* // Vedere anche:
// https://docs.microsoft.com/en-us/aspnet/core/blazor/security/?view=aspnetcore-5.0#:~:text=Blazor%20uses%20the%20existing%20ASP.NET%20Core%20authentication%20mechanisms,all%20client-side%20code%20can%20be%20modified%20by%20users
// https://docs.microsoft.com/en-us/aspnet/core/blazor/security/?view=aspnetcore-5.0*@
+21
View File
@@ -0,0 +1,21 @@
<div class="input-group input-group-sm">
<input @bind-value="numRecord" @bind-value:event="oninput" type="text" class="form-control" />
<div class="input-group-append">
<button @onclick="reportChange" class="btn btn-success input-group-text"># record</button>
@*<span class="input-group-text"># record</span>*@
</div>
</div>
@code {
[Parameter]
public int numRecord { get; set; } = 10;
[Parameter]
public EventCallback<int> numRecordChanged { get; set; }
private async Task reportChange()
{
await numRecordChanged.InvokeAsync(numRecord);
}
}
+16
View File
@@ -0,0 +1,16 @@
<a href="@NavLink" class="shortcut">
<span class="@Icon shortcut-icon" aria-hidden="true"></span>
<span class="shortcut-label">@Descript</span>
</a>
@code {
[Parameter]
public string Icon { get; set; }
[Parameter]
public string NavLink { get; set; }
[Parameter]
public string Descript { get; set; }
}
+41
View File
@@ -0,0 +1,41 @@
@using MP_STATS.Components
@using MP_STATS.Data
@inject MessageService MessageService
<div class="input-group input-group-sm">
<input @bind-value="@searchVal" @bind-value:event="oninput" type="text" class="form-control" title="Campo Ricerca" placeholder="Ricerca [ALT-R]" accesskey="R" />
<div class="input-group-append">
<button @onclick="reset" class="btn btn-success input-group-text">reset</button>
</div>
</div>
@code {
[Parameter]
public EventCallback<string> searchUpdated { get; set; }
[Parameter]
public string searchVal
{
get
{
return MessageService.SearchVal;
}
set
{
MessageService.SearchVal = value;
reportChange();
}
}
private void reportChange()
{
searchUpdated.InvokeAsync(searchVal);
}
private void reset()
{
searchVal = "";
}
}
+86
View File
@@ -0,0 +1,86 @@
using System;
using System.Collections.Generic;
using System.Linq;
using System.Threading.Tasks;
namespace MP_STATS.Data
{
public class MessageService
{
#region Private Fields
private string searchVal;
private bool showSearch;
#endregion Private Fields
#region Public Events
public event Action EA_HideSearch;
public event Action EA_SearchUpdated;
public event Action EA_ShowSearch;
#endregion Public Events
#region Public Properties
public string SearchVal
{
get => searchVal;
set
{
if (searchVal != value)
{
searchVal = value;
if (EA_SearchUpdated != null)
{
EA_SearchUpdated?.Invoke();
}
}
}
}
public bool ShowSearch
{
get => showSearch;
set
{
if (showSearch != value)
{
showSearch = value;
if (showSearch)
{
if (EA_ShowSearch != null)
{
EA_ShowSearch?.Invoke();
}
}
else
{
if (EA_HideSearch != null)
{
EA_HideSearch?.Invoke();
}
}
}
}
}
#endregion Public Properties
#region Protected Methods
protected void ReportSearch()
{
if (EA_SearchUpdated != null)
{
EA_SearchUpdated?.Invoke();
}
}
#endregion Protected Methods
}
}
+44 -3
View File
@@ -1,7 +1,48 @@
@page "/"
<h1>Hello, world!</h1>
@using MP_STATS.Components
@using MP_STATS.Data
Welcome to your new app.
<div class="jumbotron">
<div class="row">
<div class="col-12 col-lg-4">
<h1>MP STATS</h1>
<div>
Modulo Statistiche per MoonPro
</div>
</div>
<div class="col-12 col-lg-8 text-right">
<div class="text-light display-4">
<span class="oi oi-basket" aria-hidden="true"></span> | <span class="oi oi-cart" aria-hidden="true"></span> | <span class="oi oi-document" aria-hidden="true"></span> | <span class="oi oi-envelope-open" aria-hidden="true"></span> | <span class="oi oi-puzzle-piece" aria-hidden="true"></span> | <span class="oi oi-badge" aria-hidden="true"></span> | <span class="oi oi-wrench" aria-hidden="true"></span>
</div>
</div>
</div>
</div>
<div class="shortcuts mt-2">
<div class="row">
<div class="col-12">
<div class="card">
<div class="card-header table-primary h1">@Anno</div>
<div class="card-body">
</div>
</div>
</div>
<div class="col-12">
<div class="row">
<div class="col-12">
<HomeButton NavLink="baskets" Icon="oi oi-basket" Descript="Baskets" />
<HomeButton NavLink="negotiations" Icon="oi oi-cart" Descript="Negoziazioni" />
<HomeButton NavLink="docs" Icon="oi oi-document" Descript="Documenti" />
@*<HomeButton NavLink="resources" Icon="oi oi-puzzle-piece" Descript="Risorse" />*@
<HomeButton NavLink="items" Icon="oi oi-badge" Descript="Items" />
<HomeButton NavLink="utility" Icon="oi oi-wrench" Descript="Utility" />
</div>
</div>
</div>
</div>
</div>
<SurveyPrompt Title="How is Blazor working for you?" />
@code {
private int Anno { get; set; } = DateTime.Today.Year;
}
+2
View File
@@ -1,4 +1,6 @@
@page "/"
@using System.Globalization
@using Microsoft.AspNetCore.Localization
@namespace MP_STATS.Pages
@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
@{
+35
View File
@@ -0,0 +1,35 @@
@page "/"
@namespace MP_STATS.Pages
@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
@{
Layout = null;
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>MP-STATS</title>
<base href="~/" />
<link rel="stylesheet" href="css/bootstrap/bootstrap.min.css" />
<link href="css/site.css" rel="stylesheet" />
<link href="MP-STATS.styles.css" rel="stylesheet" />
</head>
<body>
<component type="typeof(App)" render-mode="ServerPrerendered" />
<div id="blazor-error-ui">
<environment include="Staging,Production">
An error has occurred. This application may no longer respond until reloaded.
</environment>
<environment include="Development">
An unhandled exception has occurred. See browser dev tools for details.
</environment>
<a href="" class="reload">Reload</a>
<a class="dismiss">🗙</a>
</div>
<script src="_framework/blazor.server.js"></script>
</body>
</html>
+50 -8
View File
@@ -1,17 +1,59 @@
@inherits LayoutComponentBase
@using MP_STATS.Data
@using MP_STATS.Components
@inject MessageService MessageService
@implements IDisposable
<div class="page">
<div class="sidebar">
<NavMenu />
</div>
<div class="main">
<div class="top-row px-4">
<a href="https://docs.microsoft.com/aspnet/" target="_blank">About</a>
<CascadingValue Name="ShowSearch" Value=@ShowSearch>
<div class="main">
<div class="top-row">
<CmpTop></CmpTop>
</div>
<div class="content px-4 mb-5">
@Body
</div>
<div class="fixed-bottom bottom-row">
<CmpFooter></CmpFooter>
</div>
</div>
<div class="content px-4">
@Body
</div>
</div>
</CascadingValue>
</div>
@code {
bool ShowSearch { get; set; } = false;
protected override void OnInitialized()
{
MessageService.EA_ShowSearch += OnShowSearch;
MessageService.EA_HideSearch += OnHideSearch;
}
public void OnShowSearch()
{
ShowSearch = true;
InvokeAsync(() =>
{
StateHasChanged();
});
}
public void OnHideSearch()
{
ShowSearch = false;
InvokeAsync(() =>
{
StateHasChanged();
});
}
public void Dispose()
{
MessageService.EA_ShowSearch -= OnShowSearch;
MessageService.EA_ShowSearch -= OnHideSearch;
}
}
+30 -4
View File
@@ -9,15 +9,15 @@
}
.sidebar {
background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
background-image: linear-gradient(180deg, rgb(5, 39, 103) 20%, #3aa6ff 90%);
}
.top-row {
background-color: #f7f7f7;
border-bottom: 1px solid #d6d5d5;
justify-content: flex-end;
height: 3.5rem;
display: flex;
/*justify-content: space-evenly;
display: flex;*/
align-items: center;
}
@@ -31,6 +31,26 @@
text-overflow: ellipsis;
}
.bottom-row {
color: #dedede;
background-color: #000000;
/*border-bottom: 1px solid #313131;*/
/*justify-content: flex-end;*/
height: 2rem;
/*display: flex;*/
align-items: center;
}
.bottom-row ::deep a, .top-row .btn-link {
white-space: nowrap;
margin-left: 1.5rem;
}
.bottom-row a:first-child {
overflow: hidden;
text-overflow: ellipsis;
}
@media (max-width: 640.98px) {
.top-row:not(.auth) {
display: none;
@@ -63,8 +83,14 @@
z-index: 1;
}
.bottom-row {
position: fixed;
bottom: 0;
z-index: 1;
}
.main > div {
padding-left: 2rem !important;
padding-right: 1.5rem !important;
}
}
}
+8 -8
View File
@@ -12,14 +12,14 @@
<span class="oi oi-home" aria-hidden="true"></span> Home
</NavLink>
</li>
@*<li class="nav-item px-3">
<NavLink class="nav-link" href="diario">
<span class="oi oi-check" aria-hidden="true" title="Statistiche Controlli"></span> Diario Impianti
</NavLink>
</li>*@
<li class="nav-item px-3">
<NavLink class="nav-link" href="diarioImpianti">
<span class="oi oi-check" aria-hidden="true" title="Statistiche Controlli"></span> Diario Impianti
</NavLink>
</li>
<li class="nav-item px-3">
<NavLink class="nav-link" href="controlli">
<span class="oi oi-check" aria-hidden="true" title="Dati di Produzione"></span> Produzione
<NavLink class="nav-link" href="produzione">
<span class="oi oi-book" aria-hidden="true" title="Dati di Produzione"></span> Diario Produzione
</NavLink>
</li>
<li class="nav-item px-3">
@@ -29,7 +29,7 @@
</li>
<li class="nav-item px-3">
<NavLink class="nav-link" href="controlli">
<span class="oi oi-check" aria-hidden="true" title="Registro Controlli"></span> Controlli
<span class="oi oi-beaker" aria-hidden="true" title="Registro Controlli"></span> Controlli
</NavLink>
</li>
@*<li class="nav-item px-3">
-16
View File
@@ -1,16 +0,0 @@
<div class="alert alert-secondary mt-4" role="alert">
<span class="oi oi-pencil mr-2" aria-hidden="true"></span>
<strong>@Title</strong>
<span class="text-nowrap">
Please take our
<a target="_blank" class="font-weight-bold" href="https://go.microsoft.com/fwlink/?linkid=2137813">brief survey</a>
</span>
and tell us what you think.
</div>
@code {
// Demonstrates how a parent component can supply parameters
[Parameter]
public string Title { get; set; }
}
+21
View File
@@ -11,6 +11,9 @@ using System.Collections.Generic;
using System.Linq;
using System.Threading.Tasks;
using Microsoft.AspNetCore.Localization;
using System.Globalization;
namespace MP_STATS
{
public class Startup
@@ -26,8 +29,15 @@ namespace MP_STATS
// For more information on how to configure your application, visit https://go.microsoft.com/fwlink/?LinkID=398940
public void ConfigureServices(IServiceCollection services)
{
services.AddLocalization();
services.AddRazorPages();
services.AddServerSideBlazor();
//services.AddSingleton<BBM_EFService>();
//services.AddScoped<BBM_SelectData>();
services.AddScoped<MessageService>();
services.AddSingleton<WeatherForecastService>();
}
@@ -45,6 +55,17 @@ namespace MP_STATS
app.UseHsts();
}
// cultura IT...
var supportedCultures = new[]{
new CultureInfo("it-IT")
};
app.UseRequestLocalization(new RequestLocalizationOptions
{
DefaultRequestCulture = new RequestCulture("it-IT"),
SupportedCultures = supportedCultures,
FallBackToParentCultures = false
});
CultureInfo.DefaultThreadCurrentCulture = CultureInfo.CreateSpecificCulture("it-IT");
app.UseHttpsRedirection();
app.UseStaticFiles();
+74
View File
@@ -0,0 +1,74 @@
using Microsoft.AspNetCore.Builder;
using Microsoft.AspNetCore.Components;
using Microsoft.AspNetCore.Hosting;
using Microsoft.AspNetCore.HttpsPolicy;
using Microsoft.Extensions.Configuration;
using Microsoft.Extensions.DependencyInjection;
using Microsoft.Extensions.Hosting;
using MP_STATS.Data;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Threading.Tasks;
using Microsoft.AspNetCore.Localization;
using System.Globalization;
namespace MP_STATS
{
public class Startup
{
public Startup(IConfiguration configuration)
{
Configuration = configuration;
}
public IConfiguration Configuration { get; }
// This method gets called by the runtime. Use this method to add services to the container.
// For more information on how to configure your application, visit https://go.microsoft.com/fwlink/?LinkID=398940
public void ConfigureServices(IServiceCollection services)
{
services.AddRazorPages();
services.AddServerSideBlazor();
services.AddSingleton<WeatherForecastService>();
}
// This method gets called by the runtime. Use this method to configure the HTTP request pipeline.
public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
{
if (env.IsDevelopment())
{
app.UseDeveloperExceptionPage();
}
else
{
app.UseExceptionHandler("/Error");
// The default HSTS value is 30 days. You may want to change this for production scenarios, see https://aka.ms/aspnetcore-hsts.
app.UseHsts();
}
// cultura IT...
var supportedCultures = new[]{
new CultureInfo("it-IT")
};
app.UseRequestLocalization(new RequestLocalizationOptions
{
DefaultRequestCulture = new RequestCulture("it-IT"),
SupportedCultures = supportedCultures,
FallBackToParentCultures = false
});
CultureInfo.DefaultThreadCurrentCulture = CultureInfo.CreateSpecificCulture("it-IT");
app.UseHttpsRedirection();
app.UseStaticFiles();
app.UseRouting();
app.UseEndpoints(endpoints =>
{
endpoints.MapBlazorHub();
endpoints.MapFallbackToPage("/_Host");
});
}
}
}
+13
View File
@@ -0,0 +1,13 @@
{
"DetailedErrors": true,
"Logging": {
"LogLevel": {
"Default": "Trace",
"Microsoft": "Warning",
"Microsoft.Hosting.Lifetime": "Information"
}
},
"AllowedHosts": "*",
"SherpaBBM": "Data Source=SQL2012DEV;Initial Catalog=SHERPA.BBM;User ID=sa;Password=keyhammer16;integrated security=False;MultipleActiveResultSets=True;App=Sherpa.BBM;",
"SherpaFatt": "Data Source=SQL2012DEV;Initial Catalog=SHERPA.Fatt;User ID=sa;Password=keyhammer16;integrated security=False;MultipleActiveResultSets=True;App=Sherpa.BBM;"
}
+13
View File
@@ -0,0 +1,13 @@
{
"DetailedErrors": true,
"Logging": {
"LogLevel": {
"Default": "Trace",
"Microsoft": "Warning",
"Microsoft.Hosting.Lifetime": "Information"
}
},
"AllowedHosts": "*",
"SherpaBBM": "Data Source=SQL2012DEV;Initial Catalog=SHERPA.BBM;User ID=sa;Password=keyhammer16;integrated security=False;MultipleActiveResultSets=True;App=Sherpa.BBM;",
"SherpaFatt": "Data Source=SQL2012DEV;Initial Catalog=SHERPA.Fatt;User ID=sa;Password=keyhammer16;integrated security=False;MultipleActiveResultSets=True;App=Sherpa.BBM;"
}
+11 -9
View File
@@ -1,10 +1,12 @@
{
"Logging": {
"LogLevel": {
"Default": "Information",
"Microsoft": "Warning",
"Microsoft.Hosting.Lifetime": "Information"
}
},
"AllowedHosts": "*"
}
"Logging": {
"LogLevel": {
"Default": "Trace",
"Microsoft": "Warning",
"Microsoft.Hosting.Lifetime": "Information"
}
},
"AllowedHosts": "*",
"SherpaBBM": "Data Source=SQL2012DEV;Initial Catalog=SHERPA.BBM;User ID=sa;Password=keyhammer16;integrated security=False;MultipleActiveResultSets=True;App=Sherpa.BBM;",
"SherpaFatt": "Data Source=SQL2012DEV;Initial Catalog=SHERPA.Fatt;User ID=sa;Password=keyhammer16;integrated security=False;MultipleActiveResultSets=True;App=Sherpa.BBM;"
}
+10
View File
@@ -0,0 +1,10 @@
{
"Logging": {
"LogLevel": {
"Default": "Information",
"Microsoft": "Warning",
"Microsoft.Hosting.Lifetime": "Information"
}
},
"AllowedHosts": "*"
}
+24
View File
@@ -0,0 +1,24 @@
/* lato-regular - latin */
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
src: url('../fonts/lato-v17-latin-regular.eot'); /* IE9 Compat Modes */
src: local(''), url('../fonts/lato-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/lato-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/lato-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
url('../fonts/lato-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/lato-v17-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url('../fonts/roboto-v27-latin-regular.eot'); /* IE9 Compat Modes */
src: local(''), url('../fonts/roboto-v27-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/roboto-v27-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/roboto-v27-latin-regular.woff') format('woff'), /* Modern Browsers */
url('../fonts/roboto-v27-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/roboto-v27-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
+175
View File
@@ -0,0 +1,175 @@
@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');
@import url('fonts.min.css');
h1, h2, h3, h4, h5, h6, b {
font-family: 'Roboto', sans-serif;
}
html, body {
font-family: 'Lato', sans-serif;
}
a, .btn-link {
color: #0366d6;
}
.btn-primary {
color: #fff;
background-color: #1b6ec2;
border-color: #1861ac;
}
.content {
padding-top: 1.1rem;
}
.valid.modified:not([type=checkbox]) {
outline: 1px solid #26b050;
}
.invalid {
outline: 1px solid red;
}
.validation-message {
color: red;
}
#blazor-error-ui {
background: lightyellow;
bottom: 0;
box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
display: none;
left: 0;
padding: 0.6rem 1.25rem 0.7rem 1.25rem;
position: fixed;
width: 100%;
z-index: 1000;
}
#blazor-error-ui .dismiss {
cursor: pointer;
position: absolute;
right: 0.75rem;
top: 0.5rem;
}
/*------------------------------------------------------------------
[ Shortcuts / .shortcuts ]
*/
@blSCut: 1rem;
.shortcuts {
text-align: center;
}
.shortcuts .shortcut-icon {
font-size: 2*@blSCut;
}
.shortcuts .shortcut {
min-width: @blSCut * 9;
min-height: @blSCut * 5;
display: inline-block;
padding: @blSCut*2/3 0;
margin: 0 2px 1em;
vertical-align: top;
text-decoration: none;
background: #F3F3F3;
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ffffff), to(#eeeeee));
background-image: -webkit-linear-gradient(top, #ffffff, 0%, #eeeeee, 100%);
background-image: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffeeeeee', GradientType=0);
border: 1px solid #ddd;
box-sizing: border-box;
border-radius: @blSCut/2;
}
.shortcuts .shortcut-sm {
min-width: @blSCut * 4.5;
min-height: @blSCut * 3;
display: inline-block;
padding: @blSCut/4 0;
margin: 0 2px 1em;
vertical-align: top;
text-decoration: none;
background: #F3F3F3;
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ffffff), to(#eeeeee));
background-image: -webkit-linear-gradient(top, #ffffff, 0%, #eeeeee, 100%);
background-image: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffeeeeee', GradientType=0);
border: 1px solid #ddd;
box-sizing: border-box;
border-radius: @blSCut/2;
}
.shortcuts .shortcut .shortcut-icon {
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: @blSCut*2;
color: #333;
}
.shortcuts .shortcut-sm .shortcut-icon {
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: @blSCut*2;
color: #333;
}
.shortcuts .shortcut:hover {
background: #E8E8E8;
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#fafafa), to(#e1e1e1));
background-image: -webkit-linear-gradient(top, #fafafa, 0%, #e1e1e1, 100%);
background-image: -moz-linear-gradient(top, #fafafa 0%, #e1e1e1 100%);
background-image: linear-gradient(to bottom, #fafafa 0%, #e1e1e1 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffafafa', endColorstr='#ffe1e1e1', GradientType=0);
}
.shortcuts .shortcut-sm:hover {
background: #E8E8E8;
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#fafafa), to(#e1e1e1));
background-image: -webkit-linear-gradient(top, #fafafa, 0%, #e1e1e1, 100%);
background-image: -moz-linear-gradient(top, #fafafa 0%, #e1e1e1 100%);
background-image: linear-gradient(to bottom, #fafafa 0%, #e1e1e1 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffafafa', endColorstr='#ffe1e1e1', GradientType=0);
}
.shortcuts .shortcut:active {
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.shortcuts .shortcut-sm:active {
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.shortcuts .shortcut:hover .shortcut-icon {
color: #C93;
}
.shortcuts .shortcut-sm:hover .shortcut-icon {
color: #666;
}
.shortcuts .shortcut-label {
display: block;
margin-top: .75em;
font-weight: 400;
color: #666;
}
@media (max-width: 992px) {
.shortcuts .shortcut {
min-width: @blSCut * 8;
min-height: @blSCut * 4;
}
}
+95
View File
@@ -0,0 +1,95 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 1812 1724" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;">
<g transform="matrix(1,0,0,1,-62.5279,-24.7416)">
<g transform="matrix(1,0,0,1,-454.136,-195.51)">
<g transform="matrix(-0.501863,-0.864947,0.864947,-0.501863,1249.19,2546.28)">
<g transform="matrix(1.01361,0,0,1.01361,-98.1268,-7.77262)">
<circle cx="719.687" cy="344.98" r="113.149" style="fill:rgb(44,173,227);"/>
</g>
<g transform="matrix(0.860544,0,0,0.860544,224.675,218.603)">
<circle cx="719.687" cy="344.98" r="113.149" style="fill:rgb(44,173,227);"/>
</g>
<g transform="matrix(0.622449,0,0,0.622449,620.788,402.344)">
<circle cx="719.687" cy="344.98" r="113.149" style="fill:rgb(44,173,227);"/>
</g>
<g transform="matrix(0.622449,0,0,0.622449,698.529,75.9479)">
<circle cx="719.687" cy="344.98" r="113.149" style="fill:rgb(44,173,227);"/>
</g>
<g transform="matrix(0.588436,0,0,0.588436,860.019,461.031)">
<circle cx="719.687" cy="344.98" r="113.149" style="fill:rgb(44,173,227);"/>
</g>
<g transform="matrix(0.588436,0,0,0.588436,867.019,230.692)">
<circle cx="719.687" cy="344.98" r="113.149" style="fill:rgb(44,173,227);"/>
</g>
<g transform="matrix(0.47279,0,0,0.47279,1122.59,500.927)">
<circle cx="719.687" cy="344.98" r="113.149" style="fill:rgb(44,173,227);"/>
</g>
<g transform="matrix(0.47279,0,0,0.47279,1118.59,350.522)">
<circle cx="719.687" cy="344.98" r="113.149" style="fill:rgb(44,173,227);"/>
</g>
<g transform="matrix(0.372449,0,0,0.372449,1338.36,460.302)">
<circle cx="719.687" cy="344.98" r="113.149" style="fill:rgb(44,173,227);"/>
</g>
</g>
<g>
<g transform="matrix(1.01361,0,0,1.01361,-98.1268,-7.77262)">
<circle cx="719.687" cy="344.98" r="113.149" style="fill:rgb(44,173,227);"/>
</g>
<g transform="matrix(0.860544,0,0,0.860544,224.675,218.603)">
<circle cx="719.687" cy="344.98" r="113.149" style="fill:rgb(44,173,227);"/>
</g>
<g transform="matrix(0.622449,0,0,0.622449,620.788,402.344)">
<circle cx="719.687" cy="344.98" r="113.149" style="fill:rgb(44,173,227);"/>
</g>
<g transform="matrix(0.622449,0,0,0.622449,698.529,75.9479)">
<circle cx="719.687" cy="344.98" r="113.149" style="fill:rgb(44,173,227);"/>
</g>
<g transform="matrix(0.588436,0,0,0.588436,860.019,461.031)">
<circle cx="719.687" cy="344.98" r="113.149" style="fill:rgb(44,173,227);"/>
</g>
<g transform="matrix(0.588436,0,0,0.588436,867.019,230.692)">
<circle cx="719.687" cy="344.98" r="113.149" style="fill:rgb(44,173,227);"/>
</g>
<g transform="matrix(0.47279,0,0,0.47279,1122.59,500.927)">
<circle cx="719.687" cy="344.98" r="113.149" style="fill:rgb(44,173,227);"/>
</g>
<g transform="matrix(0.47279,0,0,0.47279,1118.59,350.522)">
<circle cx="719.687" cy="344.98" r="113.149" style="fill:rgb(44,173,227);"/>
</g>
<g transform="matrix(0.372449,0,0,0.372449,1338.36,460.302)">
<circle cx="719.687" cy="344.98" r="113.149" style="fill:rgb(44,173,227);"/>
</g>
</g>
<g transform="matrix(-0.501185,0.86534,-0.86534,-0.501185,2825.79,206.681)">
<g transform="matrix(1.01361,0,0,1.01361,-98.1268,-7.77262)">
<circle cx="719.687" cy="344.98" r="113.149" style="fill:rgb(44,173,227);"/>
</g>
<g transform="matrix(0.860544,0,0,0.860544,224.675,218.603)">
<circle cx="719.687" cy="344.98" r="113.149" style="fill:rgb(44,173,227);"/>
</g>
<g transform="matrix(0.622449,0,0,0.622449,620.788,402.344)">
<circle cx="719.687" cy="344.98" r="113.149" style="fill:rgb(44,173,227);"/>
</g>
<g transform="matrix(0.622449,0,0,0.622449,698.529,75.9479)">
<circle cx="719.687" cy="344.98" r="113.149" style="fill:rgb(44,173,227);"/>
</g>
<g transform="matrix(0.588436,0,0,0.588436,860.019,461.031)">
<circle cx="719.687" cy="344.98" r="113.149" style="fill:rgb(44,173,227);"/>
</g>
<g transform="matrix(0.588436,0,0,0.588436,867.019,230.692)">
<circle cx="719.687" cy="344.98" r="113.149" style="fill:rgb(44,173,227);"/>
</g>
<g transform="matrix(0.47279,0,0,0.47279,1122.59,500.927)">
<circle cx="719.687" cy="344.98" r="113.149" style="fill:rgb(44,173,227);"/>
</g>
<g transform="matrix(0.47279,0,0,0.47279,1118.59,350.522)">
<circle cx="719.687" cy="344.98" r="113.149" style="fill:rgb(44,173,227);"/>
</g>
<g transform="matrix(0.372449,0,0,0.372449,1338.36,460.302)">
<circle cx="719.687" cy="344.98" r="113.149" style="fill:rgb(44,173,227);"/>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 6.0 KiB

+5
View File
@@ -0,0 +1,5 @@
import _ from 'https://cdn.skypack.dev/lodash';
export function helloWorld() {
prompt(_.VERSION);
}
+10
View File
@@ -0,0 +1,10 @@
window.global = {
openModal: function (modalId) {
modalId = '#' + modalId;
$(modalId).modal('show');
},
closeModal: function (modalId) {
modalId = '#' + modalId;
$(modalId).modal('hide');
},
}