Различное расположение HTML в зависимости от пользователя в .NET Core - PullRequest
Новая
       42

Различное расположение HTML в зависимости от пользователя в .NET Core

0 голосов
/ 28 февраля 2019

У меня есть одно представление для нескольких пользователей в разных ролях.Что касается клиентов, я скрываю некоторые области страницы, которые включают функции администратора.Страница использует классы Bootstrap для равномерной компоновки всего.Что я хочу знать, так это как сделать div шириной для клиента и половиной ширины для администратора?Это вообще возможно? 

<div class="container mt-3">
<div class="row">
@if(User.IsInRole("ist_Teamleader") || !User.IsInRole("Information Solutions Team"))
{
    <div class="col-6"> // HOW CAN I MAKE THIS "COL-12" WHEN THE OTHER COMMENT AREA BELOW IS HIDDEN
        <h4>Requester Comments</h4><hr>
        <div class="scroll-comments w3-border mb-3 py-2 rounded">
            @foreach(var Comment in Model.RequesterComments)
            {
                <div class="message to bg-info">
                    <p>
                    <b>@Html.DisplayFor(modelItem => Comment.Commenter)</b>
                    <br>
                    @Html.DisplayFor(modelItem => Comment.Comment)
                    <br>
                    <span style="font-size: 0.5em; font-style: italic;">
                        Sent at @Html.DisplayFor(modelItem => Comment.DateTime)
                    </span>
                    </p>
                </div>
            }
        </div>
        <form asp-page-handler="requester" method="post">
            <input type="hidden" class="form-control" name="ID" value="@Model.Proposals.Id" />
            <input type="text" class="form-control" name="Body" placeholder="Add Comment" />
            <input type="submit" class="btn btn-info btn-sm my-2 float-right" />
        </form>
    </div>
}
@if(User.IsInRole("Information Solutions Team"))
{
    <div class="col-6">
        <h4>Developer Comments</h4><hr>
        <div class="scroll-comments w3-border mb-3 py-2 rounded">
            @foreach(var Comment in Model.DeveloperComments)
            {
                <div class="message to bg-dark">
                    <p>
                    <b>@Html.DisplayFor(modelItem => Comment.Commenter)</b>
                    <br>
                    @Html.DisplayFor(modelItem => Comment.Comment)
                    <br>
                    <span style="font-size: 0.5em; font-style: italic;">
                        Sent at @Html.DisplayFor(modelItem => Comment.DateTime)
                    </span>
                    </p>
                </div>
            }
        </div>
        <form asp-page-handler="developer" method="post">
            <input type="hidden" class="form-control" name="ID" value="@Model.Proposals.Id" />
            <input type="text" class="form-control" name="Body" placeholder="Add Comment" />
            <input type="submit" class="btn btn-dark btn-sm my-2 float-right" />
        </form>
    </div>
}
</div>

...