mirror of https://github.com/dotnet/tye.git
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
60 lines
2.2 KiB
60 lines
2.2 KiB
@page
|
|
@model IndexModel
|
|
@using Microsoft.Extensions.Hosting;
|
|
@inject IHostEnvironment env
|
|
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
@if(!env.IsDevelopment())
|
|
{
|
|
<base href="/vote/" >
|
|
}
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>@Model.Configuration["OptionA"] vs @Model.Configuration["OptionB"]</title>
|
|
<link rel="stylesheet" href="site.css" />
|
|
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
|
|
</head>
|
|
<body>
|
|
<header>
|
|
</header>
|
|
|
|
<div id="content-container">
|
|
<div id="content-container-center">
|
|
<h3>@Model.Configuration["OptionA"] vs @Model.Configuration["OptionB"]!</h3>
|
|
<form id="choice" name='form' method="POST">
|
|
<button id="a" type="submit" name="vote" class="a" value="a" disabled=@(Model.Vote == "a" ? "disabled" : null) style=@(Model.Vote == "a" ? "opacity:0.5;" : null)>
|
|
@if (Model.Vote == "a")
|
|
{
|
|
<i class="fa fa-check-circle"></i>
|
|
}
|
|
@Model.Configuration["OptionA"]
|
|
</button>
|
|
<button id="b" type="submit" name="vote" class="b" value="b" disabled=@(Model.Vote == "b" ? "disabled" : null) style=@(Model.Vote == "b" ? "opacity:0.5;" : null)>
|
|
@if (Model.Vote == "b")
|
|
{
|
|
<i class="fa fa-check-circle"></i>
|
|
}
|
|
@Model.Configuration["OptionB"]
|
|
</button>
|
|
</form>
|
|
<div id="tip">
|
|
(Tip: you can change your vote)
|
|
</div>
|
|
<div id="hostname">
|
|
Processed by container ID @Environment.MachineName
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<footer class="footer">
|
|
<div class="container-content-center">
|
|
<span class="text-nowrap">
|
|
Like Tye? Please take our <a target="_blank" class="font-weight-bold" href="https://aka.ms/AA7q20u">brief survey</a> and tell us what you think.
|
|
</span>
|
|
</div>
|
|
</footer>
|
|
|
|
</body>
|
|
</html>
|
|
|