HOW TO install ApPHP Tabs with CakePHP?

[glkaup]

I've been using the CakePHP framework for about 6 months... Now, I'd like to add ApPHP Tabs and other Ap??? products to it. Has anyone done this setup? It looks like the path definitions could be messy?

Thanks in advance for any info?
Greg

[glkaup]

Hello,

Well, I got it working... and it's great. Here is a stab at trying to explain what I did to get it working:

Install ApPHP Tabs into the CakePHP app/plugins/apphp_tabs/webroot folder.
Make a new folder app/plugins/apphp_tabs/css
Move the /styles/ to the css folder.
Move the gifs and css in the /styles/ folder to the css/ folder
Leave the styles/ folder and its various "style type" sub folders alone!
MOVE the examples/content/ folder to app/webroot/content/

RENAME the file tabs.class.php to tabs_class.php!

I already had jQuery loaded for cake at /app/webroot/js and it was being loaded for every controller in my /app/views/layouts/default.ctp However, the jquery.dropdown.js was not there. I left this js in the /app/plugins/apphp_tabs/webroot/js folder and it was easily loaded later!


Create the file app/plugins/apphp_tabs/webroot/config/tabs_config.php

Code: Select all

// if NOT running CakePHP
//if (!defined('TABS_DIR')) {
//   define('TABS_DIR', "../");


// If running CakePHP
if (!defined('TABS_CAKE_PLUGIN_NAME'))
   define('TABS_CAKE_PLUGIN_NAME', 'apphp_tabs');

if (!defined('TABS_DIR')) {
   define('TABS_DIR',  APP . 'plugins' .DS. TABS_CAKE_PLUGIN_NAME .DS. 'webroot' .DS);
}


NOW... Ready to work on the Cake part!

Then, add

Code: Select all

App::import('Plugins', 'apphp_tabs.tabs_class.php');

to the controller you want to use tabs in. I only wanted tabs in one controller for now! Otherwise, place this import function in your /app/app_controller.php

In your view.ctp file use:

Code: Select all

$tabs = new Tabs(1, 'grey', "Caption for Tabs Menu!", &$this);

// NOTICE the extra argument used to pass the CakePHP object into the Tabs class.

Place

Code: Select all

require_once(dirname(__FILE__).'/config/tabs_config.php');

BEFORE the beginning of the tabs_class.php

At the end of the private variable section of the tabs_class add:

Code: Select all

    private $codedTabs;
    private $myCakeParent=null;         // for access to CakePHP functions
    private $myCakeVersion=null;


Change the constructor call to:

Code: Select all

    public function __construct($id=1,$style="light-green",$caption="", &$cakeObject = null)


Change the end of the constructor to:

Code: Select all

      if(defined("TABS_DIR")) $this->path = TABS_DIR;
       else $this->path = "";
       
       // Setup to run with CakePHP, but make sure we have a valid CakePHP object!
       $this->myCakeParent = &$cakeObject;
       if (!empty($this->myCakeParent)) {
            if (!class_exists('Configure', false)) {
               $this->myCakeParent = null;
            } else if (!method_exists('Configure', 'read')) {
               $this->myCakeParent = null;
            } else {
               $this->myCakeVersion = Configure::read('Cake.version');
               if ($this->myCakeVersion < "1.3.7") {
                  $this->myCakeParent->Session->setFlash('ApPHP Tabs requires at least CakePHP v1.3.7');
                  $this->myCakeParent = null;
                  $this->myCakeVersion = null;
               }
            }
       }
       // End setup to run with CakePHP


Change the LoadFiles function to:

Code: Select all

   private function LoadFiles()
   {
      if (!empty($this->myCakeParent)) {
         // If use: "/plugin_name/js/my_file.js"
         // Then, links to: "app/plugins/plugin_name/webroot/js/my_file.js"
         
         // TABS css
         //echo $this->myCakeParent->Html->css('/apphp_tabs/css/styles/' . $this->style . '/style');
         //echo $this->myCakeParent->Html->css('/apphp_tabs/css/common');
             //echo  "\n<!--[if IE]>";
         //   echo $this->myCakeParent->Html->css('/apphp_tabs/css/commonIE');
           //echo "<![endif]-->\n";
         
         echo $this->myCakeParent->Html->css('/'. TABS_CAKE_PLUGIN_NAME . '/css/styles/' . $this->style . '/style');
         echo $this->myCakeParent->Html->css('/'. TABS_CAKE_PLUGIN_NAME . '/css/common');
             echo  "\n<!--[if IE]>";
            echo $this->myCakeParent->Html->css('/'. TABS_CAKE_PLUGIN_NAME . '/css/commonIE');
           echo "<![endif]-->\n";
          
          
           // Tabs js
         echo $this->myCakeParent->Html->script('/'. TABS_CAKE_PLUGIN_NAME . '/js/script');
         echo $this->myCakeParent->Html->script('/'. TABS_CAKE_PLUGIN_NAME . '/js/jquery.dropdown.js');
      } else {
         if(!file_exists($this->path."styles/".$this->style."/style.css"))
             $this->style="xp";
          if(file_exists($this->path."styles/".$this->style."/style.css"))
             echo  "<link href='".$this->path."styles/".$this->style."/style.css' rel='stylesheet' type='text/css' />";
          if($this->childTabsType=="dropdown")
             echo  "\n<link href='".$this->path."styles/dropdown.css' rel='stylesheet' type='text/css' />";
          if(file_exists($this->path."styles/common.css"))
             echo  "\n<link href='".$this->path."styles/common.css' rel='stylesheet' type='text/css' />";
          if(file_exists($this->path."js/script.js"))
             echo  "\n<script type='text/javascript' src='".$this->path."js/script.js'></script>";
          echo "\n<script type='text/javascript' src='".$this->path."js/jquery-1.4.2.min.js'></script>";
          echo  "\n<!--[if IE]>";
          echo "<link href='".$this->path."styles/commonIE.css' rel='stylesheet' type='text/css' />";
                 echo "<![endif]-->\n";
          echo "\n<script type='text/javascript' src='".$this->path."js/jquery.dropdown.js'></script>";
      }
    }


Now, this makes everything display properly... Still have to work on all of the links, etc.

[administrator]

Thanks!