notazof/yavsc
1
1
Fork 0
Code Issues 1 Pull requests Projects 2 Releases 8 Packages Wiki Activity Actions

colors (ctor)

Browse source
This commit is contained in:
Paul Schneider 2017-02-12 03:53:33 +01:00
commit fab5854f8b
31 changed files with 16278 additions and 10579 deletions
Download patch file Download diff file Expand all files Collapse all files

48
Yavsc/Views/Shared/ColorEditor.cshtml Normal file
View file

@ -0,0 +1,48 @@
@model Color
<div>
<div id="clrprv" style="border:solid grey 1px; width:1em; height:1em; display: inline-block; height:3em; width:5em;"></div>
<div style="display: inline-block; width:15em; margin:.3em;">
<div id="sred" class="slider" style="background-color:red;"></div>
<div id="sgreen" class="slider" style="background-color:green;"></div>
<div id="sblue" class="slider" style="background-color:blue;"></div>
</div>
</div>
<input type="hidden" id="Red" name="Red" />
<input type="hidden" id="Green" name="Green" />
<input type="hidden" id="Blue" name="Blue" />
<script>
$(document).ready(function(){
var red = @Model.Red;
var green = @Model.Green;
var blue = @Model.Blue;
$(".slider").slider(
{
min: 0,
max: 255,
animate: "fast"
});
var updateColor = function() {
$("#clrprv").css("background-color","rgb("+red+","+green+","+blue+")");
$("#Red").val(red);
$("#Green").val(green);
$("#Blue").val(blue);
console.log($("#Blue").val());
};
$("#sred").on("slide",function(event, ui){
red=ui.value;
updateColor();
});
$("#sgreen").on("slide",function(event, ui){
green=ui.value;
updateColor();
});
$("#sblue").on("slide",function(event, ui){
blue=ui.value;
updateColor();
});
});
</script>

2
Yavsc/Views/Shared/DisplayTemplates/Color.cshtml Normal file
View file

@ -0,0 +1,2 @@
@model Color
<div style="background-color:@Model.Color(); border:solid grey 1px; width:1em; height:1em; display: inline-block;"></div>

4
Yavsc/Views/Shared/_Layout.cshtml
View file

@ -8,13 +8,14 @@
<environment names="Development">
<link rel="stylesheet" href="~/css/bootstrap.css" />
<link rel="stylesheet" href="~/css/site.css" />
<link rel="stylesheet" href="~/css/jquery-ui.css" />
</environment>
<environment names="Staging,Production,yavsc,yavscpre,zicmoove,lua">
<link rel="stylesheet" href="~/css/bootstrap.min.css" asp-append-version="true"/>
<link rel="stylesheet" href="~/css/site.min.css" asp-append-version="true" />
</environment>
<environment names="Development">
<script src="~/js/jquery.js"></script>
<script src="~/js/jquery-ui.js"></script>
<script src="~/js/bootstrap.js"></script>
<script src="~/js/site.js"></script>
<script src="~/js/jquery.signalR-2.2.1.js"></script>
@ -29,6 +30,7 @@
asp-fallback-test="window.jQuery && window.jQuery.fn && window.jQuery.fn.modal">
</script>
<script src="~/js/site.js"></script>
<script src="~/js/jquery-ui.js"></script>
<script src="~/js/jquery.signalR-2.2.1.js"></script>
</environment>
@RenderSection("header", required: false)