Merge pull request #46 from ftlabs/update/add_articles

[UPDATE] Add new articles

Author: Lily2point0

index.js

@@ -293,18 +293,14 @@ app.get('/content/:uuid', (req,res) => {
 
 	Tracking.splunk(`request=content uuid=${uuid}`);
 
-	switch(uuid) {
-		case exampleUUIDs[1]:
-			data.partial2 = true;
-		break;
-		
-		case exampleUUIDs[2]:
-			data.partial3 = true;
-		break;
-
-		case exampleUUIDs[0]:
-		default:
-			data.partial1 = true;
+	const contentID = exampleUUIDs.findIndex(item => {
+		return item === uuid;
+	});
+
+	if(contentID === -1) {
+		data.partial1 = true;
+	} else {
+		data[`partial${contentID + 1}`] = true;
 	}
 
 	res.render('content', data);

public/css/translation-component.css

@@ -153,6 +153,27 @@
 	flex-direction: column;
 }
 
+.topper--split-text-center .topper__headline--large {
+	display: block;
+}
+
+.topper--split-text-center .topper__headline--large .ftlabs-translation__cell:nth-child(odd) {
+	border: none;
+    width: 100%;
+    display: block;
+    padding: 0 0 20px 0;
+}
+
+.topper--split-text-center .topper__headline--large .ftlabs-translation__cell:nth-child(even) {
+	background-color: #F2DFCE;
+    display: block;
+    padding: 10px;
+}
+
+.topper--split-text-center .topper__standfirst .ftlabs-translation__cell:nth-child(even) {
+    padding-right: 20px;
+}
+
 @media (max-width: 1219px) {
 	.ftlabs-translation__share-bar-language {
 		padding-left: 10px;

public/js/componentSecondIteration/main.js

@@ -207,7 +207,7 @@ function showTranslation(language) {
 	}
 
 	fetch(
-		`https://ftlabs-left.herokuapp.com/article/${articleId}/${languageCode.toLowerCase()}`,
+		`${window.origin}/article/${articleId}/${languageCode.toLowerCase()}`,
 		fetchOptions
 	)
 		.then(function(res) {
@@ -395,7 +395,7 @@ function logComponentInteractions(interaction, language = 'EN', error = null) {
 }
 
 function getTranslationData(e) {
-	fetch(`https://ftlabs-left.herokuapp.com/check/${articleId}/${pubDate}`)
+	fetch(`${window.origin}/check/${articleId}/${pubDate}`)
 		.then(function(res) { return res.json(); })
 		.then(function(data) {
 			if (data.displayWidget) {

views/content.hbs

@@ -29,14 +29,19 @@
 
 		<div class="n-layout__row n-layout__row--content">
 			{{#if partial1}}
-			{{> userTest/content1}}
+				{{> userTest/content1}}
 			{{else if partial2}}
-			{{> userTest/content2}}
+				{{> userTest/content2}}
 			{{else if partial3}}
-			{{> userTest/content3}}
+				{{> userTest/content3}}
+			{{else if partial4}}
+				{{> userTest/content4}}
+			{{else if partial5}}
+				{{> userTest/content5}}
+			{{else if partial6}}
+				{{> userTest/content6}}
 			{{/if}}
 		</div>
-		<div class="ftlabs-translation__translation-component"></div>
 		{{> footer}}
 	</div>
 	<script src="https://cdn.polyfill.io/v2/polyfill.min.js"></script>