Add license code references and functions

Signed-off-by: Olga Bulat <obulat@gmail.com>

Author: obulat

src/App.vue

@@ -37,7 +37,7 @@ import '@creativecommons/vocabulary/css/index.css'
 
 import HelpSection from './components/HelpSection'
 import Stepper from './components/Stepper'
-import SelectedLicenseCard from './components/SelectedLicenseCard'
+import SelectedLicenseCard from './components/LicenseDetailsCard'
 import LicenseUseCard from './components/LicenseUseCard'
 import Header from './components/Header.vue'
 import Footer from './components/Footer'

src/components/SelectedLicenseCard.vue renamed to src/components/LicenseDetailsCard.vue

@@ -21,7 +21,7 @@
                     <span class="readable-string">
                         <b v-if="item!=='zero'">{{item.toUpperCase()}}:</b>
                         <b v-else>CC0:</b>
-                        {{$t(`selected-license.item-description.${item}`)}}
+                        {{$t(`license-details-card.item-description.${item}`)}}
                     </span>
                 </li>
             </transition-group>
@@ -35,7 +35,7 @@ import LicenseIcons from './LicenseIcons'
 import { mapGetters } from 'vuex'
 
 export default {
-    name: 'SelectedLicenseCard',
+    name: 'LicenseDetailsCard',
     components: {
         LicenseIcons
     },
@@ -49,7 +49,7 @@ export default {
             return this.shortName.slice(0, this.shortName.length - 4)
         },
         licenseKey() {
-            return `selected-license.full-description.${this.licenseSlug.toLowerCase().replace(' ', '-')}`
+            return `license-details-card.full-description.${this.licenseSlug.toLowerCase().replace(' ', '-')}`
         }
     }
 }

src/components/LicenseUseCard.vue

@@ -20,10 +20,12 @@
 
 <script>
 import SelectedLicenseCode from './SelectedLicenseCode'
+import LicenseCode from './LicenseCode'
 export default {
     name: 'LicenseUseCard',
     props: ['value'],
     components: {
+        LicenseCode,
         SelectedLicenseCode
     }
 }

src/utils/license-utilities.js

@@ -103,4 +103,47 @@ function licenseIconsArr(licenseAttributes) {
     return iconsArray
 }
 
-export { defaultAttributes, CC0Attributes, CCBYAttributes, visibleSetters, disabledSetters, shortToAttr, attrToShort, attrToFull, licenseUrl, licenseSlug, licenseIconsArr }
+function generateHTML(attributionDetails, shortLicenseName) {
+    const dataForHtmlGeneration = {
+        htmlString: '',
+        creator: '',
+        workTitle: '',
+        licenseIconsLink: ''
+    }
+    dataForHtmlGeneration.htmlString = '<p xmlns:dct="http://purl.org/dc/terms/"' +
+        ' 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" />`
+    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" />`
+    ).join('')
+    dataForHtmlGeneration.licenseIconsLink = `<a href="${licenseUrl(shortToAttr(shortLicenseName))}">${licenseIcons}</a>`
+
+    if (attributionDetails.creatorName) {
+        const creatorSpan = `<span rel="cc:attributionName">${attributionDetails.creatorName}</span>`
+        if (attributionDetails.creatorProfileUrl) {
+            dataForHtmlGeneration.creator = `<a rel="cc:attributionURL" href="${attributionDetails.creatorProfileUrl}">${creatorSpan}</a>`
+        } else {
+            dataForHtmlGeneration.creator = creatorSpan
+        }
+    }
+    if (attributionDetails.workTitle) {
+        const workTitleSpan = `<span rel="dc:title">${attributionDetails.workTitle}</span>`
+        if (attributionDetails.workUrl) {
+            dataForHtmlGeneration.workTitle = `<a rel="cc:attributionURL" href="${attributionDetails.workUrl}">${workTitleSpan}</a>`
+        } else {
+            dataForHtmlGeneration.workTitle = workTitleSpan
+        }
+    }
+    return dataForHtmlGeneration
+}
+export {
+    defaultAttributes, CC0Attributes, CCBYAttributes, visibleSetters, disabledSetters,
+    shortToAttr, attrToShort, attrToFull, licenseUrl, licenseSlug, licenseIconsArr,
+    generateHTML
+}