CP Rezepte

[update]

Ich hätte gerne mehrere Rezepte auf einer Seite, dessen Teile jeweils mit Accordions auf- und zugeklickt werde können (Zubereitung, Inhaltsstoffe...).
Kriege ich aber nicht umgesetzt, weil das keine IDs nimmt...
Hat jemand ne Idee?

[geckse]

Hm.. Quick and Dirty könnte dir vielleicht dieser Script hier helfen.

Definiert ein Replacementtag, der sowas wie "{SIMPLE_ID:Dein Text}" in "dein-text" umwandelt.
Der Trick ist jetzt sowas wie den Titel deines Kochrezeptes als ID zu definieren: [...] data-target="{SIMPLE_ID:{TITLE}}"> [...]
Funktioniert solange sich die Rezepte nicht den selben Titel teilen.

Muss in inc_script/frontend_render/ abgelegt werden.

Code: Select all

<?php
// ----------------------------------------------------------------
// obligate check for phpwcms constants
if (!defined('PHPWCMS_ROOT')) {
   die("You Cannot Access This Script Directly, Have a Nice Day."); }
// ----------------------------------------------------------------

if(!strpos($content["all"],'{SIMPLE_ID')===false) { 
	$content["all"] = preg_replace_callback('/{SIMPLE_ID:(.*)}/m', 'simple_id', $content["all"]);	
}	  

function simple_id($par){	
	$id = $par[0];
    $id = preg_replace("/[^0-9a-zA-Z\-]/", "",
    		str_replace('ß','ss',
    		str_replace('ö','oe',
    		str_replace('ü','ae',
    		str_replace('ä','ae',
    		preg_replace('/\s+/', '-', 
    		strtolower($id))))) ) );
    return $id;		
}

[Uwe367]

Hat jemand ne Idee?

Die erste Frage die ich mir stellen würde ist ob der CP überhaupt noch aktuell ist. Ich erinnere mich daß hier im Forum mal die Frage wegen dem CP Poll autauchte und O.G. von der Verwendung abriet da dieser veraltet wäre und wer weiß obs mit dem CP Rezepte nicht ebenso ist. Das wäre die eine Sache.

Zur Umsetzung würde ich den CP Register/Tabs mit einem Script für ein verschachteltes Accordion bemühen.
Verschachtelt weil du damit zum einen das ganze Rezept auf- bzw. zuklappen kannst und innerhalb dieses Accordions die einzelnen Teile wie Zutaten, Zubereitung etc. wiederum in Accordien verpacken kannst.
Oder du löst es noch eleganter indem du das komplette Rezept in ein Accordion packst und die einzelnen Segmente (Zutaten, Zubereitung) innerhalb des Accordions in Tabs setzt.

[nameless1]

und O.G. von der Verwendung abriet da dieser veraltet wäre und wer weiß obs mit dem CP Rezepte nicht ebenso ist

yo. der ganze alte mist muss raus (depreceated) und perspektivisch nur noch contentparts mit selbst definierbaren feldern via template so wie jetzt beim cp tabs.

[update]

perspektivisch nur noch contentparts mit selbst definierbaren feldern via template so wie jetzt beim cp tabs

Also das unterschreibe ich sofort

[Uwe367]

...nur noch contentparts mit selbst definierbaren feldern via template so wie jetzt beim cp tabs.

Ich denke daß es noch nichtmal ein großes Problem wäre diese Felder auch in andere CP´s zu integrieren, das Problem sehe ich dann eher in der conf.template_default.inc.php, die sich dann sehr schnell aufblähen würde wenn jeder CP die Customfields hätte. Ich schau mir das mal näher an und wenns brauchbare Ergebnisse gibt werde ich diese in meinen Fork einpflegen

[update]

werde ich diese in meinen Fork einpflegen

[Oliver Georgi]

Accordion braucht keine IDs und keine Replacement Tags, Leute

JavaScript und Klassen und gut ist.

[update]

Ja, das ist mir klar Wenn ich aber mehrere CPs (Recipe) auf einer Seite habe und die Zubereitung und die Zutaten jeweils in einem Accordion habe ( also zB 4 Rezepte nebeneinander), dann muss ich doch unterscheiden können, dachte ich.

[Oliver Georgi]

nein, muss man nicht, denn auch das geht in JavaScript. Mit den Ids wärst Du nicht schlauer.

Irgendwie nach dem Prinzip, nicht getestet.

Code: Select all

<div class="accordions">
    <div class="accordion"><h3 class="accordion-toggle"></h3><div class="accordion-content"></div></div>
    <div class="accordion"><h3 class="accordion-toggle"></h3><div class="accordion-content"></div></div>
</div>

<div class="accordions">
    <div class="accordion"><h3 class="accordion-toggle"></h3><div class="accordion-content"></div></div>
    <div class="accordion"><h3 class="accordion-toggle"></h3><div class="accordion-content"></div></div>
</div>
<script>
var isTouchDevice = 'ontouchstart' in window || navigator.maxTouchPoints;
var touchClick = isTouchDevice ? 'touchstart' : 'click';
$(function(){
    var $accordion_groups = $('.accordions');
    if($accordion_groups.length) {
        $accordion_groups.each(function(){
            var $accordion_group = $(this);
            var $accordion_toggles = $('.accordion-toggle', $accordion_group);
            var $accordion_content = $('.accordion-content', $accordion_group);
            var $active_toggle = null;
            $accordion_toggles.on(touchClick, function(event){
                var $toggle = $(this);
                var $index = $toggle.index();
                if($toggle.hasClass('active')) {
                    $toggle.removeClass('active');
                    $accordion_content.eq($index).removeClass('active');
                    $active_toggle = null;
                    return true;
                }
                if($active_toggle !== null) {
                    $accordion_toggles.eq($index).removeClass('active');
                    $accordion_content.eq($index).removeClass('active');
                }
                $toggle.addClass('active');
                $accordion_content.eq($index).addClass('active');
                $active_toggle = $index;
            });
        });
    }
});
</script>

[update]

OOOPS, Prinzip verstanden, danke!