Merge pull request #1827 from aragonc/1.11.x

add icons in skills
8 years ago · ac01db45ef
parent 0f6208345d a9a0df7422
commit ac01db45ef
24 changed files with 707 additions and 71 deletions
--- a/main/admin/skill_badge.php
+++ b/main/admin/skill_badge.php
@ -28,13 +28,16 @@ $interbreadcrumb = array(
    )
 );

-$toolbar = Display::toolbarButton(
+$toolbar = Display::url(
+    Display::return_icon(
+        'list_badges.png',
        get_lang('ManageSkills'),
+        null,
+        ICON_SIZE_MEDIUM),
    api_get_path(WEB_CODE_PATH).'admin/skill_list.php',
-    'list',
-    'primary',
    ['title' => get_lang('ManageSkills')]
    );
+
 $tpl = new Template(get_lang('Badges'));
 $tpl->assign('backpack', $backpack);

--- a/main/admin/skill_badge_list.php
+++ b/main/admin/skill_badge_list.php
@ -39,13 +39,16 @@ $interbreadcrumb = array(
    )
 );

-$toolbar = Display::toolbarButton(
+$toolbar = Display::url(
+    Display::return_icon(
+        'list_badges.png',
        get_lang('ManageSkills'),
+        null,
+        ICON_SIZE_MEDIUM),
    api_get_path(WEB_CODE_PATH).'admin/skill_list.php',
-    'list',
-    'primary',
    ['title' => get_lang('ManageSkills')]
    );
+
 $tpl = new Template(get_lang('Skills'));
 $tpl->assign('errorMessage', $errorMessage);
 $tpl->assign('skills', $skills);
--- a/main/admin/skill_list.php
+++ b/main/admin/skill_list.php
@ -116,34 +116,46 @@ switch ($action) {
    default:
        $interbreadcrumb[] = array ("url" => 'index.php', "name" => get_lang('PlatformAdmin'));
        
-        $toolbar = Display::toolbarButton(
+        $toolbar = Display::url(
+            Display::return_icon(
+                'add.png',
                get_lang('CreateSkill'),
+                null,
+                ICON_SIZE_MEDIUM),
            api_get_path(WEB_CODE_PATH) . 'admin/skill_create.php',
-            'plus',
-            'success',
            ['title' => get_lang('CreateSkill')]
            );
-        $toolbar .= Display::toolbarButton(
+        
+        $toolbar .= Display::url(
+            Display::return_icon(
+                'wheel_skill.png',
                get_lang('SkillsWheel'),
+                null,
+                ICON_SIZE_MEDIUM),
            api_get_path(WEB_CODE_PATH).'admin/skills_wheel.php',
-            'bullseye',
-            'primary',
-            ['title' => get_lang('CreateSkill')]
+            ['title' => get_lang('SkillsWheel')]
            );
-        $toolbar .= Display::toolbarButton(
+              
+        $toolbar .= Display::url(
+            Display::return_icon(
+                'edit-skill.png',
                get_lang('BadgesManagement'),
+                null,
+                ICON_SIZE_MEDIUM),
            api_get_path(WEB_CODE_PATH).'admin/skill_badge_list.php',
-            'shield',
-            'warning',
            ['title' => get_lang('BadgesManagement')]
            );
-        $toolbar .= Display::toolbarButton(
+        
+        $toolbar .= Display::url(
+            Display::return_icon(
+                'import_csv.png',
                get_lang('ImportSkillsListCSV'),
+                null,
+                ICON_SIZE_MEDIUM),
            api_get_path(WEB_CODE_PATH).'admin/skills_import.php',
-            'arrow-up',
-            'info',
-            ['title' => get_lang('BadgesManagement')]
+            ['title' => get_lang('ImportSkillsListCSV')]
            );
+        
        $extraField = new ExtraField('skill');
        $arrayVals = $extraField->get_handler_field_info_by_tags('tags');
        $tags = [];
--- a/main/admin/skills_import.php
+++ b/main/admin/skills_import.php
@ -249,29 +249,34 @@ if (!empty($see_message_import)) {
    Display::display_normal_message($see_message_import);
 }

-$toolbar = Display::toolbarButton(
+$toolbar = Display::url(
+    Display::return_icon(
+        'list_badges.png',
        get_lang('ManageSkills'),
-    api_get_path(WEB_CODE_PATH).'admin/skill_list.php',
-    'list',
-    'success',
-    ['title' => get_lang('CreateSkill')]
+        null,
+        ICON_SIZE_MEDIUM),
+    api_get_path(WEB_CODE_PATH).'admin/skill_list.php'
    );
-$toolbar .= '&nbsp;&nbsp;';
-$toolbar .= Display::toolbarButton(
+
+$toolbar .= Display::url(
+    Display::return_icon(
+        'wheel_skill.png',
        get_lang('SkillsWheel'),
-    api_get_path(WEB_CODE_PATH).'admin/skills_wheel.php',
-    'bullseye',
-    'primary',
-    ['title' => get_lang('CreateSkill')]
+        null,
+        ICON_SIZE_MEDIUM),
+    api_get_path(WEB_CODE_PATH).'admin/skills_wheel.php'
    );
-$toolbar .= '&nbsp;&nbsp;';
-$toolbar .= Display::toolbarButton(
+
+$toolbar .= Display::url(
+    Display::return_icon(
+        'edit-skill.png',
        get_lang('BadgesManagement'),
-    api_get_path(WEB_CODE_PATH).'admin/skill_badge_list.php',
-    'shield',
-    'warning',
-    ['title' => get_lang('BadgesManagement')]
+        null,
+        ICON_SIZE_MEDIUM),
+    api_get_path(WEB_CODE_PATH).'admin/skill_badge_list.php'
    );
+
+
 $actions = '<div class="actions">' . $toolbar . '</div>';

 echo $actions;
--- a/main/img/icons/128/edit-skill.png
+++ b/main/img/icons/128/edit-skill.png
--- a/main/img/icons/128/list_badges.png
+++ b/main/img/icons/128/list_badges.png
--- a/main/img/icons/128/wheel_skill.png
+++ b/main/img/icons/128/wheel_skill.png
--- a/main/img/icons/16/list_badges.png
+++ b/main/img/icons/16/list_badges.png
--- a/main/img/icons/16/wheel_skill.png
+++ b/main/img/icons/16/wheel_skill.png
--- a/main/img/icons/22/edit-skill.png
+++ b/main/img/icons/22/edit-skill.png
--- a/main/img/icons/22/list_badges.png
+++ b/main/img/icons/22/list_badges.png
--- a/main/img/icons/22/wheel_skill.png
+++ b/main/img/icons/22/wheel_skill.png
--- a/main/img/icons/32/edit-skill.png
+++ b/main/img/icons/32/edit-skill.png
--- a/main/img/icons/32/list_badges.png
+++ b/main/img/icons/32/list_badges.png
--- a/main/img/icons/32/wheel_skill.png
+++ b/main/img/icons/32/wheel_skill.png
--- a/main/img/icons/48/edit-skill.png
+++ b/main/img/icons/48/edit-skill.png
--- a/main/img/icons/48/list_badges.png
+++ b/main/img/icons/48/list_badges.png
--- a/main/img/icons/48/wheel_skill.png
+++ b/main/img/icons/48/wheel_skill.png
--- a/main/img/icons/64/edit-skill.png
+++ b/main/img/icons/64/edit-skill.png
--- a/main/img/icons/64/list_badges.png
+++ b/main/img/icons/64/list_badges.png
--- a/main/img/icons/64/wheel_skill.png
+++ b/main/img/icons/64/wheel_skill.png
--- a/main/img/icons/svg/edit-skill.svg
+++ b/main/img/icons/svg/edit-skill.svg
@ -15,7 +15,7 @@
   viewBox="0 0 128 128"
   id="svg10709"
   version="1.1"
-   inkscape:version="0.91 r"
+   inkscape:version="0.91 r13725"
   sodipodi:docname="edit-skill.svg">
  <defs
     id="defs10711">
@ -295,17 +295,17 @@
     borderopacity="1.0"
     inkscape:pageopacity="0.0"
     inkscape:pageshadow="2"
-     inkscape:zoom="1.979899"
-     inkscape:cx="141.90679"
-     inkscape:cy="43.066534"
+     inkscape:zoom="1.4"
+     inkscape:cx="71.319548"
+     inkscape:cy="48.980338"
     inkscape:document-units="px"
     inkscape:current-layer="layer1"
     showgrid="false"
     units="px"
-     inkscape:window-width="1920"
-     inkscape:window-height="1051"
-     inkscape:window-x="1366"
-     inkscape:window-y="0"
+     inkscape:window-width="1325"
+     inkscape:window-height="747"
+     inkscape:window-x="41"
+     inkscape:window-y="21"
     inkscape:window-maximized="1" />
  <metadata
     id="metadata10714">
@ -315,7 +315,7 @@
        <dc:format>image/svg+xml</dc:format>
        <dc:type
           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title></dc:title>
+        <dc:title />
      </cc:Work>
    </rdf:RDF>
  </metadata>
@ -327,9 +327,9 @@
    <g
       transform="matrix(5.8181818,0,0,5.8181818,-2611.7262,-1615.1297)"
       id="g25712"
-       inkscape:export-filename="/var/www/chamilo/main/img/icons/22/edit-skill.png"
-       inkscape:export-xdpi="90"
-       inkscape:export-ydpi="90">
+       inkscape:export-filename="/var/www/chamilo11/main/img/icons/128/edit-skill.png"
+       inkscape:export-xdpi="90.000008"
+       inkscape:export-ydpi="90.000008">
      <rect
         style="opacity:1;fill:#719cd0;fill-opacity:0;stroke:none;stroke-width:0.60000002;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
         id="rect25627"
--- a/main/img/icons/svg/list_badges.svg
+++ b/main/img/icons/svg/list_badges.svg
@ -0,0 +1,345 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:osb="http://www.openswatchbook.org/uri/2009/osb"
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="128"
+   height="128"
+   viewBox="0 0 128 128"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="list_badges.svg">
+  <defs
+     id="defs4">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient20112">
+      <stop
+         style="stop-color:#acdcff;stop-opacity:1"
+         offset="0"
+         id="stop20114" />
+      <stop
+         style="stop-color:#004d90;stop-opacity:1"
+         offset="1"
+         id="stop20116" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient20106"
+       inkscape:collect="always">
+      <stop
+         id="stop20108"
+         offset="0"
+         style="stop-color:#acdcff;stop-opacity:1" />
+      <stop
+         id="stop20110"
+         offset="1"
+         style="stop-color:#0e5592;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient20058">
+      <stop
+         style="stop-color:#004180;stop-opacity:1"
+         offset="0"
+         id="stop20060" />
+      <stop
+         style="stop-color:#62cfff;stop-opacity:1"
+         offset="1"
+         id="stop20062" />
+    </linearGradient>
+    <linearGradient
+       id="XMLID_8_"
+       gradientUnits="userSpaceOnUse"
+       x1="74.5"
+       y1="5.0479002"
+       x2="74.5"
+       y2="124.2402"
+       gradientTransform="matrix(1.0333334,0,0,1.0333334,-12.351081,919.84935)">
+      <stop
+         offset="0"
+         style="stop-color:#FFFFFF"
+         id="stop4539" />
+      <stop
+         offset="1"
+         style="stop-color:#E1E1DF"
+         id="stop4541" />
+    </linearGradient>
+    <linearGradient
+       id="XMLID_9_"
+       gradientUnits="userSpaceOnUse"
+       x1="74.5"
+       y1="11.0811"
+       x2="74.5"
+       y2="121.4673"
+       gradientTransform="matrix(1.0333334,0,0,1.0333334,-12.569554,919.84935)">
+      <stop
+         offset="0"
+         style="stop-color:#FDFDFD"
+         id="stop4546" />
+      <stop
+         offset="0.2985"
+         style="stop-color:#F3F2F2"
+         id="stop4548" />
+      <stop
+         offset="0.8174"
+         style="stop-color:#D7D6D6"
+         id="stop4550" />
+      <stop
+         offset="1"
+         style="stop-color:#CCCBCA"
+         id="stop4552" />
+    </linearGradient>
+    <radialGradient
+       id="XMLID_10_"
+       cx="110"
+       cy="32.869099"
+       r="15.5963"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.0333334,0,0,1.0333334,-12.351081,919.84935)">
+      <stop
+         offset="0.2135"
+         style="stop-color:#8E8E8F"
+         id="stop4557" />
+      <stop
+         offset="0.927"
+         style="stop-color:#EEEEEE"
+         id="stop4559" />
+    </radialGradient>
+    <linearGradient
+       id="XMLID_11_"
+       gradientUnits="userSpaceOnUse"
+       x1="92.023399"
+       y1="9.9473"
+       x2="104.2735"
+       y2="32.947201"
+       gradientTransform="matrix(1.0333334,0,0,1.0333334,-12.351081,919.84935)">
+      <stop
+         offset="0"
+         style="stop-color:#FFFEFE"
+         id="stop4566" />
+      <stop
+         offset="1"
+         style="stop-color:#CFD0D0"
+         id="stop4568" />
+    </linearGradient>
+    <linearGradient
+       id="XMLID_12_"
+       gradientUnits="userSpaceOnUse"
+       x1="99.530296"
+       y1="5.1806998"
+       x2="105.9053"
+       y2="31.930599"
+       gradientTransform="matrix(1.0333334,0,0,1.0333334,-12.351081,919.84935)">
+      <stop
+         offset="0"
+         style="stop-color:#FCFDFD"
+         id="stop4573" />
+      <stop
+         offset="1"
+         style="stop-color:#EEEEEE"
+         id="stop4575" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5314"
+       osb:paint="solid">
+      <stop
+         style="stop-color:#ededed;stop-opacity:1;"
+         offset="0"
+         id="stop5316" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient20058"
+       id="linearGradient20064"
+       x1="75.318718"
+       y1="989.27789"
+       x2="75.318718"
+       y2="971.93286"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient20058"
+       id="linearGradient20072"
+       x1="74.99752"
+       y1="1010.0186"
+       x2="74.99752"
+       y2="995.24323"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient20058"
+       id="linearGradient20080"
+       x1="72.749084"
+       y1="1030.7592"
+       x2="72.749084"
+       y2="1016.3049"
+       gradientUnits="userSpaceOnUse" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient20106"
+       id="radialGradient20088"
+       cx="34.330726"
+       cy="981.8902"
+       fx="34.330726"
+       fy="981.8902"
+       r="8.0186435"
+       gradientTransform="matrix(0.79829904,0,0,0.79829904,5.1558967,198.04805)"
+       gradientUnits="userSpaceOnUse" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient20112"
+       id="radialGradient20096"
+       cx="34.330727"
+       cy="1003.2732"
+       fx="34.330727"
+       fy="1003.2732"
+       r="8.0186434"
+       gradientTransform="matrix(0.79829904,0,0,0.79829904,5.1558967,202.36053)"
+       gradientUnits="userSpaceOnUse" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient20106"
+       id="radialGradient20104"
+       cx="34.330727"
+       cy="1024.6562"
+       fx="34.330727"
+       fy="1024.6562"
+       r="8.0186434"
+       gradientTransform="matrix(0.79829904,0,0,0.79829471,5.1558967,206.67853)"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="3.1132813"
+     inkscape:cx="69.978207"
+     inkscape:cy="61.50244"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     units="px"
+     inkscape:window-width="1325"
+     inkscape:window-height="747"
+     inkscape:window-x="41"
+     inkscape:window-y="21"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Capa 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-924.36216)">
+    <g
+       id="g20137"
+       inkscape:export-filename="/var/www/chamilo11/main/img/icons/16/list_badges.png"
+       inkscape:export-xdpi="11.25"
+       inkscape:export-ydpi="11.25">
+      <rect
+         y="924.36218"
+         x="0"
+         height="128"
+         width="128"
+         id="rect20135"
+         style="opacity:0;fill:#e6e6e6;fill-opacity:1;stroke:none;stroke-width:1.4698652;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+      <g
+         id="g20118">
+        <path
+           d="m 19.337121,927.08268 c -1.911667,0 -3.7882,1.891 -3.7882,3.81714 0,109.93638 0,109.93638 0,113.46728 0,4.0475 4.133333,4.6489 4.133333,4.6489 l 89.900006,0 c 0,0 4.13333,-0.2769 4.13333,-4.1519 0,-3.875 0,-81.09498 0,-81.09498 0,-5.37023 -28.597498,-36.68644 -36.027165,-36.68644 l -58.351304,0 z"
+           id="path4532"
+           inkscape:connector-curvature="0"
+           style="opacity:0.2" />
+        <path
+           d="m 19.337121,928.11602 c -1.911667,0 -3.7882,1.891 -3.7882,3.81713 0,109.93635 0,109.93635 0,113.46725 0,4.0476 5.166667,4.649 5.166667,4.649 l 87.833342,0 c 0,0 5.16666,-0.277 5.16666,-4.152 0,-3.875 0,-81.09495 0,-81.09495 0,-5.37023 -28.597498,-36.68643 -36.027165,-36.68643 l -58.351304,0 z"
+           id="path4534"
+           inkscape:connector-curvature="0"
+           style="opacity:0.2" />
+        <path
+           d="m 19.337121,926.04935 c -1.911667,0 -3.7882,1.891 -3.7882,3.81713 0,109.93632 0,109.93632 0,113.46722 0,4.0476 3.1,4.649 3.1,4.649 l 91.966669,0 c 0,0 3.1,-0.2769 3.1,-4.1519 0,-3.875 0,-81.09501 0,-81.09501 0,-5.37024 -28.597498,-36.68644 -36.027165,-36.68644 l -58.351304,0 z"
+           id="path4536"
+           inkscape:connector-curvature="0"
+           style="opacity:0.6;fill:#262626" />
+        <path
+           d="m 112.68226,1043.9661 c 0,2.6702 -2.47793,2.9833 -2.47793,2.9833 l -91.040809,0 c 0,0 -2.581267,-0.4909 -2.581267,-3.1858 0,-20.4776 0,-112.69122 0,-113.89712 0,-1.364 1.4043,-2.7838 2.754867,-2.7838 1.027133,0 50.084637,0 58.351304,0 7.2664,0 34.993835,31.33687 34.993835,35.65414 0,4.77297 0,65.24988 0,81.22928 z"
+           id="path4543"
+           inkscape:connector-curvature="0"
+           style="fill:url(#XMLID_8_)" />
+        <path
+           d="m 111.43046,1043.1074 c 0,2.5637 -2.06667,2.8086 -2.06667,2.8086 l -89.900009,0 c 0,0 -2.066666,-0.1684 -2.066666,-2.3239 0,-18.6155 0,-112.50318 0,-113.72562 0,-1.364 1.3609,-2.7838 2.6691,-2.7838 0.996133,0 49.454303,0 57.46367,0 7.040101,0 33.900575,31.33687 33.900575,35.65414 0,4.78433 0,64.76318 0,80.37058 z"
+           id="path4554"
+           inkscape:connector-curvature="0"
+           style="fill:url(#XMLID_9_)" />
+        <path
+           d="m 111.64893,960.14935 c 0,7.41934 -2.914,13.43334 -10.33334,13.43334 -7.419331,0 -16.533331,-6.014 -16.533331,-13.43334 0,-7.41933 2.914,-9.3 10.333334,-9.3 7.419337,0 11.366667,4.13334 16.533337,9.3 z"
+           id="path4561"
+           inkscape:connector-curvature="0"
+           style="fill:url(#XMLID_10_)" />
+        <path
+           d="m 74.877758,927.04445 c 0.565233,0 0.978567,0.002 3.736534,1.23277 4.3214,1.95403 4.239766,22.96583 4.239766,27.5621 l -10e-4,0.13227 c 0,0.53836 0.4123,0.99096 0.9486,1.0354 6.172101,0.51253 24.095262,-0.87627 27.286202,4.1602 1.23896,1.6616 1.4105,2.95326 1.98193,2.95326 0.57143,0 0.64583,-0.8122 0.64583,-1.38363 0,-0.82357 -0.26556,-1.62647 -0.79153,-2.50893 -0.004,-0.009 -0.002,-0.0186 -0.006,-0.0269 -0.0145,-0.0289 -0.0393,-0.0672 -0.0548,-0.0971 l 0,-10e-4 c -2.38183,-4.85563 -26.649662,-31.3937 -33.432462,-33.67633 -0.0062,-0.002 -0.0072,-0.008 -0.0124,-0.0103 -0.0072,-0.003 -0.0155,-0.002 -0.0217,-0.004 -0.0217,-0.008 -0.05063,-0.0238 -0.07233,-0.032 -0.09713,-0.03 -0.193234,-0.0424 -0.2883,-0.0444 -0.4433,-0.1488 -0.8897,-0.28623 -1.347467,-0.28623 -0.524934,0 -2.750734,0.47223 -2.810667,0.9951 z"
+           id="path4563"
+           inkscape:connector-curvature="0"
+           style="opacity:0.5;fill:#343434" />
+        <path
+           d="m 112.68226,962.73682 c -3.4875,-8.91663 -28.795901,-6.76007 -28.795901,-6.76007 -0.134334,2.7559 1.548966,-28.89407 -6.197934,-28.89407 7.267434,0 34.993835,32.87447 34.993835,35.65414 z"
+           id="path4570"
+           inkscape:connector-curvature="0"
+           style="fill:url(#XMLID_11_)" />
+        <path
+           d="m 112.68226,962.73682 c -1.55,-8.2057 -27.641668,-8.33487 -27.641668,-8.33487 -0.02583,2.75487 0.283133,-27.31927 -7.352167,-27.31927 7.267434,0 34.993835,32.87447 34.993835,35.65414 z"
+           id="path4577"
+           inkscape:connector-curvature="0"
+           style="fill:url(#XMLID_12_)" />
+        <path
+           d="m 38.963358,1024.6562 q 0,2.6672 -1.867039,4.5343 -1.867039,1.867 -4.534236,1.867 -2.667199,0 -4.534237,-1.867 -1.867039,-1.8671 -1.867039,-4.5343 0,-2.6672 1.867039,-4.5342 1.867038,-1.867 4.534237,-1.867 2.667197,0 4.534236,1.867 1.867039,1.867 1.867039,4.5342 z"
+           id="path20056"
+           style="fill:url(#radialGradient20104);fill-opacity:1;stroke:#004d90;stroke-width:1.19744861;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+           inkscape:connector-curvature="0" />
+        <path
+           d="m 38.963358,1003.2733 q 0,2.6672 -1.867039,4.5343 -1.867039,1.867 -4.534236,1.867 -2.667199,0 -4.534237,-1.867 -1.867039,-1.8671 -1.867039,-4.5343 0,-2.6673 1.867039,-4.53424 1.867038,-1.86709 4.534237,-1.86709 2.667197,0 4.534236,1.86709 1.867039,1.86694 1.867039,4.53424 z"
+           id="path20054"
+           style="fill:url(#radialGradient20096);fill-opacity:1;stroke:#004d90;stroke-width:1.19744861;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+           inkscape:connector-curvature="0" />
+        <path
+           d="m 101.15276,1020.6469 0,8.0187 q 0,0.5429 -0.39676,0.9397 -0.39676,0.3967 -0.939686,0.3967 l -50.784741,0 q -0.542929,0 -0.939685,-0.3967 -0.396755,-0.3968 -0.396755,-0.9397 l 0,-8.0187 q 0,-0.5428 0.396755,-0.9396 0.396756,-0.3968 0.939685,-0.3968 l 50.784741,0 q 0.542926,0 0.939686,0.3968 0.39676,0.3968 0.39676,0.9396 z"
+           id="path20052"
+           style="fill:url(#linearGradient20080);fill-opacity:1" />
+        <path
+           d="m 38.963358,981.8902 q 0,2.6672 -1.867039,4.53424 -1.867039,1.86704 -4.534236,1.86704 -2.667199,0 -4.534237,-1.86704 -1.867039,-1.86704 -1.867039,-4.53424 0,-2.6672 1.867039,-4.53424 1.867038,-1.86704 4.534237,-1.86704 2.667197,0 4.534236,1.86704 1.867039,1.86704 1.867039,4.53424 z"
+           id="path20050"
+           style="fill:url(#radialGradient20088);fill-opacity:1;stroke:#004d90;stroke-width:1.19744861;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+           inkscape:connector-curvature="0" />
+        <path
+           d="m 101.15276,999.26392 0,8.01858 q 0,0.543 -0.39676,0.9398 -0.39676,0.3967 -0.939686,0.3967 l -50.784741,0 q -0.542929,0 -0.939685,-0.3967 -0.396755,-0.3968 -0.396755,-0.9398 l 0,-8.01858 q 0,-0.54297 0.396755,-0.93962 0.396756,-0.39677 0.939685,-0.39677 l 50.784741,0 q 0.542926,0 0.939686,0.39677 0.39676,0.39665 0.39676,0.93962 z"
+           id="path20048"
+           style="fill:url(#linearGradient20072);fill-opacity:1" />
+        <path
+           d="m 101.15276,977.88088 0,8.01865 q 0,0.54292 -0.39676,0.93968 -0.39676,0.39676 -0.939686,0.39676 l -50.784741,0 q -0.542929,0 -0.939685,-0.39676 -0.396755,-0.39676 -0.396755,-0.93968 l 0,-8.01865 q 0,-0.54294 0.396755,-0.93969 0.396756,-0.39676 0.939685,-0.39676 l 50.784741,0 q 0.542926,0 0.939686,0.39676 0.39676,0.39675 0.39676,0.93969 z"
+           id="path20037"
+           style="fill:url(#linearGradient20064);fill-opacity:1" />
+      </g>
+    </g>
+  </g>
+</svg>
--- a/main/img/icons/svg/wheel_skill.svg
+++ b/main/img/icons/svg/wheel_skill.svg
@ -0,0 +1,268 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:osb="http://www.openswatchbook.org/uri/2009/osb"
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="128"
+   height="128"
+   viewBox="0 0 128 128"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="wheel_skill.svg">
+  <defs
+     id="defs4">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient20218">
+      <stop
+         style="stop-color:#ececec;stop-opacity:1;"
+         offset="0"
+         id="stop20220" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="1"
+         id="stop20222" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient20202">
+      <stop
+         style="stop-color:#ff6c96;stop-opacity:1"
+         offset="0"
+         id="stop20204" />
+      <stop
+         style="stop-color:#e6001c;stop-opacity:1"
+         offset="1"
+         id="stop20206" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient20194">
+      <stop
+         style="stop-color:#3083de;stop-opacity:1"
+         offset="0"
+         id="stop20196" />
+      <stop
+         style="stop-color:#005984;stop-opacity:1"
+         offset="1"
+         id="stop20198" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient20106"
+       inkscape:collect="always">
+      <stop
+         id="stop20108"
+         offset="0"
+         style="stop-color:#acdcff;stop-opacity:1" />
+      <stop
+         id="stop20110"
+         offset="1"
+         style="stop-color:#0e5592;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient20058">
+      <stop
+         style="stop-color:#004180;stop-opacity:1"
+         offset="0"
+         id="stop20060" />
+      <stop
+         style="stop-color:#62cfff;stop-opacity:1"
+         offset="1"
+         id="stop20062" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5314"
+       osb:paint="solid">
+      <stop
+         style="stop-color:#ededed;stop-opacity:1;"
+         offset="0"
+         id="stop5316" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient20194"
+       id="linearGradient20200"
+       x1="214.93475"
+       y1="978.16394"
+       x2="214.93475"
+       y2="996.79376"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient20202"
+       id="linearGradient20208"
+       x1="210.17691"
+       y1="958.89166"
+       x2="217.98872"
+       y2="1011.5692"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient20218"
+       id="linearGradient20224"
+       x1="202.04506"
+       y1="1019.1985"
+       x2="228.99527"
+       y2="956.28467"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient20058"
+       id="linearGradient20240"
+       x1="294.05942"
+       y1="909.27283"
+       x2="306.46146"
+       y2="909.27283"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.59851796,0,0,0.59851796,-499.22569,320.33058)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient20058"
+       id="linearGradient20244"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.59851796,0,0,0.59851796,-856.66859,72.462859)"
+       x1="294.05942"
+       y1="909.27283"
+       x2="306.46146"
+       y2="909.27283" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient20106"
+       id="linearGradient20263"
+       x1="210.2278"
+       y1="994.40094"
+       x2="244.44534"
+       y2="974.48627"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1.5566406"
+     inkscape:cx="82.085439"
+     inkscape:cy="75.434555"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     units="px"
+     inkscape:window-width="1325"
+     inkscape:window-height="747"
+     inkscape:window-x="41"
+     inkscape:window-y="21"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Capa 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-924.36216)">
+    <g
+       id="g20299"
+       transform="translate(-1.1404123,0.91440609)"
+       inkscape:export-filename="/var/www/chamilo11/main/img/icons/16/wheel_skill.png"
+       inkscape:export-xdpi="11.25"
+       inkscape:export-ydpi="11.25">
+      <rect
+         y="923.44775"
+         x="1.1404123"
+         height="128"
+         width="128"
+         id="rect20135"
+         style="opacity:0;fill:#e6e6e6;fill-opacity:1;stroke:none;stroke-width:1.4698652;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+      <g
+         transform="matrix(1.5842046,0,0,1.5842046,-285.35849,-579.92549)"
+         id="g20269">
+        <g
+           id="g20246"
+           transform="translate(0,124.91924)">
+          <rect
+             transform="matrix(0.82175387,-0.56984259,0.56984259,0.82175387,0,0)"
+             ry="3.2625341"
+             y="851.49658"
+             x="-322.77695"
+             height="26.100273"
+             width="6.5250683"
+             id="rect20232"
+             style="opacity:1;fill:url(#linearGradient20240);fill-opacity:1;stroke:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+          <rect
+             style="opacity:1;fill:url(#linearGradient20244);fill-opacity:1;stroke:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+             id="rect20242"
+             width="6.5250683"
+             height="26.100273"
+             x="-680.21991"
+             y="603.62891"
+             ry="3.2625341"
+             transform="matrix(-0.82175387,-0.56984259,-0.56984259,0.82175387,0,0)" />
+        </g>
+        <g
+           id="g20226"
+           transform="translate(2.7626284,0)">
+          <circle
+             r="31.462986"
+             cy="988.76367"
+             cx="214.72522"
+             id="path20186"
+             style="opacity:1;fill:url(#linearGradient20224);fill-opacity:1;stroke:#d9d9d9;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+          <circle
+             style="opacity:1;fill:url(#linearGradient20208);fill-opacity:1;stroke:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+             id="circle20188"
+             cx="214.72522"
+             cy="988.76367"
+             r="24.462986" />
+          <circle
+             r="17.462986"
+             cy="988.76367"
+             cx="214.72522"
+             id="circle20190"
+             style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+          <circle
+             style="opacity:1;fill:url(#linearGradient20200);fill-opacity:1;stroke:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+             id="circle20192"
+             cx="214.72522"
+             cy="988.76367"
+             r="8.462986" />
+        </g>
+        <g
+           id="g20265"
+           transform="translate(0.45425178,-0.45425178)">
+          <path
+             sodipodi:nodetypes="ccccccc"
+             inkscape:connector-curvature="0"
+             id="path20255"
+             d="m 237.85193,960.57796 1.92723,6.26349 6.02259,1.84693 10.9611,-10.23839 -7.56214,-1.05207 -1.07023,-6.9379 z"
+             style="fill:#142945;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+          <path
+             inkscape:connector-curvature="0"
+             id="path20250"
+             d="m 252.16724,951.6971 -30.62891,30.51953 -4.24414,-4.37305 -1.44531,13.00781 12.04492,-2.08789 -3.7832,-3.89843 30.61328,-30.61329 -2.55664,-2.55468 z"
+             style="fill:url(#linearGradient20263);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>