@model
Readdy.Models.User_Page_ViewDataModel
@{
ViewData["Title"] = "😀 User Page/" + Model.Ownername;
Layout = "~/Views/Shared/_Layout.cshtml";
}
<style>
.divMain {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
vertical-align: top;
display: inline-block;
width: 80%;
/*max-width:
80%;*/
overflow-wrap: break-word;
overflow: auto;
margin: 0px;
margin-top: 2px;
padding: 10px;
background-color: rgba(250, 250, 250, 0.9);
border-radius: 8px 8px 8px 8px;
}
/* resize images */
.divMain img {
max-width: 100%;
height: auto;
}
.divMain td {
width: auto;
max-width: 700px;
}
.divRight {
display: inline-block;
/*display:
block;*/
/*float:
right;*/
margin: 0;
padding: 0px;
background-color: rgba(235, 235, 235, 0.74);
}
.divList {
width: 100%;
}
.divItem {
width: 100%;
display: block;
padding: 4px;
margin-top: 10px;
box-shadow: 0 1px 2px 0 rgba(0,255,0,0.2), 0 0 0 1px rgba(0,0,0,0.1);
transition: box-shadow 1s ease-in-out;
border-radius: 2px;
outline: none;
background-color: rgba(255,255,255,1)
}
.divItem:hover {
background-color: rgba(182, 255, 0,0.5);
}
.divOwner {
width: 100%;
display: block;
padding: 4px;
margin-top: 10px;
outline: none;
font-size: x-small;
}
.divOwner:hover {
background-color: rgba(182, 255, 0,0.5);
}
</style>
<h3 style="margin:6px;font-size:large">
<img src="~/images/logo/logo_small.png" style="height:18px;" />
► <img src="~/images/Ico/icoProfil.png" style="height:20px;vertical-align:text-bottom;">
: <a href="/user/User_Page/@Model.IDOwner" style="font-weight:bold ">@Model.Ownername </a>
</h3>
@*--------< divMain
>--------*@
<div id="divMain" class="divMain">
@*------< Image
>--------*@
<img src="@Html.Raw("/User_Files/User_Images/400/User_Image_" + Model.IDOwner + ".jpg")" style="border-radius:50%;display:inline-block;float:left;">
@*------</ Image
>--------*@
@*------< Description
>--------*@
<div id="divInfos">
<p>Started: @Model.dtCreate</p>
<p>
Follower: @Model.sumFollowers
@{
foreach (var follower in Model.List_Followers)
{
<a href="~/User/User_Page/@Html.Raw(follower.IDFollower)"> <img src="~/User_Files/User_Images/40/@Html.Raw("User_Image_" + follower.IDFollower + ".jpg")" /></a>
}
}
</p>
<p>
Follows: @Model.sumFollows
@{
foreach (var follows in Model.List_Follows)
{
<a href="~/User/User_Page/@Html.Raw(follows.IDUser)"> <img src="~/User_Files/User_Images/40/@Html.Raw("User_Image_" + follows.IDUser + ".jpg")" /></a>
}
}
</p>
<p>Views: @Model.sumViews</p>
<span>
Info:
@Model.Description
</span>
</div>
@*------</ Description
>--------*@
@*------< Notes
>--------*@
<Div class="divList" style="width:40%">
►<a href="~/notes/User_Notes/@Model.IDOwner">📃Notes</a>
@*------< Loop: Details
>------*@
@{
int iLoop = 0;
foreach (var note in Model.List_Notes)
{
iLoop++;
@*----< row >----*@
<a href="~/Notes/Details/@note.IDNote" title="@Html.DisplayFor(modelItem =>
note.DtEdit): @Html.DisplayFor(modelItem
=> note.Title)" style="text-decoration:none;display:block;">
<Div class="divItem" style="display:inline-block;margin:2px;">
@{
if (iLoop < 3)
{
if (note.sumImages > 0)
{
<div style="float:left; margin:2px;margin-right:10px;">
<img src="@("/User_Files/Notes/Images/Image_" + note.IDNote + "_0.jpg" )" style="width:140px;" />
</div>
}
}
}
<span style="text-align:left;font-size:large;padding:2px;">
@Html.DisplayFor(modelItem
=> note.Title)
</span>
<div style="float:right;text-align:left;font-size: 12px; color: #757575;margin-top:10px;">
<span style="text-align:left;font-size: 12px; color: #757575;">
@Html.DisplayFor(modelItem
=> note.DtEdit)
(👁@Html.DisplayFor(modelItem =>
note.sumViews))
</span>
</div>
</Div>
</a>
@*----</ row >----*@
}
}
</Div>
@*----</ Loop: Details
>------*@
@*------</ Notes
>--------*@
</div>
@*--------</
divMain >--------*@
|