Sarah/Lieb-Website
1
0
Fork 1
Code Issues Pull requests Projects Releases Packages Wiki Activity

changed Checkboxes for BuildList

Browse source
This commit is contained in:
Sarah Faey 2022-12-11 11:55:56 +01:00
parent 3d72cf2d29
commit 1eaef04a12
3 changed files with 98 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

63
Lieb/Pages/GuildWars2/BuildList.razor
View file

@ -66,8 +66,22 @@
<tr>
@if (_account != null)
{
<td class="checkboxfield"><input type="checkbox" checked="@isEquipped" disabled="@(!_allowEdit)" @onchange="args => EquippedStatusChanged(build.GuildWars2BuildId, args)" /></td>
<td class="checkboxfield"><input type="checkbox" checked="@canTank" disabled="@(!isEquipped || !_allowEdit)" @onchange="args => TankingStatusChanged(build.GuildWars2BuildId, args)" /></td>
if(_allowEdit)
{
<td class="checkboxfield"><input type="checkbox" checked="@isEquipped" disabled="@(!_allowEdit)" @onchange="args => EquippedStatusChanged(build.GuildWars2BuildId, args)" /></td>
<td class="checkboxfield"><input type="checkbox" checked="@canTank" disabled="@(!isEquipped || !_allowEdit)" @onchange="args => TankingStatusChanged(build.GuildWars2BuildId, args)" /></td>
}
else
{
<td class="checkboxfield">
<input type="checkbox" checked="@isEquipped" id="@build.GuildWars2BuildId-Equipped" class="css-checkbox dark-check-green" disabled="@(!_allowEdit)"/>
<label for="@build.GuildWars2BuildId-Equipped" class="css-label dark-check-green"></label>
</td>
<td class="checkboxfield">
<input type="checkbox" checked="@canTank" id="@build.GuildWars2BuildId-Tank" class="css-checkbox dark-check-green" disabled="@(!isEquipped || !_allowEdit)"/>
<label for="@build.GuildWars2BuildId-Tank" class="css-label dark-check-green"></label>
</td>
}
}
<AuthorizeView Policy="@Constants.Roles.Admin.Name">
<Authorized>
@ -84,15 +98,42 @@
</AuthorizeView>
<td>@build.Class.ToString()</td>
<td>@build.EliteSpecialization.ToString()</td>
<td class="checkboxfield"><input type="checkbox" checked="@(build.Might)" disabled="disabled" /></td>
<td class="checkboxfield"><input type="checkbox" checked="@(build.Quickness)" disabled="disabled" /></td>
<td class="checkboxfield"><input type="checkbox" checked="@(build.Alacrity)" disabled="disabled" /></td>
<td class="checkboxfield"><input type="checkbox" checked="@(build.DamageType == DamageType.Heal)" disabled="disabled" /></td>
<td class="checkboxfield"><input type="checkbox" checked="@(build.DamageType == DamageType.Power)" disabled="disabled" /></td>
<td class="checkboxfield"><input type="checkbox" checked="@(build.DamageType == DamageType.Condition)" disabled="disabled" /></td>
<td class="checkboxfield"><input type="checkbox" checked="@(build.DamageType == DamageType.Hybrid)" disabled="disabled" /></td>
<td class="checkboxfield"><input type="checkbox" checked="@(build.DamageType == DamageType.Other)" disabled="disabled" /></td>
<td class="checkboxfield"><input type="checkbox" checked="@(build.UseInRandomRaid)" disabled="disabled" /></td>
<td class="checkboxfield">
<input type="checkbox" checked="@(build.Might)" id="@build.GuildWars2BuildId-Might" class="css-checkbox dark-check-green" disabled="disabled" />
<label for="@build.GuildWars2BuildId-Might" class="css-label dark-check-green"></label>
</td>
<td class="checkboxfield">
<input type="checkbox" checked="@(build.Quickness)" id="@build.GuildWars2BuildId-Quickness" class="css-checkbox dark-check-green" disabled="disabled" />
<label for="@build.GuildWars2BuildId-Quickness" class="css-label dark-check-green"></label>
</td>
<td class="checkboxfield">
<input type="checkbox" checked="@(build.Alacrity)" id="@build.GuildWars2BuildId-Alacrity" class="css-checkbox dark-check-green" disabled="disabled" />
<label for="@build.GuildWars2BuildId-Alacrity" class="css-label dark-check-green"></label>
</td>
<td class="checkboxfield">
<input type="checkbox" checked="@(build.DamageType == DamageType.Heal)" id="@build.GuildWars2BuildId-Heal" class="css-checkbox dark-check-green" disabled="disabled" />
<label for="@build.GuildWars2BuildId-Heal" class="css-label dark-check-green"></label>
</td>
<td class="checkboxfield">
<input type="checkbox" checked="@(build.DamageType == DamageType.Power)" id="@build.GuildWars2BuildId-Power" class="css-checkbox dark-check-green" disabled="disabled" />
<label for="@build.GuildWars2BuildId-Power" class="css-label dark-check-green"></label>
</td>
<td class="checkboxfield">
<input type="checkbox" checked="@(build.DamageType == DamageType.Condition)" id="@build.GuildWars2BuildId-Condition" class="css-checkbox dark-check-green" disabled="disabled" />
<label for="@build.GuildWars2BuildId-Condition" class="css-label dark-check-green"></label>
</td>
<td class="checkboxfield">
<input type="checkbox" checked="@(build.DamageType == DamageType.Hybrid)" id="@build.GuildWars2BuildId-Hybrid" class="css-checkbox dark-check-green" disabled="disabled" />
<label for="@build.GuildWars2BuildId-Hybrid" class="css-label dark-check-green"></label>
</td>
<td class="checkboxfield">
<input type="checkbox" checked="@(build.DamageType == DamageType.Other)" id="@build.GuildWars2BuildId-Other" class="css-checkbox dark-check-green" disabled="disabled" />
<label for="@build.GuildWars2BuildId-Other" class="css-label dark-check-green"></label>
</td>
<td class="checkboxfield">
<input type="checkbox" checked="@(build.UseInRandomRaid)" id="@build.GuildWars2BuildId-UseInRandomRaid" class="css-checkbox dark-check-green" disabled="disabled" />
<label for="@build.GuildWars2BuildId-UseInRandomRaid" class="css-label dark-check-green"></label>
</td>
@if(string.IsNullOrEmpty(build.SourceLink))
{
<td>@build.Source</td>

46
Lieb/Pages/GuildWars2/BuildList.razor.css
View file

@ -21,3 +21,49 @@
padding-left: 8px;
padding-right: 8px;
}
/*checkboxes*/
label {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
input[type=checkbox].css-checkbox {
position: absolute;
overflow: hidden;
clip: rect(0 0 0 0);
height:1px;
width:1px;
margin:-1px;
padding:0;
border:0;
}
input[type=checkbox].css-checkbox + label.css-label {
padding-left:23px;
height:17px;
display:inline-block;
line-height:17px;
background-repeat:no-repeat;
background-position: 0 0;
background-size: 17px;
font-size:17px;
vertical-align:middle;
cursor:pointer;
}
input[type=checkbox].css-checkbox:checked + label.css-label {
background-position: 0 -17px;
}
.css-label{
background-image:url(dark-check-green.png);
}
.dark-check-green{background-image:url(dark-check-green.png);}

BIN
Lieb/wwwroot/dark-check-green.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 3.1 KiB