273 lines
18 KiB
Plaintext
273 lines
18 KiB
Plaintext
@model IEnumerable<Church.Net.Entity.FamilyMember>
|
|
|
|
@{
|
|
ViewBag.Title = "Index";
|
|
}
|
|
|
|
|
|
<div class="g-px-20">
|
|
<div class="media">
|
|
<div class="d-flex align-self-center">
|
|
<h1 class="g-font-weight-300 g-font-size-28 g-color-black mb-0">@ViewBag.Title</h1>
|
|
</div>
|
|
|
|
<div class="media-body align-self-center text-right">
|
|
<a class="js-fancybox btn btn-xl u-btn-lightblue-v3 g-width-160--md g-font-size-default g-ml-10" href="javascript:;" data-src="#add-contact-form" data-speed="350">
|
|
建立
|
|
</a>
|
|
@Html.ActionLink("建立", "Create")
|
|
</div>
|
|
</div>
|
|
|
|
<hr class="d-flex g-brd-gray-light-v7 g-my-30">
|
|
|
|
|
|
<div class="media flex-wrap g-mb-30">
|
|
<div class="d-flex align-self-center align-items-center">
|
|
<span class="g-hidden-sm-down g-color-gray-dark-v6 g-mr-12">Type:</span>
|
|
|
|
<div class="u-select--v1 g-pr-20">
|
|
<select class="js-select u-select--v1-select w-100" style="display: none;">
|
|
<option data-content='<span class="d-flex align-items-center"><span class="u-badge-v2--md g-pos-stc g-transform-origin--top-left g-bg-lightblue-v3 g-mr-8--sm"></span><span class="g-hidden-sm-down g-line-height-1_2 g-color-black">Friends</span></span>'>Friends</option>
|
|
<option data-content='<span class="d-flex align-items-center"><span class="u-badge-v2--md g-pos-stc g-transform-origin--top-left g-bg-teal-v2 g-mr-8--sm"></span><span class="g-hidden-sm-down g-line-height-1_2 g-color-black">Colleagues</span></span>'>Colleagues</option>
|
|
</select>
|
|
<i class="hs-admin-angle-down g-absolute-centered--y g-right-0 g-color-gray-light-v6 ml-auto"></i>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="d-flex align-self-center align-items-center g-ml-10 g-ml-20--md g-ml-40--lg">
|
|
<span class="g-hidden-sm-down g-color-gray-dark-v6 g-mr-12">Position:</span>
|
|
|
|
<div class="u-select--v1 g-pr-20">
|
|
<select class="js-select u-select--v1-select w-100" style="display: none;">
|
|
<option data-content='<span class="d-flex align-items-center"><span class="g-line-height-1_2 g-color-black">All Positions</span></span>'>All Positions</option>
|
|
<option data-content='<span class="d-flex align-items-center"><span class="g-line-height-1_2 g-color-black">Manager</span></span>'>Manager</option>
|
|
<option data-content='<span class="d-flex align-items-center"><span class="g-line-height-1_2 g-color-black">Designer</span></span>'>Designer</option>
|
|
<option data-content='<span class="d-flex align-items-center"><span class="g-line-height-1_2 g-color-black">Developer</span></span>'>Developer</option>
|
|
</select>
|
|
<i class="hs-admin-angle-down g-absolute-centered--y g-right-0 g-color-gray-light-v6 ml-auto"></i>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="d-flex g-hidden-md-up w-100"></div>
|
|
|
|
<div class="media-body align-self-center g-mt-10 g-mt-0--md">
|
|
<div class="input-group g-pos-rel g-max-width-380 float-right">
|
|
<input class="form-control g-font-size-default g-brd-gray-light-v7 g-brd-lightblue-v3--focus g-rounded-20 g-pl-20 g-pr-50 g-py-10" type="text" placeholder="Search for name, position">
|
|
<button class="btn g-pos-abs g-top-0 g-right-0 g-z-index-2 g-width-60 h-100 g-bg-transparent g-font-size-16 g-color-lightred-v2 g-color-lightblue-v3--hover rounded-0" type="submit">
|
|
<i class="hs-admin-search g-absolute-centered"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<table class="table w-100 g-mb-25">
|
|
|
|
<thead class="g-hidden-sm-down g-color-gray-dark-v6">
|
|
<tr>
|
|
<th class="g-bg-gray-light-v8 g-font-weight-400 g-valign-middle g-brd-bottom-none g-py-15">
|
|
<div class="d-flex align-items-center justify-content-between">
|
|
@Html.DisplayNameFor(model => model.Career.Name)
|
|
<!-- <a class="u-link-v5 g-line-height-1 g-color-gray-dark-v7 g-color-lightblue-v4--hover" href="#!">
|
|
<i class="hs-admin-arrows-vertical g-font-size-15"></i>
|
|
</a> -->
|
|
</div>
|
|
</th>
|
|
<th class="g-bg-gray-light-v8 g-font-weight-400 g-valign-middle g-brd-bottom-none g-py-15">
|
|
<div class="d-flex align-items-center justify-content-between">
|
|
@Html.DisplayNameFor(model => model.FirstName)
|
|
<!-- <a class="u-link-v5 g-line-height-1 g-color-gray-dark-v7 g-color-lightblue-v4--hover" href="#!">
|
|
<i class="hs-admin-arrows-vertical g-font-size-15"></i>
|
|
</a> -->
|
|
</div>
|
|
</th>
|
|
<th class="g-bg-gray-light-v8 g-font-weight-400 g-valign-middle g-brd-bottom-none g-py-15">
|
|
<div class="d-flex align-items-center justify-content-between">
|
|
@Html.DisplayNameFor(model => model.LastName)
|
|
<!-- <a class="u-link-v5 g-line-height-1 g-color-gray-dark-v7 g-color-lightblue-v4--hover" href="#!">
|
|
<i class="hs-admin-arrows-vertical g-font-size-15"></i>
|
|
</a> -->
|
|
</div>
|
|
</th>
|
|
<th class="g-bg-gray-light-v8 g-font-weight-400 g-valign-middle g-brd-bottom-none g-py-15">
|
|
<div class="d-flex align-items-center justify-content-between">
|
|
@Html.DisplayNameFor(model => model.Gender)
|
|
<!-- <a class="u-link-v5 g-line-height-1 g-color-gray-dark-v7 g-color-lightblue-v4--hover" href="#!">
|
|
<i class="hs-admin-arrows-vertical g-font-size-15"></i>
|
|
</a> -->
|
|
</div>
|
|
</th>
|
|
<th class="g-bg-gray-light-v8 g-font-weight-400 g-valign-middle g-brd-bottom-none g-py-15">
|
|
<div class="d-flex align-items-center justify-content-between">
|
|
@Html.DisplayNameFor(model => model.Birthday)
|
|
<!-- <a class="u-link-v5 g-line-height-1 g-color-gray-dark-v7 g-color-lightblue-v4--hover" href="#!">
|
|
<i class="hs-admin-arrows-vertical g-font-size-15"></i>
|
|
</a> -->
|
|
</div>
|
|
</th>
|
|
<th class="g-bg-gray-light-v8 g-font-weight-400 g-valign-middle g-brd-bottom-none g-py-15">
|
|
<div class="d-flex align-items-center justify-content-between">
|
|
@Html.DisplayNameFor(model => model.Married)
|
|
<!-- <a class="u-link-v5 g-line-height-1 g-color-gray-dark-v7 g-color-lightblue-v4--hover" href="#!">
|
|
<i class="hs-admin-arrows-vertical g-font-size-15"></i>
|
|
</a> -->
|
|
</div>
|
|
</th>
|
|
<th class="g-bg-gray-light-v8 g-font-weight-400 g-valign-middle g-brd-bottom-none g-py-15">
|
|
<div class="d-flex align-items-center justify-content-between">
|
|
@Html.DisplayNameFor(model => model.Baptized)
|
|
<!-- <a class="u-link-v5 g-line-height-1 g-color-gray-dark-v7 g-color-lightblue-v4--hover" href="#!">
|
|
<i class="hs-admin-arrows-vertical g-font-size-15"></i>
|
|
</a> -->
|
|
</div>
|
|
</th>
|
|
<th class="g-bg-gray-light-v8 g-font-weight-400 g-valign-middle g-brd-bottom-none g-py-15">
|
|
<div class="d-flex align-items-center justify-content-between">
|
|
@Html.DisplayNameFor(model => model.DateOfBaptized)
|
|
<!-- <a class="u-link-v5 g-line-height-1 g-color-gray-dark-v7 g-color-lightblue-v4--hover" href="#!">
|
|
<i class="hs-admin-arrows-vertical g-font-size-15"></i>
|
|
</a> -->
|
|
</div>
|
|
</th>
|
|
<th class="g-bg-gray-light-v8 g-font-weight-400 g-valign-middle g-brd-bottom-none g-py-15">
|
|
<div class="d-flex align-items-center justify-content-between">
|
|
@Html.DisplayNameFor(model => model.DateOfWalkIn)
|
|
<!-- <a class="u-link-v5 g-line-height-1 g-color-gray-dark-v7 g-color-lightblue-v4--hover" href="#!">
|
|
<i class="hs-admin-arrows-vertical g-font-size-15"></i>
|
|
</a> -->
|
|
</div>
|
|
</th>
|
|
<th class="g-bg-gray-light-v8 g-font-weight-400 g-valign-middle g-brd-bottom-none g-py-15">
|
|
<div class="d-flex align-items-center justify-content-between">
|
|
@Html.DisplayNameFor(model => model.Address)
|
|
<!-- <a class="u-link-v5 g-line-height-1 g-color-gray-dark-v7 g-color-lightblue-v4--hover" href="#!">
|
|
<i class="hs-admin-arrows-vertical g-font-size-15"></i>
|
|
</a> -->
|
|
</div>
|
|
</th>
|
|
<th class="g-bg-gray-light-v8 g-font-weight-400 g-valign-middle g-brd-bottom-none g-py-15">
|
|
<div class="d-flex align-items-center justify-content-between">
|
|
@Html.DisplayNameFor(model => model.ComunityAppId)
|
|
<!-- <a class="u-link-v5 g-line-height-1 g-color-gray-dark-v7 g-color-lightblue-v4--hover" href="#!">
|
|
<i class="hs-admin-arrows-vertical g-font-size-15"></i>
|
|
</a> -->
|
|
</div>
|
|
</th>
|
|
<th class="g-bg-gray-light-v8 g-font-weight-400 g-valign-middle g-brd-bottom-none g-py-15">
|
|
<div class="d-flex align-items-center justify-content-between">
|
|
@Html.DisplayNameFor(model => model.Email)
|
|
<!-- <a class="u-link-v5 g-line-height-1 g-color-gray-dark-v7 g-color-lightblue-v4--hover" href="#!">
|
|
<i class="hs-admin-arrows-vertical g-font-size-15"></i>
|
|
</a> -->
|
|
</div>
|
|
</th>
|
|
<th class="g-bg-gray-light-v8 g-font-weight-400 g-valign-middle g-brd-bottom-none g-py-15">
|
|
<div class="d-flex align-items-center justify-content-between">
|
|
@Html.DisplayNameFor(model => model.PhoneNumber)
|
|
<!-- <a class="u-link-v5 g-line-height-1 g-color-gray-dark-v7 g-color-lightblue-v4--hover" href="#!">
|
|
<i class="hs-admin-arrows-vertical g-font-size-15"></i>
|
|
</a> -->
|
|
</div>
|
|
</th>
|
|
<th class="g-bg-gray-light-v8 g-font-weight-400 g-valign-middle g-brd-bottom-none g-py-15 g-pr-25"></th>
|
|
</tr>
|
|
</thead>
|
|
|
|
<tbody class="g-font-size-default g-color-black" id="accordion-09" role="tablist" aria-multiselectable="true">
|
|
@foreach (var item in Model)
|
|
{
|
|
<tr>
|
|
<td class="g-valign-middle g-brd-top-none g-brd-bottom g-brd-gray-light-v7 g-py-15 g-py-30--md g-px-5 g-px-10--sm">
|
|
@Html.DisplayFor(modelItem => item.Career.Name)
|
|
</td>
|
|
<td class="g-valign-middle g-brd-top-none g-brd-bottom g-brd-gray-light-v7 g-py-15 g-py-30--md g-px-5 g-px-10--sm">
|
|
@Html.DisplayFor(modelItem => item.FirstName)
|
|
</td>
|
|
<td class="g-valign-middle g-brd-top-none g-brd-bottom g-brd-gray-light-v7 g-py-15 g-py-30--md g-px-5 g-px-10--sm">
|
|
@Html.DisplayFor(modelItem => item.LastName)
|
|
</td>
|
|
<td class="g-valign-middle g-brd-top-none g-brd-bottom g-brd-gray-light-v7 g-py-15 g-py-30--md g-px-5 g-px-10--sm">
|
|
@Html.DisplayFor(modelItem => item.Gender)
|
|
</td>
|
|
<td class="g-valign-middle g-brd-top-none g-brd-bottom g-brd-gray-light-v7 g-py-15 g-py-30--md g-px-5 g-px-10--sm">
|
|
@Html.DisplayFor(modelItem => item.Birthday)
|
|
</td>
|
|
<td class="g-valign-middle g-brd-top-none g-brd-bottom g-brd-gray-light-v7 g-py-15 g-py-30--md g-px-5 g-px-10--sm">
|
|
@Html.DisplayFor(modelItem => item.Married)
|
|
</td>
|
|
<td class="g-valign-middle g-brd-top-none g-brd-bottom g-brd-gray-light-v7 g-py-15 g-py-30--md g-px-5 g-px-10--sm">
|
|
@Html.DisplayFor(modelItem => item.Baptized)
|
|
</td>
|
|
<td class="g-valign-middle g-brd-top-none g-brd-bottom g-brd-gray-light-v7 g-py-15 g-py-30--md g-px-5 g-px-10--sm">
|
|
@Html.DisplayFor(modelItem => item.DateOfBaptized)
|
|
</td>
|
|
<td class="g-valign-middle g-brd-top-none g-brd-bottom g-brd-gray-light-v7 g-py-15 g-py-30--md g-px-5 g-px-10--sm">
|
|
@Html.DisplayFor(modelItem => item.DateOfWalkIn)
|
|
</td>
|
|
<td class="g-valign-middle g-brd-top-none g-brd-bottom g-brd-gray-light-v7 g-py-15 g-py-30--md g-px-5 g-px-10--sm">
|
|
@Html.DisplayFor(modelItem => item.Address)
|
|
</td>
|
|
<td class="g-valign-middle g-brd-top-none g-brd-bottom g-brd-gray-light-v7 g-py-15 g-py-30--md g-px-5 g-px-10--sm">
|
|
@Html.DisplayFor(modelItem => item.ComunityAppId)
|
|
</td>
|
|
<td class="g-valign-middle g-brd-top-none g-brd-bottom g-brd-gray-light-v7 g-py-15 g-py-30--md g-px-5 g-px-10--sm">
|
|
@*@Html.DisplayFor(modelItem => item.ProfileImage)*@
|
|
</td>
|
|
<td class="g-valign-middle g-brd-top-none g-brd-bottom g-brd-gray-light-v7 g-py-15 g-py-30--md g-px-5 g-px-10--sm">
|
|
@Html.DisplayFor(modelItem => item.Email)
|
|
</td>
|
|
<td class="g-valign-middle g-brd-top-none g-brd-bottom g-brd-gray-light-v7 g-py-15 g-py-30--md g-px-5 g-px-10--sm">
|
|
@Html.DisplayFor(modelItem => item.EmailConfirmed)
|
|
</td>
|
|
<td class="g-valign-middle g-brd-top-none g-brd-bottom g-brd-gray-light-v7 g-py-15 g-py-30--md g-px-5 g-px-10--sm">
|
|
@Html.DisplayFor(modelItem => item.PasswordHash)
|
|
</td>
|
|
<td class="g-valign-middle g-brd-top-none g-brd-bottom g-brd-gray-light-v7 g-py-15 g-py-30--md g-px-5 g-px-10--sm">
|
|
@Html.DisplayFor(modelItem => item.SecurityStamp)
|
|
</td>
|
|
<td class="g-valign-middle g-brd-top-none g-brd-bottom g-brd-gray-light-v7 g-py-15 g-py-30--md g-px-5 g-px-10--sm">
|
|
@Html.DisplayFor(modelItem => item.PhoneNumber)
|
|
</td>
|
|
<td class="g-valign-middle g-brd-top-none g-brd-bottom g-brd-gray-light-v7 g-py-15 g-py-30--md g-px-5 g-px-10--sm">
|
|
@Html.DisplayFor(modelItem => item.PhoneNumberConfirmed)
|
|
</td>
|
|
<td class="g-valign-middle g-brd-top-none g-brd-bottom g-brd-gray-light-v7 g-py-15 g-py-30--md g-px-5 g-px-10--sm">
|
|
@Html.DisplayFor(modelItem => item.TwoFactorEnabled)
|
|
</td>
|
|
<td class="g-valign-middle g-brd-top-none g-brd-bottom g-brd-gray-light-v7 g-py-15 g-py-30--md g-px-5 g-px-10--sm">
|
|
@Html.DisplayFor(modelItem => item.LockoutEndDateUtc)
|
|
</td>
|
|
<td class="g-valign-middle g-brd-top-none g-brd-bottom g-brd-gray-light-v7 g-py-15 g-py-30--md g-px-5 g-px-10--sm">
|
|
@Html.DisplayFor(modelItem => item.LockoutEnabled)
|
|
</td>
|
|
<td class="g-valign-middle g-brd-top-none g-brd-bottom g-brd-gray-light-v7 g-py-15 g-py-30--md g-px-5 g-px-10--sm">
|
|
@Html.DisplayFor(modelItem => item.AccessFailedCount)
|
|
</td>
|
|
<td class="g-valign-middle g-brd-top-none g-brd-bottom g-brd-gray-light-v7 g-py-15 g-py-30--md g-px-5 g-px-10--sm">
|
|
@Html.DisplayFor(modelItem => item.UserName)
|
|
</td>
|
|
|
|
<td class="g-valign-middle g-brd-top-none g-brd-bottom g-brd-gray-light-v7 g-py-15 g-py-30--md g-px-5 g-px-10--sm g-pr-25">
|
|
<div class="d-flex align-items-center g-line-height-1">
|
|
<a href="@Url.Action("Details", new { id=item.Id })" class="u-link-v5 g-color-gray-light-v6 g-color-lightblue-v4--hover g-mr-15">
|
|
<i class="hs-admin-pencil g-font-size-18"></i>
|
|
</a>
|
|
<a href="@Url.Action("Edit", new { id=item.Id })" class="u-link-v5 g-color-gray-light-v6 g-color-lightblue-v4--hover g-mr-15">
|
|
<i class="hs-admin-pencil g-font-size-18"></i>
|
|
</a>
|
|
<a href="@Url.Action("Delete", new { id=item.Id })" class="u-link-v5 g-color-gray-light-v6 g-color-lightblue-v4--hover">
|
|
<i class="hs-admin-trash g-font-size-18"></i>
|
|
</a>
|
|
</div>
|
|
</td>
|
|
|
|
</tr>
|
|
}
|
|
|
|
</tbody>
|
|
</table>
|
|
</div>
|