Eigene Anpassungen

Plugin indexmenu installieren.
Danach die Wiki-Seite wiki:navigation anlegen mit folgendem Inhalt:

{{indexmenu>..#1|js#simple navbar noscroll notoc id#random}}

Navigationsleiste dynamisch verbreitern bei Maus-Over.

In der /vector/user/user.js des Vector Templates einfügen.

jQuery(document).ready(function($) {
 
  // if no element with #focus__this is found, set focus on #qsearch__in
  if(jQuery('#focus__this').length === 0){ jQuery('#qsearch__in').focus(); }
 
  // disable autocomplete on searchform
  $('#qsearch__in').attr("autocomplete", "off");
 
  }
});
 
 
function addBtnActionDatum($btn, props, edid) {
    $btn.click(function() {
      var date = new Date();
 
      var day = date.getDate();
      var month = date.getMonth()+1;
      var year = date.getFullYear();
      var hours = date.getHours();
      var minutes = date.getMinutes();
      var seconds = date.getSeconds();
 
      if(day < 10){ day = "0"+day;}
      if(month < 10){ month = "0"+month;}
      if(hours < 10){ hours = "0"+hours;}
      if(minutes < 10){ minutes = "0"+minutes;}
      if(seconds < 10){ seconds = "0"+seconds;}
 
      var datum = [day,month,year].join('.');
      //var zeit = [hours,minutes,seconds].join(':');
      var zeit = [hours,minutes].join(':');
 
      insertAtCarret('wiki__text', datum+" "+zeit);
      return false;
    });
 
    return 'click';
}
 
if (typeof window.toolbar !== 'undefined') {
    // calls addBtnAction<type>
    window.toolbar[window.toolbar.length] = {
        type: "Datum", // that type links to the function addBtnActionDatum
        title: "Hey Click me!",
                "key":"x",
        icon: "../../tpl/vector/user/uhr.jpg"
    };
}

Nun noch in der vector/user/screen.css dieses unten einfügen:

#foo { /* BUG: Erste definition greift hier nicht. */ }
 
* {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
 
html {
  background-color: transparent;
  overflow-y:scroll;
}
 
body {
        background-image: none;
        background-color: #F7F7F7;
}
 
 
div.dokuwiki ul {
list-style-type: disc;
list-style-image: none!important;
}
 
/* =Breitere Navigation
-------------------------------------*/
div#head-base,
div#content,
div#footer {
  margin-left: 14.5em;
}
div#panel, #p-logo, #p-logo a  {
        width: 14.5em;
}
div#left-navigation {
        left: 14.5em;
}
 
/* =Navigation
-------------------------------------*/
#p-navigation .body {
  background-color: #F7F7F7;
        border-right: none;
  min-width: 100%;
  max-width: 100%;
  margin-left: 0!important;
  margin-right: 0!important;
  padding-left: 1.25em;
  overflow: auto;
  box-shadow: -20px 0 25px -30px #ccc inset;
  -webkit-transition: max-width 0.3s linear;
     -moz-transition: max-width 0.3s linear;
       -o-transition: max-width 0.3s linear;
          transition: max-width 0.3s linear;
}
#p-navigation:hover  .body{
        display: inline-block;
  max-width: 200%;
  z-index: 999999;
  padding-right: 0.5em;
}
 
/* =Indexmenu
-------------------------------------*/
.dtree{
  font-family: sans-serif;
  font-size: 1em;
}
 
.dtree a.navSel {
background: transparent;
font-weight: bold;
}
 
.dtree a.nodeFdUrl:hover,
.dtree a.nodeSel:hover,
a.navSel:hover,
.dtree a.nodeUrl:hover {
  background-color: #DEE7EC;
  color: inherit;
  text-decoration: none;
}
 
/* =Indexmenu Contextmenu
-------------------------------------*/
.indexmenu_rmenu {
  min-width: 100px;
  max-width: 150px;
  padding-bottom: 0;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15);
}
.indexmenu_rmenuhead {
  background: #DEE7EC;
  padding: 3px 10px;
}
.indexmenu_titlemenu {
background: #E6E6E6;
}
.indexmenu_rmenu ul {
  margin-bottom:0;
}
.indexmenu_rmenu,
.indexmenu_rmenu li ul,
.indexmenu_rmenuhead {
  width: auto;
}
.indexmenu_rmenu li a{
  line-height: 2em;
}
 
.indexmenu_rmenu li{
  border-bottom: solid 1px #e6e6e6;
}
 
.indexmenu_rmenu li:first-child,
.indexmenu_rmenu li:last-child{
  border-bottom: none;
}
 
 
 
 
/* =Content
-------------------------------------*/
 
