Changeset 15922 for trunk/templates

Timestamp:

01/25/12 00:01:17 (4 months ago)

Author:

Alexander Trofimov

Message:

Menu in Popup and Design Box

Location:

trunk/templates/base

Files:

• _sub_header.html (modified) (1 diff)
• css/common.css (modified) (1 diff)
• css/menu.css (modified) (2 diffs)
• popup_box.html (modified) (1 diff)
• scripts/BxBaseFunctions.php (modified) (4 diffs)

trunk/templates/base/_sub_header.html

@@ -20 +20 @@
     <bx_injection:injection_between_logo_top_menu />
 
-    <div id="bx-menu-main-container" class="bx-def-margin-top">
+    <div id="bx-menu-main-container" class="bx-def-margin-top bx-def-border bx-def-padding bx-def-color-bg-block">
         <bx_injection:injection_top_menu_before />
         __top_menu__

trunk/templates/base/css/common.css

@@ -70 +70 @@
 }
 
-.bx-db-menu-tab i {
-    display:block;
-    float:left;
-    width:18px;
-    height:40px;
-    background-repeat:no-repeat;
-    background-position:0px 12px;
-    cursor:pointer;
+.bx-db-menu-tab-btn {
+    padding-top:20px;
 }
 

trunk/templates/base/css/menu.css

@@ -6 +6 @@
 }
 
-#bx-menu-main {
-    border:1px solid #a9a9a9;
-    background-color:#fdfdfd;
-}
-
-#bx-menu-main.bx-menu-hor li a {
-    height:48px;
-    line-height:48px;
-}
-
 /* --------------- menu footer */
 
 #bx-menu-footer {
     float:left;
-}
-
-#bx-menu-footer.bx-menu-hor li:first-child {
-    margin-left:0px;
-}
-
-#bx-menu-footer.bx-menu-hor li {
-    margin-left:20px;
 }
 
@@ -40 +22 @@
 .bx-menu-hor li {
     float:left;
-    margin-left:30px;
+    margin-left:20px;
 }
 
 .bx-menu-hor li:first-child {
-    margin-left:20px;
+    margin-left:0px;
 }
 

trunk/templates/base/popup_box.html

@@ -12 +12 @@
         <div class="bx-db-header">
             <div class="bx-db-title bx-def-padding-left"><h2>__title__</h2></div>
-            <div class="bx-db-menu bx-def-padding-right">
-                <bx_repeat:actions>
-                    <div id="__id__-act" class="bx-db-menu-tab bx-db-menu-tab-active" style="<bx_if:hide_active>display:none;</bx_if:hide_active>">
-                        __icon__
-                        <span __class__>__title__</span>
-                    </div>
-                    <div id="__id__-pas" class="bx-db-menu-tab" style="<bx_if:hide_inactive>display:none;</bx_if:hide_inactive>">
-                        __icon__
-                        <a id="__id__" __class__ __href__ __target__ __on_click__>__title__</a>
-                    </div>
-                </bx_repeat:actions>
-                <div class="bx-db-menu-tab bx-db-menu-tab-image">
-                    <a href="javascript:void(0)" class="bx-popup-element-close"><i style="background-image:url(<bx_icon_url:cross-button.png />);">&#160;</i></a>
-                </div>
-                <div class="bx-clear"></div>
-            </div>
+            __buttons__
             <div class="bx-clear"></div>
         </div>

trunk/templates/base/scripts/BxBaseFunctions.php

@@ -201 +201 @@
      *      );
      */
-    function popupBox($sName, $sTitle, $sContent, $aActions = array(), $isHiddenByDefault = false) {
+    function popupBox($sName, $sTitle, $sContent, $mixedMenu = false, $isHiddenByDefault = false) {
 
         $iId = !empty($sName) ? $sName : mktime();
-
-        $aButtons = array();
-        foreach($aActions as $sId => $aAction)
-            $aButtons[] = array(
-                'id' => $sId,
-                'title' => htmlspecialchars_adv(_t($aAction['title'])),
-                'class' => isset($aAction['class']) ? ' class="' . $aAction['class'] . '"' : '',
-                'icon' => isset($aAction['icon']) ? '<i style="background-image:url(' . $aAction['icon'] . ');">&#160;</i>' : '',
-                'href' => isset($aAction['href']) ? ' href="' . htmlspecialchars_adv($aAction['href']) . '"' : '',
-                'target' => isset($aAction['target'])  ? ' target="' . $aAction['target'] . '"' : '',
-                'on_click' => isset($aAction['onclick']) ? ' onclick="' . $aAction['onclick'] . '"' : '',
-                'bx_if:hide_active' => array(
-                    'condition' => !isset($aAction['active']) || $aAction['active'] != 1,
-                    'content' => array()
-                ),
-                'bx_if:hide_inactive' => array(
-                    'condition' => isset($aAction['active']) && $aAction['active'] == 1,
-                    'content' => array()
-                )
-            );
 
         return $this->_oTemplate->parseHtmlByName('popup_box.html', array(
@@ -229 +209 @@
             'wrapper_style' => $isHiddenByDefault ? 'display:none;' : '',
             'title' => $sTitle,
-            'bx_repeat:actions' => $aButtons,
+            'buttons' => $this->designBoxMenu ($mixedMenu, array (
+                array ('menu' => 1),
+                array ('icon' => 'cross-button.png', 'class' => 'bx-popup-element-close'),
+            )),
             'content' => $sContent
         ));
@@ -662 +645 @@
                 // add button width popup            
                 $sId = 'bx-str-limit-' . rand(1, PHP_INT_MAX);
-                $sResult .= '<img class="bx-str-limit" onclick="$(\'#' . $sId . '\').dolPopup({pointer:{el:$(this), offset:\'10 1\', offset_pointer:\'4 0\'}})" src="' . $this->getTemplateImage('str-limit.png') . '"/>';
+                $sResult .= '<img class="bx-str-limit" onclick="$(\'#' . $sId . '\').dolPopup({pointer:{el:$(this), offset:\'10 1\'}})" src="' . $this->getTemplateImage('str-limit.png') . '"/>';
                 $sResult .= '<div id="' . $sId . '" style="display:none;">' . BxTemplFunctions::getInstance()->transBox('<div class="bx-def-padding bx-def-color-bg-block">'.$sString.'</div>') . '</div>';
             }
@@ -671 +654 @@
         return trim($sResult);
     }
