====== Eigene Anpassungen ======

===== Navigationsleiste =====
Plugin //indexmenu// installieren.
Danach die Wiki-Seite //wiki:navigation// anlegen mit folgendem Inhalt:
<code>{{indexmenu>..#1|js#simple navbar noscroll notoc id#random}}</code>

==== dynamische verbreiterung ====
Navigationsleiste dynamisch verbreitern bei Maus-Over.

In der ''/vector/user/user.js'' des Vector Templates einfügen.
<code javascript>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"
    };
}</code>

Nun noch in der //vector/user/screen.css// dieses unten einfügen:
<code css>#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;
}</code>

==== Autom. Focus auf Suchfeld ====
In der 'vector/user/user.js' unter der Funktion ''jQuery(document).ready(function($)'' folgendes einfügen:
<code javascript> if(jQuery('#focus__this').length === 0){ jQuery('#qsearch__in').focus(); }
    $('#qsearch__in').attr("autocomplete", "off");</code>

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

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

===== Indexmenu =====
==== Kontextmenu ====
  vi /.../wiki/lib/plugins/indexmenu/scripts/contextmenu.local.js
<code javascript>/**
 * 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;
}
*/</code>