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)
|
||||
.uk-text-bold
|
||||
a(href= entry.link, target="_blank").uk-link-reset= entry.title
|
||||
.uk-text-small
|
||||
div(uk-grid).uk-grid-small
|
||||
.uk-width-expand
|
||||
a(href= entry.link, target="_blank").dtp-link
|
||||
div= entry.title
|
||||
.uk-article-meta
|
||||
div(uk-grid).uk-grid-small.uk-grid-divider
|
||||
.uk-width-auto.uk-text-truncate
|
||||
a(href= entry.feed.link, target="_blank").uk-link-reset= entry.feed.title
|
||||
.uk-width-auto
|
||||
div= moment(entry.published).fromNow()
|
Loading…
Reference in new issue