Merge pull request #173 from creativecommons/icons

Update cc icons and location they are served from

Author: obulat

package-lock.json

@@ -108,19 +108,19 @@ export default {
         background-size: 35px 35px;
     }
     .license-list-item.zero::before {
-        background-image: url("../assets/license-icons/cc-cc0_icon.svg");
+        background-image: url("../assets/license-icons/zero.svg");
     }
     .license-list-item.by::before {
-        background-image: url("../assets/license-icons/cc-by_icon.svg");
+        background-image: url("../assets/license-icons/by.svg");
     }
     .license-list-item.nc::before {
-        background-image: url("../assets/license-icons/cc-nc_icon.svg");
+        background-image: url("../assets/license-icons/nc.svg");
     }
     .license-list-item.nd::before {
-        background-image: url("../assets/license-icons/cc-nd_icon.svg");
+        background-image: url("../assets/license-icons/nd.svg");
     }
     .license-list-item.sa::before {
-        background-image: url("../assets/license-icons/cc-sa_icon.svg");
+        background-image: url("../assets/license-icons/sa.svg");
     }
     .readable-string {
         padding-left:51px;

src/assets/license-icons/by.svg

@@ -10,15 +10,15 @@
             class="photo-license-icon"
             alt="CC icon"
             title="CC icon"
-            src="../assets/license-icons/cc_icon.svg"
+            src="../assets/license-icons/cc.svg"
         >
         <img
             v-for="(license, index) in iconsArr"
             :key="index"
             class="photo-license-icon"
             :alt="license + ' icon'"
             :title="license + ' icon'"
-            :src="require(`../assets/license-icons/cc-${license.toLowerCase()}_icon.svg`)"
+            :src="require(`../assets/license-icons/${license.toLowerCase()}.svg`)"
         >
     </a>
 </template>

src/assets/license-icons/cc.svg

@@ -43,8 +43,8 @@ function attrToFull(attr) {
 
 function licenseUrl(attr, mode) {
     // Returns url to license from short license name with version number (eg. 'CC BY 4.0')
-    // mode: web/ print (?ref=ccchooser is added to the end of the link if mode is web)
-    const linkRef = mode === 'web' ? '/?ref=ccchooser' : ''
+    // mode: web/ print (?ref=chooser-v1 is added to the end of the link if mode is web)
+    const linkRef = mode === 'web' ? '/?ref=chooser-v1' : ''
     if (attr.BY === false) {
         return `https://creativecommons.org/publicdomain/zero/1.0${linkRef}`
     }
@@ -125,13 +125,14 @@ function generateHTML(attributionDetails, shortLicenseName) {
         ' xmlns:cc="http://creativecommons.org/ns#"' +
         ' class="license-text">'
     const iconStyle = 'style="height:22px!important;margin-left: 3px;vertical-align:text-bottom;"'
-    const baseAssetsPath = 'https://search.creativecommons.org/static/img'
-    let licenseIcons = `<img ${iconStyle} src="${baseAssetsPath}/cc_icon.svg" />`
+    const baseAssetsPath = 'https://mirrors.creativecommons.org/presskit/icons'
+    const linkRef = '?ref=chooser-v1'
+    let licenseIcons = `<img ${iconStyle} src="${baseAssetsPath}/cc.svg/${linkRef}" />`
     if (shortLicenseName.includes('CC0')) {
         shortLicenseName = 'CC CC0 1.0'
     }
     licenseIcons += shortLicenseName.slice(3, shortLicenseName.length - 4).split('-').map(license =>
-        `<img  ${iconStyle} src="${baseAssetsPath}/cc-${license.toLowerCase()}_icon.svg" />`
+        `<img  ${iconStyle} src="${baseAssetsPath}/${license.toLowerCase()}.svg/${linkRef}" />`
     ).join('')
     dataForHtmlGeneration.licenseIconsLink = `<a href="${licenseUrl(shortToAttr(shortLicenseName))}">${licenseIcons}</a>`
 
@@ -153,6 +154,7 @@ function generateHTML(attributionDetails, shortLicenseName) {
     }
     return dataForHtmlGeneration
 }
+
 export {
     defaultAttributes, CC0Attributes, CCBYAttributes, shortToAttr, attrToShort,
     attrToFull, licenseUrl, licenseSlug, licenseIconsArr, generateHTML, updateVisibleEnabledStatus