ncplaylist.phtml

<!--/** 
	 * wird geladen wenn der eingabetyp @see @anc_image_eingabetyp genutzt wird
	 * @package	anc_playlist 
	 * @since	20140812
	 * @author	netz.coop eG* 
	 */ 
-->
<?php 
/**
 * @input 
 */
	$NcPlaylistId = $this->getNcPlaylistId() ;
/**
 * @input 
 */		
	$AncPlaylistInputId = $this->getAncPlaylistInputId(); 
	
$ItemInfos = Mage::helper('anc_lib/data')->getCheckoutCartItemInfos();

if($NcPlaylistId) {
	$NcPlaylist = Mage::helper('anc_playlist/ncmodel')->getNcPlaylist($NcPlaylistId);
	if(is_object($NcPlaylist)) {
		$ChoosedNcAlbumId = $NcPlaylist->getNcalbumId();
	}
}
?>


<div class="ancimage-customer_galleries anc-menu-box">
	<div class="ancimage-customer_galleries-header anc-menu-box-header">QR Code</div>
	<div id="accordion" class="anc-menu-box-content">
		<h3 class="anc-menu-box-content-subheader">Playlist</h3>
		<div class="anc-menu-box-content-subcontent">
			<?php $ncplaylist_ncalbums = Mage::helper('anc_album/ncmodel')->getAllPlaylistNcAlbums(); ?>
			<?php if(is_array($ncplaylist_ncalbums) && !empty($ncplaylist_ncalbums)): ?>
				<div id="ncplaylist_ncalbums">
					<li data-ncalbum_id=""
						title="<?php echo $ncalbum['comment']; ?>"
						<?php if($ChoosedNcAlbumId === $ncalbum['entity_id']):?>class="ui-selected"<?php endif; ?>
					>
						keine Playlist ausgewählt
					</li>					
					<?php foreach ($ncplaylist_ncalbums as $ncalbum): ?>
						<li data-ncalbum_id="<?php echo $ncalbum['entity_id'] ?>"
							title="<?php echo $ncalbum['comment']; ?>"
							<?php if($ChoosedNcAlbumId === $ncalbum['entity_id']):?>class="ui-selected"<?php endif; ?>
						>
							<?php echo $ncalbum['name'] ?>
						</li>
					<?php endforeach; ?>						
				</div>
				<div id="ncplaylist_preview">

				</div>
			<?php endif; ?>	
		</div>
	</div>
</div>	
<script type="text/javascript">
	/**
	 * initial Vorschau der playlist, falls schon eine playlist exisitert!
	 */
	jQuery(document).ready(function(jQuery) {
		<?php if($ChoosedNcAlbumId): ?>
			loadNcPlaylistPreview(<?php echo $ChoosedNcAlbumId; ?>);
		<?php endif; ?>
	});


	/**
	 * wenn eine playlist (ncalbum) ausgewählt worden ist
	 */
	jQuery('#ncplaylist_ncalbums').selectable({
		selected: function(typ, ui) {
			loadNcPlaylistPreview(ui.selected.dataset['ncalbum_id']);
		}
	});
	
	
	function ajax_editplaylist(ncalbum_id, ifredirectAfterSubmit, data, url, backurl) {
		var ajax_editplaylist_data = {
			url: '<?php echo Mage::getUrl('playlist/site/editplaylist',array('item_id' => $ItemInfos['item_id'])); ?>ncalbum_id/'+ncalbum_id+'/',
			success : function(data, textStatus,  jqXhr) {
				var parseddata = jQuery.parseJSON( data );
				jQuery("#<?php echo $AncPlaylistInputId; ?>").attr('value',parseddata.ncplaylist_id);
				
				if(ifredirectAfterSubmit) {
					redirectAfterSubmit(data, url, backurl);
				}
			}	
		};
		jQuery.ajax(ajax_editplaylist_data);		
	}
	/**
	 * wird beim speicher button, derzeit leider noch aus 
	 * ancprintconfigproduct/default/template/catalog/product/view/options/wrapper/bottom.phtml
	 * aufgerufen
	 * 
	 * @param {type} data
	 * @param {type} url
	 * @param {type} backurl
	 * @returns {undefined}
	 */
	function redirectAfterSubmitAfterSavePlaylist(data, url, backurl) {
		var ncalbum_id = jQuery('#ncplaylist_ncalbums > .ui-selected').data('ncalbum_id');
		var ncplaylist_id = jQuery("#<?php echo $AncPlaylistInputId; ?>").attr('value');

		// wenn es noch keine playlist gibt, dann erstelle und speicher
		if(!ncplaylist_id && ncalbum_id) {
			ajax_editplaylist(ncalbum_id, true, data, url, backurl);
			
		} 
		// wenn es eine gibt, aber diese nicht mehr gewollt ist, setze null und speicher
		else if(ncplaylist_id && !ncalbum_id) {
			jQuery("#<?php echo $AncPlaylistInputId; ?>").attr('value','');
			redirectAfterSubmit(data, url, backurl);			
		} 
		// ansonsten update playlist und speicher
		else {
			ajax_editplaylist(ncalbum_id, true, data, url, backurl);
		}

//			redirectAfterSubmit(data, url, backurl);			
	}
	function loadNcPlaylistPreview(param_ncalbum_id, param_loadparam) {

		if(param_ncalbum_id) {
			// zeige vorschau und ruf die rekursiv auf, damit in der playlist vorschau die buttons funktionieren
			jQuery('#ncplaylist_preview').load(
				'<?php echo Mage::getUrl('playlist/site/showplaylist',array()); ?>ncalbum_id/'+param_ncalbum_id+'/'+param_loadparam,
				function() {
					jQuery(document).ready(function($) {
						jQuery('#ancplaylist_back').unbind("click").click(function(e){
							e.preventDefault(); 			
							loadNcPlaylistPreview(param_ncalbum_id, '?show=back');
						});							
						jQuery('#ancplaylist_next').unbind("click").click(function(e){
							e.preventDefault(); 			
							loadNcPlaylistPreview(param_ncalbum_id, '?show=next');
						});												
					});	
				}
			);			
			// wenn schon eine playliste exisitert, dann aktualisiere sie auch
			if(jQuery("#<?php echo $AncPlaylistInputId; ?>").attr('value')) {
				jQuery('#ancnote-id').html('');
				ajax_editplaylist(param_ncalbum_id, false);
			} 
			// falls keine existiert, dann gib ne meldung das nach dem speichern eine existiert
			else {
				jQuery('#ancnote-id').html('<div class="anc-success">Sie können nach dem Übernehmen der Einstelungen mit Ihrem Smartphone den Qr-Code einscannen und sich Ihre mobile Internetseite ansehen.</div>');
			}
				
		} else {
			jQuery('#ncplaylist_preview').html('');
		}
	}	

</script>