Labelbar [en]
This is an extra feature of moove theme. You can see it on the below image as "Informações da disciplina" and "Informações complementares".
In order to organize the resources within the course sections, conventions were created in the use of the labels.
Attention: You can use the lable plugin in any way you want, but when you want to create the organization using the suggested labelbar, it should be used according to the convention.
The icons displayed on the bars are from an open source library called "Awesome Font". This is the link with all available icons: http://fortawesome.github.io/Font-Awesome/cheatsheet/
First of all you need to go to course page and turn edit on, then, add a new label. Inside the Label text activate the HTML mode and follow the convention of use.
Convention of use is explained below.
<p class="labelbar primary"><i class="fa fa-info-circle"></i>Informações da disciplina</p>
For the correct working, it must be configured as above, replacing the "fa-info-circle" item with the icon to be used. Access font awesome documentation for all available icon options.
Keeping this struture is of vital importance, without it the label bar will not work properly.
There are several color options for the label bar. To use it just replace the primary text with any other option of the table below. The following are all class names and their color code.
| Class name | Color code |
|---|---|
| primary | Cor principal do tema |
| green | #8bc34a |
| orange | #f39c12 |
| red | #c0392b |
| purple | #9b59b6 |
| asphalt | #34495e |
| turquoise | #1abc9c |
| emerald | #2ecc71 |
| peterriver | #3498db |
| amethyst | #9b59b6 |
| carrot | #e67e22 |
| alizarin | #e74c3c |
| concrete | #95a5a6 |