#content h1 + .level1,
#content h2 + .level2,
#content h3 + .level3,
#content h4 + .level4,
#content h5 + .level5 {
  overflow: auto;
}
 
div#content .dokuwiki h1 {
  font-size: 200%;
}
 
div#content .dokuwiki h2 {
  font-size: 175%;
}
 
div#content .dokuwiki h3 {
  font-size: 135%;
  font-weight: normal;
  border-bottom: 1px solid #AAAAAA;
  margin-bottom: 0.6em;
}
 
div#content .dokuwiki h4 {
  font-size: 135%;
  font-weight: normal;
}
 
#content img {
  max-width: 100%;
  height: auto;
}
 
 
 
/* =Search
-------------------------------------*/
div#simpleSearch input#qsearch__in {
  outline: none;
}
 
.dokuwiki dl.search_results dt a{
  font-size: medium;
}
 
div.dokuwiki dl.search_results dd {
  margin-left: 0;
}
 
div.dokuwiki dl.search_results dd:before { content: "... "; }
div.dokuwiki dl.search_results dd:after { content: " ..."; }
 
 
.dokuwiki div.search_result strong.search_hit,
.dokuwiki .search_results strong.search_hit {
  font-weight: bold;
  background: transparent;
}
 
/* =Editor
-------------------------------------*/
div.dokuwiki button.toolbutton {
height: initial;
width: initial;
min-height: 20px;
min-width: 24px;
padding: 5px;
}
 
html>body button.toolbutton,
textarea, .dokuwiki #dw__editform textarea.edit,
html>body div.dokuwiki input.button,
html>body div.dokuwiki button.button {
background: #fff;
box-shadow: inset 0 0 6px 0px #eee;
border-color: #C5C5C5;
}
 
div.picker button.toolbutton,
div.picker button.pickerbutton{
  background: transparent;
  box-shadow: none;
  padding: 5px;
}
 
button.toolbutton:hover,
button.pickerbutton:hover,
.editButtons .button:hover {
  background: #f5f5f5;
}
 
button.toolbutton:active,
button.pickerbutton:active,
.editButtons .button:hover{
  background: #f0f0f0;
}
 
#link__wiz  {
  text-align: left;
}
 
#link__wiz_result {
  width: 500px;
  height: 350px;
  line-height: 1.5em;
}
#link__wiz_result > div{
padding: 5px 5px 5px 0
}
 
/* =Quicksearch
-------------------------------------*/
#qsearch__out {
  position: absolute;
  top: 73px;
  min-width: 218px;
}
#qsearch__out li{
  padding: 5px;
  max-width: 380px;
}
 
 
 
 
 
/* =Footer
-------------------------------------*/
#footer-places {
display: none!important;
}