+
+    /**
+     * Display design box with specified title, template, content and menu.
+     * @param $sTitle - design box title, please note that some templates don't use title.
+     * @param $sContent - design box content.
+     * @param $iTemplateNum - number of design box template, use predefined contants only, default is BX_DB_DEF.
+     * @param $mixedMenu - design box menu, it can be:
+     *      - object: instance of BxTemplMenu class
+     *      - string: menu object identifier
+     *      - array: array of menu links to create menu from
+     * @return string
+     * 
+     * @see BX_DB_CONTENT_ONLY
+     * @see BX_DB_DEF
+     * @see BX_DB_EMPTY
+     * @see BX_DB_NO_CAPTION
+     * @see BX_DB_PADDING_CONTENT_ONLY
+     * @see BX_DB_PADDING_DEF
+     * @see BX_DB_PADDING_NO_CAPTION
+     */
+    function designBoxContent ($sTitle, $sContent, $iTemplateNum = BX_DB_DEF, $mixedMenu = false) {
+        return $this->_oTemplate->parseHtmlByName('designbox_' . (int)$iTemplateNum . '.html', array(
+            'title' => $sTitle,            
+            'designbox_content' => $sContent,
+            'caption_item' => $this->designBoxMenu ($mixedMenu, array (array('menu' => 1))),
+        ));
+    }
+
+    function designBoxMenu ($mixedMenu, $aButtons = array ()) {
+
+        $sCode = '';
+        $aButtonMenu = false;
+        if ($mixedMenu) {
+
+            $sMenu = '';
+
+            if (is_string($mixedMenu)) {
+
+                bx_import('BxTemplMenu');
+                $oMenu = BxTemplMenu::getObjectInstance($mixedMenu);
+                $sMenu = $oMenu ? $oMenu->getCode () : '';
+
+            } elseif (is_object($mixedMenu) && is_a($mixedMenu, 'BxTemplMenu')) {
+
+                $sMenu = $mixedMenu->getCode();
+
+            } elseif (is_array($mixedMenu)) {
+
+                if (isset($mixedMenu['template']) && isset($mixedMenu['menu_items']))
+                    $aMenu = $mixedMenu;
+                else
+                    $aMenu = array ('template' => 'menu_horizontal.html', 'menu_items' => $mixedMenu);
+                bx_import('BxTemplMenu');
+                $oMenu = new BxTemplMenu($aMenu, $this->_oTemplate);
+                $sMenu = $oMenu->getCode ();
+            }
+
+            if ($sMenu) {
+
+                $this->_oTemplate->addJs('jquery.dolPopup.js');
+                $this->_oTemplate->addJs('jquery.ui.position.min.js');
+
+                $sId = 'bx-menu-db-' . time() . rand(0, PHP_INT_MAX);
+                $sCode .= '<div id="' . $sId . '" style="display:none;">' . BxTemplFunctions::getInstance()->transBox('<div class="bx-def-padding bx-def-color-bg-block">' . $sMenu . '</div>') . '</div>';
+                $aButtonMenu = array ('icon' => 'control-270.png', 'onclick' => 'if ($(\'#' . $sId . ':visible\').length) $(\'#' . $sId . '\').dolPopupHide(); else $(\'#' . $sId . '\').dolPopup({pointer:{el:$(this)}})');
+            }
+            
+        }
+
+        if ($aButtons) {
+            $sCode .= '<div class="bx-db-menu bx-def-padding-right"><div class="bx-db-menu-tab bx-db-menu-tab-btn">';
+            foreach ($aButtons as $aButton) {
+                if (isset($aButton['menu']) && $aButton['menu']) {
+                    if (!$aButtonMenu)
+                        continue;
+                    $aButton = $aButtonMenu;                    
+                }
+
+                $aAttrs = array ();
+                if (!empty($aButton['onclick']))
+                    $aAttrs['onclick'] = $aButton['onclick'];
+                if (!empty($aButton['class']))
+                    $aAttrs['class'] = $aButton['class'];
+                $sAttrs = bx_convert_array2attrs ($aAttrs, 'bx-btn bx-def-margin-sec-left');
+
+                $sCode .= '<button ' . $sAttrs . '>';
+                $sCode .= !empty($aButton['icon']) ? '<i style="background-image:url(' . $this->_oTemplate->getIconUrl($aButton['icon']) . ')"></i>' : '';
+                $sCode .= !empty($aButton['title']) ? $aButton['title'] : '';
+                $sCode .= '</button>';
+            }
+            $sCode .= '</div></div>';
+        }
+
+        return $sCode;
+    }
 }