Export

Portable Document Format

Timeline from

to

Exporting to a PDF-file offers a lot of benefits: you can share that file with colleges and customers not having access to JIRA.

Beside this, you can print the Gantt-Chart as large poster: just open the file within Adobe Acrobat Reader DC, click on 'print' to open the print panel as shown on the right and enable 'POSTER' for multi-page printing.

In case of very large Gantt diagrams containing a lot of issues, your browser's memory may be too small to handle the PDF creation properly. If you are using Firefox, then please re-try using Chrome which can handle larger files. Otherwise, please use the SVG-format which is often 15 times smaller.

Scalable Vector Graphic

Timeline from

to

SVG is an XML-based vector image format for two-dimensional graphics. As XML files, SVG images can be created and edited with any text editor. Because SVG images are defined in XML format, they can be easily searched, indexed, scripted, and compressed.

All major modern web browsers — including Mozilla Firefox, Internet Explorer, Google Chrome, Opera, Safari, and Microsoft Edge — have at least some degree of SVG rendering support.

For editing and further processing, the use of the free open-source product INKSCAPE is recommended being available for Mircosoft Windows as well as Apple OSX and GNU/Linux.

Microsoft Office 2016 added support for importing and editing SVG images in January 2017.

Microsoft EXCEL

Due to best compatibility, the common file format XLS is used instead of the newer XSLX. Alternative spread-sheet applications like "Numbers", (c) by Apple Inc., are also able to open such files. The exported columns are statically defined by the add-on and do not take care about the configured columns by the user. Within future versions, this may change. Timelines cannot be represented within Excel in a suitable way, so that all necessary raw data are exported.

Microsoft Project

Most features are identical, but quite a lot of are different: e.g. JIRA issues can only be assigned to one user whereas MS-Project allows assignment to multiple resources, a summary task within JIRA may have got its own estimated efforts etc.

Instead of MPP file format, Microsoft's newer XML format for MS-Project is used for simplicity as well as human readability in case of checking data.

Diff the 2 and check for any in the first list that are not in the second (except fa-spacer).

Use boost theme: turn editing on on the course page. Verify icons on the page are darker and crisper than normal and are not generated with image tags. Verify drag / drop handles work correctly. Verify icons in menus have nice alignment. Verify clicking on group mode will toggle through 3 states with different icons. Verify hiding sections functions correctly.

Edit a course section. Verify the Atto editor has nice icons.

Enable all atto plugins via admin.

Verify that all icons in the atto toolbar now show with nice font awesome icons.

1. Check all the font-icon mappings exist (except for fa-spacer)
Run
git grep "fa-" |grep php|cut -d\' -f4|sort|uniq
to get the defined mappings in php.
Run
git grep "^\.fa-" lib/fonts/|grep -v "(" |cut -d: -f2|sed -e s/\\. //g|sort|uniq
to get the supported list of font-awesome icons.
Diff the 2 and check for any in the first list that are not in the second (except fa-spacer).
Use boost theme: turn editing on on the course page. Verify icons on the page are darker and crisper than normal and are not generated with image tags. Verify drag / drop handles work correctly. Verify icons in menus have nice alignment. Verify clicking on group mode will toggle through 3 states with different icons. Verify hiding sections functions correctly.
Edit a course section. Verify the Atto editor has nice icons.
Enable all atto plugins via admin.
Verify that all icons in the atto toolbar now show with nice font awesome icons.
Go to course competencies page. Verify drag and drop handles on competencies (and everywhere) are new icons.
Read dev docs: https://docs.moodle.org/dev/Moodle_icons#Font_awesome_icons
Verify they make sense to you.

The video linked from there explains some of the clever uses the author of the theme has found for the font.

It is very easy to replace the purely decorative icons in Moodle that are applied as CSS backgrounds (e.g. the "course" icon on course listings).

It is easy to replace the purely decorative icons that are created as an img with no alt tag by a renderer (e.g. the icons on the settings/administration and navigation block).

It a bit trickier to replace icons that currently have alt tags for accessibility, but a good solution should be possible.

The areas where the icons are hardcoded as imgs, then things are trickier. Converting them to use renderers is probably a good idea anyway and makes things simpler. It is also possible to use advanced CSS to reach these areas if necessary.

Finally, there are some javascript routines that rely on finding an img tag and which break if you replace that with an icon font tag (e.g. hide/show activity icon) but that's a fairly simple change to the javascript.

The above tasks could be done one at a time and achieve gains at each step.

Font Awesome is backwards compatible with the glyphicons that are currently included in Bootstrapbase/Clean, though not currently used at all in the Moodle interface.