Merge branch '3.1' into 5.2
[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_PRODUCTION_DEBUG_MODE = {if ENABLE_PRODUCTION_DEBUG_MODE}true{else}false{/if};
17 var ENABLE_DEVELOPER_TOOLS = {if ENABLE_DEVELOPER_TOOLS}true{else}false{/if};
18 var WSC_API_VERSION = {@WSC_API_VERSION};
19
20 var REACTION_TYPES = {@$__wcf->getReactionHandler()->getReactionsJSVariable()};
21
22 {if ENABLE_DEBUG_MODE}
23 {* This constant is a compiler option, it does not exist in production. *}
24 var COMPILER_TARGET_DEFAULT = {if !VISITOR_USE_TINY_BUILD || $__wcf->user->userID}true{else}false{/if};
25 {/if}
26 </script>
27
28 {js application='wcf' lib='polyfill' file='promise' bundle='WoltLabSuite.Core' core='true'}
29 {js application='wcf' file='require' bundle='WoltLabSuite.Core' core='true' hasTiny=true}
30 {js application='wcf' file='require.config' bundle='WoltLabSuite.Core' core='true' hasTiny=true}
31 {js application='wcf' file='require.linearExecution' bundle='WoltLabSuite.Core' core='true' hasTiny=true}
32 {js application='wcf' file='wcf.globalHelper' bundle='WoltLabSuite.Core' core='true' hasTiny=true}
33 {js application='wcf' file='closest' bundle='WoltLabSuite.Core' core='true' hasTiny=true}
34 <script>
35 requirejs.config({
36 baseUrl: '{@$__wcf->getPath()}js',
37 urlArgs: 't={@LAST_UPDATE_TIME}'
38 {hascontent}
39 , paths: {
40 {content}{event name='requirePaths'}{/content}
41 }
42 {/hascontent}
43 });
44 {* Safari ignores the HTTP cache headers for the back/forward navigation. *}
45 window.addEventListener('pageshow', function(event) {
46 if (event.persisted) {
47 window.location.reload();
48 }
49 });
50 {event name='requireConfig'}
51 </script>
52 <script data-relocate="true">
53 require(['Language', 'WoltLabSuite/Core/BootstrapFrontend', 'User'], function(Language, BootstrapFrontend, User) {
54 Language.addObject({
55 '__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}' ],
56 '__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}' ],
57 '__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}' ],
58 '__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}' ],
59 'wcf.clipboard.item.unmarkAll': '{lang}wcf.clipboard.item.unmarkAll{/lang}',
60 'wcf.clipboard.item.markAll': '{lang}wcf.clipboard.item.markAll{/lang}',
61 'wcf.clipboard.item.mark': '{lang}wcf.clipboard.item.mark{/lang}',
62 'wcf.date.relative.now': '{lang __literal=true}wcf.date.relative.now{/lang}',
63 'wcf.date.relative.minutes': '{capture assign=relativeMinutes}{lang __literal=true}wcf.date.relative.minutes{/lang}{/capture}{@$relativeMinutes|encodeJS}',
64 'wcf.date.relative.hours': '{capture assign=relativeHours}{lang __literal=true}wcf.date.relative.hours{/lang}{/capture}{@$relativeHours|encodeJS}',
65 'wcf.date.relative.pastDays': '{capture assign=relativePastDays}{lang __literal=true}wcf.date.relative.pastDays{/lang}{/capture}{@$relativePastDays|encodeJS}',
66 'wcf.date.dateFormat': '{"wcf.date.dateFormat"|language|encodeJS}',
67 'wcf.date.dateTimeFormat': '{lang}wcf.date.dateTimeFormat{/lang}',
68 'wcf.date.shortDateTimeFormat': '{lang}wcf.date.shortDateTimeFormat{/lang}',
69 'wcf.date.hour': '{lang}wcf.date.hour{/lang}',
70 'wcf.date.minute': '{lang}wcf.date.minute{/lang}',
71 'wcf.date.timeFormat': '{lang}wcf.date.timeFormat{/lang}',
72 'wcf.date.firstDayOfTheWeek': '{lang}wcf.date.firstDayOfTheWeek{/lang}',
73 'wcf.global.button.add': '{lang}wcf.global.button.add{/lang}',
74 'wcf.global.button.cancel': '{lang}wcf.global.button.cancel{/lang}',
75 'wcf.global.button.close': '{lang}wcf.global.button.close{/lang}',
76 'wcf.global.button.collapsible': '{lang}wcf.global.button.collapsible{/lang}',
77 'wcf.global.button.delete': '{lang}wcf.global.button.delete{/lang}',
78 'wcf.global.button.disable': '{lang}wcf.global.button.disable{/lang}',
79 'wcf.global.button.disabledI18n': '{lang}wcf.global.button.disabledI18n{/lang}',
80 'wcf.global.button.edit': '{lang}wcf.global.button.edit{/lang}',
81 'wcf.global.button.enable': '{lang}wcf.global.button.enable{/lang}',
82 'wcf.global.button.hide': '{lang}wcf.global.button.hide{/lang}',
83 'wcf.global.button.insert': '{lang}wcf.global.button.insert{/lang}',
84 'wcf.global.button.next': '{lang}wcf.global.button.next{/lang}',
85 'wcf.global.button.preview': '{lang}wcf.global.button.preview{/lang}',
86 'wcf.global.button.reset': '{lang}wcf.global.button.reset{/lang}',
87 'wcf.global.button.save': '{lang}wcf.global.button.save{/lang}',
88 'wcf.global.button.search': '{lang}wcf.global.button.search{/lang}',
89 'wcf.global.button.submit': '{lang}wcf.global.button.submit{/lang}',
90 'wcf.global.button.upload': '{lang}wcf.global.button.upload{/lang}',
91 'wcf.global.confirmation.cancel': '{lang}wcf.global.confirmation.cancel{/lang}',
92 'wcf.global.confirmation.confirm': '{lang}wcf.global.confirmation.confirm{/lang}',
93 'wcf.global.confirmation.title': '{lang}wcf.global.confirmation.title{/lang}',
94 'wcf.global.decimalPoint': '{capture assign=decimalPoint}{lang}wcf.global.decimalPoint{/lang}{/capture}{$decimalPoint|encodeJS}',
95 'wcf.global.error.timeout': '{lang}wcf.global.error.timeout{/lang}',
96 'wcf.global.form.error.empty': '{lang}wcf.global.form.error.empty{/lang}',
97 'wcf.global.form.error.greaterThan': '{lang __literal=true}wcf.global.form.error.greaterThan{/lang}',
98 'wcf.global.form.error.lessThan': '{lang __literal=true}wcf.global.form.error.lessThan{/lang}',
99 'wcf.global.form.error.multilingual': '{lang}wcf.global.form.error.multilingual{/lang}',
100 'wcf.global.form.input.maxItems': '{lang}wcf.global.form.input.maxItems{/lang}',
101 'wcf.global.language.noSelection': '{lang}wcf.global.language.noSelection{/lang}',
102 'wcf.global.loading': '{lang}wcf.global.loading{/lang}',
103 'wcf.global.noSelection': '{lang}wcf.global.noSelection{/lang}',
104 'wcf.global.select': '{lang}wcf.global.select{/lang}',
105 'wcf.page.jumpTo': '{lang}wcf.page.jumpTo{/lang}',
106 'wcf.page.jumpTo.description': '{lang}wcf.page.jumpTo.description{/lang}',
107 'wcf.global.page.pagination': '{lang}wcf.global.page.pagination{/lang}',
108 'wcf.global.page.next': '{capture assign=pageNext}{lang}wcf.global.page.next{/lang}{/capture}{@$pageNext|encodeJS}',
109 'wcf.global.page.previous': '{capture assign=pagePrevious}{lang}wcf.global.page.previous{/lang}{/capture}{@$pagePrevious|encodeJS}',
110 'wcf.global.pageDirection': '{lang}wcf.global.pageDirection{/lang}',
111 'wcf.global.reason': '{lang}wcf.global.reason{/lang}',
112 'wcf.global.scrollUp': '{lang}wcf.global.scrollUp{/lang}',
113 'wcf.global.success': '{lang}wcf.global.success{/lang}',
114 'wcf.global.success.add': '{lang}wcf.global.success.add{/lang}',
115 'wcf.global.success.edit': '{lang}wcf.global.success.edit{/lang}',
116 'wcf.global.thousandsSeparator': '{capture assign=thousandsSeparator}{lang}wcf.global.thousandsSeparator{/lang}{/capture}{@$thousandsSeparator|encodeJS}',
117 'wcf.page.pagePosition': '{lang __literal=true}wcf.page.pagePosition{/lang}',
118 'wcf.style.changeStyle': '{lang}wcf.style.changeStyle{/lang}',
119 'wcf.user.activityPoint': '{lang}wcf.user.activityPoint{/lang}',
120 'wcf.user.panel.markAllAsRead': '{lang}wcf.user.panel.markAllAsRead{/lang}',
121 'wcf.user.panel.markAsRead': '{lang}wcf.user.panel.markAsRead{/lang}',
122 'wcf.user.panel.settings': '{lang}wcf.user.panel.settings{/lang}',
123 'wcf.user.panel.showAll': '{lang}wcf.user.panel.showAll{/lang}',
124 'wcf.menu.page': '{lang}wcf.menu.page{/lang}',
125 'wcf.menu.user': '{lang}wcf.menu.user{/lang}',
126 'wcf.global.button.showMenu': '{lang}wcf.global.button.showMenu{/lang}',
127 'wcf.global.button.hideMenu': '{lang}wcf.global.button.hideMenu{/lang}',
128 'wcf.date.datePicker': '{lang}wcf.date.datePicker{/lang}',
129 'wcf.date.datePicker.previousMonth': '{lang}wcf.date.datePicker.previousMonth{/lang}',
130 'wcf.date.datePicker.nextMonth': '{lang}wcf.date.datePicker.nextMonth{/lang}',
131 'wcf.date.datePicker.month': '{lang}wcf.date.datePicker.month{/lang}',
132 'wcf.date.datePicker.year': '{lang}wcf.date.datePicker.year{/lang}',
133 'wcf.date.datePicker.hour': '{lang}wcf.date.datePicker.hour{/lang}',
134 'wcf.date.datePicker.minute': '{lang}wcf.date.datePicker.minute{/lang}'
135 {if MODULE_LIKE}
136 ,'wcf.like.button.like': '{lang}wcf.like.button.like{/lang}',
137 'wcf.like.button.dislike': '{lang}wcf.like.button.dislike{/lang}',
138 'wcf.like.tooltip': '{lang}wcf.like.jsTooltip{/lang}',
139 'wcf.like.summary': '{lang}wcf.like.summary{/lang}',
140 'wcf.like.details': '{lang}wcf.like.details{/lang}',
141 'wcf.reactions.react': '{lang}wcf.reactions.react{/lang}'
142 {/if}
143
144 {event name='javascriptLanguageImport'}
145 });
146
147 BootstrapFrontend.setup({
148 backgroundQueue: {
149 url: '{link controller="BackgroundQueuePerform"}{/link}',
150 force: {if $forceBackgroundQueuePerform|isset}true{else}false{/if}
151 },
152 enableUserPopover: {if $__wcf->getSession()->getPermission('user.profile.canViewUserProfile')}true{else}false{/if},
153 styleChanger: {if $__wcf->getStyleHandler()->showStyleChanger()}true{else}false{/if}
154 });
155
156 User.init({@$__wcf->user->userID}, '{@$__wcf->user->username|encodeJS}', {if $__wcf->user->userID}'{@$__wcf->user->getLink()|encodeJS}'{else}''{/if});
157 });
158
159 // prevent jQuery and other libraries from utilizing define()
160 __require_define_amd = define.amd;
161 define.amd = undefined;
162 </script>
163
164 {include file='__devtoolsLanguageChooser'}
165
166 {js application='wcf' lib='jquery' hasTiny=true}
167 {js application='wcf' lib='jquery-ui' hasTiny=true}
168 {js application='wcf' lib='jquery-ui' file='touchPunch' bundle='WCF.Combined' hasTiny=true}
169 {js application='wcf' lib='jquery-ui' file='nestedSortable' bundle='WCF.Combined' hasTiny=true}
170 {js application='wcf' lib='polyfill' file='focus-visible' bundle='WCF.Combined' hasTiny=true}
171 {js application='wcf' file='WCF.Assets' bundle='WCF.Combined' hasTiny=true}
172 {js application='wcf' file='WCF' bundle='WCF.Combined' hasTiny=true}
173
174 <script data-relocate="true">
175 define.amd = __require_define_amd;
176 $.holdReady(true);
177
178 WCF.User.init({@$__wcf->user->userID}, '{@$__wcf->user->username|encodeJS}');
179 </script>
180
181 {js application='wcf' file='WCF.Like' bundle='WCF.Combined' hasTiny=true}
182 {js application='wcf' file='WCF.ACL' bundle='WCF.Combined' hasTiny=true}
183 {js application='wcf' file='WCF.Attachment' bundle='WCF.Combined' hasTiny=true}
184 {js application='wcf' file='WCF.ColorPicker' bundle='WCF.Combined' hasTiny=true}
185 {js application='wcf' file='WCF.Comment' bundle='WCF.Combined' hasTiny=true}
186 {js application='wcf' file='WCF.ImageViewer' bundle='WCF.Combined' hasTiny=true}
187 {js application='wcf' file='WCF.Label' bundle='WCF.Combined' hasTiny=true}
188 {js application='wcf' file='WCF.Location' bundle='WCF.Combined' hasTiny=true}
189 {js application='wcf' file='WCF.Message' bundle='WCF.Combined' hasTiny=true}
190 {js application='wcf' file='WCF.Poll' bundle='WCF.Combined' hasTiny=true}
191 {js application='wcf' file='WCF.Search.Message' bundle='WCF.Combined' hasTiny=true}
192 {js application='wcf' file='WCF.User' bundle='WCF.Combined' hasTiny=true}
193 {js application='wcf' file='WCF.Moderation' bundle='WCF.Combined' hasTiny=true}
194
195 {event name='javascriptInclude'}
196
197 <noscript>
198 <style>
199 .jsOnly {
200 display: none !important;
201 }
202
203 .noJsOnly {
204 display: block !important;
205 }
206 </style>
207 </noscript>
208
209 <script data-relocate="true">
210 $(function() {
211 WCF.System.PageNavigation.init('.pagination');
212 WCF.User.Profile.ActivityPointList.init();
213
214 {if MODULE_TROPHY && $__wcf->session->getPermission('user.profile.trophy.canSeeTrophies')}
215 require(['WoltLabSuite/Core/Ui/User/Trophy/List'], function (UserTrophyList) {
216 new UserTrophyList();
217 });
218 {/if}
219
220 {event name='javascriptInit'}
221
222 {if $executeCronjobs}
223 new WCF.Action.Proxy({
224 autoSend: true,
225 data: {
226 className: 'wcf\\data\\cronjob\\CronjobAction',
227 actionName: 'executeCronjobs'
228 },
229 showLoadingOverlay: false,
230 failure: function() {
231 return false;
232 }
233 });
234 {/if}
235
236 {if $__sessionKeepAlive|isset}
237 new WCF.System.KeepAlive({@$__sessionKeepAlive});
238
239 {if ENABLE_POLLING && $__wcf->user->userID}
240 require(['WoltLabSuite/Core/Notification/Handler'], function(NotificationHandler) {
241 NotificationHandler.setup({
242 enableNotifications: {if $__wcf->useDesktopNotifications()}true{else}false{/if},
243 icon: '{$__wcf->getStyleHandler()->getStyle()->getFaviconAppleTouchIcon()}',
244 sessionKeepAlive: {@$__sessionKeepAlive}
245 });
246 });
247 {/if}
248 {/if}
249 });
250 </script>
251
252 {include file='imageViewer'}
253 {include file='headIncludeJsonLd'}