fmsystem-commits
[Top][All Lists]
Advanced

[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]

[Fmsystem-commits] [14494] test new portico-layout


From: Sigurd Nes
Subject: [Fmsystem-commits] [14494] test new portico-layout
Date: Fri, 27 Nov 2015 11:09:37 +0000

Revision: 14494
          http://svn.sv.gnu.org/viewvc/?view=rev&root=fmsystem&revision=14494
Author:   sigurdne
Date:     2015-11-27 11:09:35 +0000 (Fri, 27 Nov 2015)
Log Message:
-----------
test new portico-layout

Modified Paths:
--------------
    branches/dev-syncromind/phpgwapi/templates/portico/css/base.css
    branches/dev-syncromind/phpgwapi/templates/portico/head.inc.php
    branches/dev-syncromind/phpgwapi/templates/portico/navbar.inc.php
    branches/dev-syncromind/phpgwapi/templates/portico/navbar.tpl

Modified: branches/dev-syncromind/phpgwapi/templates/portico/css/base.css
===================================================================
--- branches/dev-syncromind/phpgwapi/templates/portico/css/base.css     
2015-11-27 00:29:08 UTC (rev 14493)
+++ branches/dev-syncromind/phpgwapi/templates/portico/css/base.css     
2015-11-27 11:09:35 UTC (rev 14494)
@@ -2,132 +2,8 @@
        Border-layout for CSS only layout
 */
 
-body {
-       height: 100%;
-       background: #edf5ff;
-}
 
-div#border-layout {
-       text-align: left;
-}
-
-div#border-layout div.layout-north,
-div#border-layout div.layout-south
-{
-
-       position: absolute;
-       left: 0;
-       height: 26px;
-       width: 100%;
-}
-
-div#border-layout div.layout-north
-{
-       top: 0;
-}
-
-div#border-layout div.layout-south
-{
-       bottom: 0;
-}
-
-div#border-layout div.layout-west,
-div#border-layout div.layout-east
-{
-       position: absolute;
-       top: 31px;
-       bottom: 31px;
-       width: 194px;
-}
-
-div#border-layout div.layout-west
-{
-       left: 5px;
-}
-
-div#border-layout div.layout-east
-{
-       right: 5px;
-}
-
-div#border-layout div.layout-center {
-       position: absolute;
-       top: 31px;
-       bottom: 31px;
-       left: 204px;
-       right: 204px;
-}
-
-div#border-layout div.header
-{
-       height: 23px;
-       border: 1px solid #808080;
-       border-bottom: none;
-       background: #3f6ad1;
-}
-div#border-layout div.header h2
-{
-       font-size: 1em;
-       margin: 0px 3px;
-       color: #fff;
-       font-weight: bold;
-       line-height: 22px;
-}
-div#border-layout div.breadcrumbs
-{
-       font-size: 1em;
-       margin: 0px 3px;
-       color: #fff;
-       font-weight: bold;
-       line-height: 11px;
-}
-
-div#border-layout div.layout-west div.body,
-div#border-layout div.layout-east div.body,
-div#border-layout div.layout-center div.body
-{
-       background: #fff;
-       position: absolute;
-       overflow: auto;
-       top: 23px;
-       bottom: 0em;
-       border: 1px solid #808080;
-       left: 0px;
-       right: 0px;
-}
-
-div#border-layout div.layout-center div.body
-{
-       background: #fff;
-}
-
-
 /*
-       Border-layout for JS layout
-*/
-.yui-skin-sam .yui-layout .yui-layout-unit-top div.yui-layout-bd,
-.yui-skin-sam .yui-layout .yui-layout-unit-bottom div.yui-layout-bd
-{
-       border: none;
-}
-
-.yui-skin-sam .yui-layout div.header
-{
-       display: none;
-}
-
-.yui-skin-sam .yui-layout div.yui-layout-unit div.yui-layout-bd
-{
-       background-color: #fff;
-}
-
-.yui-skin-sam .yui-layout div.yui-layout-unit div.yui-layout-hd h2
-{
-       font-size: 1em;
-       margin: 0;
-}
-
-/*
        Border-layout common for CSS and JS layout
 */
 