In der 'vector/user/user.js' unter der Funktion jQuery(document).ready(function($) folgendes einfügen:

 if(jQuery('#focus__this').length === 0){ jQuery('#qsearch__in').focus(); }
    $('#qsearch__in').attr("autocomplete", "off");

In den Einstellungen, in der Dokuwiki, muss nun noch im Abschnitt des Templates die Funktion „Datei 'vector/user/user.js' laden?“ aktiviert werden.

Das eigene Logo bzw. Favicon müssen sich ebenfalls im user Verzeichnis des Templates befinden.
Das originale Logo hat die Größe von 128×128 Pixeln.

vi /.../wiki/lib/plugins/indexmenu/scripts/contextmenu.local.js

/**
 * Right Context Menu local configuration -- RENAME THIS FILE TO contextmenu.local.js --
 * How to change:
 *  - Rename this file to contextmenu.local.js
 *  - Make in this file your modifications
 *  - and go to the Configuration Manager and save the config again (this clears the cached javascript)
 *
 * See for information about available variables, menu structure, override and adding menu entries in the scripts/contextmenu.js
 */
 
/**
 * Right Context Menu configuration for all users:
 */
if (!indexmenu_contextmenu['all']['pg']) indexmenu_contextmenu['all']['pg'] = {'view': [] };
if (!indexmenu_contextmenu['all']['ns']) indexmenu_contextmenu['all']['ns'] = {'view': [] };
 
    indexmenu_contextmenu['all']['ns']['view'].splice(1, 1, []);
    indexmenu_contextmenu['all']['pg']['view'].splice(1, 2, []);
    indexmenu_contextmenu['all']['pg']['edit'].splice(1, 1, []);
 
    // Override title of page menu
    indexmenu_contextmenu['all']['pg']['view'][0] = ['<span class="indexmenu_titlemenu"><b>Seite</b></span>'];
    indexmenu_contextmenu['all']['pg']['edit'][0] = ['<span class="indexmenu_titlemenu"><b>Editiermodus</b></span>'];
 
    // add option to page menu
    //indexmenu_contextmenu['all']['pg']['view'].splice(1, 0, ['Input new page', '"javascript: indexmenu_reqpage(\'"+index.config.urlbase+"\',\'"+index.config.sepchar+"\',\'"+node.dokuid+"\');"']);
    indexmenu_contextmenu['all']['ns']['view'].splice(1, 0, ['Suchen ...', '"javascript: IndexmenuContextmenu.srchpage(\'"+index.config.urlbase+"\',\'"+index.config.sepchar+"\',\'"+node.isdir+"\',\'"+node.dokuid+"\');"', 'Suchen nach Seiten in diesem Namespace']);
    indexmenu_contextmenu['all']['pg']['view'].splice(1, 0, ['Revisionen', 'IndexmenuContextmenu.getid(index.config.urlbase,id)+"do=revisions"']);
    indexmenu_contextmenu['all']['pg']['view'].splice(1, 0, ['Bearbeiten', 'IndexmenuContextmenu.getid(index.config.urlbase,id)+"do=edit"']);
 
 
if (JSINFO && JSINFO.isadmin) {
    if (!indexmenu_contextmenu['pg']) indexmenu_contextmenu['pg'] = {'view': []};
    if (!indexmenu_contextmenu['ns']) indexmenu_contextmenu['ns'] = {'view': []};
    /**
     * Right Context Menu configuration for admin users:
     */
    indexmenu_contextmenu['ns']['view'].splice(0, 1, []);
    indexmenu_contextmenu['ns']['view'].splice(1, 1, []);
    indexmenu_contextmenu['pg']['view'].splice(0, 1, []);
    indexmenu_contextmenu['pg']['view'].splice(1, 2, []);
 
    //override or add here the menu entries for admin, see for examples above
    indexmenu_contextmenu['all']['ns']['view'].splice(1, 0, ['Neue Seite', '"javascript: IndexmenuContextmenu.reqpage(\'"+index.config.urlbase+"\',\'"+index.config.sepchar+"\',\'"+node.dokuid+"\');"', 'Erstellt eine neue Seite in diesem Namespace']);
    indexmenu_contextmenu['all']['pg']['edit'].splice(1, 0, ['als Wiki-Link einf\u00FCgen', '"javascript: IndexmenuContextmenu.insertTags(\'"+id+"\',\'"+index.config.sepchar+"\');"+index.obj+".divdisplay(\'r\',0);"', 'F\u00FCgt einen Link zu dieser Seite im Bearbeitungsfenster ein']);
 
} else if (JSINFO && JSINFO.isauth) {
    if (!indexmenu_contextmenu['pg']) indexmenu_contextmenu['pg'] = {'view': []};
    if (!indexmenu_contextmenu['ns']) indexmenu_contextmenu['ns'] = {'view': []};
    /**
     * Right Context Menu configuration for authenticated users:
     */
    indexmenu_contextmenu['pg']['view'].splice(0, 1, []);
    indexmenu_contextmenu['pg']['view'].splice(1, 2, []);
 
    //indexmenu_contextmenu['all']['pg']['view'].splice(1, 3, []);
    //indexmenu_contextmenu['all']['ns']['view'].splice(0, 2, []);
 
    //override or add here the menu entries for authenticated users, see for examples above
    indexmenu_contextmenu['all']['ns']['view'].splice(1, 0, ['Neue Seite', '"javascript: IndexmenuContextmenu.reqpage(\'"+index.config.urlbase+"\',\'"+index.config.sepchar+"\',\'"+node.dokuid+"\');"', 'Erstellt eine neue Seite in diesem Namespace']);
    indexmenu_contextmenu['all']['pg']['edit'].splice(1, 0, ['als Wiki-Link einf\u00FCgen', '"javascript: IndexmenuContextmenu.insertTags(\'"+id+"\',\'"+index.config.sepchar+"\');"+index.obj+".divdisplay(\'r\',0);"', 'F\u00FCgt einen Link zu dieser Seite im Bearbeitungsfenster ein']);
}
 
/**
 * Common available functions:
 *
 * Some common functions are added by [indexmenu plugin folder]/scripts/contextmenu.js
 *  - IndexmenuContextmenu.srchpage(u, s, isdir, nid)
 *  - IndexmenuContextmenu.getid(u, id)
 *  - IndexmenuContextmenu.reqpage(b, s, id, n)
 *  - IndexmenuContextmenu.insertTags(lnk, sep)
 *
 * Insert your custom functions (available for all users) at the bottom of this file.
 */
 
/**
 * Random Example function do something
 *
 * @param {string}   id
 * @param {Boolean}  isdir
 * @return {*} ...
 */
/*
function indexmenu_custom_dosomething(a, isdir) {
   //do something
   return false;
}
*/