diff options
Diffstat (limited to 'plugins/wordpress-mobile-pack/admin/js/UI.Modules/Theming/WMP_THEMES_GALLERY.js')
| -rwxr-xr-x | plugins/wordpress-mobile-pack/admin/js/UI.Modules/Theming/WMP_THEMES_GALLERY.js | 242 |
1 files changed, 67 insertions, 175 deletions
diff --git a/plugins/wordpress-mobile-pack/admin/js/UI.Modules/Theming/WMP_THEMES_GALLERY.js b/plugins/wordpress-mobile-pack/admin/js/UI.Modules/Theming/WMP_THEMES_GALLERY.js index d90e965b..fec88734 100755 --- a/plugins/wordpress-mobile-pack/admin/js/UI.Modules/Theming/WMP_THEMES_GALLERY.js +++ b/plugins/wordpress-mobile-pack/admin/js/UI.Modules/Theming/WMP_THEMES_GALLERY.js @@ -1,175 +1,67 @@ -/*****************************************************************************************************/
-/* */
-/* 'THEMES GALLERY' */
-/* */
-/*****************************************************************************************************/
-
-function WMP_THEMES_GALLERY(){
-
- var JSObject = this;
-
- this.type = "wmp_themes";
-
- this.DOMDoc;
- this.baseThemeUrl;
-
- /*****************************************************************************************************/
- /* */
- /* FUNCTION INIT - called from WMPJSInterface */
- /* */
- /*****************************************************************************************************/
- this.init = function(){
-
- // save a reference to WMPJSInterface Object
- WMPJSInterface = window.parent.WMPJSInterface;
-
- this.initThemesGalleries();
- }
-
- /*****************************************************************************************************/
- /* */
- /* FUNCTION INIT SNAPSHOTS ARRAY */
- /* */
- /*****************************************************************************************************/
-
- this.initSnapshots = function(){
-
- var snapshots = {
-
- 'app1' : [
- {
- src: JSObject.baseThemeUrl + '/snapshots/1-preview-phone-cover.png',
- title: 'Home page cover'
- },
- {
- src: JSObject.baseThemeUrl + '/snapshots/2-preview-phone-categories.png',
- title: 'View posts'
- },
- {
- src: JSObject.baseThemeUrl + '/snapshots/3-preview-phone-menu.png',
- title: 'Categories menu'
- },
- {
- src: JSObject.baseThemeUrl + '/snapshots/4-preview-phone-article.png',
- title: 'Post details'
- },
- {
- src: JSObject.baseThemeUrl + '/snapshots/5-preview-phone-comments.png',
- title: 'Post comments'
- }
- ],
-
- 'app2': [
- {
- src: WMPJSInterface.localpath + 'admin/images/app2/1-preview-cover.png',
- title: 'Home page cover'
- },
- {
- src: WMPJSInterface.localpath + 'admin/images/app2/2-preview-categories.png',
- title: 'View posts'
- },
- {
- src: WMPJSInterface.localpath + 'admin/images/app2/3-preview-menu.png',
- title: 'Categories menu'
- },
- {
- src: WMPJSInterface.localpath + 'admin/images/app2/4-preview-article.png',
- title: 'Post details'
- }
- ],
-
- 'app3': [
- {
- src: WMPJSInterface.localpath + 'admin/images/app3/1-preview-cover.png',
- title: 'Home page cover'
- },
- {
- src: WMPJSInterface.localpath + 'admin/images/app3/2-preview-categories.png',
- title: 'Categories menu'
- },
- {
- src: WMPJSInterface.localpath + 'admin/images/app3/3-preview-menu.png',
- title: 'View posts'
- },
- {
- src: WMPJSInterface.localpath + 'admin/images/app3/4-preview-article.png',
- title: 'Post details'
- }
- ],
-
- 'app4': [
- {
- src: WMPJSInterface.localpath + 'admin/images/app4/1-homepage.png',
- title: 'View posts'
- },
- {
- src: WMPJSInterface.localpath + 'admin/images/app4/2-menu-opened.png',
- title: 'Menu'
- },
- {
- src: WMPJSInterface.localpath + 'admin/images/app4/3-categories-opened.png',
- title: 'Categories menu'
- },
- {
- src: WMPJSInterface.localpath + 'admin/images/app4/4-others-opened.png',
- title: 'Other options menu'
- },
- {
- src: WMPJSInterface.localpath + 'admin/images/app4/5-article-details.png',
- title: 'Article details'
- }
- ],
-
- 'app5' : [
- {
- src: WMPJSInterface.localpath + 'admin/images/app5/1-preview-homepage.png',
- title: 'Home page'
- },
- {
- src: WMPJSInterface.localpath + 'admin/images/app5/2-preview-articles.png',
- title: 'View posts'
- },
- {
- src: WMPJSInterface.localpath + 'admin/images/app5/3-preview-menu.png',
- title: 'Menu'
- },
- {
- src: WMPJSInterface.localpath + 'admin/images/app5/4-preview-menu-categories.png',
- title: 'Categories menu'
- },
- {
- src: WMPJSInterface.localpath + 'admin/images/app5/5-preview-article-details.png',
- title: 'Article details'
- },
- {
- src: WMPJSInterface.localpath + 'admin/images/app5/6-preview-article-details-menu.png',
- title: 'Share article'
- }
- ]
- }
-
- return snapshots;
-
- }
-
- /*****************************************************************************************************/
- /* */
- /* FUNCTION INIT GALLERIES */
- /* */
- /*****************************************************************************************************/
- this.initThemesGalleries = function(){
-
- var snapshots = this.initSnapshots();
-
- for (var i = 1; i <= 5; i++) {
-
- jQuery('#' + this.type + '_preview_' + String(i)).magnificPopup({
- items: snapshots['app' + String(i)],
- gallery: {
- enabled: true
- },
- type: 'image' // this is default type
- });
- }
- }
-}
\ No newline at end of file +/*****************************************************************************************************/ +/* */ +/* 'THEMES GALLERY' */ +/* */ +/*****************************************************************************************************/ + +function WMP_THEMES_GALLERY() { + + var JSObject = this; + + this.type = 'wmp_themes'; + + this.DOMDoc; + + /*****************************************************************************************************/ + /* */ + /* FUNCTION INIT - called from WMPJSInterface */ + /* */ + /*****************************************************************************************************/ + this.init = function () { + + // save a reference to WMPJSInterface Object + WMPJSInterface = window.parent.WMPJSInterface; + + this.initThemesPreview(); + this.initThemesGalleries(); + }; + + /** + * Preview themes - snapshots galleries + */ + this.initThemesGalleries = function () { + + jQuery('.' + this.type + '_preview[data-snapshots]').each(function(index, object){ + + var snapshots = jQuery(object).attr('data-snapshots').split(','); + + if (snapshots.length > 0){ + + // reformat the snapshots list to fit the magnificPopup format: { 'src' : ... } + var formattedSnapshots = snapshots.map(function(obj){ + var rObj = {}; + rObj['src'] = obj; + return rObj; + }); + + jQuery(object).magnificPopup({ + items: formattedSnapshots, + gallery: { + enabled: true + }, + type: 'image' // this is default type + }); + } + }); + }; + + /** + * Preview themes - demos + */ + this.initThemesPreview = function () { + + jQuery('.' + this.type + '_preview[data-url]').click(function () { + window.open(jQuery(this).attr('data-url'), 'previewApp', 'location=yes,width=375,height=667'); + }); + }; +} |