moschino-ccss16/dev/js/views/RouterView.js

Moschino's Capsule Collection Spring Summer 2016 package

var RouterView = {

	genderList : [ 'woman', 'unisex', 'all' ],

	initialize : function() {
		window.router = new Router();

		window.router.configure({
			history: true,
			html5history: false,
			async: true,
			notfound: function() {
				window.router.setRoute('/shop-by-look');
			}
		});

		window.router.on('/shop-by-look', function() {
			LiveView.pages.prev = LiveView.pages.actual;
			LiveView.pages.actual = 'looks';
			LiveView.getSection(function() {
				window[LiveView.pages.sections[LiveView.pages.actual].view].initialize();

				window[LiveView.pages.sections[LiveView.pages.actual].view].$el.find('.filter li a[data-gender="'+window[LiveView.pages.sections[LiveView.pages.actual].view].gender.default+'"]').trigger('click');
			});
		});

		window.router.on('/shop-by-look/:gender', $.proxy( function(gender) {
			if( LiveView.pages.actual !== 'looks' ) {
				LiveView.pages.prev = LiveView.pages.actual;
				LiveView.pages.actual = 'looks';
				LiveView.getSection(function() {
					window[LiveView.pages.sections[LiveView.pages.actual].view].initialize();

					window[LiveView.pages.sections[LiveView.pages.actual].view].gender.actual = window[LiveView.pages.sections[LiveView.pages.actual].view].gender.default;
					for( i = 0; i < RouterView.genderList.length; i++ ) {
						if( gender == RouterView.genderList[i] ) {
							window[LiveView.pages.sections[LiveView.pages.actual].view].gender.actual = gender;
							break;
						}
					}
					window[LiveView.pages.sections[LiveView.pages.actual].view].filterGender();
					window[window[LiveView.pages.sections[LiveView.pages.actual].view].$child].slider = null;
					if( window[window[LiveView.pages.sections[LiveView.pages.actual].view].$child].$el !== null ) window[window[LiveView.pages.sections[LiveView.pages.actual].view].$child].backGallery();
				});
			} else {
				window[LiveView.pages.sections[LiveView.pages.actual].view].gender.actual = window[LiveView.pages.sections[LiveView.pages.actual].view].gender.default;
				for( i = 0; i < RouterView.genderList.length; i++ ) {
					if( gender == RouterView.genderList[i] ) {
						window[LiveView.pages.sections[LiveView.pages.actual].view].gender.actual = gender;
						break;
					}
				}
				window[LiveView.pages.sections[LiveView.pages.actual].view].filterGender();
				window[window[LiveView.pages.sections[LiveView.pages.actual].view].$child].slider = null;
				if( window[window[LiveView.pages.sections[LiveView.pages.actual].view].$child].$el !== null ) window[window[LiveView.pages.sections[LiveView.pages.actual].view].$child].backGallery();
			}
		}, this ) );

		window.router.on('/shop-by-look/:gender/:id', $.proxy( function(gender, id) {
			if( LiveView.pages.actual !== 'looks' ) {
				LiveView.pages.prev = LiveView.pages.actual;
				LiveView.pages.actual = 'looks';
				LiveView.getSection(function() {
					window[LiveView.pages.sections[LiveView.pages.actual].view].initialize();

					window[LiveView.pages.sections[LiveView.pages.actual].view].gender.actual = window[LiveView.pages.sections[LiveView.pages.actual].view].gender.default;
					for( i = 0; i < RouterView.genderList.length; i++ ) {
						if( gender == RouterView.genderList[i] ) {
							window[LiveView.pages.sections[LiveView.pages.actual].view].gender.actual = gender;
							break;
						}
					}
					window[LiveView.pages.sections[LiveView.pages.actual].view].filterGender();

					window[LiveView.pages.sections[LiveView.pages.actual].view].lookDetail.actual = id;

					if( window[window[LiveView.pages.sections[LiveView.pages.actual].view].$child].slider === null ) window[LiveView.pages.sections[LiveView.pages.actual].view].openDetail();
					else {
						LiveLooksDetailView.updateContent();
						window[window[LiveView.pages.sections[LiveView.pages.actual].view].$child].slider.setStep(LiveLooksView.lookDetail.actual, 0, false);
					}
				});
			} else {
				window[LiveView.pages.sections[LiveView.pages.actual].view].gender.actual = window[LiveView.pages.sections[LiveView.pages.actual].view].gender.default;
				for( i = 0; i < RouterView.genderList.length; i++ ) {
					if( gender == RouterView.genderList[i] ) {
						window[LiveView.pages.sections[LiveView.pages.actual].view].gender.actual = gender;
						break;
					}
				}
				window[LiveView.pages.sections[LiveView.pages.actual].view].filterGender();

				window[LiveView.pages.sections[LiveView.pages.actual].view].lookDetail.actual = id;

				if( window[window[LiveView.pages.sections[LiveView.pages.actual].view].$child].slider === null ) window[LiveView.pages.sections[LiveView.pages.actual].view].openDetail();
				else {
					LiveLooksDetailView.updateContent();
					window[window[LiveView.pages.sections[LiveView.pages.actual].view].$child].slider.setStep(LiveLooksView.lookDetail.actual, 0, false);
				}
			}
		}, this ) );

		window.router.on('/shop-by-item', function() {
			LiveView.pages.prev = LiveView.pages.actual;
			LiveView.pages.actual = 'items';
			LiveView.getSection(function() {
				window[LiveView.pages.sections[LiveView.pages.actual].view].initialize();

				window[LiveView.pages.sections[LiveView.pages.actual].view].$el.find('.filter li a[data-gender="'+window[LiveView.pages.sections[LiveView.pages.actual].view].gender.default+'"]').trigger('click');
			});
		});

		window.router.on('/shop-by-item/:gender', $.proxy( function(gender) {
			if( LiveView.pages.actual !== 'items' ) {
				LiveView.pages.prev = LiveView.pages.actual;
				LiveView.pages.actual = 'items';
				LiveView.getSection(function() {
					window[LiveView.pages.sections[LiveView.pages.actual].view].initialize();

					window[LiveView.pages.sections[LiveView.pages.actual].view].gender.actual = window[LiveView.pages.sections[LiveView.pages.actual].view].gender.default;
					for( i = 0; i < RouterView.genderList.length; i++ ) {
						if( gender == RouterView.genderList[i] ) {
							window[LiveView.pages.sections[LiveView.pages.actual].view].gender.actual = gender;
							break;
						}
					}
					window[LiveView.pages.sections[LiveView.pages.actual].view].filterGender();
				});
			} else {
				window[LiveView.pages.sections[LiveView.pages.actual].view].gender.actual = window[LiveView.pages.sections[LiveView.pages.actual].view].gender.default;
				for( i = 0; i < RouterView.genderList.length; i++ ) {
					if( gender == RouterView.genderList[i] ) {
						window[LiveView.pages.sections[LiveView.pages.actual].view].gender.actual = gender;
						break;
					}
				}
				window[LiveView.pages.sections[LiveView.pages.actual].view].filterGender();
			}
		}, this ) );

		window.router.on('/fashion-show', function() {
			LiveView.pages.prev = LiveView.pages.actual;
			LiveView.pages.actual = 'fashion';
			LiveView.getSection(function() {
				window[LiveView.pages.sections[LiveView.pages.actual].view].initialize();
			});
		});

		window.router.on('/social', function() {
			LiveView.pages.prev = LiveView.pages.actual;
			LiveView.pages.actual = 'social';
			LiveView.getSection(function() {
				window[LiveView.pages.sections[LiveView.pages.actual].view].initialize();
			});
		});

		window.router.on('/download-wallpaper', function() {
			LiveView.pages.prev = LiveView.pages.actual;
			LiveView.pages.actual = 'wallpaper';
			LiveView.getSection(function() {
				window[LiveView.pages.sections[LiveView.pages.actual].view].initialize();
			});
		});

		window.router.init();
		if(window.location.hash === '') window.router.setRoute(LiveView.pages.sections[LiveView.pages.default].page);
	},

	setGenderUrl : function(event) {
		if( event !== undefined ) {
			if( $(event.currentTarget).data('gender') === window[LiveView.pages.sections[LiveView.pages.actual].view].gender.actual ) return;
			else window[LiveView.pages.sections[LiveView.pages.actual].view].gender.actual = $(event.currentTarget).data('gender');
		}

		window.router.setRoute(LiveView.pages.sections[LiveView.pages.actual].page+'/'+window[LiveView.pages.sections[LiveView.pages.actual].view].gender.actual);
	},

	setLookUrl : function(event) {
		if( event !== undefined ) window[LiveView.pages.sections[LiveView.pages.actual].view].lookDetail.actual = $(event.currentTarget).data('index')+1;
		else window[LiveView.pages.sections[LiveView.pages.actual].view].lookDetail.actual = window[window[LiveView.pages.sections[LiveView.pages.actual].view].$child].slider === null ? window[LiveView.pages.sections[LiveView.pages.actual].view].lookDetail.default : window[window[LiveView.pages.sections[LiveView.pages.actual].view].$child].slider.getStep()[0];

		window.router.setRoute(LiveView.pages.sections[LiveView.pages.actual].page+'/'+window[LiveView.pages.sections[LiveView.pages.actual].view].gender.actual+'/'+window[LiveView.pages.sections[LiveView.pages.actual].view].lookDetail.actual);
	}
};