Amazing & Useful Life Hacks To make Your Everyday Life Better

An error occurred while processing the template.

The following has evaluated to null or missing:
==> entries?filter(e -> e.isSelected())?first  [in template "48914885574227#20121#275046" at line 146, column 33]

----
Tip: If the failing expression is known to legally refer to something that's sometimes null or missing, either specify a default value like myOptionalVar!myDefault, or use <#if myOptionalVar??>when-present<#else>when-missing</#if>. (These only cover the last step of the expression; to cover the whole expression, use parenthesis: (myOptionalVar.foo)!myDefault, (myOptionalVar.foo)??
----

----
FTL stack trace ("~" means nesting-related):
	- Failed at: #assign currentEntry = entries?filter...  [in template "48914885574227#20121#275046" at line 146, column 9]
----

1<div class="sbil_header_language_dropdown">

2    <#if entries?has_content>

3        <#assign languageId = localeUtil.toLanguageId(locale) />

5        <@liferay_aui["select"]

6            changesContext=true

7            label=""

8            name='${randomNamespace + name}'

9            onChange='${randomNamespace + "changeLanguage();"}'

10            title="language"

11            data={

12                "toggle": "tooltip",

13                "placement": "left"

14            }

15            useNamespace=false

16        >

17            <#list entries as entry>

18                <#assign originalUrl = entry.getURL()!"" />

20                <@liferay_aui["option"]

21                    cssClass="taglib-language-option taglib-language-option-${entry.getW3cLanguageId()}"

22                    disabled=entry.isDisabled()

23                    label=stringUtil.toUpperCase(entry.getLongDisplayName())

24                    lang=entry.getW3cLanguageId()

25                    localizeLabel=false

26                    selected=entry.isSelected()

27                    value=originalUrl

28                />

29            </#list>

30        </@>

32        <@liferay_aui["script"]>

33            function ${randomNamespace}changeLanguage() {

34                window.location.href=event.target.value;

35            }

36        </@>

37    </#if>

38</div>

40<style>

41    .sbil_header_language_dropdown select,

42    .sbil_header_language_dropdown select::picker(select),

43    .sbil_header_language_dropdown .form-control:not([type=range]) {

44        appearance: base-select;

45    }

47    .sbil_header_language_dropdown .form-group {

48        margin-bottom: 0;

49    }

51    .sbil_header_language_dropdown .form-control {

52        display: flex;

53        height: 2rem;

54        padding: 0 0.75rem; /* 8px 12px */

55        justify-content: center;

56        align-items: center;

57        gap: 0.25rem; /* 4px */

58        border-radius: 1.25rem; /* 20px */

59        background: rgba(30, 30, 30, 0.05);

60        border: none;

62        color: #2a2076;

63        font-size: 0.875rem; /* 14px */

64        font-style: normal;

65        font-weight: 500;

66        line-height: 1.1875rem; /* 19px */

67        letter-spacing: 0.002625rem; /* 0.042px */

68    }

70    .sbil_header_language_dropdown .form-control::picker(select) {

71        top: calc(anchor(bottom) + 0.3125rem); /* 5px */

72        position-area: bottom;

73        justify-self: anchor-center;

74        border: none;

75        border-radius: 1.25rem; /* 20px */

76        background: #f4f4f4;

77        padding: 0.15625rem 0; /* 2.5px */

78        width: 6.25rem;

79    }

81    .sbil_header_language_dropdown .form-control::picker-icon {

82        content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='11' height='7' viewBox='0 0 11 7' fill='none'><path d='M10.8537 1.35372L5.85372 6.35372C5.80729 6.40021 5.75214 6.43709 5.69144 6.46225C5.63074 6.48742 5.56568 6.50037 5.49997 6.50037C5.43427 6.50037 5.3692 6.48742 5.3085 6.46225C5.2478 6.43709 5.19266 6.40021 5.14622 6.35372L0.146223 1.35372C0.0524025 1.2599 -0.000305176 1.13265 -0.000305176 0.999973C-0.000305176 0.867291 0.0524025 0.740043 0.146223 0.646223C0.240043 0.552402 0.367291 0.499695 0.499973 0.499695C0.632655 0.499695 0.759902 0.552402 0.853723 0.646223L5.49997 5.2931L10.1462 0.646223C10.1927 0.599767 10.2478 0.562917 10.3085 0.537776C10.3692 0.512635 10.4343 0.499695 10.5 0.499695C10.5657 0.499695 10.6307 0.512635 10.6914 0.537776C10.7521 0.562917 10.8073 0.599767 10.8537 0.646223C10.9002 0.692678 10.937 0.747828 10.9622 0.808525C10.9873 0.869221 11.0003 0.934275 11.0003 0.999973C11.0003 1.06567 10.9873 1.13072 10.9622 1.19142C10.937 1.25212 10.9002 1.30727 10.8537 1.35372Z' fill='%232A2076'/></svg>");

83        transition: 0.4s transform;

84    }

