diff options
Diffstat (limited to 'views/order')
| -rw-r--r-- | views/order/view_alternativeDesign.phtml | 491 |
1 files changed, 491 insertions, 0 deletions
diff --git a/views/order/view_alternativeDesign.phtml b/views/order/view_alternativeDesign.phtml new file mode 100644 index 0000000..37005bf --- /dev/null +++ b/views/order/view_alternativeDesign.phtml @@ -0,0 +1,491 @@ +<?php
+
+ /**
+ * Template für die alternative Ansicht einer Bestellung im Backend
+ */
+
+?>
+
+<?php //wpsg_debug(print_r($this->view['arSubAction'])); ?>
+
+<style>.orderdetail-alternative-left:active, .orderdetail-alternative-right:active { cursor: move; }</style>
+
+<div class="wpsg_order_view wpsg_order_view_alternativedesign" id="wpsg-bs">
+
+ <nav class="navbar navbar-default">
+ <div class="container-fluid">
+ <div class="navbar-header">
+ <a class="navbar-brand" href="#"><?php echo __('wpShopGermany', 'wpsg'); ?></a>
+ </div>
+ <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
+ <ul class="nav navbar-nav">
+ <li role="presentation" class="<?php echo ((!isset($_REQUEST['action']))?'active':''); ?>"><a href="<?php echo WPSG_URL_WP; ?>wp-admin/admin.php?page=wpsg-Order"><?php echo __("Bestellübersicht", "wpsg"); ?></a></li>
+ <li role="presentation" class="wpsg_showhide_filter active"><a onclick="return false;"><?php echo __("Bestellansicht (Detail)", "wpsg"); ?></a></li>
+ <li role="presentation" class="wpsg_top_extend" id="wpsg_be_orderdata">
+
+ <?php echo $this->view['oOrder']->getInvoiceFirstName().' '.$this->view['oOrder']->getInvoiceName().' / '.wpsg_ff($this->view['oOrder']->getAmount($this->getBackendTaxview()), $this->get_option('wpsg_currency')); ?>
+
+ <?php if (trim($this->view['oOrder']->admincomment) != "") { ?>
+ <a title="<?php echo __("Kommentar (Admin): ", "wpsg").htmlspecialchars($this->view['oOrder']->admincomment); ?>" onclick="return false;" class="glyphicon glyphicon-question-sign commenticon admincomment" href="#"></a>
+ <?php } ?>
+
+ <?php if (trim($this->view['oOrder']->comment) != "") { ?>
+ <a title="<?php echo __("Kommentar (Kunde): ", "wpsg").htmlspecialchars($this->view['oOrder']->comment); ?>" onclick="return false;" class="glyphicon glyphicon-question-sign commenticon customercomment" href="#"></a>
+ <?php } ?>
+
+ </li>
+ </ul>
+ <ul class="nav navbar-nav navbar-right">
+ <li>
+ <a style="padding-top:11px;padding-bottom:11px;">
+ <button role="button" class="button btn-reset-itemorder">Anordnung der Kacheln zurücksetzen</button>
+ </a>
+ </li>
+ </ul>
+ </div>
+ </div>
+ </nav>
+
+ <div class="wpsg_msg_wrap"><hr class="wp-header-end wpsg-wp-header-end"/></div>
+
+
+ <div class="orderdetail-alternative">
+ <div class="col-md-8 orderdetail-alternative-left connectedSortable">
+ <div id="item-general" class="orderdetail-item orderdetail-item-left orderdetail-item-_general">
+ <div id="item-general" class="orderdetail-item-inner">
+
+ <?php echo $this->view['arSubAction']['general']['content']; ?>
+
+ </div>
+ </div>
+ <div id="item-orderdata" class="orderdetail-item orderdetail-item-left orderdetail-item-_orderdata">
+ <div id="item-orderdata" class="orderdetail-item-inner">
+
+ <?php echo $this->view['arSubAction']['orderdata']['content']; ?>
+
+ </div>
+ </div>
+ <div id="item-ordervariables" class="orderdetail-item orderdetail-item-left orderdetail-item-_ordervariables">
+ <div id="item-ordervariables" class="orderdetail-item-inner">
+
+ <?php echo $this->view['arSubAction']['950']['content']; ?>
+
+ </div>
+ </div>
+ <div id="item-customercontact" class="orderdetail-item orderdetail-item-left orderdetail-item-_customercontact">
+ <div id="item-customercontact" class="orderdetail-item-inner">
+
+ <?php echo $this->view['arSubAction']['1000']['content']; ?>
+
+ </div>
+ </div>
+ <div id="item-bills" class="orderdetail-item orderdetail-item-left orderdetail-_item-bills">
+ <div id="item-bills" class="orderdetail-item-inner">
+
+ <?php echo $this->view['arSubAction']['1400']['content']; ?>
+
+ </div>
+ </div>
+ <div id="item-deliverynotes" class="orderdetail-item orderdetail-item-left orderdetail-item-_deliverynotes">
+ <div id="item-deliverynotes" class="orderdetail-item-inner">
+
+ <?php echo $this->view['arSubAction']['2000']['content']; ?>
+
+ </div>
+ </div>
+ </div> <!-- .orderdetail-alternative-left -->
+
+
+
+ <div class="col-md-4 orderdetail-alternative-right connectedSortable">
+ <div id="item-customerdata" class="orderdetail-item orderdetail-item-right orderdetail-item-_customerdata">
+ <div id="item-customerdata" class="orderdetail-item-inner">
+
+ <?php echo $this->view['arSubAction']['customerdata']['content']; ?>
+
+ </div>
+ </div>
+ <div id="item-shippay" class="orderdetail-item orderdetail-item-right orderdetail-item-_shippay">
+ <div id="item-shippay" class="orderdetail-item-inner">
+
+ <?php echo $this->view['arSubAction']['shippay']['content']; ?>
+
+ </div>
+ </div>
+ <div id="item-confirmation" class="orderdetail-item orderdetail-item-right orderdetail-item-_confirmation">
+ <div id="item-confirmation" class="orderdetail-item-inner">
+
+ <?php echo $this->view['arSubAction']['70']['content']; ?>
+
+ </div>
+ </div>
+ <div id="item-trustedshops" class="orderdetail-item orderdetail-item-right orderdetail-item-_trustedshops">
+ <div id="item-trustedshops" class="orderdetail-item-inner">
+
+ <?php echo $this->view['arSubAction']['5000']['content']; ?>
+
+ </div>
+ </div>
+ <div id="item-orderlog" class="orderdetail-item orderdetail-item-right orderdetail-item-_orderlog">
+ <div id="item-orderlog" class="orderdetail-item-inner">
+
+ <?php echo $this->view['arSubAction']['orderlog']['content']; ?>
+
+ </div>
+ </div>
+ <div id="item-dev" class="orderdetail-item orderdetail-item-right orderdetail-item-_dev">
+ <div id="item-dev" class="orderdetail-item-inner">
+
+ <?php echo $this->view['arSubAction']['dev']['content']; ?>
+
+ </div>
+ </div>
+ </div> <!-- .orderdetail-alternative-right -->
+ </div>
+
+
+</div>
+
+
+
+<script type="text/javascript">/* <![CDATA[ */
+
+ /**
+ * Ersetzt jedes Vorkommen eines Charaktersets in einem String
+ */
+ String.prototype.replaceAll = function(search, replacement)
+ {
+
+ let target = this;
+ return target.split(search).join(replacement);
+
+ }; // String.prototype.replaceAll()
+
+ /**
+ * Sendet eine eMail
+ */
+ function wpsg_sendMail(oid)
+ {
+ jQuery('#wpsg_produkte_table').html('<img src="<?php echo WPSG_URL; ?>views/gfx/ajax-loader.gif" alt="<?php echo __('Bitte warten ...', 'wpsg'); ?>" />');
+
+ jQuery.ajax( {
+ url: '<?php echo WPSG_URL_WP; ?>wp-admin/admin.php?page=wpsg-Admin&subaction=sendMail&do=send&edit_id=' + oid + '&noheader=1',
+ success: function(data) {
+ jQuery('#wpsg_produkte_table').replaceWith(data);
+ location.href = location.href;
+ }
+ } );
+
+ return false;
+
+ } // function wpsg_sendMail()
+
+ /**
+ * Fügt einen neuen Rabatt hinzu (nur wenn keiner da ist)
+ */
+ function wpsg_addDiscount(oid)
+ {
+ jQuery('#wpsg_produkte_table').html('<img src="<?php echo WPSG_URL; ?>views/gfx/ajax-loader.gif" alt="<?php echo __('Bitte warten ...', 'wpsg'); ?>" />');
+
+ jQuery.ajax( {
+ url: '<?php echo WPSG_URL_WP; ?>wp-admin/admin.php?page=wpsg-Order&subaction=discountData&do=add&edit_id=' + oid + '&noheader=1',
+ success: function(data) {
+ jQuery('#wpsg_produkte_table').replaceWith(data);
+ jQuery('#LinkRabattNeu').hide();
+ }
+ } );
+
+ return false;
+
+ } // function wpsg_addDiscount()
+
+
+ /**
+ * Fügt einen neuen Gutschein hinzu (nur wenn keiner da ist)
+ */
+ function wpsg_addVoucher(oid)
+ {
+ jQuery('#wpsg_produkte_table').html('<img src="<?php echo WPSG_URL; ?>views/gfx/ajax-loader.gif" alt="<?php echo __('Bitte warten ...', 'wpsg'); ?>" />');
+
+ jQuery.ajax( {
+ url: '<?php echo WPSG_URL_WP; ?>wp-admin/admin.php?page=wpsg-Order&subaction=voucherData&do=add&edit_id=' + oid + '&noheader=1',
+ success: function(data) {
+ jQuery('#wpsg_produkte_table').replaceWith(data);
+ jQuery('#LinkGutscheinNeu').hide();
+ //jQuery('#wpsg_kv_list').html(data);
+ //location.href = location.href;
+ //jQuery('#wpsg_kv_list').html('');
+ }
+ } );
+
+ return false;
+
+ } // function wpsg_addVoucher()
+
+ /*
+ * Wendet die gespeicherte Reihenfolge auf die verschiebbaren Elemente an
+ */
+ function applySavedItemOrder()
+ {
+
+ let leftElements = jQuery(".orderdetail-item-left");
+ let rightElements = jQuery(".orderdetail-item-right");
+
+ let leftOrder = '<?php echo json_encode($this->get_option('wpsg_backendui_orderdetail_itemorder_left')); ?>' || false;
+ let rightOrder = '<?php echo json_encode($this->get_option('wpsg_backendui_orderdetail_itemorder_right')); ?>' || false;
+
+ if(leftOrder === "false" || leftOrder.includes('"",')) leftOrder = false;
+ if(rightOrder === "false" || rightOrder.includes('"",')) rightOrder = false;
+
+ if(leftOrder)
+ {
+
+ let elementIDs = [];
+ leftElements.each(function(key, item) {
+ elementIDs.push(item.id);
+ });
+
+ let cleanLeftOrder = leftOrder.replace("[", "").replace("]", "").replaceAll('"', "").split(",");
+ writeOrderItems(cleanLeftOrder, "left");
+
+ }
+
+ if(rightOrder)
+ {
+
+ let elementIDs = [];
+ rightElements.each(function(key, item) {
+ elementIDs.push(item.id);
+ });
+
+ let cleanRightOrder = rightOrder.replace("[", "").replace("]", "").replaceAll('"', "").split(",");
+ writeOrderItems(cleanRightOrder, "right");
+
+ }
+
+ } // function applySavedItemOrder()
+
+ /*
+ * Schreibt Elemente der angegebenen IDs ins DOM
+ */
+ function writeOrderItems(orderIDs, orderPos)
+ {
+
+ let writeElement = "";
+
+ let elements = [];
+ orderIDs.forEach(function(id) {
+ elements.push(jQuery(`#${id}`)[0]);
+ });
+
+ switch(orderPos) {
+
+ case 'left':
+ writeElement = jQuery(".orderdetail-alternative-left");
+ break;
+
+ case 'right':
+ writeElement = jQuery(".orderdetail-alternative-right");
+ break;
+
+ }
+
+ if(writeElement.length > 0 || writeElement !== "")
+ {
+
+ writeElement[0].innerHTML = "";
+ elements.forEach(function (element) {
+ try{
+ writeElement[0].innerHTML += element.innerHTML;
+ }
+ catch(err){
+ return false;
+ }
+ });
+
+ }
+
+ } // function writeOrderItems()
+
+ /*
+ * Weist den zuvor eingeklappten Elementen eine Klase zu und klappt sie schließlich auch ein
+ */
+ function applyFoldedStatus()
+ {
+
+ let foldedPanels = '<?php echo json_encode($this->get_option('wpsg_backendui_orderdetail_foldedpanels')); ?>' || false;
+ if(foldedPanels === "false" || foldedPanels.includes('"",')) foldedPanels = false;
+
+ if(foldedPanels)
+ {
+
+ let foldedPanelsArr = foldedPanels.replace("[", "").replace("]", "").replaceAll('"', "").split(",");
+
+ for(var i = 0; i < foldedPanelsArr.length; i++) {
+ let mainParent = jQuery(`#${foldedPanelsArr[i].split("_")[0]}`);
+ mainParent.find(".panel-body").slideUp('fast');
+ }
+
+ }
+
+ } // fucntion applyFoldedStatus()
+
+ /*
+ * Speichert die angegebene Reihenfolge der verschiebbaren Elemente
+ */
+ function saveItemOrder(order, orderPosition)
+ {
+
+ jQuery.ajax( {
+ url: '<?php echo WPSG_URL_WP; ?>wp-admin/admin.php?page=wpsg-Order&subaction=itemOrderData&do=save&noheader=1',
+ data: {
+ 'order': order,
+ 'orderPosition': orderPosition
+ }
+ } );
+
+ } // function saveItemOrder(order, orderPosition)
+
+ /*
+ * Speichert die angegebene Reihenfolge der verschiebbaren Elemente
+ */
+ function saveFoldedItems(items)
+ {
+
+ jQuery.ajax( {
+ url: '<?php echo WPSG_URL_WP; ?>wp-admin/admin.php?page=wpsg-Order&subaction=foldedItemsData&do=save&noheader=1',
+ data: {
+ 'folded_items': items
+ }
+ } );
+
+ } // function saveItemOrder(order, orderPosition)
+
+ // Weist dem gegebenen JS Element eine einzigartige Klasse zu
+ // und gibt das jeweilige Element als jQuery Object zurück
+ let counter = 0;
+ function jsElTojQueryObj(jsEl, specificClass) {
+
+ let id = jsEl.id ? `#${jsEl.id}` : "";
+ let classes = "";
+
+ if(typeof jsEl !== "object" || jsEl.length <= 1 && jsEl[0] === "#document")
+ return;
+
+ jsEl.classList.add(`${specificClass}-${counter++}`);
+
+ if(jsEl.classList && jsEl.classList.length > 0) {
+
+ jsEl.classList.forEach(function(className) {
+ if(!classes.includes(`.${className}`)) classes += `.${className}`;
+ });
+
+ }
+
+ return $(`${jsEl.tagName.toLowerCase()}${id}${classes}`);
+
+ } // function jsElTojQueryObj(jsEl, specificClass)
+
+
+ jQuery(document).ready(function() {
+
+ applySavedItemOrder();
+ applyFoldedStatus();
+ wpsg_view_orderdata_hide();
+
+ jQuery('#wpsg_order_view_tabs a.list-group-item').bind('click', function() {
+
+ jQuery('#wpsg_order_view_tabs a').removeClass('active');
+ jQuery('.wpsg_order_view_tab_content').hide();
+
+ tab = jQuery(this).attr('wpsg-data-target');
+ if (tab == 'orderdata') {
+ wpsg_view_orderdata_show();
+ } else {
+ wpsg_view_orderdata_hide();
+ }
+ jQuery(this).addClass('active');
+ jQuery('#tab' + jQuery(this).attr('wpsg-data-target')).show();
+
+ jQuery.cookie('wpsg_order_view_tab', jQuery(this).attr('wpsg-data-target'));
+ jQuery(this).blur();
+
+ } );
+
+
+ co = jQuery.cookie('wpsg_order_view_tab');
+ if (co === undefined) {
+ jQuery("[wpsg-data-target='general']").trigger("click");
+ } else {
+ jQuery("[wpsg-data-target='" + co + "']").trigger("click");
+ }
+
+ // Anordnung der Kacheln zurücksetzen
+ jQuery(".btn-reset-itemorder").click(function() {
+ const leftorder = ["item-general", "item-orderdata", "item-ordervariables", "item-customercontact", "item-bills", "item-deliverynotes"];
+ const rightorder = ["item-customerdata", "item-shippay", "item-confirmation", "item-trustedshops", "item-orderlog", "item-dev"];
+
+ saveItemOrder(leftorder, "left");
+ saveItemOrder(rightorder, "right");
+
+ setTimeout(function(){
+ applySavedItemOrder();
+ }, 1000);
+ });
+
+ // Drag & Drop
+ jQuery(".orderdetail-alternative-left, .orderdetail-alternative-right").sortable({
+ connectWith: ".connectedSortable"
+ }).disableSelection();
+
+ jQuery(".orderdetail-alternative-left").on('sortupdate', function()
+ {
+ var action = jQuery(".orderdetail-alternative-left").sortable("toArray");
+ saveItemOrder(action, "left");
+ });
+ jQuery(".orderdetail-alternative-right").on('sortupdate', function()
+ {
+ var action = jQuery(".orderdetail-alternative-right").sortable("toArray");
+ saveItemOrder(action, "right");
+ });
+
+ let foldedElements = '<?php echo json_encode($this->get_option('wpsg_backendui_orderdetail_foldedpanels')); ?>' || [];
+ if(foldedElements === "false" || foldedElements.includes('"",')) foldedElements = [];
+ if(foldedElements && foldedElements.length > 0) foldedElements = foldedElements.replace("[", "").replace("]", "").replaceAll('"', "").split(",");
+
+ // Panels einklappen
+ jQuery(".panel-heading").click(function(){
+
+ let jQueryPanelBody = jsElTojQueryObj(this.parentElement.lastElementChild, "orderdetail-panel-body");
+ let item_payload = jQueryPanelBody.parents().eq(1)[0].id + "_" + jQueryPanelBody[0].classList[0];
+
+ if(jQueryPanelBody.is(":hidden"))
+ {
+
+ let targetIndex = 0;
+
+ for(var i = 0; i < foldedElements.length; i++) {
+ if(foldedElements[i].includes(item_payload))
+ targetIndex = i;
+ }
+
+ foldedElements.splice(targetIndex, 1);
+ jQueryPanelBody.slideToggle('fast');
+
+ }
+ else
+ {
+
+ foldedElements.push(item_payload);
+ jQueryPanelBody.slideToggle('fast');
+
+ }
+
+ saveFoldedItems(foldedElements);
+
+ });
+
+
+ } );
+
+ /* ]]> */</script>
|