fichecollege/CD67.FicheCollege.MVC/Views/Groupes/Details.cshtml

@using CD67.FicheCollege.MVC.Models
@model GroupeViewModel

@{
    ViewBag.Title = "Administration - Utilisateurs";
    Layout = "~/Views/Shared/_AdminLayout.cshtml";
    Groupe groupe = Model.Obj;
}

<header>
    <h2>@groupe.Nom</h2>
    <div>
        <a href=@Url.Action("Index")>
            <i class="fa fa-list-ul"></i> Retour à l'index
        </a>
    </div>
</header>

<fieldset>
    <legend>
        Informations générales
    </legend>

    <dl class="dl-horizontal">
        <dt>
            @Html.DisplayNameFor(model => groupe.Nom)
        </dt>
        <dd>
            @Html.DisplayFor(model => groupe.Nom)
        </dd>
        <dt>
            @Html.DisplayNameFor(model => groupe.Description)
        </dt>
        <dd>
            @Html.DisplayFor(model => groupe.Description)
        </dd>
    </dl>
</fieldset>

<legend>
    Membres
    <span class="mask-ss pull-right">
        <a data-groupeid="@groupe.Id" class="btn btn-primary" href="@Url.Action("Create", "Utilisateurs", new { groupe_id = groupe.Id })">
            <i class="fa fa-plus"></i> Ajouter un Utilisateur
        </a>
    </span>
</legend>

<table class="table simple-datatable">
    <thead>
        <tr>
            <th data-priority="1">Login</th>
            <th data-priority="1">Mail</th>
            <th data-priority="2">Service</th>
            <th width="1px"></th> @*'width=1px' >> force the minimum width*@ 
            <th width="1px"></th>
        </tr>
    </thead>
    <tbody>
   @foreach (Utilisateur item in groupe.Utilisateurs)
    {
        <tr>
            <td>@Html.DisplayFor(model => item.Login)</td>
            <td>@Html.DisplayFor(model => item.Mail)</td>
            <td>@Html.DisplayFor(model => item.Service)</td>
            <td>
                <a class="btn btn-danger btn-xs" href="@Url.Action("Delete", "Utilisateurs", new { Id = item.Id })" title="Retirer le membre">
                    <i class="glyphicon glyphicon-remove"></i>
                </a>
            </td>
        </tr>
    }
    </tbody>
</table>
</table>