86    .sbil_header_language_dropdown .form-control:open::picker-icon {

87        transform-origin: center;

88        transform: scaleY(-1);

89    }

91    .sbil_header_language_dropdown .form-control option {

92        display: flex;

93        justify-content: flex-start;

95        font-size: 0.875rem; /* 14px */

96        border: 0.3125rem solid #f4f4f4; /* 5px */

97        border-top-width: 0.15625rem; /* 2.5px */

98        border-bottom-width: 0.15625rem; /* 2.5px */

99        border-radius: 1.25rem; /* 20px */

100        height: 1.875rem; /* 30px */

101        transition: 0.4s;

102    }

104    .sbil_header_language_dropdown .form-control option:hover {

105        cursor: pointer;

106    }

108    .sbil_header_language_dropdown .form-control option:hover,

109    .sbil_header_language_dropdown .form-control option:focus {

110        background: #dddbe8;

111    }

113    .sbil_header_language_dropdown .form-control option .icon {

114        font-size: 1.6rem;

115        text-box: trim-both cap alphabetic;

116    }

118    .sbil_header_language_dropdown .form-control option:checked {

119        font-weight: bold;

120        background:rgb(196, 191, 227);

121    }

123    .sbil_header_language_dropdown .form-control option::checkmark {

124        display: none;

125    }

127    @media screen and (min-width: 800px) and (max-width: 1048px) {

128        :root {

129            font-size: 75%;

130        }

132        .sbil_header_language_dropdown .form-control::picker-icon {

133            content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8.25' height='5.25' viewBox='0 0 11 7' fill='none'><path d='M10.8537 1.35372L5.85372 6.35372C5.80729 6.40021 5.75214 6.43709 5.69144 6.46225C5.63074 6.48742 5.56568 6.50037 5.49997 6.50037C5.43427 6.50037 5.3692 6.48742 5.3085 6.46225C5.2478 6.43709 5.19266 6.40021 5.14622 6.35372L0.146223 1.35372C0.0524025 1.2599 -0.000305176 1.13265 -0.000305176 0.999973C-0.000305176 0.867291 0.0524025 0.740043 0.146223 0.646223C0.240043 0.552402 0.367291 0.499695 0.499973 0.499695C0.632655 0.499695 0.759902 0.552402 0.853723 0.646223L5.49997 5.2931L10.1462 0.646223C10.1927 0.599767 10.2478 0.562917 10.3085 0.537776C10.3692 0.512635 10.4343 0.499695 10.5 0.499695C10.5657 0.499695 10.6307 0.512635 10.6914 0.537776C10.7521 0.562917 10.8073 0.599767 10.8537 0.646223C10.9002 0.692678 10.937 0.747828 10.9622 0.808525C10.9873 0.869221 11.0003 0.934275 11.0003 0.999973C11.0003 1.06567 10.9873 1.13072 10.9622 1.19142C10.937 1.25212 10.9002 1.30727 10.8537 1.35372Z' fill='%232A2076'/></svg>");

134        }

135    }

136</style>

138<script type="module">

