Vorbereitung sprint meeting

css/area_nav-breadcrumb.less

@@ -105,6 +105,7 @@
             &.plugin__qc {
                 display: inline-block;
                 overflow: visible;
+                position: static;
             }
         } // li
 
@@ -134,6 +135,25 @@
             width: auto;
             border: 0 none;
             background: @color-site-bg;
+            z-index: 2000;
+
+            #plugin__qc__out{
+                h1{
+                    font-size: 1.2rem;
+                }
+                h2{
+                    margin-top: 1.6em;
+                    font-size: .93rem;
+                }
+                > h1, > h2, > p, >dl, >div{
+                    padding-left: 1rem;
+                    margin-left: 0;
+                }
+                > div p{
+                    padding-left: 0;
+                    margin-left: 0;
+                }
+            }
 
             &[aria-hidden="false"] {
                 margin-top: .5rem;

css/area_nav-metabox.less

@@ -80,6 +80,16 @@
             }
             > div {
                 padding: .8rem .5rem .5rem;
+                p{
+                    padding-left: 1em;
+                }
+                ul{
+                    list-style: none;
+                    padding-left:0;
+                    li{
+                        margin-left: 0; padding-left: 1em;
+                    }
+                }
             }
 
             #dw__toc {

css/base_structure.less

@@ -142,6 +142,8 @@
             }
         }
 
+
+
         .claim {
             .logo {
                 position: absolute;
@@ -158,6 +160,23 @@
         }
     }
 
+    .wide-content{
+        .content {
+            .row > .col-xs-12{
+                width: auto;
+                float: right;
+            }
+        }
+        &.showSidebar{
+            .content {
+                .row > .col-xs-12 {
+                    margin-left: 2.5rem;
+                }
+            }
+        }
+
+    }
+
     .main-sidebar {
         &.search {
             > img {

js/meta-box.js

@@ -1,4 +1,4 @@
-(function ($, spc) {
+(function ($, spc, $lang) {
 
     var toggleTabs = function () {
 
@@ -11,31 +11,71 @@
                     $(this).on("click", function (e) {
                         e.preventDefault();
                         var $link = $(this),
+                            $li = $link.closest('li'),
                             $panel = $($link.attr('href'));
 
-                        //reset
+                        /* close panel */
-                        resetTabs();
+                        if($li.hasClass('active')){
+                            //reset
+                            resetTabs($tabLinks,$tabPanels);
+
+                        /* close panel */
+                        }else{
+                            //reset
+                            resetTabs($tabLinks,$tabPanels);
+                            //current state
+                            $li.addClass('active');
+                            $link.attr('aria-expanded','true');
+                            $panel.addClass('active').attr('aria-hidden','false');
+                        }
 
-                        //current state
-                        $link.addClass('active').attr('aria-expanded','true');
-                        $panel.addClass('active').attr('aria-hidden','false');
                     });
                 });
 
 
             } catch (err) {
-                alert('err');
+                //alert('err');
             }
         },
         resetTabs = function($tabLinks,$tabPanels){
             $tabLinks.closest('li').removeClass('active');
             $tabLinks.attr('aria-expanded','false');
             $tabPanels.removeClass('active').attr('aria-hidden','true');
+        },
+        findJiraTickets = function(){
+            var $tickets = $('#dokuwiki__content').find('a.jiralink');
+            if($tickets.length >0){
+                var $panel = $('#tab-jira'),
+                    $num = $('a[href="#tab-jira"]').find('.num');
+
+                if($panel.length > 0 && $num.length > 0){
+                    $num.empty().append($tickets.length);
+                    $panel.find('> div').empty().append('<ul></ul>');
+                    var $ul = $panel.find('ul');
+                    $tickets.each(function (){
+                        var $ticket = $(this).clone();
+                        $ul.prepend('<li></li>');
+                        $ul.find('li:first-child').append($ticket);
+                    });
+                }
+            }
+        },
+        findSitemap = function(){
+            var $panel =  $('#tab-toc'),
+                $toc = $panel.find('ul'),
+                $num = $('a[href="#tab-toc"]').find('.num');
+            if($toc.length == 0){
+                $panel.append('<div><p>'+$_LANG['meta_box_sitemap_none']+'</p></div>');
+            }else{
+                $num.empty().append('1');
+            }
         };
 
     $(function () {
         toggleTabs();
+        findJiraTickets();
+        findSitemap();
     });
 
-})(jQuery, spc);
+})(jQuery, spc, $_LANG);
 

js/sidebar-menu.js

