169 lines
9.1 KiB
Plaintext
169 lines
9.1 KiB
Plaintext
@model IEnumerable<Church.Net.Entity.Vocabulary>
|
|
|
|
|
|
<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>
|
|
|
|
<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.PracticeDate)
|
|
<!-- <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-900 g-valign-middle g-brd-bottom-none g-py-15">
|
|
<div class="d-flex align-items-center justify-content-between">
|
|
@Html.DisplayNameFor(model => model.Word)
|
|
|
|
<!-- <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.ImagesUrl)
|
|
<!-- <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">
|
|
<div class="d-flex align-items-center justify-content-between">
|
|
Definition
|
|
</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.PracticeDate)
|
|
<br />
|
|
<span class="badge badge-info">@item.PracticeStage.ToString()</span>
|
|
|
|
@*<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.PracticeSelect)
|
|
</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.PracticeMemorized)
|
|
</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.PracticeVisualize)
|
|
</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.PracticeApply)
|
|
</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.PracticeReview)
|
|
</td>*@
|
|
|
|
</td>
|
|
<td class="g-valign-middle g-brd-top-none g-font-weight-900 g-brd-bottom g-brd-gray-light-v7 g-py-15 g-py-30--md g-px-5 g-px-10--sm">
|
|
<span class="badge badge-info">@Html.DisplayFor(modelItem => item.PartOfSpeech)</span>
|
|
<h3>@Html.DisplayFor(modelItem => item.Word)</h3>
|
|
@if (item.PartOfSpeech == Church.Net.Entity.Enumeration.PartsOfSpeech.Nouns)
|
|
{
|
|
@Html.DisplayFor(modelItem => item.NounPlural)
|
|
|
|
}
|
|
else if (item.PartOfSpeech == Church.Net.Entity.Enumeration.PartsOfSpeech.VerbsUnRegular)
|
|
{
|
|
|
|
@Html.Raw(item.VerbPast);@Html.Raw(item.VerbParticiple)
|
|
}
|
|
|
|
<button class="btn btn-success p-4" onclick="Speak('@Html.Raw(item.Word)')"><i class="g-absolute-centered g-font-size-20 hs-admin-announcement"></i></button>
|
|
</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">
|
|
<img class="img-thumbnail g-max-width-380" src="@item.ImagesUrl" />
|
|
</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.Raw(item.DefinitionEn)
|
|
<hr />
|
|
@Html.Raw(item.DefinitionCh)
|
|
</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("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>
|