139    (function () {

140        var mobileLanguageSelector = document.querySelector(".mobile_language_selector");

141        if (!mobileLanguageSelector) return;

142        var parentNavbar = mobileLanguageSelector.closest(".sbil-mobile-header-navbar");

143        if (!parentNavbar) return;

145        // ----- Build UI (no template literals; uses FreeMarker injections) -----

146        <#assign currentEntry = entries?filter(e -> e.isSelected())?first />

148        // create button

149        var collapseBtn = document.createElement("button");

150        collapseBtn.className = "mobile-language-selector-button";

151        collapseBtn.type = "button";

152        collapseBtn.setAttribute("data-toggle", "collapse");

153        collapseBtn.setAttribute("data-target", "#" + "${randomNamespace}" + "mobileLanguageCollapse");

154        collapseBtn.setAttribute("aria-expanded", "false");

155        collapseBtn.setAttribute("aria-controls", "${randomNamespace}" + "mobileLanguageCollapse");

157        var btnHtml = '<span>' + '${stringUtil.toUpperCase(currentEntry.getLongDisplayName())}' + '</span>';

158        btnHtml += '<svg fill="none" focusable="false" role="presentation">';

159        btnHtml += '<use xlink:href="' + '${themeDisplay.getPathThemeSpritemap()}' + '#sbil-mobile-header-drop-down-arrow' + '" />';

160        btnHtml += '</svg>';

161        collapseBtn.innerHTML = btnHtml;

163        // create collapse container

164        var collapseDiv = document.createElement("div");

165        collapseDiv.className = "collapse mobile-language-selector-collapse";

166        collapseDiv.id = "${randomNamespace}" + "mobileLanguageCollapse";

167        collapseDiv.setAttribute("aria-hidden", "true");

168        collapseDiv.setAttribute("role", "region");

170        // create list

171        var list = document.createElement("ul");

172        list.className = "mobile-language-list";

174        <#list entries as entry>

175            {

176                var li = document.createElement("li");

177                li.className = "mobile-language-list-item";

179                // --- Clean up home URLs like /home or /fr/home ---

180                var rawUrl = "${entry.getURL()!}";

182                var a = document.createElement("a");

183                a.href = rawUrl;

184                a.className = "taglib-language-option taglib-language-option-" + "${entry.getW3cLanguageId()}";

185                a.textContent = "${stringUtil.toUpperCase(entry.getLongDisplayName())}";

186                a.setAttribute("role", "link");

187                a.setAttribute("hreflang", "${entry.getW3cLanguageId()}");

188                <#if entry.isSelected()>

189                    a.setAttribute("aria-current", "true");

190                    a.classList.add("mobile-language-current");

191                </#if>

193                li.appendChild(a);

194                list.appendChild(li);

195            }

196        </#list>

199        collapseDiv.appendChild(list);

201        // insert into DOM

202        mobileLanguageSelector.innerHTML = "";

203        mobileLanguageSelector.appendChild(collapseBtn);

204        mobileLanguageSelector.appendChild(collapseDiv);

206        var $ = window.jQuery;

208        if ($ && collapseDiv && typeof $.fn.collapse === 'function') {

209            var $collapse = $("#" + collapseDiv.id);

211            $collapse.on('show.bs.collapse', function () {

212                parentNavbar.classList.add('mobile-selector-open');

213                 collapseBtn.classList.add('open');

214                collapseDiv.setAttribute('aria-hidden', 'false');

215                var firstLink = collapseDiv.querySelector('a');

216                if (firstLink) firstLink.focus();

217            });

219            $collapse.on('hide.bs.collapse', function () {

220                parentNavbar.classList.remove('mobile-selector-open');

221                collapseDiv.setAttribute('aria-hidden', 'true');

222                collapseBtn.classList.remove('open');

223                collapseBtn.focus();

224            });

226            // optional: close on Escape and click-outside (namespaced)

227            $(document).on('keydown.mobileLangSelector', function (ev) {

228                if (ev.key === 'Escape' || ev.key === 'Esc') {

229                    if ($collapse.hasClass('show')) {

230                        $collapse.collapse('hide');

231                    }

232                }

233            });

235            $(document).on('click.mobileLangSelector', function (ev) {

236                if ($collapse.hasClass('show') && !mobileLanguageSelector.contains(ev.target)) {

237                    $collapse.collapse('hide');

238                }

239            });

241            // when a language link is clicked, let navigation happen but also hide the collapse (SPA-friendly)

242            $collapse.on('click', 'a', function () {

243                setTimeout(function () { $collapse.collapse('hide'); }, 50);

244            });

246        } else {

247            // Fallback: no jQuery/Bootstrap collapse - toggle the parent class on button click.

248            // This keeps behavior predictable even without Bootstrap JS.

249            collapseBtn.addEventListener('click', function (ev) {

250                // allow default Bootstrap handler if present; fallback toggles the class

251                if (parentNavbar.classList.contains('mobile-selector-open')) {

252                    parentNavbar.classList.remove('mobile-selector-open');

253                    collapseBtn.classList.remove('open'); // unflip

254                    collapseDiv.classList.remove('show');

255                    collapseDiv.setAttribute('aria-hidden', 'true');

256                    collapseBtn.setAttribute('aria-expanded', 'false');

257                    collapseBtn.focus();

258                } else {

259                    parentNavbar.classList.add('mobile-selector-open');

260                    collapseBtn.classList.add('open'); // flip

261                    collapseDiv.classList.add('show');

262                    collapseDiv.setAttribute('aria-hidden', 'false');

263                    collapseBtn.setAttribute('aria-expanded', 'true');

264                    // focus first link

265                    var firstLink = collapseDiv.querySelector('a');

266                    if (firstLink) firstLink.focus();

267                }

268            });

270            // hide when clicking a link

271            collapseDiv.addEventListener('click', function (ev) {

272                if (ev.target && ev.target.tagName === 'A') {

273                    parentNavbar.classList.remove('mobile-selector-open');

274                    collapseDiv.classList.remove('show');

275                    collapseDiv.setAttribute('aria-hidden', 'true');

276                }

277            });

278        }

280    })();

