vision / includes / modal-show-effects.php

modal-show-effects.php in Vision – Interactive Image Map with Hotspots Builder 1.9.2, at includes/modal-show-effects.php

139 lines 7.5 KB

Raw Download Zip

1	<?php
2	defined('ABSPATH') \|\| exit;
3	?>
4	<div id="vision-modal-{{ modalData.id }}" class="vision-modal" tabindex="-1">
5	<div class="vision-modal-dialog">
6	<div class="vision-modal-header">
7	<div class="vision-modal-close" al-on.click="modalData.deferred.resolve('close');">×</div>
8	<div class="vision-modal-title"><?php esc_html_e('Select a show effect', 'vision'); ?></div>
9	</div>
10	<div class="vision-modal-data">
11	<div class="vision-modal-effects">
12	<div class="vision-modal-group">
13	<div class="vision-modal-title">General</div>
14	<div class="vision-modal-btn-group">
15	<div class="vision-modal-effect" data-fx-name="vision-fx-bounce">Bounce</div>
16	<div class="vision-modal-effect" data-fx-name="vision-fx-pulse">Pulse</div>
17	<div class="vision-modal-effect" data-fx-name="vision-fx-rubberBand">Rubber Band</div>
18	<div class="vision-modal-effect" data-fx-name="vision-fx-shake">Shake</div>
19	<div class="vision-modal-effect" data-fx-name="vision-fx-headShake">Head Shake</div>
20	<div class="vision-modal-effect" data-fx-name="vision-fx-swing">Swing</div>
21	<div class="vision-modal-effect" data-fx-name="vision-fx-tada">Tada</div>
22	<div class="vision-modal-effect" data-fx-name="vision-fx-wobble">Wobble</div>
23	<div class="vision-modal-effect" data-fx-name="vision-fx-jello">Jello</div>
24	</div>
25	</div>
26
27	<div class="vision-modal-group">
28	<div class="vision-modal-title">Bounce</div>
29	<div class="vision-modal-btn-group">
30	<div class="vision-modal-effect" data-fx-name="vision-fx-bounceIn">BounceIn</div>
31	<div class="vision-modal-effect" data-fx-name="vision-fx-bounceInDown">BounceInDown</div>
32	<div class="vision-modal-effect" data-fx-name="vision-fx-bounceInLeft">BounceInLeft</div>
33	<div class="vision-modal-effect" data-fx-name="vision-fx-bounceInRight">BounceInRight</div>
34	<div class="vision-modal-effect" data-fx-name="vision-fx-bounceInUp">BounceInUp</div>
35	</div>
36	</div>
37
38	<div class="vision-modal-group">
39	<div class="vision-modal-title">Fade</div>
40	<div class="vision-modal-btn-group">
41	<div class="vision-modal-effect" data-fx-name="vision-fx-fadeIn">FadeIn</div>
42	<div class="vision-modal-effect" data-fx-name="vision-fx-fadeInDown">FadeInDown</div>
43	<div class="vision-modal-effect" data-fx-name="vision-fx-fadeInLeft">FadeInLeft</div>
44	<div class="vision-modal-effect" data-fx-name="vision-fx-fadeInRight">FadeInRight</div>
45	<div class="vision-modal-effect" data-fx-name="vision-fx-fadeInUp">FadeInUp</div>
46	</div>
47	</div>
48
49	<div class="vision-modal-group">
50	<div class="vision-modal-title">Rotate</div>
51	<div class="vision-modal-btn-group">
52	<div class="vision-modal-effect" data-fx-name="vision-fx-rotateIn">RotateIn</div>
53	<div class="vision-modal-effect" data-fx-name="vision-fx-rotateInDownLeft">RotateInDownLeft</div>
54	<div class="vision-modal-effect" data-fx-name="vision-fx-rotateInDownRight">RotateInDownRight</div>
55	<div class="vision-modal-effect" data-fx-name="vision-fx-rotateInUpLeft">RotateInUpLeft</div>
56	<div class="vision-modal-effect" data-fx-name="vision-fx-rotateInUpRight">RotateInUpRight</div>
57	</div>
58	</div>
59
60	<div class="vision-modal-group">
61	<div class="vision-modal-title">Zoom</div>
62	<div class="vision-modal-btn-group">
63	<div class="vision-modal-effect" data-fx-name="vision-fx-zoomIn">ZoomIn</div>
64	<div class="vision-modal-effect" data-fx-name="vision-fx-zoomInDown">ZoomInDown</div>
65	<div class="vision-modal-effect" data-fx-name="vision-fx-zoomInLeft">ZoomInLeft</div>
66	<div class="vision-modal-effect" data-fx-name="vision-fx-zoomInRight">ZoomInRight</div>
67	<div class="vision-modal-effect" data-fx-name="vision-fx-zoomInUp">ZoomInUp</div>
68	</div>
69	</div>
70
71	<div class="vision-modal-group">
72	<div class="vision-modal-title">Slide</div>
73	<div class="vision-modal-btn-group">
74	<div class="vision-modal-effect" data-fx-name="vision-fx-slideInDown">SlideInDown</div>
75	<div class="vision-modal-effect" data-fx-name="vision-fx-slideInLeft">SlideInLeft</div>
76	<div class="vision-modal-effect" data-fx-name="vision-fx-slideInRight">SlideInRight</div>
77	<div class="vision-modal-effect" data-fx-name="vision-fx-slideInUp">SlideInUp</div>
78	</div>
79	</div>
80
81	<div class="vision-modal-group">
82	<div class="vision-modal-title">Perspective</div>
83	<div class="vision-modal-btn-group">
84	<div class="vision-modal-effect" data-fx-name="vision-fx-perspectiveInDown">PerspectiveInDown</div>
85	<div class="vision-modal-effect" data-fx-name="vision-fx-perspectiveInLeft">PerspectiveInLeft</div>
86	<div class="vision-modal-effect" data-fx-name="vision-fx-perspectiveInRight">PerspectiveInRight</div>
87	<div class="vision-modal-effect" data-fx-name="vision-fx-perspectiveInUp">PerspectiveInUp</div>
88	</div>
89	</div>
90
91	<div class="vision-modal-group">
92	<div class="vision-modal-title">Tin</div>
93	<div class="vision-modal-btn-group">
94	<div class="vision-modal-effect" data-fx-name="vision-fx-tinInDown">TinInDown</div>
95	<div class="vision-modal-effect" data-fx-name="vision-fx-tinInLeft">TinInLeft</div>
96	<div class="vision-modal-effect" data-fx-name="vision-fx-tinInRight">TinInRight</div>
97	<div class="vision-modal-effect" data-fx-name="vision-fx-tinInUp">TinInUp</div>
98	</div>
99	</div>
100
101	<div class="vision-modal-group">
102	<div class="vision-modal-title">Space</div>
103	<div class="vision-modal-btn-group">
104	<div class="vision-modal-effect" data-fx-name="vision-fx-spaceInDown">SpaceInDown</div>
105	<div class="vision-modal-effect" data-fx-name="vision-fx-spaceInLeft">SpaceInLeft</div>
106	<div class="vision-modal-effect" data-fx-name="vision-fx-spaceInRight">SpaceInRight</div>
107	<div class="vision-modal-effect" data-fx-name="vision-fx-spaceInUp">SpaceInUp</div>
108	</div>
109	</div>
110
111	<div class="vision-modal-group">
112	<div class="vision-modal-title">Flip</div>
113	<div class="vision-modal-btn-group">
114	<div class="vision-modal-effect" data-fx-name="vision-fx-flip">Flip</div>
115	<div class="vision-modal-effect" data-fx-name="vision-fx-flipInX">FlipInX</div>
116	<div class="vision-modal-effect" data-fx-name="vision-fx-flipInY">FlipInY</div>
117	</div>
118	</div>
119
120	<div class="vision-modal-group">
121	<div class="vision-modal-title">Advanced</div>
122	<div class="vision-modal-btn-group">
123	<div class="vision-modal-effect" data-fx-name="vision-fx-lightSpeedIn">LightSpeedIn</div>
124	<div class="vision-modal-effect" data-fx-name="vision-fx-rollIn">RollIn</div>
125	<div class="vision-modal-effect" data-fx-name="vision-fx-vanishIn">VanishIn</div>
126	<div class="vision-modal-effect" data-fx-name="vision-fx-swashIn">SwashIn</div>
127	<div class="vision-modal-effect" data-fx-name="vision-fx-foolishIn">FoolishIn</div>
128	<div class="vision-modal-effect" data-fx-name="vision-fx-holeIn">HoleIn</div>
129	</div>
130	</div>
131	</div>
132	</div>
133	<div class="vision-modal-footer">
134	<div class="vision-modal-text"><?php esc_html_e('Selected effect:', 'vision'); ?> <b>{{modalData.selectedClass}}</b></div>
135	<div class="vision-modal-btn vision-modal-btn-close" al-on.click="modalData.deferred.resolve('close');"><?php esc_html_e('Close', 'vision'); ?></div>
136	<div class="vision-modal-btn vision-modal-btn-create" al-on.click="modalData.deferred.resolve(true);"><?php esc_html_e('OK', 'vision'); ?></div>
137	</div>
138	</div>
139	</div>