@@ -174,75 +50,6 @@
 
 
 /*
-       Navbar layout
-*/
-
-ul#navbar
-{
-       /*background: #fff;*/
-}
-
-ul#navbar li
-{
-       display: block;
-       white-space: nowrap;
-}
-
-ul#navbar li a
-{
-       color: #000;
-       text-decoration: none;
-       background-repeat: no-repeat;
-       background-position: left center;
-       display: inline-block;
-       padding-left: 20px;
-       margin-left: 20px;
-       padding: 2px 0px 2px 20px;
-}
-
-#navbar a.parent
-{
-       margin-left: 0px;
-}
-
-ul#navbar li a.current span
-{
-       background: #3f6ad1;
-       color: #fff;
-}
-ul#navbar li li
-{
-       padding-left: 20px;
-}
-
-#navbar li.collapsed ul
-{
-       display: none;
-}
-
-#navbar img.collapsed
-{
-       background: url(../images/collapsed.png) no-repeat center center;
-}
-
-#navbar img.collapsed:hover
-{
-       background-image: url(../images/collapsed-hover.png);
-}
-
-#navbar img.expanded
-{
-
-       background: url(../images/expanded.png) no-repeat center center;
-}
-
-#navbar img.expanded:hover
-{
-       background-image: url(../images/expanded-hover.png);
-}
-
-
-/*
        Reset headings which get reset by YUI! - based on firefox 2 html.css
 */
 
@@ -350,45 +157,6 @@
        Menu layout ("navbar" conflicts with the template "simple" - testing - 
try the admin section)
 */
 
-ul#menu
-{
-       /*background: #fff;*/
-}
-
-ul#menu li
-{
-       display: block;
-       white-space: nowrap;
-}
-
-ul#menu li a
-{
-       color: #000;
-       text-decoration: none;
-       background-repeat: no-repeat;
-       background-position: left center;
-       display: inline-block;
-       padding-left: 20px;
-       margin-left: 0px;
-       padding: 2px 0px 2px 0px;
-}
-
-#menu a.parent
-{
-       margin-left: 0px;
-}
-
-ul#menu li a.current span
-{
-       background: #3f6ad1;
-       color: #fff;
-}
-
-ul#menu li li
-{
-       padding-left: 20px;
-}
-
 .yui-skin-sam .yui-navset .yui-nav li.disabled
 {
        opacity: .5;
@@ -455,34 +223,8 @@
                margin: 1em 0 1em 1em;
        }
 
-ul {
-       padding: 0;
-       padding-bottom: 20px; /* give whitespace at bottom for FF */
-       margin: 0;
-       list-style-type: square;
-       }
-       li {
-               padding: 0;
-               margin: 0;
-               margin: 0.5ex 0 0.5ex 1.2em;
-       }
 
-table {
-       border-color: #666;
-       }
-       th {
-               background-color: #EEE;
-               padding: 4px 7px 5px;
-               border-color: #666;
-               text-align: left;
-       }
-       td {
-               padding: 2px 7px 3px;
-               border-color: #666 #CCC;
-               vertical-align: top;
-       }
 
-
 /*
 *      COMMON LAYOUT PANE FORMATTING
 */
@@ -544,30 +286,8 @@
 }
 
 
-/*
-*      INNER-LAYOUT PANE FORMATTING
-*/
 
-#mainContent .ui-layout-pane {
-       padding: 10px;
-}
-#mainContent .ui-layout-north ,
-#mainContent .ui-layout-south {
-       text-align: center;
-}
-#mainContent .ui-layout-center {
-       padding: 0 !important; /* inner divs have padding */
-}
-#mainContent .ui-layout-content {
-       padding: 10px;
-}
-#mainContent .ui-layout-center h3 {
-       font-size: 1em;
-       padding: 5px;
-       margin: 0;
-}
 