281    (function () {

282        // Accessibility: Add aria-labels to language options and select element

283        var languageSelect = document.querySelector('.sbil_header_language_dropdown select[name="${randomNamespace + name}"]');

284        if (languageSelect) {

285            languageSelect.setAttribute('aria-label', 'Select Language');

287            var options = languageSelect.querySelectorAll('option');

288            options.forEach(function (option) {

289                option.setAttribute('aria-label', option.textContent.trim());

290            });

291        }

292    })();

293</script>

ਪ੍ਰੀਮੀਅਮ ਭਰੋ

5 ਮਿੰਟ ਪੜ੍ਹਿਆ

ਜੀਵਨ ਸੌਖੇ ਤਰੀਕੇ

09th Dec 2025

ਤੁਹਾਡੀ ਰੋਜ਼ਾਨਾ ਜ਼ਿੰਦਗੀ ਨੂੰ ਬਿਹਤਰ ਬਣਾਉਣ ਲਈ ਸ਼ਾਨਦਾਰ ਅਤੇ ਉਪਯੋਗੀ ਲਾਈਫ ਹੈਕ | ਐਸਬੀਆਈ ਲਾਈਫ

ਲਾਈਫ ਹੈਕਸ

ਆਧੁਨਿਕ ਜੀਵਨ ਗੁੰਝਲਦਾਰ ਅਤੇ ਥਕਾ ਦੇਣ ਵਾਲਾ ਹੈ, ਇਸ ਤੇਜ਼ ਰਫ਼ਤਾਰ ਦੁਨੀਆਂ ਵਿੱਚ ਅੱਗੇ ਵਧਣ ਲਈ ਅਸੀਂ ਸਾਰੇ ਥੋੜ੍ਹੀ ਜਿਹੀ ਮਦਦ ਨਾਲ ਕਰ ਸਕਦੇ ਹਾਂ। ਇਸ ਭਾਗ ਵਿੱਚ, ਅਸੀਂ ਵੱਖ-ਵੱਖ ਪਹਿਲੂਆਂ ਅਤੇ ਤਕਨੀਕਾਂ 'ਤੇ ਚਰਚਾ ਕਰਾਂਗੇ ਜੋ ਸਮਾਂ ਬਚਾਉਂਦੇ ਹਨ, ਸਿਹਤਮੰਦ ਜੀਵਨ ਸ਼ੈਲੀ ਨੂੰ ਉਤਸ਼ਾਹਿਤ ਕਰਦੇ ਹਨ, ਸਮੱਸਿਆਵਾਂ ਨੂੰ ਹੱਲ ਕਰਨ ਵਿੱਚ ਤੁਹਾਡੀ ਮਦਦ ਕਰਦੇ ਹਨ ਅਤੇ ਸਕਾਰਾਤਮਕ ਸ਼ੌਕ ਪੈਦਾ ਕਰਦੇ ਹਨ। 'ਲਾਈਫ ਹੈਕਸ' ਦਾ ਉਦੇਸ਼ ਸਾਡੀ ਸਮੁੱਚੀ ਉਤਪਾਦਕਤਾ ਨੂੰ ਬਿਹਤਰ ਬਣਾਉਣਾ ਹੈ ਅਤੇ ਜ਼ਿੰਦਗੀ ਨੂੰ ਪੂਰੀ ਤਰ੍ਹਾਂ ਮਨਾਉਣ ਵਿੱਚ ਸਾਡੀ ਮਦਦ ਕਰਨਾ ਹੈ।

ਮਹਾਂਮਾਰੀ ਨੇ ਲੋਕਾਂ ਨੂੰ ਆਮਦਨ ਦੇ ਦੂਜੇ ਸਰੋਤ ਦੀ ਮਹੱਤਤਾ ਦਾ ਅਹਿਸਾਸ ਕਰਵਾਇਆ ਹੈ। ਜਦੋਂ ਤੁਸੀਂ ਐਮਰਜੈਂਸੀ ਲਈ ਤਿਆਰੀ ਕਰ ਰਹੇ ਹੁੰਦੇ ਹੋ ਤਾਂ ਇਹ ਸਾਰਾ ਫ਼ਰਕ ਪਾ ਸਕਦਾ ਹੈ। ਇਸ ਲਈ, ਮਾਹਰ ਆਮਦਨ ਦੇ ਕਿਸੇ ਹੋਰ ਸਰੋਤ ਨਾਲ ਤਿਆਰ ਰਹਿਣ ਦੀ ਸਲਾਹ ਦਿੰਦੇ ਹਨ।