Improved a11y of 'columnMark' checkboxes
[GitHub/WoltLab/WCF.git] / com.woltlab.wcf / templates / headIncludeJavaScript.tpl
1 {*
2 DO NOT EDIT THIS FILE
3 *}
4
5 <script>
6 var SID_ARG_2ND = '';
7 var WCF_PATH = '{@$__wcf->getPath()}';
8 var WSC_API_URL = '{@$__wcf->getActivePath()}';
9 var SECURITY_TOKEN = '{@SECURITY_TOKEN}';
10 var LANGUAGE_ID = {@$__wcf->getLanguage()->languageID};
11 var LANGUAGE_USE_INFORMAL_VARIANT = {if LANGUAGE_USE_INFORMAL_VARIANT}true{else}false{/if};
12 var TIME_NOW = {@TIME_NOW};
13 var LAST_UPDATE_TIME = {@LAST_UPDATE_TIME};
14 var URL_LEGACY_MODE = false;
15 var ENABLE_DEBUG_MODE = {if ENABLE_DEBUG_MODE}true{else}false{/if};
16 var ENABLE_DEVELOPER_TOOLS = {if ENABLE_DEVELOPER_TOOLS}true{else}false{/if};
17 var WSC_API_VERSION = {@WSC_API_VERSION};
18
19 var REACTION_TYPES = {@$__wcf->getReactionHandler()->getReactionsJSVariable()};
20
21 {if ENABLE_DEBUG_MODE}
22 {* This constant is a compiler option, it does not exist in production. *}
23 var COMPILER_TARGET_DEFAULT = {if !VISITOR_USE_TINY_BUILD || $__wcf->user->userID}true{else}false{/if};
24 {/if}
25 </script>
26
27 {js application='wcf' lib='polyfill' file='promise' bundle='WoltLabSuite.Core' core='true'}
28 {js application='wcf' file='require' bundle='WoltLabSuite.Core' core='true' hasTiny=true}
29 {js application='wcf' file='require.config' bundle='WoltLabSuite.Core' core='true' hasTiny=true}
30 {js application='wcf' file='require.linearExecution' bundle='WoltLabSuite.Core' core='true' hasTiny=true}
31 {js application='wcf' file='wcf.globalHelper' bundle='WoltLabSuite.Core' core='true' hasTiny=true}
32 {js application='wcf' file='closest' bundle='WoltLabSuite.Core' core='true' hasTiny=true}
33 <script>
34 requirejs.config({
35 baseUrl: '{@$__wcf->getPath()}js',
36 urlArgs: 't={@LAST_UPDATE_TIME}'
37 {hascontent}
38 , paths: {
39 {content}{event name='requirePaths'}{/content}
40 }
41 {/hascontent}
42 });
43 {event name='requireConfig'}
44 </script>
45 <script data-relocate="true">
46 require(['Language', 'WoltLabSuite/Core/BootstrapFrontend', 'User'], function(Language, BootstrapFrontend, User) {
47 Language.addObject({
48 '__days': [ '{lang}wcf.date.day.sunday{/lang}', '{lang}wcf.date.day.monday{/lang}', '{lang}wcf.date.day.tuesday{/lang}', '{lang}wcf.date.day.wednesday{/lang}', '{lang}wcf.date.day.thursday{/lang}', '{lang}wcf.date.day.friday{/lang}', '{lang}wcf.date.day.saturday{/lang}' ],
49 '__daysShort': [ '{lang}wcf.date.day.sun{/lang}', '{lang}wcf.date.day.mon{/lang}', '{lang}wcf.date.day.tue{/lang}', '{lang}wcf.date.day.wed{/lang}', '{lang}wcf.date.day.thu{/lang}', '{lang}wcf.date.day.fri{/lang}', '{lang}wcf.date.day.sat{/lang}' ],
50 '__months': [ '{lang}wcf.date.month.january{/lang}', '{lang}wcf.date.month.february{/lang}', '{lang}wcf.date.month.march{/lang}', '{lang}wcf.date.month.april{/lang}', '{lang}wcf.date.month.may{/lang}', '{lang}wcf.date.month.june{/lang}', '{lang}wcf.date.month.july{/lang}', '{lang}wcf.date.month.august{/lang}', '{lang}wcf.date.month.september{/lang}', '{lang}wcf.date.month.october{/lang}', '{lang}wcf.date.month.november{/lang}', '{lang}wcf.date.month.december{/lang}' ],
51 '__monthsShort': [ '{lang}wcf.date.month.short.jan{/lang}', '{lang}wcf.date.month.short.feb{/lang}', '{lang}wcf.date.month.short.mar{/lang}', '{lang}wcf.date.month.short.apr{/lang}', '{lang}wcf.date.month.short.may{/lang}', '{lang}wcf.date.month.short.jun{/lang}', '{lang}wcf.date.month.short.jul{/lang}', '{lang}wcf.date.month.short.aug{/lang}', '{lang}wcf.date.month.short.sep{/lang}', '{lang}wcf.date.month.short.oct{/lang}', '{lang}wcf.date.month.short.nov{/lang}', '{lang}wcf.date.month.short.dec{/lang}' ],
52 'wcf.clipboard.item.unmarkAll': '{lang}wcf.clipboard.item.unmarkAll{/lang}',
53 'wcf.clipboard.item.markAll': '{lang}wcf.clipboard.item.markAll{/lang}',
54 'wcf.clipboard.item.mark': '{lang}wcf.clipboard.item.mark{/lang}',
55 'wcf.date.relative.now': '{lang __literal=true}wcf.date.relative.now{/lang}',
56 'wcf.date.relative.minutes': '{capture assign=relativeMinutes}{lang __literal=true}wcf.date.relative.minutes{/lang}{/capture}{@$relativeMinutes|encodeJS}',
57 'wcf.date.relative.hours': '{capture assign=relativeHours}{lang __literal=true}wcf.date.relative.hours{/lang}{/capture}{@$relativeHours|encodeJS}',
58 'wcf.date.relative.pastDays': '{capture assign=relativePastDays}{lang __literal=true}wcf.date.relative.pastDays{/lang}{/capture}{@$relativePastDays|encodeJS}',
59 'wcf.date.dateFormat': '{"wcf.date.dateFormat"|language|encodeJS}',
60 'wcf.date.dateTimeFormat': '{lang}wcf.date.dateTimeFormat{/lang}',
61 'wcf.date.shortDateTimeFormat': '{lang}wcf.date.shortDateTimeFormat{/lang}',
62 'wcf.date.hour': '{lang}wcf.date.hour{/lang}',
63 'wcf.date.minute': '{lang}wcf.date.minute{/lang}',
64 'wcf.date.timeFormat': '{lang}wcf.date.timeFormat{/lang}',
65 'wcf.date.firstDayOfTheWeek': '{lang}wcf.date.firstDayOfTheWeek{/lang}',
66 'wcf.global.button.add': '{lang}wcf.global.button.add{/lang}',
67 'wcf.global.button.cancel': '{lang}wcf.global.button.cancel{/lang}',
68 'wcf.global.button.close': '{lang}wcf.global.button.close{/lang}',
69 'wcf.global.button.collapsible': '{lang}wcf.global.button.collapsible{/lang}',
70 'wcf.global.button.delete': '{lang}wcf.global.button.delete{/lang}',
71 'wcf.global.button.disable': '{lang}wcf.global.button.disable{/lang}',
72 'wcf.global.button.disabledI18n': '{lang}wcf.global.button.disabledI18n{/lang}',
73 'wcf.global.button.edit': '{lang}wcf.global.button.edit{/lang}',
74 'wcf.global.button.enable': '{lang}wcf.global.button.enable{/lang}',
75 'wcf.global.button.hide': '{lang}wcf.global.button.hide{/lang}',
76 'wcf.global.button.insert': '{lang}wcf.global.button.insert{/lang}',
77 'wcf.global.button.next': '{lang}wcf.global.button.next{/lang}',
78 'wcf.global.button.preview': '{lang}wcf.global.button.preview{/lang}',
79 'wcf.global.button.reset': '{lang}wcf.global.button.reset{/lang}',
80 'wcf.global.button.save': '{lang}wcf.global.button.save{/lang}',
81 'wcf.global.button.search': '{lang}wcf.global.button.search{/lang}',
82 'wcf.global.button.submit': '{lang}wcf.global.button.submit{/lang}',
83 'wcf.global.button.upload': '{lang}wcf.global.button.upload{/lang}',
84 'wcf.global.confirmation.cancel': '{lang}wcf.global.confirmation.cancel{/lang}',
85 'wcf.global.confirmation.confirm': '{lang}wcf.global.confirmation.confirm{/lang}',
86 'wcf.global.confirmation.title': '{lang}wcf.global.confirmation.title{/lang}',
87 'wcf.global.decimalPoint': '{capture assign=decimalPoint}{lang}wcf.global.decimalPoint{/lang}{/capture}{$decimalPoint|encodeJS}',
88 'wcf.global.error.timeout': '{lang}wcf.global.error.timeout{/lang}',
89 'wcf.global.form.error.empty': '{lang}wcf.global.form.error.empty{/lang}',
90 'wcf.global.form.error.greaterThan': '{lang __literal=true}wcf.global.form.error.greaterThan{/lang}',
91 'wcf.global.form.error.lessThan': '{lang __literal=true}wcf.global.form.error.lessThan{/lang}',
92 'wcf.global.form.error.multilingual': '{lang}wcf.global.form.error.multilingual{/lang}',
93 'wcf.global.form.input.maxItems': '{lang}wcf.global.form.input.maxItems{/lang}',
94 'wcf.global.language.noSelection': '{lang}wcf.global.language.noSelection{/lang}',
95 'wcf.global.loading': '{lang}wcf.global.loading{/lang}',
96 'wcf.global.noSelection': '{lang}wcf.global.noSelection{/lang}',
97 'wcf.global.select': '{lang}wcf.global.select{/lang}',
98 'wcf.page.jumpTo': '{lang}wcf.page.jumpTo{/lang}',
99 'wcf.page.jumpTo.description': '{lang}wcf.page.jumpTo.description{/lang}',
100 'wcf.global.page.pagination': '{lang}wcf.global.page.pagination{/lang}',
101 'wcf.global.page.next': '{capture assign=pageNext}{lang}wcf.global.page.next{/lang}{/capture}{@$pageNext|encodeJS}',
102 'wcf.global.page.previous': '{capture assign=pagePrevious}{lang}wcf.global.page.previous{/lang}{/capture}{@$pagePrevious|encodeJS}',
103 'wcf.global.pageDirection': '{lang}wcf.global.pageDirection{/lang}',
104 'wcf.global.reason': '{lang}wcf.global.reason{/lang}',
105 'wcf.global.scrollUp': '{lang}wcf.global.scrollUp{/lang}',
106 'wcf.global.success': '{lang}wcf.global.success{/lang}',
107 'wcf.global.success.add': '{lang}wcf.global.success.add{/lang}',
108 'wcf.global.success.edit': '{lang}wcf.global.success.edit{/lang}',
109 'wcf.global.thousandsSeparator': '{capture assign=thousandsSeparator}{lang}wcf.global.thousandsSeparator{/lang}{/capture}{@$thousandsSeparator|encodeJS}',
110 'wcf.page.pagePosition': '{lang __literal=true}wcf.page.pagePosition{/lang}',
111 'wcf.style.changeStyle': '{lang}wcf.style.changeStyle{/lang}',
112 'wcf.user.activityPoint': '{lang}wcf.user.activityPoint{/lang}',
113 'wcf.user.panel.markAllAsRead': '{lang}wcf.user.panel.markAllAsRead{/lang}',
114 'wcf.user.panel.markAsRead': '{lang}wcf.user.panel.markAsRead{/lang}',
115 'wcf.user.panel.settings': '{lang}wcf.user.panel.settings{/lang}',
116 'wcf.user.panel.showAll': '{lang}wcf.user.panel.showAll{/lang}',
117 'wcf.menu.page': '{lang}wcf.menu.page{/lang}',
118 'wcf.menu.user': '{lang}wcf.menu.user{/lang}',
119 'wcf.global.button.showMenu': '{lang}wcf.global.button.showMenu{/lang}',
120 'wcf.global.button.hideMenu': '{lang}wcf.global.button.hideMenu{/lang}'
121 {if MODULE_LIKE}
122 ,'wcf.like.button.like': '{lang}wcf.like.button.like{/lang}',
123 'wcf.like.button.dislike': '{lang}wcf.like.button.dislike{/lang}',
124 'wcf.like.tooltip': '{lang}wcf.like.jsTooltip{/lang}',
125 'wcf.like.summary': '{lang}wcf.like.summary{/lang}',
126 'wcf.like.details': '{lang}wcf.like.details{/lang}',
127 'wcf.reactions.react': '{lang}wcf.reactions.react{/lang}'
128 {/if}
129
130 {event name='javascriptLanguageImport'}
131 });
132
133 BootstrapFrontend.setup({
134 backgroundQueue: {
135 url: '{link controller="BackgroundQueuePerform"}{/link}',
136 force: {if $forceBackgroundQueuePerform|isset}true{else}false{/if}
137 },
138 enableUserPopover: {if $__wcf->getSession()->getPermission('user.profile.canViewUserProfile')}true{else}false{/if},
139 styleChanger: {if $__wcf->getStyleHandler()->showStyleChanger()}true{else}false{/if}
140 });
141
142 User.init({@$__wcf->user->userID}, '{@$__wcf->user->username|encodeJS}', {if $__wcf->user->userID}'{@$__wcf->user->getLink()|encodeJS}'{else}''{/if});
143 });
144
145 // prevent jQuery and other libraries from utilizing define()
146 __require_define_amd = define.amd;
147 define.amd = undefined;
148 </script>
149
150 {js application='wcf' lib='jquery' hasTiny=true}
151 {js application='wcf' lib='jquery-ui' hasTiny=true}
152 {js application='wcf' lib='jquery-ui' file='touchPunch' bundle='WCF.Combined' hasTiny=true}
153 {js application='wcf' lib='jquery-ui' file='nestedSortable' bundle='WCF.Combined' hasTiny=true}
154 {js application='wcf' file='WCF.Assets' bundle='WCF.Combined' hasTiny=true}
155 {js application='wcf' file='WCF' bundle='WCF.Combined' hasTiny=true}
156
157 <script data-relocate="true">
158 define.amd = __require_define_amd;
159 $.holdReady(true);
160
161 WCF.User.init({@$__wcf->user->userID}, '{@$__wcf->user->username|encodeJS}');
162 </script>
163
164 {js application='wcf' file='WCF.Like' bundle='WCF.Combined' hasTiny=true}
165 {js application='wcf' file='WCF.ACL' bundle='WCF.Combined' hasTiny=true}
166 {js application='wcf' file='WCF.Attachment' bundle='WCF.Combined' hasTiny=true}
167 {js application='wcf' file='WCF.ColorPicker' bundle='WCF.Combined' hasTiny=true}
168 {js application='wcf' file='WCF.Comment' bundle='WCF.Combined' hasTiny=true}
169 {js application='wcf' file='WCF.ImageViewer' bundle='WCF.Combined' hasTiny=true}
170 {js application='wcf' file='WCF.Label' bundle='WCF.Combined' hasTiny=true}
171 {js application='wcf' file='WCF.Location' bundle='WCF.Combined' hasTiny=true}
172 {js application='wcf' file='WCF.Message' bundle='WCF.Combined' hasTiny=true}
173 {js application='wcf' file='WCF.Poll' bundle='WCF.Combined' hasTiny=true}
174 {js application='wcf' file='WCF.Search.Message' bundle='WCF.Combined' hasTiny=true}
175 {js application='wcf' file='WCF.User' bundle='WCF.Combined' hasTiny=true}
176 {js application='wcf' file='WCF.Moderation' bundle='WCF.Combined' hasTiny=true}
177
178 {event name='javascriptInclude'}
179
180 <noscript>
181 <style>
182 .jsOnly {
183 display: none !important;
184 }
185
186 .noJsOnly {
187 display: block !important;
188 }
189 </style>
190 </noscript>
191
192 <script data-relocate="true">
193 $(function() {
194 WCF.System.PageNavigation.init('.pagination');
195 WCF.User.Profile.ActivityPointList.init();
196
197 {if MODULE_TROPHY && $__wcf->session->getPermission('user.profile.trophy.canSeeTrophies')}
198 require(['WoltLabSuite/Core/Ui/User/Trophy/List'], function (UserTrophyList) {
199 new UserTrophyList();
200 });
201 {/if}
202
203 {event name='javascriptInit'}
204
205 {if $executeCronjobs}
206 new WCF.Action.Proxy({
207 autoSend: true,
208 data: {
209 className: 'wcf\\data\\cronjob\\CronjobAction',
210 actionName: 'executeCronjobs'
211 },
212 showLoadingOverlay: false,
213 failure: function() {
214 return false;
215 }
216 });
217 {/if}
218
219 {if $__sessionKeepAlive|isset}
220 new WCF.System.KeepAlive({@$__sessionKeepAlive});
221
222 {if ENABLE_POLLING && $__wcf->user->userID}
223 require(['WoltLabSuite/Core/Notification/Handler'], function(NotificationHandler) {
224 NotificationHandler.setup({
225 enableNotifications: {if $__wcf->useDesktopNotifications()}true{else}false{/if},
226 icon: '{$__wcf->getStyleHandler()->getStyle()->getFaviconAppleTouchIcon()}',
227 sessionKeepAlive: {@$__sessionKeepAlive}
228 });
229 });
230 {/if}
231 {/if}
232 });
233 </script>
234
235 {include file='imageViewer'}
236 {include file='headIncludeJsonLd'}