feat(app): add gallery modal
This commit is contained in:
parent
f6e2e6a3b7
commit
40deb97b97
@ -8,6 +8,7 @@ import { ImageType } from '../image/controller';
|
|||||||
import { StoryType } from '../stories/controller';
|
import { StoryType } from '../stories/controller';
|
||||||
|
|
||||||
const imageRootDir = 'static/images/quests/';
|
const imageRootDir = 'static/images/quests/';
|
||||||
|
const galleryRootDir = 'static/images/gallery/';
|
||||||
|
|
||||||
const egerFeedbackImage = path.join(imageRootDir, 'stories/eger/desktop/feedback.png');
|
const egerFeedbackImage = path.join(imageRootDir, 'stories/eger/desktop/feedback.png');
|
||||||
const egerGalleryImage = path.join(imageRootDir, 'stories/eger/desktop/gallery.png');
|
const egerGalleryImage = path.join(imageRootDir, 'stories/eger/desktop/gallery.png');
|
||||||
@ -67,6 +68,12 @@ const multPlotTreeDesktopImage = path.join(imageRootDir, '/stories/mult/desktop/
|
|||||||
|
|
||||||
const multPlotStarMobileImage = path.join(imageRootDir, '/stories/mult/mobile/plot/star.png');
|
const multPlotStarMobileImage = path.join(imageRootDir, '/stories/mult/mobile/plot/star.png');
|
||||||
|
|
||||||
|
const gallery1Image = path.join(galleryRootDir, '/1.png');
|
||||||
|
const gallery2Image = path.join(galleryRootDir, '/2.png');
|
||||||
|
const gallery3Image = path.join(galleryRootDir, '/3.png');
|
||||||
|
const gallery4Image = path.join(galleryRootDir, '/4.png');
|
||||||
|
const gallery5Image = path.join(galleryRootDir, '/5.png');
|
||||||
|
|
||||||
const feedbacks = [
|
const feedbacks = [
|
||||||
{
|
{
|
||||||
author: 'Ульяна Троценко',
|
author: 'Ульяна Троценко',
|
||||||
@ -95,6 +102,23 @@ const feedbacks = [
|
|||||||
+ 'снова на другой. Ребята актеры отличные. Советую',
|
+ 'снова на другой. Ребята актеры отличные. Советую',
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
|
const gallery: ImageType[] = [
|
||||||
|
{
|
||||||
|
src: gallery1Image,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
src: gallery2Image,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
src: gallery3Image,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
src: gallery4Image,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
src: gallery5Image,
|
||||||
|
},
|
||||||
|
];
|
||||||
|
|
||||||
export type QuestItemType = {
|
export type QuestItemType = {
|
||||||
age: {
|
age: {
|
||||||
@ -272,6 +296,9 @@ const egerStories: StoryType[] = [
|
|||||||
src: egerGalleryMobileImage,
|
src: egerGalleryMobileImage,
|
||||||
},
|
},
|
||||||
modal: {
|
modal: {
|
||||||
|
content: {
|
||||||
|
gallery,
|
||||||
|
},
|
||||||
type: 'gallery',
|
type: 'gallery',
|
||||||
},
|
},
|
||||||
title: 'Фотографии\\n и видео',
|
title: 'Фотографии\\n и видео',
|
||||||
@ -464,6 +491,9 @@ const faraonStories: StoryType[] = [
|
|||||||
src: faraonGalleryMobileImage,
|
src: faraonGalleryMobileImage,
|
||||||
},
|
},
|
||||||
modal: {
|
modal: {
|
||||||
|
content: {
|
||||||
|
gallery,
|
||||||
|
},
|
||||||
type: 'gallery',
|
type: 'gallery',
|
||||||
},
|
},
|
||||||
title: 'Фотографии\\n и видео',
|
title: 'Фотографии\\n и видео',
|
||||||
@ -675,6 +705,9 @@ const multStories: StoryType[] = [
|
|||||||
src: multGalleryMobileImage,
|
src: multGalleryMobileImage,
|
||||||
},
|
},
|
||||||
modal: {
|
modal: {
|
||||||
|
content: {
|
||||||
|
gallery,
|
||||||
|
},
|
||||||
type: 'gallery',
|
type: 'gallery',
|
||||||
},
|
},
|
||||||
title: 'Фотографии\\n и видео',
|
title: 'Фотографии\\n и видео',
|
||||||
|
|||||||
@ -7,6 +7,7 @@ import { PAGE_LINK } from '../../../constants';
|
|||||||
import { ImageType } from '../image/controller';
|
import { ImageType } from '../image/controller';
|
||||||
|
|
||||||
const imageRootDir = 'static/images/stories/';
|
const imageRootDir = 'static/images/stories/';
|
||||||
|
const galleryRootDir = 'static/images/gallery/';
|
||||||
|
|
||||||
const faqImage = path.join(imageRootDir, 'birthday/faq.png');
|
const faqImage = path.join(imageRootDir, 'birthday/faq.png');
|
||||||
const faqMobileImage = path.join(imageRootDir, 'birthday/faq_mobile.png');
|
const faqMobileImage = path.join(imageRootDir, 'birthday/faq_mobile.png');
|
||||||
@ -17,6 +18,13 @@ const photoMobileImage = path.join(imageRootDir, 'birthday/photo_mobile.png');
|
|||||||
|
|
||||||
const example = path.join(imageRootDir, 'example.png');
|
const example = path.join(imageRootDir, 'example.png');
|
||||||
const example2 = path.join(imageRootDir, 'example2.jpg');
|
const example2 = path.join(imageRootDir, 'example2.jpg');
|
||||||
|
|
||||||
|
const gallery1Image = path.join(galleryRootDir, '/1.png');
|
||||||
|
const gallery2Image = path.join(galleryRootDir, '/2.png');
|
||||||
|
const gallery3Image = path.join(galleryRootDir, '/3.png');
|
||||||
|
const gallery4Image = path.join(galleryRootDir, '/4.png');
|
||||||
|
const gallery5Image = path.join(galleryRootDir, '/5.png');
|
||||||
|
|
||||||
type FeedbackType = {
|
type FeedbackType = {
|
||||||
author: string;
|
author: string;
|
||||||
from: string;
|
from: string;
|
||||||
@ -28,7 +36,9 @@ type FeedbackType = {
|
|||||||
export type StoryFeedbackModalType = {
|
export type StoryFeedbackModalType = {
|
||||||
feedbacks: FeedbackType[];
|
feedbacks: FeedbackType[];
|
||||||
};
|
};
|
||||||
export type StoryGalleryModalType = {};
|
export type StoryGalleryModalType = {
|
||||||
|
gallery: ImageType[];
|
||||||
|
};
|
||||||
export type StoryInfoModalType = {};
|
export type StoryInfoModalType = {};
|
||||||
export type StoryQuestPlotModalType = {
|
export type StoryQuestPlotModalType = {
|
||||||
background: {
|
background: {
|
||||||
@ -96,6 +106,23 @@ const feedbacks = [
|
|||||||
+ 'снова на другой. Ребята актеры отличные. Советую',
|
+ 'снова на другой. Ребята актеры отличные. Советую',
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
|
const gallery: ImageType[] = [
|
||||||
|
{
|
||||||
|
src: gallery1Image,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
src: gallery2Image,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
src: gallery3Image,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
src: gallery4Image,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
src: gallery5Image,
|
||||||
|
},
|
||||||
|
];
|
||||||
|
|
||||||
const birthdayPageStories: StoryType[] = [
|
const birthdayPageStories: StoryType[] = [
|
||||||
{
|
{
|
||||||
@ -142,6 +169,9 @@ const birthdayPageStories: StoryType[] = [
|
|||||||
src: photoMobileImage,
|
src: photoMobileImage,
|
||||||
},
|
},
|
||||||
modal: {
|
modal: {
|
||||||
|
content: {
|
||||||
|
gallery,
|
||||||
|
},
|
||||||
type: 'gallery',
|
type: 'gallery',
|
||||||
},
|
},
|
||||||
title: 'Фотографии\n и видео',
|
title: 'Фотографии\n и видео',
|
||||||
@ -192,6 +222,9 @@ const graduationPageStories: StoryType[] = [
|
|||||||
src: photoMobileImage,
|
src: photoMobileImage,
|
||||||
},
|
},
|
||||||
modal: {
|
modal: {
|
||||||
|
content: {
|
||||||
|
gallery,
|
||||||
|
},
|
||||||
type: 'gallery',
|
type: 'gallery',
|
||||||
},
|
},
|
||||||
title: 'Фотографии\n и видео',
|
title: 'Фотографии\n и видео',
|
||||||
@ -242,6 +275,9 @@ const outdoorsPageStories: StoryType[] = [
|
|||||||
src: photoMobileImage,
|
src: photoMobileImage,
|
||||||
},
|
},
|
||||||
modal: {
|
modal: {
|
||||||
|
content: {
|
||||||
|
gallery,
|
||||||
|
},
|
||||||
type: 'gallery',
|
type: 'gallery',
|
||||||
},
|
},
|
||||||
title: 'Фотографии\n и видео',
|
title: 'Фотографии\n и видео',
|
||||||
|
|||||||
BIN
static/images/gallery/1.png
Normal file
BIN
static/images/gallery/1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 624 KiB |
BIN
static/images/gallery/2.png
Normal file
BIN
static/images/gallery/2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 435 KiB |
BIN
static/images/gallery/3.png
Normal file
BIN
static/images/gallery/3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.7 MiB |
BIN
static/images/gallery/4.png
Normal file
BIN
static/images/gallery/4.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 336 KiB |
BIN
static/images/gallery/5.png
Normal file
BIN
static/images/gallery/5.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 414 KiB |
Loading…
x
Reference in New Issue
Block a user