mirror of
https://git.adityakumar.xyz/hugo-theme-introduction.git
synced 2024-12-05 01:02:54 +00:00
Replacing Moment.js with native JavaScript (#266)
* fix-262 * Replacing Moment.js with native JavaScript
This commit is contained in:
parent
293ab665ca
commit
6925c0248c
6 changed files with 11 additions and 22 deletions
|
@ -1,11 +0,0 @@
|
|||
$(document).ready(function() {
|
||||
const tnode = $("#time")
|
||||
const update_localtime = function(){
|
||||
var time = moment()
|
||||
.tz(tnode.attr("data-time-zone"))
|
||||
.format(tnode.attr("data-time-format"));
|
||||
tnode.html(time);
|
||||
}
|
||||
update_localtime();
|
||||
setInterval(update_localtime, 1000);
|
||||
})
|
1
assets/vendor/momentjs/moment-timezone-with-data-2012-2022.min.js
generated
vendored
1
assets/vendor/momentjs/moment-timezone-with-data-2012-2022.min.js
generated
vendored
File diff suppressed because one or more lines are too long
1
assets/vendor/momentjs/moment-timezone.min.js
generated
vendored
1
assets/vendor/momentjs/moment-timezone.min.js
generated
vendored
File diff suppressed because one or more lines are too long
1
assets/vendor/momentjs/moment.min.js
generated
vendored
1
assets/vendor/momentjs/moment.min.js
generated
vendored
File diff suppressed because one or more lines are too long
|
@ -23,7 +23,7 @@ DefaultContentLanguage = "en" # Default language fo
|
|||
numberOfProjectsToShow = 3 # Maximum number of projects to show on home page. Unset or comment out to show all projects
|
||||
localTime = true # Show your current local time in contact section
|
||||
timeZone = "America/Los_Angeles" # Your timezone as in the TZ* column of this list: https://en.wikipedia.org/wiki/List_of_tz_database_time_zones
|
||||
timeFormat = "h:mm A" # https://momentjs.com/docs/#/displaying/format/
|
||||
timeFormat = "en-US" # Language specific format to use
|
||||
[params.projects]
|
||||
useTwoColumns = false # Use a layout with two columns instead of three
|
||||
|
||||
|
|
|
@ -106,7 +106,7 @@
|
|||
{{ .Content }}
|
||||
</div>
|
||||
{{ if .Site.Params.home.localTime }}
|
||||
<p>{{ i18n "index_currentTime" . }} <span id="time" data-time-zone="{{ .Site.Params.home.timeZone }}" data-time-format="{{ .Site.Params.home.timeFormat }}"></span>.</p>
|
||||
<p>{{ i18n "index_currentTime" . }} <span id="time"></span>.</p>
|
||||
{{ end }}
|
||||
{{ with .Site.Params.email }}
|
||||
<h3 class="subtitle is-3 has-text-centered top-pad">
|
||||
|
@ -132,12 +132,15 @@
|
|||
{{ partial "js/owlCarousel.html" . }}
|
||||
|
||||
{{ if .Site.Params.home.localTime }}
|
||||
{{ $momentjs := resources.Get "vendor/momentjs/moment.min.js" }}
|
||||
{{ $momentTimezone := resources.Get "vendor/momentjs/moment-timezone.min.js" }}
|
||||
{{ $momentTimezoneWithData := resources.Get "vendor/momentjs/moment-timezone-with-data-2012-2022.min.js" }}
|
||||
{{ $initMomentjs := resources.Get "js/initMoment.js" }}
|
||||
{{ $bundleMoment := slice $momentjs $momentTimezone $momentTimezoneWithData $initMomentjs | resources.Concat "js/bundleMoment.js" | fingerprint }}
|
||||
<script src="{{ $bundleMoment.Permalink }}" integrity="{{ $bundleMoment.Data.Integrity }}"></script>
|
||||
<script>
|
||||
function update_localtime() {
|
||||
const time = new Date().toLocaleTimeString('{{ .Site.Params.home.timeFormat }}', { timeZone: '{{ .Site.Params.home.timeZone }}', timeStyle: 'short' });
|
||||
document.getElementById('time').innerHTML = time;
|
||||
}
|
||||
update_localtime();
|
||||
// Updating every second to prevent seconds looking like stood still when timeStyle is ignored.
|
||||
setInterval(update_localtime, 1000);
|
||||
</script>
|
||||
{{ end }}
|
||||
</body>
|
||||
|
||||
|
|
Loading…
Reference in a new issue