No OneTemporary
Actions

Size

24 KB

Referenced Files

None

Subscribers

None

View Options

	diff --git a/src/components/attachment/attachment.js b/src/components/attachment/attachment.js
	index 06928ca61e..3ea96a7a67 100644
	--- a/src/components/attachment/attachment.js
	+++ b/src/components/attachment/attachment.js
	@@ -1,161 +1,162 @@
	import StillImage from '../still-image/still-image.vue'
	import Flash from '../flash/flash.vue'
	import VideoAttachment from '../video_attachment/video_attachment.vue'
	import nsfwImage from '../../assets/nsfw.png'
	import fileTypeService from '../../services/file_type/file_type.service.js'
	import { mapGetters } from 'vuex'
	import { library } from '@fortawesome/fontawesome-svg-core'
	import {
	faFile,
	faMusic,
	faImage,
	faVideo,
	faPlayCircle,
	faTimes,
	faStop,
	faSearchPlus
	} from '@fortawesome/free-solid-svg-icons'

	library.add(
	faFile,
	faMusic,
	faImage,
	faVideo,
	faPlayCircle,
	faTimes,
	faStop,
	faSearchPlus
	)

	const Attachment = {
	props: [
	'attachment',
	'nsfw',
	'size',
	'setMedia',
	'naturalSizeLoad'
	],
	data () {
	return {
	nsfwImage: this.$store.state.instance.nsfwCensorImage \|\| nsfwImage,
	hideNsfwLocal: this.$store.getters.mergedConfig.hideNsfw,
	preloadImage: this.$store.getters.mergedConfig.preloadImage,
	loading: false,
	img: fileTypeService.fileType(this.attachment.mimetype) === 'image' && document.createElement('img'),
	modalOpen: false,
	showHidden: false,
	flashLoaded: false
	}
	},
	components: {
	Flash,
	StillImage,
	VideoAttachment
	},
	computed: {
	classNames () {
	return [
	{
	'-loading': this.loading,
	'-nsfw-placeholder': this.hidden
	},
	'-' + this.type,
	`-${this.useContainFit ? 'contain' : 'cover'}-fit`
	]
	},
	usePlaceholder () {
	return this.size === 'hide' \|\| this.type === 'unknown'
	},
	useContainFit () {
	return this.$store.getters.mergedConfig.useContainFit
	},
	placeholderName () {
	if (this.attachment.description === '' \|\| !this.attachment.description) {
	return this.type.toUpperCase()
	}
	return this.attachment.description
	},
	placeholderIconClass () {
	if (this.type === 'image') return 'image'
	if (this.type === 'video') return 'video'
	if (this.type === 'audio') return 'music'
	return 'file'
	},
	referrerpolicy () {
	return this.$store.state.instance.mediaProxyAvailable ? '' : 'no-referrer'
	},
	type () {
	return fileTypeService.fileType(this.attachment.mimetype)
	},
	hidden () {
	return this.nsfw && this.hideNsfwLocal && !this.showHidden
	},
	isEmpty () {
	return (this.type === 'html' && !this.attachment.oembed) \|\| this.type === 'unknown'
	},
	isSmall () {
	return this.size === 'small'
	},
	useModal () {
	const modalTypes = this.size === 'hide' ? ['image', 'video', 'audio']
	: this.mergedConfig.playVideosInModal
	? ['image', 'video']
	: ['image']
	return modalTypes.includes(this.type)
	},
	...mapGetters(['mergedConfig'])
	},
	methods: {
	linkClicked ({ target }) {
	if (target.tagName === 'A') {
	window.open(target.href, '_blank')
	}
	},
	openModal (event) {
	if (this.useModal) {
	- this.setMedia()
	- this.$store.dispatch('setCurrent', this.attachment)
	+ this.$emit('setMedia')
	+ this.$store.dispatch('setCurrentMedia', this.attachment)
	}
	},
	openModalForce (event) {
	- this.setMedia()
	- this.$store.dispatch('setCurrent', this.attachment)
	+ this.$emit('setMedia')
	+ this.$store.dispatch('setCurrentMedia', this.attachment)
	+ },
	},
	stopFlash () {
	this.$refs.flash.closePlayer()
	},
	setFlashLoaded (event) {
	this.flashLoaded = event
	},
	toggleHidden (event) {
	if (
	(this.mergedConfig.useOneClickNsfw && !this.showHidden) &&
	(this.type !== 'video' \|\| this.mergedConfig.playVideosInModal)
	) {
	this.openModal(event)
	return
	}
	if (this.img && !this.preloadImage) {
	if (this.img.onload) {
	this.img.onload()
	} else {
	this.loading = true
	this.img.src = this.attachment.url
	this.img.onload = () => {
	this.loading = false
	this.showHidden = !this.showHidden
	}
	}
	} else {
	this.showHidden = !this.showHidden
	}
	},
	onImageLoad (image) {
	const width = image.naturalWidth
	const height = image.naturalHeight
	this.naturalSizeLoad && this.naturalSizeLoad({ width, height })
	}
	}
	}

	export default Attachment
	diff --git a/src/components/flash/flash.vue b/src/components/flash/flash.vue
	index 5a77d23589..95f7195093 100644
	--- a/src/components/flash/flash.vue
	+++ b/src/components/flash/flash.vue
	@@ -1,81 +1,84 @@
	<template>
	<div class="Flash">
	<div
	v-if="player === true \|\| player === 'hidden'"
	ref="container"
	class="player"
	:class="{ hidden: player === 'hidden' }"
	/>
	<button
	v-if="player !== true"
	class="button-unstyled placeholder"
	@click="openPlayer"
	>
	<span
	v-if="player === 'hidden'"
	class="label"
	>
	{{ $t('general.loading') }}
	</span>
	<span
	v-if="player === 'error'"
	class="label"
	>
	{{ $t('general.flash_fail') }}
	</span>
	<span
	v-else
	class="label"
	>
	<p>
	{{ $t('general.flash_content') }}
	</p>
	<p>
	<FAIcon icon="exclamation-triangle" />
	{{ $t('general.flash_security') }}
	</p>
	</span>
	</button>
	</div>
	</template>

	<script src="./flash.js"></script>

	<style lang="scss">
	@import '../../_variables.scss';
	.Flash {
	+ display: inline-block;
	width: 100%;
	- height: 260px;
	+ height: 100%;
	position: relative;

	.player {
	height: 100%;
	width: 100%;
	}

	+ .placeholder {
	+ height: 100%;
	+ width: 100%;
	+ display: flex;
	+ align-items: center;
	+ justify-content: center;
	+ background: var(--bg);
	+ color: var(--link);
	+ }
	+
	.hider {
	top: 0;
	}

	.label {
	text-align: center;
	flex: 1 1 0;
	line-height: 1.2;
	white-space: normal;
	word-wrap: normal;
	}

	.hidden {
	display: none;
	visibility: 'hidden';
	}
	-
	- .placeholder {
	- height: 100%;
	- flex: 1;
	- display: flex;
	- align-items: center;
	- justify-content: center;
	- }
	}
	</style>
	diff --git a/src/components/media_modal/media_modal.js b/src/components/media_modal/media_modal.js
	index e7384c93b3..b691936679 100644
	--- a/src/components/media_modal/media_modal.js
	+++ b/src/components/media_modal/media_modal.js
	@@ -1,108 +1,110 @@
	import StillImage from '../still-image/still-image.vue'
	import VideoAttachment from '../video_attachment/video_attachment.vue'
	import Modal from '../modal/modal.vue'
	import fileTypeService from '../../services/file_type/file_type.service.js'
	import GestureService from '../../services/gesture_service/gesture_service'
	+import Flash from 'src/components/flash/flash.vue'
	import { library } from '@fortawesome/fontawesome-svg-core'
	import {
	faChevronLeft,
	faChevronRight
	} from '@fortawesome/free-solid-svg-icons'

	library.add(
	faChevronLeft,
	faChevronRight
	)

	const MediaModal = {
	components: {
	StillImage,
	VideoAttachment,
	- Modal
	+ Modal,
	+ Flash
	},
	computed: {
	showing () {
	return this.$store.state.mediaViewer.activated
	},
	media () {
	return this.$store.state.mediaViewer.media
	},
	currentIndex () {
	return this.$store.state.mediaViewer.currentIndex
	},
	currentMedia () {
	return this.media[this.currentIndex]
	},
	canNavigate () {
	return this.media.length > 1
	},
	type () {
	return this.currentMedia ? fileTypeService.fileType(this.currentMedia.mimetype) : null
	}
	},
	created () {
	this.mediaSwipeGestureRight = GestureService.swipeGesture(
	GestureService.DIRECTION_RIGHT,
	this.goPrev,
	50
	)
	this.mediaSwipeGestureLeft = GestureService.swipeGesture(
	GestureService.DIRECTION_LEFT,
	this.goNext,
	50
	)
	},
	methods: {
	mediaTouchStart (e) {
	GestureService.beginSwipe(e, this.mediaSwipeGestureRight)
	GestureService.beginSwipe(e, this.mediaSwipeGestureLeft)
	},
	mediaTouchMove (e) {
	GestureService.updateSwipe(e, this.mediaSwipeGestureRight)
	GestureService.updateSwipe(e, this.mediaSwipeGestureLeft)
	},
	hide () {
	this.$store.dispatch('closeMediaViewer')
	},
	goPrev () {
	if (this.canNavigate) {
	const prevIndex = this.currentIndex === 0 ? this.media.length - 1 : (this.currentIndex - 1)
	- this.$store.dispatch('setCurrent', this.media[prevIndex])
	+ this.$store.dispatch('setCurrentMedia', this.media[prevIndex])
	}
	},
	goNext () {
	if (this.canNavigate) {
	const nextIndex = this.currentIndex === this.media.length - 1 ? 0 : (this.currentIndex + 1)
	- this.$store.dispatch('setCurrent', this.media[nextIndex])
	+ this.$store.dispatch('setCurrentMedia', this.media[nextIndex])
	}
	},
	handleKeyupEvent (e) {
	if (this.showing && e.keyCode === 27) { // escape
	this.hide()
	}
	},
	handleKeydownEvent (e) {
	if (!this.showing) {
	return
	}

	if (e.keyCode === 39) { // arrow right
	this.goNext()
	} else if (e.keyCode === 37) { // arrow left
	this.goPrev()
	}
	}
	},
	mounted () {
	window.addEventListener('popstate', this.hide)
	document.addEventListener('keyup', this.handleKeyupEvent)
	document.addEventListener('keydown', this.handleKeydownEvent)
	},
	destroyed () {
	window.removeEventListener('popstate', this.hide)
	document.removeEventListener('keyup', this.handleKeyupEvent)
	document.removeEventListener('keydown', this.handleKeydownEvent)
	}
	}

	export default MediaModal
	diff --git a/src/components/media_modal/media_modal.vue b/src/components/media_modal/media_modal.vue
	index 54bc533528..a578bc71db 100644
	--- a/src/components/media_modal/media_modal.vue
	+++ b/src/components/media_modal/media_modal.vue
	@@ -1,136 +1,143 @@
	<template>
	<Modal
	v-if="showing"
	class="media-modal-view"
	@backdropClicked="hide"
	>
	<img
	v-if="type === 'image'"
	class="modal-image"
	:src="currentMedia.url"
	:alt="currentMedia.description"
	:title="currentMedia.description"
	@touchstart.stop="mediaTouchStart"
	@touchmove.stop="mediaTouchMove"
	@click="hide"
	>
	<VideoAttachment
	v-if="type === 'video'"
	class="modal-image"
	:attachment="currentMedia"
	:controls="true"
	/>
	<audio
	v-if="type === 'audio'"
	class="modal-image"
	:src="currentMedia.url"
	:alt="currentMedia.description"
	:title="currentMedia.description"
	controls
	/>
	+ <Flash
	+ v-if="type === 'flash'"
	+ class="modal-image"
	+ :src="currentMedia.url"
	+ :alt="currentMedia.description"
	+ :title="currentMedia.description"
	+ />
	<button
	v-if="canNavigate"
	:title="$t('media_modal.previous')"
	class="modal-view-button-arrow modal-view-button-arrow--prev"
	@click.stop.prevent="goPrev"
	>
	<FAIcon
	class="arrow-icon"
	icon="chevron-left"
	/>
	</button>
	<button
	v-if="canNavigate"
	:title="$t('media_modal.next')"
	class="modal-view-button-arrow modal-view-button-arrow--next"
	@click.stop.prevent="goNext"
	>
	<FAIcon
	class="arrow-icon"
	icon="chevron-right"
	/>
	</button>
	</Modal>
	</template>

	<script src="./media_modal.js"></script>

	<style lang="scss">
	.modal-view.media-modal-view {
	z-index: 1001;

	.modal-view-button-arrow {
	opacity: 0.75;

	&:focus,
	&:hover {
	outline: none;
	box-shadow: none;
	}
	&:hover {
	opacity: 1;
	}
	}
	}

	@keyframes media-fadein {
	from {
	opacity: 0;
	}
	to {
	opacity: 1;
	}
	}

	.modal-image {
	max-width: 90%;
	max-height: 90%;
	box-shadow: 0px 5px 15px 0 rgba(0, 0, 0, 0.5);
	image-orientation: from-image; // NOTE: only FF supports this
	animation: 0.1s cubic-bezier(0.7, 0, 1, 0.6) media-fadein;
	}

	.modal-view-button-arrow {
	position: absolute;
	display: block;
	top: 50%;
	margin-top: -50px;
	width: 70px;
	height: 100px;
	border: 0;
	padding: 0;
	opacity: 0;
	box-shadow: none;
	background: none;
	appearance: none;
	overflow: visible;
	cursor: pointer;
	transition: opacity 333ms cubic-bezier(.4,0,.22,1);

	.arrow-icon {
	position: absolute;
	top: 35px;
	height: 30px;
	width: 32px;
	font-size: 14px;
	line-height: 30px;
	color: #FFF;
	text-align: center;
	background-color: rgba(0,0,0,.3);
	}

	&--prev {
	left: 0;
	.arrow-icon {
	left: 6px;
	}
	}

	&--next {
	right: 0;
	.arrow-icon {
	right: 6px;
	}
	}
	}
	</style>
	diff --git a/src/components/status_content/status_content.js b/src/components/status_content/status_content.js
	index 49f9d7f813..c085c99289 100644
	--- a/src/components/status_content/status_content.js
	+++ b/src/components/status_content/status_content.js
	@@ -1,84 +1,78 @@
	import Attachment from '../attachment/attachment.vue'
	import Poll from '../poll/poll.vue'
	import Gallery from '../gallery/gallery.vue'
	import StatusBody from 'src/components/status_body/status_body.vue'
	import LinkPreview from '../link-preview/link-preview.vue'
	import fileType from 'src/services/file_type/file_type.service'
	import { mapGetters, mapState } from 'vuex'
	import { library } from '@fortawesome/fontawesome-svg-core'
	import {
	faCircleNotch,
	faFile,
	faMusic,
	faImage,
	faLink,
	faPollH
	} from '@fortawesome/free-solid-svg-icons'

	library.add(
	faCircleNotch,
	faFile,
	faMusic,
	faImage,
	faLink,
	faPollH
	)

	const StatusContent = {
	name: 'StatusContent',
	props: [
	'status',
	'focused',
	'noHeading',
	'fullContent',
	'singleLine',
	'hideMentions'
	],
	computed: {
	hideAttachments () {
	return (this.mergedConfig.hideAttachments && !this.inConversation) \|\|
	(this.mergedConfig.hideAttachmentsInConv && this.inConversation)
	},
	nsfwClickthrough () {
	if (!this.status.nsfw) {
	return false
	}
	if (this.status.summary && this.localCollapseSubjectDefault) {
	return false
	}
	return true
	},
	attachmentSize () {
	if ((this.mergedConfig.hideAttachments && !this.inConversation) \|\|
	(this.mergedConfig.hideAttachmentsInConv && this.inConversation) \|\|
	(this.status.attachments.length > this.maxThumbnails)) {
	return 'hide'
	} else if (this.compact) {
	return 'small'
	}
	return 'normal'
	},
	maxThumbnails () {
	return this.mergedConfig.maxThumbnails
	},
	...mapGetters(['mergedConfig']),
	...mapState({
	currentUser: state => state.users.currentUser
	})
	},
	components: {
	Attachment,
	Poll,
	Gallery,
	LinkPreview,
	StatusBody
	- },
	- methods: {
	- setMedia () {
	- const attachments = this.status.attachments
	- return () => this.$store.dispatch('setMedia', attachments)
	- }
	}
	}

	export default StatusContent
	diff --git a/src/components/status_content/status_content.vue b/src/components/status_content/status_content.vue
	index 0f999da67e..a9511fbe4c 100644
	--- a/src/components/status_content/status_content.vue
	+++ b/src/components/status_content/status_content.vue
	@@ -1,50 +1,50 @@
	<template>
	<div class="StatusContent">
	<slot name="header" />
	<StatusBody
	:status="status"
	:single-line="singleLine"
	:hide-mentions="hideMentions"
	@parseReady="$emit('parseReady', $event)"
	>
	<div v-if="status.poll && status.poll.options">
	<poll :base-poll="status.poll" />
	</div>

	<gallery
	class="attachments media-body"
	v-if="status.attachments.length !== 0"
	:nsfw="nsfwClickthrough"
	:attachments="status.attachments"
	- :set-media="setMedia()"
	:size="attachmentSize"
	+ @setMedia="onMedia"
	@play="$emit('mediaplay', attachment.id)"
	@pause="$emit('mediapause', attachment.id)"
	/>

	<div
	v-if="status.card && !noHeading"
	class="link-preview media-body"
	>
	<link-preview
	:card="status.card"
	:size="attachmentSize"
	:nsfw="nsfwClickthrough"
	/>
	</div>
	</StatusBody>
	<slot name="footer" />
	</div>
	</template>

	<script src="./status_content.js" ></script>
	<style lang="scss">
	@import '../../_variables.scss';

	$status-margin: 0.75em;

	.StatusContent {
	flex: 1;
	min-width: 0;
	}
	</style>
	diff --git a/src/components/user_card/user_card.js b/src/components/user_card/user_card.js
	index d9fb64d154..23e6358fc3 100644
	--- a/src/components/user_card/user_card.js
	+++ b/src/components/user_card/user_card.js
	@@ -1,168 +1,168 @@
	import UserAvatar from '../user_avatar/user_avatar.vue'
	import RemoteFollow from '../remote_follow/remote_follow.vue'
	import ProgressButton from '../progress_button/progress_button.vue'
	import FollowButton from '../follow_button/follow_button.vue'
	import ModerationTools from '../moderation_tools/moderation_tools.vue'
	import AccountActions from '../account_actions/account_actions.vue'
	import Select from '../select/select.vue'
	import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
	import { mapGetters } from 'vuex'
	import { library } from '@fortawesome/fontawesome-svg-core'
	import {
	faBell,
	faRss,
	faSearchPlus,
	faExternalLinkAlt
	} from '@fortawesome/free-solid-svg-icons'

	library.add(
	faRss,
	faBell,
	faSearchPlus,
	faExternalLinkAlt
	)

	export default {
	props: [
	'userId', 'switcher', 'selected', 'hideBio', 'rounded', 'bordered', 'allowZoomingAvatar'
	],
	data () {
	return {
	followRequestInProgress: false,
	betterShadow: this.$store.state.interface.browserSupport.cssFilter
	}
	},
	created () {
	this.$store.dispatch('fetchUserRelationship', this.user.id)
	},
	computed: {
	user () {
	return this.$store.getters.findUser(this.userId)
	},
	relationship () {
	return this.$store.getters.relationship(this.userId)
	},
	classes () {
	return [{
	'user-card-rounded-t': this.rounded === 'top', // set border-top-left-radius and border-top-right-radius
	'user-card-rounded': this.rounded === true, // set border-radius for all sides
	'user-card-bordered': this.bordered === true // set border for all sides
	}]
	},
	style () {
	return {
	backgroundImage: [
	`linear-gradient(to bottom, var(--profileTint), var(--profileTint))`,
	`url(${this.user.cover_photo})`
	].join(', ')
	}
	},
	isOtherUser () {
	return this.user.id !== this.$store.state.users.currentUser.id
	},
	subscribeUrl () {
	// eslint-disable-next-line no-undef
	const serverUrl = new URL(this.user.statusnet_profile_url)
	return `${serverUrl.protocol}//${serverUrl.host}/main/ostatus`
	},
	loggedIn () {
	return this.$store.state.users.currentUser
	},
	dailyAvg () {
	const days = Math.ceil((new Date() - new Date(this.user.created_at)) / (60 * 60 * 24 * 1000))
	return Math.round(this.user.statuses_count / days)
	},
	userHighlightType: {
	get () {
	const data = this.$store.getters.mergedConfig.highlight[this.user.screen_name]
	return (data && data.type) \|\| 'disabled'
	},
	set (type) {
	const data = this.$store.getters.mergedConfig.highlight[this.user.screen_name]
	if (type !== 'disabled') {
	this.$store.dispatch('setHighlight', { user: this.user.screen_name, color: (data && data.color) \|\| '#FFFFFF', type })
	} else {
	this.$store.dispatch('setHighlight', { user: this.user.screen_name, color: undefined })
	}
	},
	...mapGetters(['mergedConfig'])
	},
	userHighlightColor: {
	get () {
	const data = this.$store.getters.mergedConfig.highlight[this.user.screen_name]
	return data && data.color
	},
	set (color) {
	this.$store.dispatch('setHighlight', { user: this.user.screen_name, color })
	}
	},
	visibleRole () {
	const rights = this.user.rights
	if (!rights) { return }
	const validRole = rights.admin \|\| rights.moderator
	const roleTitle = rights.admin ? 'admin' : 'moderator'
	return validRole && roleTitle
	},
	hideFollowsCount () {
	return this.isOtherUser && this.user.hide_follows_count
	},
	hideFollowersCount () {
	return this.isOtherUser && this.user.hide_followers_count
	},
	...mapGetters(['mergedConfig'])
	},
	components: {
	UserAvatar,
	RemoteFollow,
	ModerationTools,
	AccountActions,
	ProgressButton,
	FollowButton,
	Select
	},
	methods: {
	muteUser () {
	this.$store.dispatch('muteUser', this.user.id)
	},
	unmuteUser () {
	this.$store.dispatch('unmuteUser', this.user.id)
	},
	subscribeUser () {
	return this.$store.dispatch('subscribeUser', this.user.id)
	},
	unsubscribeUser () {
	return this.$store.dispatch('unsubscribeUser', this.user.id)
	},
	setProfileView (v) {
	if (this.switcher) {
	const store = this.$store
	store.commit('setProfileView', { v })
	}
	},
	linkClicked ({ target }) {
	if (target.tagName === 'SPAN') {
	target = target.parentNode
	}
	if (target.tagName === 'A') {
	window.open(target.href, '_blank')
	}
	},
	userProfileLink (user) {
	return generateProfileLink(
	user.id, user.screen_name,
	this.$store.state.instance.restrictedNicknames
	)
	},
	zoomAvatar () {
	const attachment = {
	url: this.user.profile_image_url_original,
	mimetype: 'image'
	}
	this.$store.dispatch('setMedia', [attachment])
	- this.$store.dispatch('setCurrent', attachment)
	+ this.$store.dispatch('setCurrentMedia', attachment)
	},
	mentionUser () {
	this.$store.dispatch('openPostStatusModal', { replyTo: true, repliedUser: this.user })
	}
	}
	}
	diff --git a/src/modules/media_viewer.js b/src/modules/media_viewer.js
	index 721c25e6fb..ebcba01d4c 100644
	--- a/src/modules/media_viewer.js
	+++ b/src/modules/media_viewer.js
	@@ -1,39 +1,40 @@
	import fileTypeService from '../services/file_type/file_type.service.js'
	+const supportedTypes = new Set(['image', 'video', 'audio', 'flash'])

	const mediaViewer = {
	state: {
	media: [],
	currentIndex: 0,
	activated: false
	},
	mutations: {
	setMedia (state, media) {
	state.media = media
	},
	- setCurrent (state, index) {
	+ setCurrentMedia (state, index) {
	state.activated = true
	state.currentIndex = index
	},
	close (state) {
	state.activated = false
	}
	},
	actions: {
	setMedia ({ commit }, attachments) {
	const media = attachments.filter(attachment => {
	const type = fileTypeService.fileType(attachment.mimetype)
	- return type === 'image' \|\| type === 'video' \|\| type === 'audio'
	+ return supportedTypes.has(type)
	})
	commit('setMedia', media)
	},
	- setCurrent ({ commit, state }, current) {
	+ setCurrentMedia ({ commit, state }, current) {
	const index = state.media.indexOf(current)
	- commit('setCurrent', index \|\| 0)
	+ commit('setCurrentMedia', index \|\| 0)
	},
	closeMediaViewer ({ commit }) {
	commit('close')
	}
	}
	}

	export default mediaViewer

File Metadata

Mime Type: text/x-diff
Expires: Sat, Aug 8, 9:41 PM (1 d, 19 h)
Storage Engine: blob
Storage Format: Raw Data
Storage Handle: 1723993
Default Alt Text: (24 KB)

No OneTemporaryActions

View Options

File Metadata

Event Timeline

No OneTemporary
Actions