Merge pull request #108 from davetaz/master

Adding attribution to GMCQ component

README.md

@@ -79,7 +79,9 @@ guide the learner’s interaction with the component.
 
 >>**small** (string): File name (including path) of the image used with small device width. Path should be relative to the *src* folder (e.g., *course/en/images/origami-menu-two.jpg*).
 
->>**alt** (string): This text becomes the image’s `alt` attribute.  
+>>**alt** (string): This text becomes the image’s `alt` attribute.
+
+>>**attribution** (string): Optional text to be displayed as an [attribution](https://wiki.creativecommons.org/Best_practices_for_attribution). By default it is displayed below the image. Adjust positioning by modifying CSS. Text can contain HTML tags, e.g., `Copyright © 2015 by <b>Lukasz 'Severiaan' Grela</b>`.
 
 **_feedback** (object): If the [**Tutor** extension](https://github.com/adaptlearning/adapt-contrib-tutor) is enabled, these various texts will be displayed depending on the submitted answer. **_feedback**
 contains values for three types of answers: **correct**, **_incorrect**, and **_partlyCorrect**. Some attributes are optional. If they are not supplied, the default that is noted below will be used.
@@ -108,7 +110,7 @@ label is not a visible element. It is utilized by assistive technology such as s
 No known limitations.   
 
 ----------------------------
-**Version number:**  2.0.5   <a href="https://community.adaptlearning.org/" target="_blank"><img src="https://github.com/adaptlearning/documentation/blob/master/04_wiki_assets/plug-ins/images/adapt-logo-mrgn-lft.jpg" alt="adapt learning logo" align="right"></a> 
+**Version number:**  2.0.6   <a href="https://community.adaptlearning.org/" target="_blank"><img src="https://github.com/adaptlearning/documentation/blob/master/04_wiki_assets/plug-ins/images/adapt-logo-mrgn-lft.jpg" alt="adapt learning logo" align="right"></a> 
 **Framework versions:** 2.0  
 **Author / maintainer:** Adapt Core Team with [contributors](https://github.com/adaptlearning/adapt-contrib-gmcq/graphs/contributors)  
 **Accessibility support:** WAI AA   

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "adapt-contrib-gmcq",
-  "version": "2.0.5",
+  "version": "2.0.6",
   "framework": "^2.0.11",
   "homepage": "https://github.com/adaptlearning/adapt-contrib-gmcq",
   "issues": "https://github.com/adaptlearning/adapt_framework/issues/new?title=contrib-gmcq%3A%20please%20enter%20a%20brief%20summary%20of%20the%20issue%20here&body=please%20provide%20a%20full%20description%20of%20the%20problem,%20including%20steps%20on%20how%20to%20replicate,%20what%20browser(s)/device(s)%20the%20problem%20occurs%20on%20and,%20where%20helpful,%20screenshots.",

example.json

@@ -24,6 +24,7 @@
             "_shouldBeSelected":true,
             "_graphic": {
                 "alt": "Alt text for option 1",
+                "attribution":"Copyright © 2015",
                 "large": "course/en/images/gqcq-1-large.gif",
                 "small": "course/en/images/gqcq-1-small.gif"
             }
@@ -33,6 +34,7 @@
             "_shouldBeSelected":false,
             "_graphic": {
                 "alt": "Alt text for option 2",
+                "attribution":"Copyright © 2015",
                 "large": "course/en/images/gqcq-2-large.gif",
                 "small": "course/en/images/gqcq-2-small.gif"
             }

less/gmcq.less

@@ -237,6 +237,10 @@
             }
         }
     }
+    .graphic-attribution {
+    	font-size:0.75em;
+    	line-height: 1em;
+    }
 }
 
 .no-touch {

properties.schema

@@ -67,6 +67,15 @@
                 "validators": [],
                 "help": "Alternative text for this items image",
                 "translatable": true
+              },
+              "attribution": {
+                "type":"string",
+                "required":false,
+                "default": "",
+                "inputType": "Text",
+                "validators": [],
+                "help": "Text to be displayed as an attribution",
+                "translatable": true
               }
             }
           },

templates/gmcq.hbs

@@ -7,6 +7,9 @@
             <label aria-hidden="true" id="{{../_id}}-{{@index}}-aria" for="{{../_id}}-{{@index}}" class="{{#unless ../_isEnabled}}disabled {{/unless}} component-item-color component-item-text-color component-item-border {{#if _isSelected}}selected{{/if}} a11y-ignore" tabindex="-1">
 
                 <img src="{{_graphic.src}}" data-large="{{_graphic.large}}" data-small="{{_graphic.small}}"/>
+                {{#if _graphic.attribution}}
+                    <div class="graphic-attribution">{{{_graphic.attribution}}}</div>
+                {{/if}}
 
                 <div class="gmcq-item-checkbox">
                     <div class="gmcq-item-state">