slippers-ui 0.14.14 → 0.14.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -642,12 +642,12 @@ if (typeof window !== 'undefined') {
|
|
|
642
642
|
// Indicate to webpack that this file can be concatenated
|
|
643
643
|
/* harmony default export */ var setPublicPath = (null);
|
|
644
644
|
|
|
645
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"3c05d7d8-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ComparisonInfographic/comparison-infographic.vue?vue&type=template&id=
|
|
646
|
-
var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{staticClass:"slp-bg-white slp-relative slp-pt-60"},[_c('div',{staticClass:"slp-comparison-infographic__bg"}),_c('div',{staticClass:"slp-comparison-infographic"},[_c('header',{staticClass:"slp-comparison-infographic__header"},[_c('SlpComparisonInfographicGlitter',{staticClass:"slp-comparison-infographic__header__glitter"}),_c('h2',{staticClass:"slp-comparison-infographic__header-h2"},[_vm._v("
|
|
645
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"3c05d7d8-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ComparisonInfographic/comparison-infographic.vue?vue&type=template&id=41017223&
|
|
646
|
+
var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{staticClass:"slp-bg-white slp-relative slp-pt-60"},[_c('div',{staticClass:"slp-comparison-infographic__bg"}),_c('div',{staticClass:"slp-comparison-infographic"},[_c('header',{staticClass:"slp-comparison-infographic__header"},[_c('SlpComparisonInfographicGlitter',{staticClass:"slp-comparison-infographic__header__glitter"}),_c('h2',{staticClass:"slp-comparison-infographic__header-h2"},[_vm._v(" "+_vm._s(_vm.title)+" "+_vm._s(_vm.competitorName)+" ")]),_c('p',{staticClass:"slp-comparison-infographic__header-p"},[_vm._v(" "+_vm._s(_vm.subtitle)+" ")]),_c('p',{staticClass:"slp-comparison-infographic__header-a"},[(_vm.methodologyLink)?_c('a',{attrs:{"href":_vm.methodologyLink,"data-ga-name":_vm.dataGaName,"data-ga-location":_vm.dataGaLocation}},[_vm._v(_vm._s(_vm.methodologyLinkText)+" "),_c('slp-arrow-right',{staticClass:"slp-inline-block"})],1):_vm._e()])],1),_c('SlpComparisonInfographicChart',{attrs:{"left":true,"logo":_vm.gitlabLogo,"name":'GitLab',"percentage":_vm.gitlabPercentage,"score":_vm.gitlabScore,"max":_vm.max}}),_c('SlpComparisonInfographicChart',{attrs:{"left":false,"logo":_vm.competitorLogo,"name":_vm.competitorName,"percentage":_vm.competitorPercentage,"score":_vm.competitorScore,"max":_vm.max}})],1),_c('div',{staticClass:"slp-comparison-infographic md:slp-pt-32"},[_c('table',{staticClass:"slp-comparison-infographic__table"},[_c('thead',{staticClass:"slp-comparison-infographic__table__head"},[_c('tr',{staticClass:"slp-comparison-infographic__table__headers"},[_c('th',{staticClass:"slp-comparison-infographic__table__header md:slp-col-span-2"}),_c('th',{staticClass:"slp-comparison-infographic__table__header md:slp-col-span-4"},[_c('img',{staticClass:"slp-block slp-mx-auto",attrs:{"src":_vm.gitlabLogo,"alt":"GitLab logo to represent the GitLab score columns","width":"35","height":"32"}})]),_c('th',{staticClass:"slp-comparison-infographic__table__header md:slp-col-span-4"},[_c('img',{staticClass:"slp-block slp-mx-auto",attrs:{"src":_vm.competitorLogo,"alt":(_vm.competitorName + " logo to represent the " + _vm.competitorName + " score columns"),"width":"35","height":"32"}})])])]),_c('tbody',{staticClass:"md:slp-col-span-full"},_vm._l((_vm.sortedCategories),function(category){return _c('tr',{key:((category.label) + "TableRow"),class:_vm.computedTableRowClass(category.key)},[_c('td',{staticClass:"slp-comparison-infographic__table__cell--icon"},[_c('SlpComparisonInfographicIcon',{staticClass:"slp-comparison-infographic__table__icon",attrs:{"icon":category.key}}),_c('span',{staticClass:"slp-comparison-infographic__table__icon__label"},[_vm._v(_vm._s(category.label))])],1),_c('td',{staticClass:"slp-comparison-infographic__table__cell--bar"},[_c('SlpComparisonInfographicBar',{attrs:{"active":true,"categoryData":_vm.gitlabData[category.key]}})],1),_c('td',{staticClass:"slp-comparison-infographic__table__cell--bar"},[_c('SlpComparisonInfographicBar',{attrs:{"active":!_vm.singleTool || _vm.singleToolCategory === category.key,"categoryData":_vm.competitorData[category.key]}})],1)])}),0)])])])}
|
|
647
647
|
var staticRenderFns = []
|
|
648
648
|
|
|
649
649
|
|
|
650
|
-
// CONCATENATED MODULE: ./src/components/ComparisonInfographic/comparison-infographic.vue?vue&type=template&id=
|
|
650
|
+
// CONCATENATED MODULE: ./src/components/ComparisonInfographic/comparison-infographic.vue?vue&type=template&id=41017223&
|
|
651
651
|
|
|
652
652
|
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"3c05d7d8-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/icons/arrow-right.vue?vue&type=template&id=f323232c&
|
|
653
653
|
var arrow_rightvue_type_template_id_f323232c_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{attrs:{"width":"9","height":"6","xmlns":"http://www.w3.org/2000/svg"}},[_c('path',{staticClass:"slp-fill-current group-hover:slp-text-ui-secondary group-focus:slp-text-ui-secondary",attrs:{"d":"M6.685.683L9 3 6.685 5.317a.624.624 0 11-.883-.884l.808-.808H.624a.625.625 0 010-1.25H6.61l-.808-.808a.625.625 0 01.883-.884z","fill":"none"}})])}
|
|
@@ -1907,11 +1907,14 @@ var comparison_infographic_icon_component = normalizeComponent(
|
|
|
1907
1907
|
*
|
|
1908
1908
|
* ## Props:
|
|
1909
1909
|
*
|
|
1910
|
+
* 1. title: this would be the opening line for the header, before `competitorName`. Default is set as `GitLab vs `.
|
|
1910
1911
|
* 1. competitorName: if we're comparing GitLab to GitHub, this would be `GitHub`.
|
|
1912
|
+
* 1. subtitle: an optional string, provides support content as a subtitle below the header.
|
|
1911
1913
|
* 1. competitorLogo: this should be a URL to an image (preferably SVG) of the competitor's logo. We drop it in an img tag as-is in the src attribute.
|
|
1912
1914
|
* 1. gitlabLogo: this should be a URL to the image (preferably SVG) of the GitLab logo we want to use. We drop it in an img tag as-is in the src attribute
|
|
1913
1915
|
* 1. competitorData and gitlabData: we should get objects that have 10 different categories, each with between 1 and 15 features, and a score of 0, 1, or 2. We can sum up the scores to get the overall scores/percentages, and then we need to loop over the objects to render out the comparison pieces.
|
|
1914
1916
|
* 1. methodologyLink: an optional string. If it exists, we render a link to the scoring methodology. If it is not provided, the link is not rendered. Added since the page didn't exist at the time of building the component.
|
|
1917
|
+
* 1. methodologyLinkText: an optional string. Provides the text to be displayed as a methodologyLink. Make sure to add this if a methodologyLink is present.
|
|
1915
1918
|
* 1. singleTool: this boolean prop should tell us if the infographic is comparing as a single tool or a platform, and should default to false.
|
|
1916
1919
|
* 1. singleToolCategory: if `singleTool` is true, we need to be explicit about which set of features we're using to compare against.
|
|
1917
1920
|
*
|
|
@@ -1944,6 +1947,11 @@ var comparison_infographic_icon_component = normalizeComponent(
|
|
|
1944
1947
|
SlpComparisonInfographicIcon: comparison_infographic_icon
|
|
1945
1948
|
},
|
|
1946
1949
|
props: {
|
|
1950
|
+
title: {
|
|
1951
|
+
type: String,
|
|
1952
|
+
required: true,
|
|
1953
|
+
default: 'GitLab vs'
|
|
1954
|
+
},
|
|
1947
1955
|
competitorName: {
|
|
1948
1956
|
type: String,
|
|
1949
1957
|
required: true,
|
|
@@ -1989,6 +1997,16 @@ var comparison_infographic_icon_component = normalizeComponent(
|
|
|
1989
1997
|
dataGaLocation: {
|
|
1990
1998
|
type: String,
|
|
1991
1999
|
required: true
|
|
2000
|
+
},
|
|
2001
|
+
subtitle: {
|
|
2002
|
+
type: String,
|
|
2003
|
+
required: true,
|
|
2004
|
+
default: 'Feature maturity comparison against a set of industry standards'
|
|
2005
|
+
},
|
|
2006
|
+
methodologyLinkText: {
|
|
2007
|
+
type: String,
|
|
2008
|
+
required: true,
|
|
2009
|
+
default: ''
|
|
1992
2010
|
}
|
|
1993
2011
|
},
|
|
1994
2012
|
|