-
 /*
 *      OUTER LAYOUT RESIZERS & TOGGLERS
 */

Modified: branches/dev-syncromind/phpgwapi/templates/portico/head.inc.php
===================================================================
--- branches/dev-syncromind/phpgwapi/templates/portico/head.inc.php     
2015-11-27 00:29:08 UTC (rev 14493)
+++ branches/dev-syncromind/phpgwapi/templates/portico/head.inc.php     
2015-11-27 11:09:35 UTC (rev 14494)
@@ -41,14 +41,14 @@
                
$GLOBALS['phpgw']->css->add_external_file('phpgwapi/js/yahoo/examples/treeview/assets/css/folders/tree.css');
                phpgwapi_yui::load_widget('treeview');
                phpgwapi_yui::load_widget('datasource');
-               
$GLOBALS['phpgw_info']['user']['preferences']['common']['sidecontent'] = 
'ajax_menu';
+               
$GLOBALS['phpgw_info']['user']['preferences']['common']['sidecontent'] = 
'jsmenu';
                if 
(isset($GLOBALS['phpgw_info']['user']['preferences']['common']['sidecontent']) 
&& $GLOBALS['phpgw_info']['user']['preferences']['common']['sidecontent'] == 
'ajax_menu')
                {
                        $javascripts[] = 
"/phpgwapi/templates/portico/js/menu.js";
                }
                else if 
(isset($GLOBALS['phpgw_info']['user']['preferences']['common']['sidecontent']) 
&& $GLOBALS['phpgw_info']['user']['preferences']['common']['sidecontent'] == 
'jsmenu')
                {
-                       phpgwapi_jquery::load_widget('menu');
+                       phpgwapi_jquery::load_widget('treeview');
                }
 
        }

Modified: branches/dev-syncromind/phpgwapi/templates/portico/navbar.inc.php
===================================================================
--- branches/dev-syncromind/phpgwapi/templates/portico/navbar.inc.php   
2015-11-27 00:29:08 UTC (rev 14493)
+++ branches/dev-syncromind/phpgwapi/templates/portico/navbar.inc.php   
2015-11-27 11:09:35 UTC (rev 14494)
@@ -186,8 +186,21 @@
                        $var['treemenu'] .= <<<JS
                                <script type="text/javascript">
                                $(function() {
-                               $("#navbar").menu();
-                       });
+                                       $('#navbar').jstree({
+                                               core:{
+                                                               multiple: false
+                                                        },
+                                               plugins: ["state", "search"]
+                                       });
+                                       var to = false;
+                                       $('#plugins4_q').keyup(function () {
+                                               if(to) { clearTimeout(to); }
+                                               to = setTimeout(function () {
+                                                       var v = 
$('#plugins4_q').val();
+                                                       
$('#navbar').jstree(true).search(v);
+                                               }, 250);
+                                       });
+                               });
                        </script>
 JS;
 

Modified: branches/dev-syncromind/phpgwapi/templates/portico/navbar.tpl
===================================================================
--- branches/dev-syncromind/phpgwapi/templates/portico/navbar.tpl       
2015-11-27 00:29:08 UTC (rev 14493)
+++ branches/dev-syncromind/phpgwapi/templates/portico/navbar.tpl       
2015-11-27 11:09:35 UTC (rev 14494)
@@ -49,14 +49,13 @@
                        </div>
 
                        <div class="ui-layout-west">
-                               <div class="content">
+                               <div>
                                        <h2>{user_fullname}</h2>
                                </div>
 
-                               <div class="body">
-                                               <div class="treeview">
+                               <input type="text" id="plugins4_q" value="" 
class="input" style="margin:0em auto 1em auto; display:block; padding:4px; 
border-radius:4px; border:1px solid silver;" />
+                               <div id="navbar">
 {treemenu}
-                                               </div>
                                </div>
                        </div>
 




reply via email to

[Prev in Thread] Current Thread [Next in Thread]