Uploaded image for project: 'XWiki Platform'
  1. XWiki Platform
  2. XWIKI-12098

The icons used to display Annotations use Silk instead of the Icon Theme Application

    XMLWordPrintable

Details

    • Easy
    • N/A
    • Pull Request accepted
    • Code, User Interface

    Description

      Steps to reproduce:

      1. Activate Annotations Tab from Page Elements
      2. Make some annotations on a page
      3. Look at them

      The icons are from Silk theme even though Font Awesome is used.
      See the attached pictures.

      Update the image with a call to Icon Theme service. Make sure there is a mapping to the needed icon. Provide that mapping for Silk and Font Awesome icon themes.

      Prerequisites

      Before starting your task familiarize yourself a bit with XWiki. You can see it in action in the Playground, so you should create an account there and test it a bit.
      Your task might involve actions or applications that are not available on the Playground, so make sure you download and install the latest version of XWiki.

      For questions you can always use the Forum or the IRC channel, see http://dev.xwiki.org/xwiki/bin/view/Community/Discuss

      Try to reproduce the issue described by the task. You should use your browser's Developer Tools to identify and test your solution.

      Once you have reproduced the issue presented in the task, it's the time to identify the location where it needs to be fixed in the code.
      The sources are available at https://github.com/xwiki/xwiki-platform . You should be familiar with using Git locally or you might be able to commit your changes from the GitHub interface.

      The task will give you hints about the component where the code with the problem is located. Identify the file, make the changes and submit a Pull Request for mentors to approve and close the task. Don't forget to add screenshots with before and after your changes.

      Objective

      Use the Icon Theme Application (http://extensions.xwiki.org/xwiki/bin/view/Extension/Icon%20Theme%20Application) so that the icons displayed are synchronized with the icon theme the administrator of the wiki has chosen.

      For example, by default, the theme "Font Awesome" is used in the wiki. So, in the annotations, we should see icons from "Font Awesome" instead of what we have.

      So you need to update the image with a call to Icon Theme service. Make sure there is a mapping to the needed icon. Provide that mapping for Silk and Font Awesome icon themes.

      Requirements

      • Knowledge of XML
      • Knowledge of HTML
      • Knowledge of JavaScript
      • Knowledge of Git
      • You will encounter concepts like Templating engines, Apache Velocity, Icon Theme module etc. but you don't need to be familiar with them in advance

      Expected Outcome

      Attachments

        1. Annotation.png
          5 kB
          Guillaume Delhumeau
        2. AnnotationsPage.png
          18 kB
          Ramona Conoro
        3. Silk icons.png
          37 kB
          Ramona Conoro

        Issue Links

          Activity

            People

              oana.florean@xwiki.com Florean Oana-Lavinia
              RamonaConoro Ramona Conoro
              Votes:
              0 Vote for this issue
              Watchers:
              2 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved: