master
commit
4151404877
@ -0,0 +1,51 @@
|
|||||||
|
mixin renderFileUploadImage (actionUrl, containerId, imageId, imageClass, defaultImage, currentImage, cropperOptions)
|
||||||
|
div(id= containerId).dtp-file-upload
|
||||||
|
form(method="POST", action= actionUrl, enctype="multipart/form-data", onsubmit= "return dtp.app.submitImageForm(event);").uk-form
|
||||||
|
.uk-margin
|
||||||
|
.uk-card.uk-card-default.uk-card-small
|
||||||
|
.uk-card-body
|
||||||
|
div(uk-grid).uk-flex-middle.uk-flex-center
|
||||||
|
div(class="uk-width-1-1 uk-width-auto@m")
|
||||||
|
.upload-image-container.size-512
|
||||||
|
if !!currentImage
|
||||||
|
img(id= imageId, src= currentImage.path, class= imageClass).sb-large
|
||||||
|
else
|
||||||
|
img(id= imageId, src= defaultImage, class= imageClass)
|
||||||
|
|
||||||
|
div(class="uk-width-1-1 uk-width-auto@m")
|
||||||
|
.uk-text-small.uk-margin
|
||||||
|
#file-select
|
||||||
|
.uk-margin(class="uk-text-center uk-text-left@m")
|
||||||
|
span.uk-text-middle Select an image
|
||||||
|
div(uk-form-custom).uk-margin-small-left
|
||||||
|
input(
|
||||||
|
type="file",
|
||||||
|
formenctype="multipart/form-data",
|
||||||
|
accept=".jpg,.png,image/jpeg,image/png",
|
||||||
|
data-file-select-container= containerId,
|
||||||
|
data-file-select="test-image-upload",
|
||||||
|
data-file-size-element= "file-size",
|
||||||
|
data-file-max-size= 15 * 1024000,
|
||||||
|
data-image-id= imageId,
|
||||||
|
data-cropper-options= cropperOptions,
|
||||||
|
onchange="return dtp.app.selectImageFile(event);",
|
||||||
|
)
|
||||||
|
button(type="button", tabindex="-1").uk-button.uk-button-default Select
|
||||||
|
|
||||||
|
#file-info(class="uk-text-center uk-text-left@m", hidden)
|
||||||
|
#file-name.uk-text-bold
|
||||||
|
if currentImage
|
||||||
|
div resolution: #[span#image-resolution-w= numeral(currentImage.metadata.width).format('0,0')]x#[span#image-resolution-h= numeral(currentImage.metadata.height).format('0,0')]
|
||||||
|
div size: #[span#file-size= numeral(currentImage.metadata.size).format('0,0.00b')]
|
||||||
|
div last modified: #[span#file-modified= moment(currentImage.created).format('MMM DD, YYYY')]
|
||||||
|
else
|
||||||
|
div resolution: #[span#image-resolution-w 512]x#[span#image-resolution-h 512]
|
||||||
|
div size: #[span#file-size N/A]
|
||||||
|
div last modified: #[span#file-modified N/A]
|
||||||
|
|
||||||
|
.uk-card-footer
|
||||||
|
div(class="uk-flex-center", uk-grid)
|
||||||
|
#file-save-btn(hidden).uk-width-auto
|
||||||
|
button(
|
||||||
|
type="submit",
|
||||||
|
).uk-button.uk-button-primary Save
|
@ -0,0 +1,28 @@
|
|||||||
|
extends ../layouts/main
|
||||||
|
block vendorcss
|
||||||
|
link(rel='stylesheet', href=`/cropperjs/cropper.min.css?v=${pkg.version}`)
|
||||||
|
block vendorjs
|
||||||
|
script(src=`/cropperjs/cropper.min.js?v=${pkg.version}`)
|
||||||
|
block content
|
||||||
|
|
||||||
|
include ../components/file-upload-image
|
||||||
|
|
||||||
|
//- h2 Add or replace your site images here
|
||||||
|
div(uk-grid).uk-flex-middle
|
||||||
|
.uk-width-expand
|
||||||
|
fieldset
|
||||||
|
legend Site Icon
|
||||||
|
.uk-margin
|
||||||
|
if siteIcon
|
||||||
|
p.uk-card-title Replace your site icon below.
|
||||||
|
else
|
||||||
|
p.uk-card-title You do not currently have a site icon. Add one below.
|
||||||
|
+renderFileUploadImage(
|
||||||
|
`/admin/settings/images/updateSiteIcon`,
|
||||||
|
'site-icon-upload',
|
||||||
|
'site-icon-file',
|
||||||
|
'site-icon-picture',
|
||||||
|
`/img/icon/dtp-base.png`,
|
||||||
|
siteIcon,
|
||||||
|
{ aspectRatio: 1 },
|
||||||
|
)
|
@ -1,9 +1,9 @@
|
|||||||
mixin renderNewsroomFeedEntryListItem (entry)
|
mixin renderNewsroomFeedEntryListItem (entry)
|
||||||
.uk-text-bold
|
a(href= entry.link, target="_blank").dtp-link
|
||||||
a(href= entry.link, target="_blank").uk-link-reset= entry.title
|
div= entry.title
|
||||||
.uk-text-small
|
.uk-article-meta
|
||||||
div(uk-grid).uk-grid-small
|
div(uk-grid).uk-grid-small.uk-grid-divider
|
||||||
.uk-width-expand
|
.uk-width-auto.uk-text-truncate
|
||||||
a(href= entry.feed.link, target="_blank").uk-link-reset= entry.feed.title
|
a(href= entry.feed.link, target="_blank").uk-link-reset= entry.feed.title
|
||||||
.uk-width-auto
|
.uk-width-auto
|
||||||
div= moment(entry.published).fromNow()
|
div= moment(entry.published).fromNow()
|
Loading…
Reference in new issue