+ {{$t('stepper.AD.instructions')}}
+ +
+ {{ $t('help.instructions.mobile') }}
-{{ $t('help.instructions.desktop') }}
- -+ {{licenseSlug}} + {{this.$t("selected-license.description.common") }} + + {{this.$t("selected-license.description.non-cc0")}} +
+
{{$t(cardText)}}
+{{ $t('select-license.instructions') }}
-{{$t('select-license.instructions')}}
+The Creative Commons copyright licenses and tools forge a balance inside the traditional \"all rights reserved\" setting that copyright law creates. Our licenses and tools give everyone from individual creators to large companies a simple, standardized way to grant copyright permissions to their creative work.
This helps you as a creator, because instead of having to hire a lawyer to parse legalese and create a license for you, you can save time and money, use Creative Commons licenses instead!
", + "footer": "For more information, please see About the Licenses" + }, + "how_licenses_work": { + "heading": "How do the Licenses Work?", + "text": "Creative Commons licenses incorporate a unique and innovative \"three-layer\" design.
Each license begins as a traditional legal tool, in the kind of language and text formats that most lawyers know and love. We call this the Legal Code layer of each license.
Since most creators, educators, and scientists are not in fact lawyers, we also make the licenses available in a format that normal people can read -- The Commons Deed (also known as the “human readable” version of the license). This is a handy reference for licensors and licensees, summarizing some of the most important terms and conditions. Think of the Commons Deed as a user-friendly interface to the legal code beneath.
The final layer of the license design helps out software, from search engines to office productivity, this software plays an enormous role in the creation, copying, and distribution of creative works. To help out this software, we provide a \"Machine Readable\" version of the license.
\n We developed a standardized way to describe licenses that software can understand called CC Rights Expression language (CC REL) to accomplish this.
For more information, please see About the Licenses
" + }, + "what_icons_mean": { + "heading": "What do the Icons Mean?", + "BY": { + "text":" All CC licenses require that others who use your work in any way must give you appropriate credit in a reasonable manner, but not in a way that suggests you endorse them or their use. If they want to use your work without giving credit or for endorsement purposes, they must get your permission first.", + "long_name": "Attribution Required", + "short_name": "(BY)" + }, + "ND": { + "text": "You let others copy, distribute, display, perform, use and modify your work privately, but they may not hare any modified work without getting your permission first.", + "long_name": "Modifying Not Allowed", + "short_name": "(ND/ NoDerivatives)" + }, + "NC": { + "text": "You let others copy, distribute, display, perform, use, and modify (but not share a modified work if you have chosen NoDerivatives) and use your work for any purpose other than commercially, unless they get your permission first.
Curious what qualifies as a Commercial Use? Check out the CC wiki page on interpretation of Commercial Uses.
", + "long_name": "Commercial Use Not Allowed", + "short_name": "(NC/ NonCommercial)" + }, + "SA": { + "text": " You let others copy, distribute, display, perform, use, and modify your work, as long as any modified work they distribute is on the same terms. If they want to distribute modified works under other terms, they must get your permission first.", + "long_name": "Distributed on Same Terms", + "short_name": "(SA/ ShareAlike)" + }, + "footer": "For more information on CC's public domain tools, please see Our Public Domain Tools
" + + }, + "how_licenses_communicated": { + "heading": "How are Licenses Communicated?", + "text": "Creative Commons licenses can be represented by their names, their associated icons, or both. For example, a CC BY-NC license, which requires attribution, and prohibits commercial use could be represented by its:" + }, + "considerations_before_licensing": { + "heading": "Considerations Before Licensing", + "text": "There are a number of things you should consider before you apply a Creative Commons license to your work, or before using Creative Commons-licenced material.
Considerations for Licensors - If you are licensing your own work
\nConsiderations for Licensees - If you are using someone else's licensed work\n
", + "footer": "For more information, please see the CC wiki's page on Considerations for Licensors and Licensees. " + }, + "how_formally_license": { + "heading": "How do I Formally License my Work?", + "text": "Formally licensing your work is as easy as marking your work as being CC licensed, along with the specific license it is under. This mark may be in the form of a watermark, or it may be somewhere around where your work is hosted or shared. This mark may be as simple as a bit of text stating the license, or as complex as embedding the license information on your website.
If you are interested in embedding license information on your website, please see the \"Have a Website?\" dropdown at the bottom of this page for help.
So what would I do if someone used my licensed work in a way that the license does not permit? Well, there are lots of recourse options, but here are the two main ones:
First, we encourage you to contact the alleged violator, and attempt to resolve the dispute amicably. Most disagreements are solved in this manner, and it saves everyone time and money.
If you determine that the dispute cannot be resolved any other way, you would then identify the alleged violation, contact a lawyer, and begin building a case.
There are six main licenses that Creative Commons offers.
In the diagram to the right, you can see the six main licenses and the public domain CC0 license, and how restrictive they are, with licenses at the top being the least restrictive, and licenses at the bottom being the most restrictive.
If you are unsure about which one is right for you and your work, please see the \"Choose a License\" section above.
", + "footer": "For more information, please see this page on Creative Commons licenses." + } + }, + "alt": { + "free-works-icon": "Free Works Icon", + "non-free-works-icon": "Icon for a non-Free Works License" + }, + "step": { + "previous-label": "BACK", + "next-label": "NEXT QUESTION", + "finish": "SEE THE LICENSE" + }, + "yes": "Yes. ", + "no": "No. ", + "disabled-tooltip.SA": "This step is disabled because you chose ND", + "locale-chooser.label": "Languages available" +} diff --git a/src/main.js b/src/main.js index 89f6f27c3..f0431aa7f 100644 --- a/src/main.js +++ b/src/main.js @@ -3,19 +3,20 @@ import Buefy from 'buefy' import i18n from './i18n' import VueAnalytics from 'vue-analytics' import App from './App.vue' +import store from './store' + import { library } from '@fortawesome/fontawesome-svg-core' // internal icons import { faCheck, faCheckCircle, faInfoCircle, faExclamationTriangle, faExclamationCircle, faArrowUp, faAngleRight, faAngleLeft, faAngleDown, faUserCircle, faQuestionCircle, - faEye, faEyeSlash, faCaretDown, faCaretUp, faUpload, faCopy + faEye, faEyeSlash, faCaretDown, faCaretUp, faUpload, faCopy, faCircle } from '@fortawesome/free-solid-svg-icons' import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome' -import LicenseUtilities from './utils/license-utilities' library.add(faCheck, faCheckCircle, faInfoCircle, faExclamationTriangle, faExclamationCircle, faArrowUp, faAngleRight, faAngleLeft, faAngleDown, faUserCircle, faQuestionCircle, - faEye, faEyeSlash, faCaretDown, faCaretUp, faUpload, faCopy) + faEye, faEyeSlash, faCaretDown, faCaretUp, faUpload, faCopy, faCircle) Vue.component('vue-fontawesome', FontAwesomeIcon) Vue.config.productionTip = false Vue.use(Buefy, { @@ -31,9 +32,8 @@ if (process.env.NODE_ENV === 'production') { }) } -Vue.use(LicenseUtilities) - new Vue({ + store, i18n, render: h => h(App) }).$mount('#app') diff --git a/src/store/index.js b/src/store/index.js new file mode 100644 index 000000000..87fd6730d --- /dev/null +++ b/src/store/index.js @@ -0,0 +1,69 @@ +import Vue from 'vue' +import Vuex from 'vuex' +import { defaultAttributes, CC0Attributes, attrToShort, attrToFull, licenseUrl, licenseIconsArr } from '../utils/license-utilities.js' + +Vue.use(Vuex) + +export default new Vuex.Store({ + state: { + currentLicenseAttributes: { ...defaultAttributes }, + attributionDetails: { + creatorName: '', + creatorProfileUrl: '', + workTitle: '', + workUrl: '' + }, + currentStepId: 0 + }, + getters: { + shortName: state => { + return attrToShort(state.currentLicenseAttributes) + }, + fullName: state => { + return attrToFull(state.currentLicenseAttributes) + }, + licenseUrl: state => { + return licenseUrl(state.currentLicenseAttributes) + }, + iconsList: state => { + return licenseIconsArr(state.currentLicenseAttributes) + }, + isAttrSelected: (state) => (attrName) => { + return state.currentLicenseAttributes[attrName] + } + }, + mutations: { + toggleSelected(state, stepName) { + // Called when a radio button is clicked, either FirstStep or Step + if (['BY', 'NC', 'ND', 'SA'].indexOf(stepName) > -1) { + state.currentLicenseAttributes = { + ...state.currentLicenseAttributes, + [stepName]: !state.currentLicenseAttributes[stepName] + } + } else { + state.knowLicense = !state.knowLicense + } + }, + updateAttributesFromShort(state, shortName) { + if (shortName.includes('CC0')) { + state.currentLicenseAttributes = { ...CC0Attributes } + } else { + state.currentLicenseAttributes.NC = !!shortName.includes('NC') + state.currentLicenseAttributes.ND = !!shortName.includes('ND') + state.currentLicenseAttributes.SA = !!shortName.includes('SA') + } + }, + setCreatorName(state, newName) { + state.attributionDetails.creatorName = newName + }, + setCreatorProfileUrl(state, newName) { + state.attributionDetails.creatorProfileUrl = newName + }, + setWorkTitle(state, newName) { + state.attributionDetails.workTitle = newName + }, + setWorkUrl(state, newName) { + state.attributionDetails.workUrl = newName + } + } +}) diff --git a/src/utils/license-utilities.js b/src/utils/license-utilities.js index 1c5e02de9..df39104c4 100644 --- a/src/utils/license-utilities.js +++ b/src/utils/license-utilities.js @@ -1,48 +1,105 @@ -const LicenseUtilities = { +const CC0Attributes = { BY: false, NC: false, ND: false, SA: false } +const CCBYAttributes = { BY: true, NC: false, ND: false, SA: false } +const defaultAttributes = { BY: undefined, NC: undefined, ND: undefined, SA: undefined } +const visibleSetters = { + FS: { + true: ['FS', 'DD', 'AD'], + false: ['FS', 'BY', 'NC', 'ND', 'SA', 'AD'] + }, + BY: { + // Decide if NC/ND/SA should be disabled or removed on CC0 + true: ['FS', 'BY', 'NC', 'ND', 'SA', 'AD'], + false: ['FS', 'BY', 'CW', 'NC', 'ND', 'SA', 'AD'] + }, + ND: { + true: ['FS', 'BY', 'NC', 'ND', 'SA', 'AD'] + } +} +const disabledSetters = { + // Steps that should be disabled if other steps are selected/not selected + BY: { + false: ['NC', 'ND', 'SA'] + }, + ND: { + true: ['SA'] + } +} - install(Vue) { - const defaultLicenseAttributes = { - BY: true, - NC: false, - ND: false, - SA: false - } +function shortToAttr(shortLicenseName) { + const short = shortLicenseName + if (short.includes('CC0')) { + return { ...CC0Attributes } + } + const nc = short.includes('NC') + const nd = short.includes('ND') + const sa = short.includes('SA') + return { ...CCBYAttributes, NC: nc, ND: nd, SA: sa } +} - Vue.prototype.$shortToAttributes = function(shortLicenseName) { - const short = shortLicenseName - if (short.includes('CC0')) { - return { ...defaultLicenseAttributes, BY: false } - } - const nc = short.includes('NC') - const nd = short.includes('ND') - const sa = short.includes('SA') - return { ...defaultLicenseAttributes, NC: nc, ND: nd, SA: sa } - } - Vue.prototype.$licenseUrl = function(shortLicenseName) { - // Returns url to license - if (shortLicenseName.includes('CC0')) { - return 'https://creativecommons.org/publicdomain/zero/1.0/?ref=ccchooser' - } - const short = shortLicenseName.toLowerCase().slice(3, shortLicenseName.length - 4) - return 'https://creativecommons.org/licenses/' + short + '/4.0/?ref=ccchooser' - } - Vue.prototype.$licenseSlug = function(shortLicenseName) { - // Returns lower case slugified string of license name without the version number - return shortLicenseName - .toLowerCase() - .replace(' ', '-') - .slice(0, shortLicenseName.length - 4) - } - Vue.prototype.$licenseIconsArr = function(shortLicenseName) { - if (shortLicenseName.includes('CC0')) { - return ['zero'] - } - return shortLicenseName - .toLowerCase() - .slice(3, shortLicenseName.length - 4) - .split('-') +function attrToShort(attr) { + if (!attr.BY) { return 'CC0 1.0' } + let base = 'CC BY' + if (attr.NC) { base += '-NC' } + if (!attr.ND && attr.SA) { + base += '-SA' + } else if (attr.ND) { + base += '-ND' + } + base += ' 4.0' + return base +} + +function attrToFull(attr) { + if (!attr.BY) { return 'CC0 1.0 Universal' } + let base = 'Attribution' + if (attr.NC) { base += '-NonCommercial' } + if (!attr.ND && attr.SA) { + base += '-ShareAlike' + } else if (attr.ND) { + base += '-NoDerivatives' + } + base += ' 4.0 International' + return base +} +// function licenseUrl(shortLicenseName) { +// Returns url to license from short license name with version number (eg. 'CC BY 4.0') +// TODO: check how it works: it doesn't use '-' to join elements ? +// if (shortLicenseName.includes('CC0')) { +// return 'https://creativecommons.org/publicdomain/zero/1.0/?ref=ccchooser' +// } +// const short = shortLicenseName.toLowerCase().slice(3, shortLicenseName.length - 4) +// return 'https://creativecommons.org/licenses/' + short + '/4.0/?ref=ccchooser' +// } +function licenseUrl(attr) { + // Returns url to license from short license name with version number (eg. 'CC BY 4.0') + if (!attr.BY) { + return 'https://creativecommons.org/publicdomain/zero/1.0/?ref=ccchooser' + } + let short = attrToShort(attr).toLowerCase().slice(3) + short = short.slice(0, short.length - 4) + return 'https://creativecommons.org/licenses/' + short + '/4.0/?ref=ccchooser' +} + +function licenseSlug(shortLicenseName) { + // Returns lower case slugified string of license name without the version number + // 'CC BY 4.0' -> 'cc-by' + return shortLicenseName + .toLowerCase() + .replace(' ', '-') + .slice(0, shortLicenseName.length - 4) +} + +function licenseIconsArr(licenseAttributes) { + if (!licenseAttributes.BY) { + return ['zero'] + } + const iconsArray = [] + for (const key in licenseAttributes) { + if (licenseAttributes[key]) { + iconsArray.push(key.toLowerCase()) } } + return iconsArray } -export default LicenseUtilities +export { defaultAttributes, CC0Attributes, CCBYAttributes, visibleSetters, disabledSetters, shortToAttr, attrToShort, attrToFull, licenseUrl, licenseSlug, licenseIconsArr } diff --git a/src/utils/locales.json b/src/utils/locales.json new file mode 100644 index 000000000..d41f18ae4 --- /dev/null +++ b/src/utils/locales.json @@ -0,0 +1,442 @@ +{ + "ach": { + "name": "ach", + "eng": "Acholi", + "native": "Acholi" + }, + "af": { + "name": "af", + "eng": "Afrikaans", + "native": "Afrikaans" + }, + "an": { + "name": "an", + "eng": "Aragonese", + "native": "aragonés" + }, + "ar": { + "name": "ar", + "eng": "Arabic", + "native": "عربي" + }, + "as": { + "name": "as", + "eng": "Assamese", + "native": "অসমীয়া" + }, + "ast": { + "name": "ast", + "eng": "Asturian", + "native": "Asturianu" + }, + "az": { + "name": "az", + "eng": "Azerbaijani", + "native": "Azərbaycanca" + }, + "be": { + "name": "be", + "eng": "Belarusian", + "native": "Беларуская" + }, + "bg": { + "name": "bg", + "eng": "Bulgarian", + "native": "Български" + }, + "bn-BD": { + "name": "bn-BD", + "eng": "Bengali (Bangladesh)", + "native": "বাংলা (বাংলাদেশ)" + }, + "bn-IN": { + "name": "bn-IN", + "eng": "Bengali (India)", + "native": "বাংলা (ভারত)" + }, + "br": { + "name": "br", + "eng": "Breton", + "native": "Brezhoneg" + }, + "bs": { + "name": "bs", + "eng": "Bosnian", + "native": "Bosanski" + }, + "ca": { + "name": "ca", + "eng": "Catalan", + "native": "Català" + }, + "cs": { + "name": "cs", + "eng": "Czech", + "native": "Čeština" + }, + "cy": { + "name": "cy", + "eng": "Welsh", + "native": "Cymraeg" + }, + "da": { + "name": "da", + "eng": "Danish", + "native": "Dansk" + }, + "de": { + "name": "de", + "eng": "German", + "native": "Deutsch" + }, + "dsb": { + "name": "dsb", + "eng": "Lower Sorbian", + "native": "Dolnoserbšćina" + }, + "el": { + "name": "el", + "eng": "Greek", + "native": "Ελληνικά" + }, + "en": { + "name": "en", + "eng": "English", + "native": "English" + }, + "eo": { + "name": "eo", + "eng": "Esperanto", + "native": "Esperanto" + }, + "es-AR": { + "name": "es-AR", + "eng": "Spanish (Argentina)", + "native": "Español (de Argentina)" + }, + "es-CL": { + "name": "es-CL", + "eng": "Spanish (Chile)", + "native": "Español (de Chile)" + }, + "es-ES": { + "name": "es-ES", + "eng": "Spanish (Spain)", + "native": "Español (de España)" + }, + "es-MX": { + "name": "es-MX", + "eng": "Spanish (Mexico)", + "native": "Español (de México)" + }, + "et": { + "name": "et", + "eng": "Estonian", + "native": "Eesti keel" + }, + "eu": { + "name": "eu", + "eng": "Basque", + "native": "Euskara" + }, + "fa": { + "name": "fa", + "eng": "Persian", + "native": "فارسی" + }, + "ff": { + "name": "ff", + "eng": "Fulah", + "native": "Pulaar-Fulfulde" + }, + "fi": { + "name": "fi", + "eng": "Finnish", + "native": "suomi" + }, + "fr": { + "name": "fr", + "eng": "French", + "native": "Français" + }, + "fy-NL": { + "name": "fy-NL", + "eng": "Frisian", + "native": "Frysk" + }, + "ga-IE": { + "name": "ga-IE", + "eng": "Irish", + "native": "Gaeilge" + }, + "gd": { + "name": "gd", + "eng": "Gaelic (Scotland)", + "native": "Gàidhlig" + }, + "gl": { + "name": "gl", + "eng": "Galician", + "native": "Galego" + }, + "gn": { + "name": "gn", + "eng": "Guarani", + "native": "Avañe'ẽ" + }, + "gu-IN": { + "name": "gu-IN", + "eng": "Gujarati (India)", + "native": "ગુજરાતી (ભારત)" + }, + "he": { + "name": "he", + "eng": "Hebrew", + "native": "עברית" + }, + "hi-IN": { + "name": "hi-IN", + "eng": "Hindi (India)", + "native": "हिन्दी (भारत)" + }, + "hr": { + "name": "hr", + "eng": "Croatian", + "native": "Hrvatski" + }, + "hsb": { + "name": "hsb", + "eng": "Upper Sorbian", + "native": "Hornjoserbsce" + }, + "hu": { + "name": "hu", + "eng": "Hungarian", + "native": "magyar" + }, + "hy-AM": { + "name": "hy-AM", + "eng": "Armenian", + "native": "Հայերեն" + }, + "id": { + "name": "id", + "eng": "Indonesian", + "native": "Bahasa Indonesia" + }, + "is": { + "name": "is", + "eng": "Icelandic", + "native": "íslenska" + }, + "it": { + "name": "it", + "eng": "Italian", + "native": "Italiano" + }, + "ja": { + "name": "ja", + "eng": "Japanese", + "native": "日本語" + }, + "kk": { + "name": "kk", + "eng": "Kazakh", + "native": "Қазақ" + }, + "km": { + "name": "km", + "eng": "Khmer", + "native": "ខ្មែរ" + }, + "kn": { + "name": "kn", + "eng": "Kannada", + "native": "ಕನ್ನಡ" + }, + "ko": { + "name": "ko", + "eng": "Korean", + "native": "한국어" + }, + "lij": { + "name": "lij", + "eng": "Ligurian", + "native": "Ligure" + }, + "lt": { + "name": "lt", + "eng": "Lithuanian", + "native": "lietuvių kalba" + }, + "lv": { + "name": "lv", + "eng": "Latvian", + "native": "Latviešu" + }, + "mai": { + "name": "mai", + "eng": "Maithili", + "native": "मैथिली মৈথিলী" + }, + "mk": { + "name": "mk", + "eng": "Macedonian", + "native": "Македонски" + }, + "ml": { + "name": "ml", + "eng": "Malayalam", + "native": "മലയാളം" + }, + "mr": { + "name": "mr", + "eng": "Marathi", + "native": "मराठी" + }, + "ms": { + "name": "ms", + "eng": "Malay", + "native": "Melayu" + }, + "nb-NO": { + "name": "nb-NO", + "eng": "Norwegian (Bokmål)", + "native": "Norsk bokmål" + }, + "nl": { + "name": "nl", + "eng": "Dutch", + "native": "Nederlands" + }, + "nn-NO": { + "name": "nn-NO", + "eng": "Norwegian (Nynorsk)", + "native": "Norsk nynorsk" + }, + "or": { + "name": "or", + "eng": "Oriya", + "native": "ଓଡ଼ିଆ" + }, + "pa-IN": { + "name": "pa-IN", + "eng": "Punjabi (India)", + "native": "ਪੰਜਾਬੀ (ਭਾਰਤ)" + }, + "pl": { + "name": "pl", + "eng": "Polish", + "native": "Polski" + }, + "pt-BR": { + "name": "pt-BR", + "eng": "Portuguese (Brazilian)", + "native": "Português (do Brasil)" + }, + "pt-PT": { + "name": "pt-PT", + "eng": "Portuguese (Portugal)", + "native": "Português (Europeu)" + }, + "rm": { + "name": "rm", + "eng": "Romansh", + "native": "rumantsch" + }, + "ro": { + "name": "ro", + "eng": "Romanian", + "native": "Română" + }, + "ru": { + "name": "ru", + "eng": "Russian", + "native": "Русский" + }, + "si": { + "name": "si", + "eng": "Sinhala", + "native": "සිංහල" + }, + "sk": { + "name": "sk", + "eng": "Slovak", + "native": "slovenčina" + }, + "sl": { + "name": "sl", + "eng": "Slovenian", + "native": "Slovenščina" + }, + "son": { + "name": "son", + "eng": "Songhai", + "native": "Soŋay" + }, + "sq": { + "name": "sq", + "eng": "Albanian", + "native": "Shqip" + }, + "sr": { + "name": "sr", + "eng": "Serbian", + "native": "Српски" + }, + "sv-SE": { + "name": "sv-SE", + "eng": "Swedish", + "native": "Svenska" + }, + "ta": { + "name": "ta", + "eng": "Tamil", + "native": "தமிழ்" + }, + "te": { + "name": "te", + "eng": "Telugu", + "native": "తెలుగు" + }, + "th": { + "name": "th", + "eng": "Thai", + "native": "ไทย" + }, + "tr": { + "name": "tr", + "eng": "Turkish", + "native": "Türkçe" + }, + "uk": { + "name": "uk", + "eng": "Ukrainian", + "native": "Українська" + }, + "uz": { + "name": "uz", + "eng": "Uzbek", + "native": "Oʻzbek tili" + }, + "vi": { + "name": "vi", + "eng": "Vietnamese", + "native": "Tiếng Việt" + }, + "xh": { + "name": "xh", + "eng": "Xhosa", + "native": "isiXhosa" + }, + "zh-CN": { + "name": "zh-CN", + "eng": "Chinese (Simplified)", + "native": "中文 (简体)" + }, + "zh-TW": { + "name": "zh-TW", + "eng": "Chinese (Traditional)", + "native": "正體中文 (繁體)" + } +} \ No newline at end of file diff --git a/tests/e2e/globals.js b/tests/e2e/globals.js index 42d710d2c..06a081c92 100644 --- a/tests/e2e/globals.js +++ b/tests/e2e/globals.js @@ -20,7 +20,7 @@ module.exports = { // expect assertions waitForConditionTimeout: 5000, - 'default': { + default: { /* The globals defined here are available everywhere in any tests env */ @@ -32,7 +32,7 @@ module.exports = { */ }, - 'firefox': { + firefox: { /* The globals defined here are available only when the chrome testing env is being used i.e. when running with --env firefox