Former-commit-id: 84343327723ebe81f7e77308a2a84f43be183f53 Former-commit-id: 46da775b754849beacb19bcd804c9110a96256be1.0
parent
be6a1895ee
commit
5d9c447289
@ -0,0 +1,24 @@
|
||||
@model IoT.Shared.Application.Domain.Entities.IoTDevice
|
||||
@{
|
||||
var hardware = Model.Data.FirstOrDefault(o=>o.Key=="hardware")?.Value;
|
||||
var list = Model.Data.Where(o => o.Key.StartsWith("device-")).ToList();
|
||||
}
|
||||
<div class="col-sm-@(list.Count*2)">
|
||||
<div class="card bg-light">
|
||||
<div class="card-header">
|
||||
<h5 class="card-title">@(Model.DisplayName??Model.Name)</h5>
|
||||
<div class="card-tools">@hardware</div>
|
||||
</div>
|
||||
<div class="card-body device">
|
||||
<div class="row">
|
||||
<img class="icon" src="@Url.Content2(Model.Product.Image)" />
|
||||
</div>
|
||||
<div class="row h48 text-center">
|
||||
@foreach (var item in list)
|
||||
{
|
||||
<div class="col"><p class="h48">@item.Name @item.Value @item.Unit </p></div>
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
@ -0,0 +1,24 @@
|
||||
@model IoT.Shared.Application.Domain.Entities.IoTDevice
|
||||
@{
|
||||
var state = Model.Data.FirstOrDefault(o => o.Key == "State")?.Value;
|
||||
}
|
||||
<div class="col-sm-2">
|
||||
<div class="card bg-light">
|
||||
<div class="card-header">
|
||||
<h5 class="card-title">@(Model.DisplayName??Model.Name)</h5>
|
||||
<div class="card-tools">@state</div>
|
||||
</div>
|
||||
<div class="card-body device">
|
||||
<div class="row">
|
||||
<img class="icon" src="@Url.Content2(Model.Product.Image)" />
|
||||
</div>
|
||||
<div class="row">
|
||||
<div style="margin:0 auto;">
|
||||
<img class="pointer" onclick="execApi(device.number,'/Socket/On')" src="@Url.Content2("/images/left.svg")" />
|
||||
<img class="pointer" onclick="execApi(device.number,'/Socket/Stop')" src="@Url.Content2("/images/stop.svg")" />
|
||||
<img class="pointer" onclick="execApi(device.number,'/Socket/Off')" src="@Url.Content2("/images/right.svg")" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
@ -0,0 +1,22 @@
|
||||
@model IoT.Shared.Application.Domain.Entities.IoTDevice
|
||||
<div class="col-sm-2">
|
||||
<div class="card bg-light">
|
||||
<div class="card-header">
|
||||
<h5 class="card-title">@(Model.DisplayName??Model.Name)</h5>
|
||||
<div class="card-tools">@Model.Icon</div>
|
||||
</div>
|
||||
<div class="card-body device">
|
||||
<div class="row">
|
||||
<img class="icon" src="@Url.Content2(Model.Product.Image)" />
|
||||
</div>
|
||||
<div class="row h48 text-center">
|
||||
<p class="h48 margin0auto">
|
||||
@foreach (var item in Model.Data)
|
||||
{
|
||||
<p>
|
||||
@item.Key:@item.Value
|
||||
</p>}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
@ -0,0 +1,22 @@
|
||||
@model IoT.Shared.Application.Domain.Entities.IoTDevice
|
||||
@{
|
||||
var version = Model.Data.FirstOrDefault(o => o.Key == "Version");
|
||||
var count = Model.Data.FirstOrDefault(o => o.Key == "DeviceCount");
|
||||
}
|
||||
<div class="col-sm-2">
|
||||
<div class="card bg-light">
|
||||
<div class="card-header">
|
||||
<h5 class="card-title">@(Model.DisplayName??Model.Name)</h5>
|
||||
<div class="card-tools"></div>
|
||||
</div>
|
||||
<div class="card-body device">
|
||||
<div class="row">
|
||||
<img class="icon" src="@Url.Content2(Model.Product.Image)" />
|
||||
</div>
|
||||
<div class="row h48 text-center">
|
||||
<div class="h24">@version?.Name : @version?.Value @version?.Unit @version?.Description </div>
|
||||
<div class="h24">@count?.Name : @count?.Value @count?.Unit @count?.Description </div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
@ -0,0 +1,22 @@
|
||||
@model IoT.Shared.Application.Domain.Entities.IoTDevice
|
||||
@{
|
||||
var temperature = Model.Data.FirstOrDefault(o => o.Key == "Temperature");
|
||||
var humiture = Model.Data.FirstOrDefault(o => o.Key == "Humidity");
|
||||
}
|
||||
<div class="col-sm-2">
|
||||
<div class="card bg-light">
|
||||
<div class="card-header">
|
||||
<h5 class="card-title">@(Model.DisplayName??Model.Name)</h5>
|
||||
<div class="card-tools"></div>
|
||||
</div>
|
||||
<div class="card-body device">
|
||||
<div class="row">
|
||||
<img class="icon" src="@Url.Content2(Model.Product.Image)" />
|
||||
</div>
|
||||
<div class="row h48 text-center">
|
||||
<div class="h24">@temperature?.Name : @temperature?.Value @temperature?.Unit @temperature?.Description </div>
|
||||
<div class="h24">@humiture?.Name : @humiture?.Value @humiture?.Unit @humiture?.Description </div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
@ -0,0 +1,23 @@
|
||||
@model IoT.Shared.Application.Domain.Entities.IoTDevice
|
||||
@{
|
||||
var data = Model.Data.FirstOrDefault(o => o.Key == "Warning");
|
||||
var value = data?.Value;
|
||||
var unit = data?.Unit;
|
||||
var desc = data?.Description;
|
||||
}
|
||||
<div class="col-sm-2">
|
||||
<div class="card bg-light">
|
||||
<div class="card-header">
|
||||
<h5 class="card-title">@(Model.DisplayName??Model.Name)</h5>
|
||||
<div class="card-tools">@desc</div>
|
||||
</div>
|
||||
<div class="card-body device">
|
||||
<div class="row">
|
||||
<img class="icon" src="@Url.Content2(Model.Product.Image)" />
|
||||
</div>
|
||||
<div class="row h48 text-center">
|
||||
<p class="h48 margin0auto">@value @unit </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
@ -0,0 +1,28 @@
|
||||
@model IoT.Shared.Application.Domain.Entities.IoTDevice
|
||||
@{
|
||||
var state = Model.Data.FirstOrDefault(o => o.Key == "State")?.Value;
|
||||
var isOpend = Model.Data.Any(o => o.Key == "State" && o.Value == "开");
|
||||
}
|
||||
<div class="col-sm-2">
|
||||
<div class="card bg-light">
|
||||
<div class="card-header">
|
||||
<h5 class="card-title">@(Model.DisplayName??Model.Name)</h5>
|
||||
<div class="card-tools">@state</div>
|
||||
</div>
|
||||
<div class="card-body device">
|
||||
<div class="row">
|
||||
<img class="icon" src="@Url.Content2(Model.Product.Image)" />
|
||||
</div>
|
||||
<div class="row">
|
||||
@if (isOpend)
|
||||
{
|
||||
<img class="pointer" onclick="execApi(device.number,'/Socket/Off')" src="@Url.Content2("/images/off.svg")" />
|
||||
}
|
||||
else
|
||||
{
|
||||
<img class="pointer" onclick="execApi(device.number,'/Socket/On')" src="@Url.Content2("/images/on.svg")" />
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
Loading…
Reference in new issue