WCPS: Wireless Cyber-Physical Simulator

From Cyber-Physical Systems Laboratory
Revision as of 18:02, 5 February 2013 by Boli (talk | contribs)
Jump to navigationJump to search

WCPS: Wireless Cyber-Physical Simulator


The Monobook skin places the navigation bar on the top-left (top-right for right-to-left languages) along with the search bar and toolbox, but the placement may be different in other skins.

Customize the sidebar

As an administrator of your own wiki, to edit your own MediaWiki:Sidebar, replace your wiki page's <title> in the title bar with <MediaWiki:Sidebar>. (The editinterface permission needs to be enabled and is enabled for administrators by default; for information on assigning it to other groups, see Manual:User rights.) You may need to use the syntax //yourdomain/yourwiki/index.php?title=MediaWiki:Sidebar&action=edit if you use long URLs.

If you are sure you are logged in with the relevant rights but do not see the edit link, click on the create tab at the top of the page - this will take you to the edit page.

Example sidebar code:

File:Example sidebar.png
Sidebar example
* navigation
** mainpage|mainpage
** Special:Recentchanges|Recent changes
* new heading
** portal-url|portal
** http://www.mediawiki.org|MediaWiki home

Headings

The navigation bar can be split into sections, each with a heading of its own. The heading for each section is taken from the first-level list element ("navigation" and "new heading" in the example above).

If this text corresponds to the name of an interface message (an existing page of that title in the MediaWiki namespace), then the text of that page is used as a label; otherwise, the header title is used as-is.

Bug: no sidebar is shown in the Nostalgia skin (bug 10794).

Links

Second-level list elements are links ("mainpage|mainpage" in the example above), where the format is: 

