Added proper support for font size and color
[GitHub/WoltLab/WCF.git] / com.woltlab.wcf / templates / pageMenuMobile.tpl
CommitLineData
431e4cb4 1{* main menu / page options / breadcrumbs *}
4b4bdfd7
AE
2<div id="pageMainMenuMobile" class="pageMainMenuMobile menuOverlayMobile" data-page-logo="{$__wcf->getPath()}images/default-logo.png"> {* TODO: use real path *}
3 <ol class="menuOverlayItemList" data-title="{lang}wcf.menu.page{/lang}">
8a0b323e
AE
4 <li class="menuOverlayTitle">{lang}wcf.menu.page.navigation{/lang}</li>
5 {*<li class="menuOverlayItem">
431e4cb4
AE
6 <a href="#" class="menuOverlayItemLink box24">
7 <span class="icon icon24 fa-sitemap"></span>
8a0b323e 8 <span class="menuOverlayItemTitle"></span>
431e4cb4 9 </a>
8a0b323e 10 <ol class="menuOverlayItemList">*}
431e4cb4 11 {foreach from=$__wcf->getBoxHandler()->getBoxes('mainMenu')[0]->getMenu()->getMenuItemNodeList() item=menuItemNode}
8a0b323e 12 <li class="menuOverlayItem">
2b7a2f53
MS
13 {assign var=__outstandingItems value=$menuItemNode->getOutstandingItems()}
14 <a href="{$menuItemNode->getURL()}" class="menuOverlayItemLink{if $__outstandingItems} menuOverlayItemBadge{/if}{if $menuItemNode->isActiveNode()} active{/if}">
15 <span class="menuOverlayItemTitle">{lang}{$menuItemNode->title}{/lang}</span>
8a0b323e
AE
16 {if $__outstandingItems}
17 <span class="badge badgeUpdate">{#$__outstandingItems}</span>
18 {/if}
19 </a>
431e4cb4 20
8a0b323e
AE
21 {if $menuItemNode->hasChildren()}<ol class="menuOverlayItemList">{else}</li>{/if}
22
23 {if !$menuItemNode->hasChildren() && $menuItemNode->isLastSibling()}
24 {@"</ol></li>"|str_repeat:$menuItemNode->getOpenParentNodes()}
25 {/if}
26 {/foreach}
27 {*</ol>
28 </li>*}
0ba63443
AE
29 {hascontent}
30 <li class="menuOverlayItem">
31 <a href="#" class="menuOverlayItemLink box24">
32 <span class="icon icon24 fa-gears"></span>
4b4bdfd7 33 <span class="menuOverlayItemTitle">{lang}wcf.menu.page.options{/lang}</span>
0ba63443
AE
34 </a>
35 <ol class="menuOverlayItemList">
36 {content}
37 {if !$__pageOptions|empty}
38 {@$__pageOptions}
39 {/if}
40
41 {event name='pageOptions'}
42 {/content}
43 </ol>
44 </li>
45 {/hascontent}
46 {hascontent}
4b4bdfd7
AE
47 <li class="menuOverlayTitle">{lang}wcf.menu.page.location{/lang}</li>
48 {content}
49 {assign var=__breadcrumbsDepth value=0}
50 {foreach from=$__wcf->getBreadcrumbs() item=$breadcrumb}
51 <li class="menuOverlayItem">
52 <a href="{$breadcrumb->getURL()}" class="menuOverlayItemLink">
53 <span class="menuOverlayItemTitle"{if $__breadcrumbsDepth} style="padding-left: {$__breadcrumbsDepth * 10}px" {/if}>
54 <span class="icon icon24 fa-{if $__breadcrumbsDepth}caret-right{else}home{/if}"></span>
55 {$breadcrumb->getLabel()}
56 </span>
57 </a>
58 </li>
59 {assign var=__breadcrumbsDepth value=$__breadcrumbsDepth + 1}
60 {/foreach}
61 {/content}
0ba63443
AE
62 {/hascontent}
63
64 <li class="menuOverlayItemSpacer"></li>
65 <li class="menuOverlayItem" data-more="com.woltlab.wcf.search">
66 <a href="#" class="menuOverlayItemLink box24">
67 <span class="icon icon24 fa-search"></span>
68 <span class="menuOverlayItemTitle">{lang}wcf.global.search{/lang}</span>
69 </a>
70 </li>
431e4cb4
AE
71 </ol>
72</div>
73
74{* user menu *}
5717e253 75<div id="pageUserMenuMobile" class="pageUserMenuMobile menuOverlayMobile" data-page-logo="{$__wcf->getPath()}images/default-logo.png">
4b4bdfd7 76 <ol class="menuOverlayItemList" data-title="{lang}wcf.menu.user{/lang}">
5717e253
AE
77 {if $__wcf->user->userID}
78 {* logged-in *}
7fd8572e
AE
79 <li class="menuOverlayTitle">{lang}wcf.user.controlPanel{/lang}</li>
80 <li class="menuOverlayItem">
81 <a href="{link controller='User' object=$__wcf->user}{/link}" class="menuOverlayItemLink box24">
82 {@$__wcf->getUserProfileHandler()->getAvatar()->getImageTag(24)}
83 <span class="menuOverlayItemTitle">{$__wcf->user->username}</span>
84 </a>
85 </li>
86 <li class="menuOverlayItem">
87 <a href="{link controller='Settings'}{/link}" class="menuOverlayItemLink box24">
88 <span class="icon icon24 fa-cog"></span>
89 <span class="menuOverlayItemTitle">Einstellungen</span>
90 </a>
91 <ol class="menuOverlayItemList">
92 {foreach from=$__wcf->getUserMenu()->getMenuItems('') item=menuCategory}
93 <li class="menuOverlayTitle">{lang}{$menuCategory->menuItem}{/lang}</li>
94 {foreach from=$__wcf->getUserMenu()->getMenuItems($menuCategory->menuItem) item=menuItem}
95 <li class="menuOverlayItem">
96 <a href="{$menuItem->getProcessor()->getLink()}" class="menuOverlayItemLink">{@$menuItem}</a>
97 </li>
98 {/foreach}
431e4cb4 99 {/foreach}
7fd8572e
AE
100 </ol>
101 </li>
102 {if $__wcf->session->getPermission('admin.general.canUseAcp')}
103 <li class="menuOverlayItem">
104 <a href="{link isACP=true}{/link}" class="menuOverlayItemLink box24">
105 <span class="icon icon24 fa-wrench"></span>
106 <span class="menuOverlayItemTitle">{lang}wcf.global.acp.short{/lang}</span>
107 </a>
108 </li>
109 {/if}
110 <li class="menuOverlayItemSpacer"></li>
111 <li class="menuOverlayItem" data-more="com.woltlab.wcf.notifications">
112 <a href="{link controller='NotificationList'}{/link}" class="menuOverlayItemLink box24">
113 <span class="icon icon24 fa-bell-o"></span>
114 <span class="menuOverlayItemTitle">{lang}wcf.user.notification.notifications{/lang}</span>
115 </a>
116 </li>
5717e253 117 <li class="menuOverlayItem" data-more="com.woltlab.wcf.moderation">
7fd8572e
AE
118 <a href="#" class="menuOverlayItemLink box24">
119 <span class="icon icon24 fa-exclamation-triangle"></span>
120 <span class="menuOverlayItemTitle">{lang}wcf.moderation.moderation{/lang}</span>
431e4cb4
AE
121 </a>
122 </li>
7fd8572e
AE
123
124 {event name='userMenuItems'}
125
126 <li class="menuOverlayItemSpacer"></li>
127 <li class="menuOverlayItem">
128 <a href="{link controller='Logout'}t={@SECURITY_TOKEN}{/link}" class="menuOverlayItemLink box24">
129 <span class="icon icon24 fa-sign-out"></span>
130 <span class="menuOverlayItemTitle">{lang}wcf.user.logout{/lang}</span>
131 </a>
132 </li>
5717e253
AE
133 {else}
134 {* guest *}
135 <li class="menuOverlayTitle">TODO: user menu</li>
136 <li class="menuOverlayItem" data-more="com.woltlab.wcf.login">
137 <a href="#" class="menuOverlayItemLink box24">
138 <span class="icon icon24 fa-sign-in"></span>
139 <span class="menuOverlayItemTitle">{lang}wcf.user.login{/lang}</span>
140 </a>
141 </li>
142 <li class="menuOverlayItem">
143 <a href="{link controller='Register'}{/link}" class="menuOverlayItemLink box24">
144 <span class="icon icon24 fa-asterisk"></span>
145 <span class="menuOverlayItemTitle">{lang}wcf.user.register{/lang}</span>
146 </a>
147 </li>
148
149 {event name='guestUserMenuItems'}
0ba63443 150
5717e253
AE
151 {if $__wcf->getLanguage()->getLanguages()|count > 1}
152 <li class="menuOverlayItemSpacer"></li>
153 <li class="menuOverlayTitle">{lang}wcf.user.language{/lang}</li>
154 <li class="menuOverlayItem">
155 <a href="#" class="menuOverlayItemLink box24">
0ba63443 156 <img src="{$__wcf->getLanguage()->getIconPath()}" alt="">
5717e253
AE
157 <span class="menuOverlayItemTitle">{$__wcf->getLanguage()}</span>
158 </a>
159 <ol class="menuOverlayItemList" data-title="{lang}wcf.user.language{/lang}">
160 {foreach from=$__wcf->getLanguage()->getLanguages() item=__language}
161 <li class="menuOverlayItem" data-more="com.woltlab.wcf.language" data-language-id="{@$__language->languageID}">
162 <a href="#" class="menuOverlayItemLink box24">
0ba63443 163 <img src="{$__language->getIconPath()}" alt="">
5717e253
AE
164 <span class="menuOverlayItemTitle">{$__language}</span>
165 </a>
166 </li>
167 {/foreach}
168 </ol>
169 </li>
170 {/if}
171 {/if}
172 </ol>
173</div>