Merge branch '5.2' into 5.3
[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': [ '{jslang}wcf.date.day.sunday{/jslang}', '{jslang}wcf.date.day.monday{/jslang}', '{jslang}wcf.date.day.tuesday{/jslang}', '{jslang}wcf.date.day.wednesday{/jslang}', '{jslang}wcf.date.day.thursday{/jslang}', '{jslang}wcf.date.day.friday{/jslang}', '{jslang}wcf.date.day.saturday{/jslang}' ],
56 '__daysShort': [ '{jslang}wcf.date.day.sun{/jslang}', '{jslang}wcf.date.day.mon{/jslang}', '{jslang}wcf.date.day.tue{/jslang}', '{jslang}wcf.date.day.wed{/jslang}', '{jslang}wcf.date.day.thu{/jslang}', '{jslang}wcf.date.day.fri{/jslang}', '{jslang}wcf.date.day.sat{/jslang}' ],
57 '__months': [ '{jslang}wcf.date.month.january{/jslang}', '{jslang}wcf.date.month.february{/jslang}', '{jslang}wcf.date.month.march{/jslang}', '{jslang}wcf.date.month.april{/jslang}', '{jslang}wcf.date.month.may{/jslang}', '{jslang}wcf.date.month.june{/jslang}', '{jslang}wcf.date.month.july{/jslang}', '{jslang}wcf.date.month.august{/jslang}', '{jslang}wcf.date.month.september{/jslang}', '{jslang}wcf.date.month.october{/jslang}', '{jslang}wcf.date.month.november{/jslang}', '{jslang}wcf.date.month.december{/jslang}' ],
58 '__monthsShort': [ '{jslang}wcf.date.month.short.jan{/jslang}', '{jslang}wcf.date.month.short.feb{/jslang}', '{jslang}wcf.date.month.short.mar{/jslang}', '{jslang}wcf.date.month.short.apr{/jslang}', '{jslang}wcf.date.month.short.may{/jslang}', '{jslang}wcf.date.month.short.jun{/jslang}', '{jslang}wcf.date.month.short.jul{/jslang}', '{jslang}wcf.date.month.short.aug{/jslang}', '{jslang}wcf.date.month.short.sep{/jslang}', '{jslang}wcf.date.month.short.oct{/jslang}', '{jslang}wcf.date.month.short.nov{/jslang}', '{jslang}wcf.date.month.short.dec{/jslang}' ],
59 'wcf.clipboard.item.unmarkAll': '{jslang}wcf.clipboard.item.unmarkAll{/jslang}',
60 'wcf.clipboard.item.markAll': '{jslang}wcf.clipboard.item.markAll{/jslang}',
61 'wcf.clipboard.item.mark': '{jslang}wcf.clipboard.item.mark{/jslang}',
62 'wcf.date.relative.now': '{jslang __literal=true}wcf.date.relative.now{/jslang}',
63 'wcf.date.relative.minutes': '{jslang __literal=true}wcf.date.relative.minutes{/jslang}',
64 'wcf.date.relative.hours': '{jslang __literal=true}wcf.date.relative.hours{/jslang}',
65 'wcf.date.relative.pastDays': '{jslang __literal=true}wcf.date.relative.pastDays{/jslang}',
66 'wcf.date.dateFormat': '{jslang}wcf.date.dateFormat{/jslang}',
67 'wcf.date.dateTimeFormat': '{jslang}wcf.date.dateTimeFormat{/jslang}',
68 'wcf.date.shortDateTimeFormat': '{jslang}wcf.date.shortDateTimeFormat{/jslang}',
69 'wcf.date.hour': '{jslang}wcf.date.hour{/jslang}',
70 'wcf.date.minute': '{jslang}wcf.date.minute{/jslang}',
71 'wcf.date.timeFormat': '{jslang}wcf.date.timeFormat{/jslang}',
72 'wcf.date.firstDayOfTheWeek': '{jslang}wcf.date.firstDayOfTheWeek{/jslang}',
73 'wcf.global.button.add': '{jslang}wcf.global.button.add{/jslang}',
74 'wcf.global.button.cancel': '{jslang}wcf.global.button.cancel{/jslang}',
75 'wcf.global.button.close': '{jslang}wcf.global.button.close{/jslang}',
76 'wcf.global.button.collapsible': '{jslang}wcf.global.button.collapsible{/jslang}',
77 'wcf.global.button.delete': '{jslang}wcf.global.button.delete{/jslang}',
78 'wcf.global.button.disable': '{jslang}wcf.global.button.disable{/jslang}',
79 'wcf.global.button.disabledI18n': '{jslang}wcf.global.button.disabledI18n{/jslang}',
80 'wcf.global.button.edit': '{jslang}wcf.global.button.edit{/jslang}',
81 'wcf.global.button.enable': '{jslang}wcf.global.button.enable{/jslang}',
82 'wcf.global.button.hide': '{jslang}wcf.global.button.hide{/jslang}',
83 'wcf.global.button.insert': '{jslang}wcf.global.button.insert{/jslang}',
84 'wcf.global.button.next': '{jslang}wcf.global.button.next{/jslang}',
85 'wcf.global.button.preview': '{jslang}wcf.global.button.preview{/jslang}',
86 'wcf.global.button.reset': '{jslang}wcf.global.button.reset{/jslang}',
87 'wcf.global.button.save': '{jslang}wcf.global.button.save{/jslang}',
88 'wcf.global.button.search': '{jslang}wcf.global.button.search{/jslang}',
89 'wcf.global.button.submit': '{jslang}wcf.global.button.submit{/jslang}',
90 'wcf.global.button.upload': '{jslang}wcf.global.button.upload{/jslang}',
91 'wcf.global.confirmation.cancel': '{jslang}wcf.global.confirmation.cancel{/jslang}',
92 'wcf.global.confirmation.confirm': '{jslang}wcf.global.confirmation.confirm{/jslang}',
93 'wcf.global.confirmation.title': '{jslang}wcf.global.confirmation.title{/jslang}',
94 'wcf.global.decimalPoint': '{jslang}wcf.global.decimalPoint{/jslang}',
95 'wcf.global.error.timeout': '{jslang}wcf.global.error.timeout{/jslang}',
96 'wcf.global.form.error.empty': '{jslang}wcf.global.form.error.empty{/jslang}',
97 'wcf.global.form.error.greaterThan': '{jslang __literal=true}wcf.global.form.error.greaterThan{/jslang}',
98 'wcf.global.form.error.lessThan': '{jslang __literal=true}wcf.global.form.error.lessThan{/jslang}',
99 'wcf.global.form.error.multilingual': '{jslang}wcf.global.form.error.multilingual{/jslang}',
100 'wcf.global.form.input.maxItems': '{jslang}wcf.global.form.input.maxItems{/jslang}',
101 'wcf.global.language.noSelection': '{jslang}wcf.global.language.noSelection{/jslang}',
102 'wcf.global.loading': '{jslang}wcf.global.loading{/jslang}',
103 'wcf.global.noSelection': '{jslang}wcf.global.noSelection{/jslang}',
104 'wcf.global.select': '{jslang}wcf.global.select{/jslang}',
105 'wcf.page.jumpTo': '{jslang}wcf.page.jumpTo{/jslang}',
106 'wcf.page.jumpTo.description': '{jslang}wcf.page.jumpTo.description{/jslang}',
107 'wcf.global.page.pagination': '{jslang}wcf.global.page.pagination{/jslang}',
108 'wcf.global.page.next': '{jslang}wcf.global.page.next{/jslang}',
109 'wcf.global.page.previous': '{jslang}wcf.global.page.previous{/jslang}',
110 'wcf.global.pageDirection': '{jslang}wcf.global.pageDirection{/jslang}',
111 'wcf.global.reason': '{jslang}wcf.global.reason{/jslang}',
112 'wcf.global.scrollUp': '{jslang}wcf.global.scrollUp{/jslang}',
113 'wcf.global.success': '{jslang}wcf.global.success{/jslang}',
114 'wcf.global.success.add': '{jslang}wcf.global.success.add{/jslang}',
115 'wcf.global.success.edit': '{jslang}wcf.global.success.edit{/jslang}',
116 'wcf.global.thousandsSeparator': '{jslang}wcf.global.thousandsSeparator{/jslang}',
117 'wcf.page.pagePosition': '{jslang __literal=true}wcf.page.pagePosition{/jslang}',
118 'wcf.style.changeStyle': '{jslang}wcf.style.changeStyle{/jslang}',
119 'wcf.user.activityPoint': '{jslang}wcf.user.activityPoint{/jslang}',
120 'wcf.user.panel.markAllAsRead': '{jslang}wcf.user.panel.markAllAsRead{/jslang}',
121 'wcf.user.panel.markAsRead': '{jslang}wcf.user.panel.markAsRead{/jslang}',
122 'wcf.user.panel.settings': '{jslang}wcf.user.panel.settings{/jslang}',
123 'wcf.user.panel.showAll': '{jslang}wcf.user.panel.showAll{/jslang}',
124 'wcf.menu.page': '{jslang}wcf.menu.page{/jslang}',
125 'wcf.menu.user': '{jslang}wcf.menu.user{/jslang}',
126 'wcf.global.button.showMenu': '{jslang}wcf.global.button.showMenu{/jslang}',
127 'wcf.global.button.hideMenu': '{jslang}wcf.global.button.hideMenu{/jslang}',
128 'wcf.date.datePicker': '{jslang}wcf.date.datePicker{/jslang}',
129 'wcf.date.datePicker.previousMonth': '{jslang}wcf.date.datePicker.previousMonth{/jslang}',
130 'wcf.date.datePicker.nextMonth': '{jslang}wcf.date.datePicker.nextMonth{/jslang}',
131 'wcf.date.datePicker.month': '{jslang}wcf.date.datePicker.month{/jslang}',
132 'wcf.date.datePicker.year': '{jslang}wcf.date.datePicker.year{/jslang}',
133 'wcf.date.datePicker.hour': '{jslang}wcf.date.datePicker.hour{/jslang}',
134 'wcf.date.datePicker.minute': '{jslang}wcf.date.datePicker.minute{/jslang}'
135 {if MODULE_LIKE}
136 ,'wcf.like.button.like': '{jslang}wcf.like.button.like{/jslang}',
137 'wcf.like.button.dislike': '{jslang}wcf.like.button.dislike{/jslang}',
138 'wcf.like.tooltip': '{jslang}wcf.like.jsTooltip{/jslang}',
139 'wcf.like.summary': '{jslang}wcf.like.summary{/jslang}',
140 'wcf.like.details': '{jslang}wcf.like.details{/jslang}',
141 'wcf.reactions.react': '{jslang}wcf.reactions.react{/jslang}'
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'}