** target|link text
target
The link target can be the name of an interface message (page in the MediaWiki namespace) or wiki page, or an external link. In either case, the link can be internal, interwiki, or external. In some cases (such as links with the "&" character), an interface message is necessary. The link target cannot be made dependent on the interface language set in the preferences.
Algorithm followed:
  1. Get the target text.
  2. If there is an existing or default interface message with that name, use the content of that message instead of the target text.
  3. If the output from the previous step is a valid url (beginning with http:// or other url protocol), the link will point to that url.
  4. Else, it will treat it as the link target of a wikilink (linking to that page name or interwiki).
  5. In case it would end up linking to '-', the whole entry is removed from the sidebar (that's useful for removing an entry on all languages by changing the message holding the link).


Examples:
  • "** portal-url|portal" uses the text of MediaWiki:Portal-url (which contains "Project:Community portal").
  • "** Special:Recentchanges|Recent changes" links to Special:Recentchanges, since there is no interface message of that name.
  • "** w:Foo|Some interwiki page" links to w:Foo for the same reason.
  • "** http://www.mediawiki.org|MediaWiki home" links to http://www.mediawiki.org for the same reason.


text
The link text can be the name of an interface message (page in the MediaWiki namespace) or plain text.
  • If the link text is the name of an existing or default interface message, the content of that message will be used. MediaWiki will check for localized versions; for example, if the current language is fr (French) and the link text is the interface message "forum", it will check for "forum/fr" before using "forum".
  • Otherwise, the link text is used as the target as-is.
  • Notice that the link text is not optional as in normal wiki links. If the link text is missing, the item is ignored.
Examples:
  • ** Homepage|mainpage uses MediaWiki:Mainpage (which contains "Cyber-Physical Systems Laboratory").
  • ** Special:Recentchanges|Recent changes uses "Recent changes", since there is no interface message of that name.

Order of elements

By default, the sidebar consists of elements in this order: navigation, search, toolbox, languages. The order can be changed (in MediaWiki 1.13+) by adding special keywords (SEARCH, TOOLBOX and LANGUAGES) to MediaWiki:Sidebar using the heading syntax. For example, the following code moves the search box to the top of the sidebar: 

* SEARCH

* navigation
** mainpage|mainpage
** Special:Recentchanges|Recent changed
* new heading
** portal-url|portal
** http://www.mediawiki.org|MediaWiki home

Translations

You can translate the strings, which you use, by editing the according pages in the MediaWiki namespace.

Example: The string, which will replace the item named "mainpage", is taken from MediaWiki:Mainpage. To set/change this text for users, who display your wiki in German, you can put the according text on the page MediaWiki:Mainpage/de.

That way you can easily translate these texts through the MediaWiki interface.

For more advanced translation, see Help:Extension:Translate/Unstructured element translation.

Advanced customization

The sidebar can be fully customized by implementing JavaScript or Cascading Style Sheets, or by editing the PHP files directly. Before using these methods, note that:

  • JavaScript is fragile: it will not work for users with JavaScript disabled, and scripts frequently fail in different browsers or skins.
  • Editing the PHP files can easily cause unexpected errors, and your changes will be lost in the next update unless you manually change the new files.

Force UI-messages to follow content

Some pages should sometimes follow the content language, especially for multilingual sites. This can be controlled with the setting $wgForceUIMsgAsContentMsg. Each message overridden in this way must be explicitly given, for example to let the sidebar link to versions given by the content language for the main page and the portal page add the following to LocalSettings.php

code
<source lang="javascript">

$wgForceUIMsgAsContentMsg = array( 'mainpage', 'portal-url' );

</source>

Add or remove sections (JavaScript)

The toolbox, which appears under the search bar, is a dynamic element and cannot be easily customized without the use of skinning extensions (otherwise it requires programming in PHP.) If you still want to do so, you can copy skins/MonoBook.php, creating a new skin. You can then make a custom skin to generate these links in your preferred fashion.

Another javascript solution is below.

For this solution to work on the entire mediawiki site, this script has to be copied to MediaWiki:Common.js (MediaWiki:Common.js is available for Mediawiki 1.9 +).

For this solution to work only for a specific user, add this script to Special:Mypage/monobook.js (or another js-page, depending on your prefered skin).

Now simply configure which link should appear in which section. You also can remove some links if you want to.

code
<source lang="javascript">

function ModifySidebar(action, section, name, link) { 

   try {
       switch (section) {
         case "languages":
           var target = "p-lang";
           break;
         case "toolbox":
           var target = "p-tb";
           break;
         case "navigation":
           var target = "p-navigation";
           break;
         default:
           var target = "p-" + section;
           break;
       }

       if (action == "add") {
           var node = document.getElementById(target)
                              .getElementsByTagName('div')[0]
                              .getElementsByTagName('ul')[0];

           var aNode = document.createElement('a');
           var liNode = document.createElement('li');

           aNode.appendChild(document.createTextNode(name));
           aNode.setAttribute('href', link);
           liNode.appendChild(aNode);
           liNode.className='plainlinks';
           node.appendChild(liNode);
       }

       if (action == "remove") {
           var list = document.getElementById(target)
                              .getElementsByTagName('div')[0]
                              .getElementsByTagName('ul')[0];

           var listelements = list.getElementsByTagName('li');

           for (var i = 0; i < listelements.length; i++) {
               if (listelements[i].getElementsByTagName('a')[0].innerHTML == name ||
                   listelements[i].getElementsByTagName('a')[0].href == link) {

                   list.removeChild(listelements[i]);
               }
           }
       }

   } catch(e) {
     // lets just ignore what's happened
     return;
   }

}

function CustomizeModificationsOfSidebar() { 

   //adds Special:CategoryTree to toolbox
   ModifySidebar("add", "toolbox", "CategoryTree", "http://en.wikipedia.org/wiki/Special:CategoryTree");
   //removes Special:Upload from toolbox
   ModifySidebar("remove", "toolbox", "Upload file", "http://en.wikipedia.org/wiki/Special:Upload");

}

addOnloadHook(CustomizeModificationsOfSidebar);

</source>
Usage
function CustomizeModificationsOfSidebar() has to be customized for adding or removing links in specific sections:
ModifySidebar("action", "section", "name", "link");
parameter value
action add to add a link; remove to remove a link
section navigation, toolbox, languages but also any other existing customized section; the given link will be added to or removed from this section
name contains the text of the link
link contains the URL of the link
restricting modifications to specific usergroups

If you want to restrict the modification of the links to a specific usergroup (e.g. bureaucrat), change <source lang="javascript">addOnloadHook(CustomizeModificationsOfSidebar);</source> to <source lang="javascript"> if (isArray(wgUserGroups)) { 

   if (wgUserGroups.Contains('bureaucrat')) {
       addOnloadHook(CustomizeModificationsOfSidebar);
   }

} </source> and add <source lang="javascript"> function isObject(obj) { 

   return typeof obj == "object" && obj != null;

}

function isArray(obj) { 

   return isObject(obj) && obj.constructor.toString().indexOf("Array") != -1;

}

Array.prototype.Contains = function(element,strict) { 

    for(i in this) {
         if(this[i] == element && !strict || this[i] === element) return true;
         }
    return false;
}

</source>

For restricting the modifications to IPs instead of a specific usergroup use <source lang="javascript"> if (!isArray(wgUserGroups)) { 

       addOnloadHook(CustomizeModificationsOfSidebar);
}

</source>

Make Expanding/Collapsing Sidebar for all users | only monobook

If you use the monobook-style and don't want to miss the expandable Menubar from e.g. Vector-Skin, paste the following code in MediaWiki:Common.js of your wiki. <source lang="javascript"> /////////////////////////////////////////////////////// // Codesnippet to make your sidebaritems expandable // // Use this code ONLY for monobook-Style. // ///////////////////////////////////////////////////////

$(document).ready(function(){ 

 //set the default expanded Items by their headline
 var defaultExpandItems= ['Navigation', 'Orga'];
 //set the basic-name for the cookies, which save the current state of expanding
 var expandCookieName = "disdance_project_wiki_nav_expanded_";

 var maxHeights=[]
 var expandeds=[];
 var labels=[];
 initNav();

});

function initNav(){ 

   $('#p-logo').css({'position':'relative', 'display':'block'});;
   $('.generated-sidebar h5,#p-tb h5 ').each(function(i){
      
         var id = $(this).parent().attr('id');           
         maxHeights[id]=$(this).next('div').height();
         var str = $(this).html();
         labels[id]=str;     
         
         if ($.cookie(expandCookieName+id)=='false'  ){               
               expandeds[id]=false;
               minimize( $(this));
               
        } else if ($.cookie(expandCookieName+id)=='true'  ){
               expandeds[id]=true;
               maximize( $(this));
       
        } else if (defaultExpandItems.indexOf(str)==-1){
               expandeds[id]=false;
               minimize( $(this));
        } else {
               expandeds[id]=true;
               maximize( $(this));
        }
        $(this).css({'cursor':'pointer'});
        $(this).click(toggleNav);
   });

}

function minimize(target){ 

   var id=$(target).parent().attr('id');
   //You can change the expires-parameter to save the Cookie longer/shorter than 7 days like in this Code
   $.cookie(expandCookieName+id,'false', { expires: 7});
   var str = labels[id]+"  ►";
   $(target).next('div').animate({'height':'0px'});
   $(target).html(str);

}

function maximize(target){ 

   var id=$(target).parent().attr('id');
   //You can change the expires-parameter to save the Cookie longer/shorter than 7 days like in this Code
   $.cookie(expandCookieName+id,'true', { expires: 7});
   var str = labels[id]+"  ▼";
   var  newHeight = maxHeights[id];
   $(target).next('div').animate({'height':newHeight+'px'});
   $(target).html(str);

}

function toggleNav(e){ 

   var id=$(e.target).parent().attr('id');
   expandeds[id]=!expandeds[id];
   if(expandeds[id]==true){ 
      maximize(e.target);
   } 
   else{ 
      minimize(e.target);
   }

}

/////////////////////////////////////////////////////// /////////////////////////////////////////////////////// </source>

Sidebar width Monobook skin (CSS)

You can change the width of your sidebar by adding the following CSS rules to your MediaWiki:Monobook.css, note that this is an article not a file. This changes the width to 15em, the actions position and portlet width should be an em or so less, so I've set them to 14em in this example. <source lang="css"> /* increase sidebar width */

  1. column-content { margin-left: -15em }
  2. column-content #content { margin-left: 15em }
  3. p-logo a, #p-logo a:hover { width: 15em }
  4. p-cactions { left: 14.5em }

.portlet { width: 14em } div#column-content { margin-left: -14em } div#content { margin-left: 14em } </source>

Sidebar width in Vector Skin (CSS)

You can change the width of your sidebar by adding the following CSS rules to your MediaWiki:Vector.css. The standard width in vector skin is 10em. The following example changes the width to 12em:

<source lang="css"> /* increase Vector sidebar width */ div#mw-panel {width:12em;} div#footer, #mw-head-base, div#content {margin-left: 12em;}

  1. left-navigation {left: 12em;}

</source>

Change sidebar content when logged in (PHP)

You can modify the sidebar using a hook. Create a small extension of your own or put the code directly into your LocalSettings.php file.

Some example code adding a 'navigation' sidebar block with a login link for logged out users. Template:Warning <source lang="php"> <?php $wgHooks['SkinBuildSidebar'][] = 'lfHideSidebar'; function lfHideSidebar($skin, &$bar) { global $wgUser; // Hide sidebar for anonymous users if ( !$wgUser->isLoggedIn() ) { $bar = array( 'navigation' => array( array( 'text' => wfMsg( 'login' ), 'href' => SpecialPage::getTitleFor( 'Login' )->getLocalUrl(), 'id' => 'n-login', 'active' => ) ) ); } return true; } </source>

Parser functions in sidebar

Although its not exactly recommended, the sidebar does support ParserFunctions, provided the ** is outside the parser function, and the parser function does not span multiple lines. For example: 

*Heading
**{{#ifeq:{{NAMESPACE}}|User|Page-to-link-to{{!}}text-to-show-on-user-page}}
**{{#ifeq:{{NAMESPACE}}|Talk|Another-Page-to-link-to{{!}}text-to-show-on-talk-page}}

works. However the following would not work since the parser function spans multiple lines: 

*Heading
{{#ifeq:1|1|
**foo{{!}}bar
|
**baz{{!}}fred
}}

Template:Warning

Troubleshooting

Changes not showing up

MediaWiki aggressively caches content if possible, which often causes the navigation bar to persist after changes. Purging the cache of affected pages should correct the situation. To perform a mass-purge of all caches at once, touch the LocalSettings.php file or truncate the objectcache table in your database (you may have to do both).

You also need to have $wgUseDatabaseMessages set to true.

Lowercase link labels

If your links are not being capitalized as intended, try adding spaces around the bar character; for example: 

** http://www.example.com/download.php?file=44555 | Download

Sections disappear or show unexpected content

If a section does not display or displays unexpected content, check that the header text isn't the name of an interface message by searching Special:Allmessages. If it is, use a different header text, or create a new interface message and use it.

For example, if you want to use "Sidebar" as header text, create the interface message "MediaWiki:Sidebar-header" containing only "Sidebar". Then, use * sidebar-header as header.

Sections are not displayed if there are no links of the form ** target|link text (e.g. when the target was forgotten).

Broken links after updating Special:Version

This will happen e.g., each time there are newer translations for your site language's sidebar items. One could add new redirect pages each time, but a better solution would be to use one's own sidebar item names instead of trying to keep track of the current MediaWiki translations.

Ancient version of MediaWiki

If you have a pre-release version of 1.5 Beta, or earlier, it is still possible in some cases to edit the sidebar:

See also

Template:Languages

Retrieved from "http://wsn.cse.wustl.edu/index.php?title=WCPS:_Wireless_Cyber-Physical_Simulator&oldid=2381"