| | 1 | | @inject NavigationManager navManager; |
| | 2 | | @inject MUNity.Database.Context.MunityContext munityContext |
| | 3 | |
|
| 0 | 4 | | @if (menuItems != null) |
| 0 | 5 | | { |
| | 6 | | <div id="top-menu" class="app-top-menu"> |
| | 7 | | <!-- BEGIN menu --> |
| | 8 | | <div class="menu" style="margin-left: @(scrollMarginLeft)px;"> |
| | 9 | |
|
| 0 | 10 | | @foreach (var menuItem in menuItems) |
| 0 | 11 | | { |
| 0 | 12 | | @if (menuItem.SubItems.Count == 0) |
| 0 | 13 | | { |
| | 14 | | <div class="menu-item"> |
| | 15 | | <a href="@($"/web/conference/{ConferenceId}/{menuItem.PageId}")" class="menu-link"> |
| | 16 | | @*<div class="menu-icon"> |
| | 17 | | <i class="oi oi-home"></i> |
| | 18 | | </div>*@ |
| 0 | 19 | | <div class="menu-text">@menuItem.Title</div> |
| | 20 | | </a> |
| | 21 | | </div> |
| 0 | 22 | | } |
| | 23 | | else |
| 0 | 24 | | { |
| | 25 | | <div class="menu-item has-sub"> |
| | 26 | | <a href="javascript:;" class="menu-link"> |
| | 27 | | @*<div class="menu-icon"> |
| | 28 | | <i class="oi oi-home"></i> |
| | 29 | | </div>*@ |
| 0 | 30 | | <div class="menu-text">@menuItem.Title</div> |
| | 31 | | <div class="menu-caret"></div> |
| | 32 | | </a> |
| | 33 | | <div class="menu-submenu"> |
| 0 | 34 | | @foreach (var subMenuItem in menuItem.SubItems) |
| 0 | 35 | | { |
| | 36 | | <div class="menu-item"> |
| 0 | 37 | | <a href="@($"/web/conference/{ConferenceId}/{subMenuItem.PageId}")" class="menu-link |
| | 38 | | </div> |
| 0 | 39 | | } |
| | 40 | | </div> |
| | 41 | | </div> |
| 0 | 42 | | } |
| 0 | 43 | | } |
| | 44 | |
|
| | 45 | |
|
| | 46 | | <div class="menu-item"> |
| | 47 | | <a href="@($"/web/conference/{ConferenceId}/register")" class="menu-link"> |
| | 48 | | @*<div class="menu-icon"> |
| | 49 | | <i class="oi oi-home"></i> |
| | 50 | | </div>*@ |
| | 51 | | <div class="menu-text">Anmeldung <span class="menu-label">jetzt offen</span></div> |
| | 52 | | </a> |
| | 53 | | </div> |
| | 54 | |
|
| | 55 | |
|
| | 56 | | <!-- Start and Stop scroll Buttons --> |
| | 57 | | @*<div class="menu-item menu-control menu-control-start show"> |
| | 58 | | <a class="menu-link" @onclick="() => scrollMarginLeft += 200"><i class="fa fa-angle-left"></i></ |
| | 59 | | </div> |
| | 60 | | <div class="menu-item menu-control menu-control-end show"> |
| | 61 | | <a class="menu-link" @onclick="() => scrollMarginLeft -= 200"><i class="fa fa-angle-right"></i> |
| | 62 | | </div> |
| | 63 | | </div>*@ |
| | 64 | | <!-- END menu --> |
| | 65 | | </div> |
| | 66 | | </div> |
| 0 | 67 | | } |
| | 68 | |
|
| | 69 | | @code { |
| 0 | 70 | | private int scrollMarginLeft = 0; |
| | 71 | |
|
| | 72 | | private class menuItemStruct |
| | 73 | | { |
| 0 | 74 | | public string Title { get; set; } |
| | 75 | |
|
| 0 | 76 | | public string PageId { get; set; } |
| | 77 | |
|
| 0 | 78 | | public List<menuItemStruct> SubItems { get; set; } |
| | 79 | | } |
| | 80 | |
|
| | 81 | | private List<menuItemStruct> menuItems; |
| | 82 | |
|
| 0 | 83 | | private string ConferenceId => navManager.Uri.Split("/")[5]; |
| | 84 | |
|
| | 85 | | protected override void OnInitialized() |
| 0 | 86 | | { |
| 0 | 87 | | base.OnInitialized(); |
| 0 | 88 | | this.menuItems = munityContext.ConferenceWebMenuEntries |
| 0 | 89 | | .Where(n => n.Conference.ConferenceId == ConferenceId && n.Parent == null) |
| 0 | 90 | | .Select(n => new menuItemStruct() |
| 0 | 91 | | { |
| 0 | 92 | | PageId = n.TargetedPage.ConferenceWebPageId, |
| 0 | 93 | | Title = n.Title, |
| 0 | 94 | | SubItems = n.ChildEntries.Select(a => new menuItemStruct() |
| 0 | 95 | | { |
| 0 | 96 | | PageId = a.TargetedPage.ConferenceWebPageId, |
| 0 | 97 | | Title = a.Title |
| 0 | 98 | | }).ToList() |
| 0 | 99 | | }).ToList(); |
| 0 | 100 | | } |
| | 101 | | } |