@@ -2,6 +2,12 @@
 
     var addToggleLink = function($elem){
             $elem.wrapInner('<a href="#toggleMenu" class="toggler"></a>');
+        },
+        setWideContent = function(){
+
+        },
+        setDefaultContent= function(){
+
         },
         toggleState = function($toggler){
             $toggler.toggleClass('closed');

lang/de/lang.js

@@ -16,6 +16,10 @@ $lang['head_menu_status']           = 'Seitenstatus';
 $lang['head_breadcrumb']            = 'Standortanzeiger';
 $lang['head_menu_trace']            = 'zuletzt angesehen';
 
+$lang['meta_box_jira_tickets_none'] = 'Keine Jira-Tickets verknüpft';
+$lang['meta_box_tags_none']         = 'Keine Tags verknüpft';
+$lang['meta_box_sitemap_none']      = 'keine Sitemap vorhanden';
+
 $lang['quality_trigger']            = 'Seitenanalyse ein- bzw. ausblenden';
 
 $lang['prefix_tasks']               = 'offene Aufgaben: ';
@@ -33,3 +37,4 @@ $lang['__sidebar_width__']          = 'The width of the sidebar, if any (can be
 
 $lang['__button_color__']           = 'Schriftfarbe für Buttons';
 $lang['__button_background__']      = 'Hintergrundfarbe für Buttons';
+

lang/de/lang.php

@@ -21,6 +21,10 @@ $lang['head_breadcrumb']            = 'Standortanzeiger';
 $lang['head_menu_trace']            = 'zuletzt angesehen';
 $lang['head_meta_box']              = 'Metainformationen zur Seite';
 
+$lang['meta_box_jira_tickets_none'] = 'Keine Jira-Tickets verknüpft';
+$lang['meta_box_tags_none']         = 'Keine Tags verknüpft';
+$lang['meta_box_sitemap_none']      = 'keine Sitemap vorhanden';
+
 $lang['quality_trigger']            = 'Seitenanalyse ein- bzw. ausblenden';
 
 $lang['prefix_tasks']               = 'offene Aufgaben: ';

lang/en/lang.js

@@ -15,6 +15,10 @@ $lang['head_menu_status']           = 'site status';
 $lang['head_breadcrumb']            = 'location indicator';
 $lang['head_menu_trace']            = 'trace / visited last';
 
+$lang['meta_box_jira_tickets_none'] = 'jira associated tickets found: none';
+$lang['meta_box_tags_none']         = 'jira associated tickets found: none';
+$lang['meta_box_sitemap_none']      = 'no sitemap available';
+
 $lang['quality_trigger']            = 'toggle page analysis';
 
 $lang['prefix_tasks']               = 'open tasks: ';

lang/en/lang.php

@@ -21,6 +21,10 @@ $lang['head_breadcrumb']            = 'location indicator';
 $lang['head_menu_trace']            = 'trace / visited last';
 $lang['head_meta_box']              = 'meta data for this page';
 
+$lang['meta_box_jira_tickets_none'] = 'jira associated tickets found: none';
+$lang['meta_box_tags_none']         = 'tags found: none';
+$lang['meta_box_sitemap_none']      = 'no sitemap available';
+
 $lang['quality_trigger']            = 'toggle page analysis';
 
 $lang['prefix_tasks']               = 'open tasks: ';

script.js

@@ -1,3 +1,4 @@
+var $_LANG = {};
 
 /* DOKUWIKI:include js/base/helper.js */
 /* DOKUWIKI:include js/base/spc.js */
@@ -14,6 +15,9 @@
                 /* default */
                 /* DOKUWIKI:include lang/de/lang.js */
             }
+
+            $_LANG = $lang;
+
         }catch(err){
         }
     };
@@ -28,5 +32,3 @@
 
 /* DOKUWIKI:include js/sidebar-menu.js */
 /* DOKUWIKI:include js/meta-box.js */
-
-

tpl/nav-meta-box.php

@@ -5,24 +5,34 @@
 <div class="tab-container">
     <ul class="meta-tabs">
 
-        <li><a href="#tab1" aria-expanded="false"><span class="prefix">Sitemap</span><span class="num"></span></a></li>
+        <li><a href="#tab-toc" aria-expanded="false"><span class="prefix">Sitemap <span class="num">0</span></span></a></li>
-        <?php if ($tags !== null) { ?><li><a href="#tab2" aria-expanded="false"><span class="prefix">Tags</span><span class="num"></span></a></li><?php } ?>
+        <li><a href="#tab-tags" aria-expanded="false"><span class="prefix">Tags <span class="num">0</span></span></a></li>
-        <li><a href="#tab3" aria-expanded="false"><span class="prefix">Jira</span><span class="num"></span></a></li>
+        <li><a href="#tab-jira" aria-expanded="false"><span class="prefix">Jira <span class="num">0</span></span></a></li>
 
     </ul>
 
     <div class="meta-content">
         <div class="box-content">
-            <div id="tab1" class="tab-pane" aria-hidden="true">
+            <div id="tab-toc" class="tab-pane" aria-hidden="true">
                 <?php  tpl_toc(); ?>
             </div>
-            <?php if ($tags !== null) { ?>
-                <div id="tab2" class="tab-pane" aria-hidden="true">
-                    <?php $tags->tpl_tags(); ?>
-                </div>
-            <?php } ?>
-            <div id="tab3" class="tab-pane" aria-hidden="true">
 
+                <div id="tab-tags" class="tab-pane" aria-hidden="true">
+                    <div>
+                    <?php
+                        if ($tags !== null) {
+                            $tags->tpl_tags();
+                        }else{
+                            echo "<p>" . tpl_getLang('meta_box_tags_none') . "</p>";
+                        }
+                    ?>
+                    </div>
+                </div>
+
+            <div id="tab-jira" class="tab-pane" aria-hidden="true">
+                <div>
+                <p><?php echo tpl_getLang('meta_box_jira_tickets_none') ?></p>
+                </div>
             </div>
         </div>
     </div>