Merge pull request #12 from mcclatchy/sponsored-article

pilgreen · web-flow · commit 8d12b3e483a5 · 2023-08-25T12:12:42.000-05:00
adding sponsored article disclaimer zone
diff --git a/config/story.json b/config/story.json
@@ -77,6 +77,22 @@
         "type": "query",
         "value": ".story-body"
       }
+    },
+    {
+      "id": "zone-sponsored-article",
+      "cue": 277282728,
+      "filters": [
+        {
+          "type": "config",
+          "name": "zone.sponsoredArticle",
+          "value": true
+        }
+      ],
+      "placement": {
+        "type": "query",
+        "value": ".story-body > .header"
+      },
+      "classList": ["hidden"]
     }
   ]
 }
diff --git a/demo/demo.css b/demo/demo.css
@@ -2,7 +2,7 @@
  * Demo supplements
  */
 
-.card, .zone {
+.card {
   min-height: 300px;
 }
 
@@ -24,12 +24,12 @@
 
 [id^=zone-] {
   display: block !important;
-  min-height: 300px;
-  background-color: blue !important;
+  background-color: blue;
+  --ad-background: blue;
 }
 
 [id^=zone-][data-distributed] {
-  background-color: green !important;
+  background-color: green;
 }
 
 [id^=zone-]:before {
diff --git a/demo/locker.js b/demo/locker.js
@@ -22,19 +22,17 @@ const locker = {
         return "miamiherald";
       case "marketInfo.taxonomy":
         return "News/Sports//";
-      case "zone.carousel":
-        return true;
-      case "zone.zeeto":
-        return true;
       case "zone.moneycom":
         return false;
       case "zone.communityEvents":
         return true;
       case "zone.taboolaRecommendations":
         return true;
       case "zone.siTickets":
-        return true;
+        return false;
       case "zone.gamecocksNav":
+        return false;
+      case "zone.sponsoredArticle":
         return true;
       default: 
         return undefined;
diff --git a/demo/section/index.html b/demo/section/index.html
@@ -23,8 +23,8 @@
   </head>
 
   <body>
-    <div id="zone-el-1"></div>
-    <div id="zone-el-2"></div>
+    <!-- <div id="zone-el-1"></div> -->
+    <!-- <div id="zone-el-2"></div> -->
     <div class="card flag"></div>
 
     <section class="grid">

Original file line number	Diff line number	Diff line change
`@@ -77,6 +77,22 @@`
`77`	`77`	`"type": "query",`
`78`	`78`	`"value": ".story-body"`
`79`	`79`	`}`
	`80`	`+ },`
	`81`	`+ {`
	`82`	`+ "id": "zone-sponsored-article",`
	`83`	`+ "cue": 277282728,`
	`84`	`+ "filters": [`
	`85`	`+ {`
	`86`	`+ "type": "config",`
	`87`	`+ "name": "zone.sponsoredArticle",`
	`88`	`+ "value": true`
	`89`	`+ }`
	`90`	`+ ],`
	`91`	`+ "placement": {`
	`92`	`+ "type": "query",`
	`93`	`+ "value": ".story-body > .header"`
	`94`	`+ },`
	`95`	`+ "classList": ["hidden"]`
`80`	`96`	`}`
`81`	`97`	`]`
`82`	`98`	`}`
Original file line number	Diff line number	Diff line change
`@@ -2,7 +2,7 @@`
`2`	`2`	`* Demo supplements`
`3`	`3`	`*/`
`4`	`4`
`5`		`-.card, .zone {`
	`5`	`+.card {`
`6`	`6`	`min-height: 300px;`
`7`	`7`	`}`
`8`	`8`
`@@ -24,12 +24,12 @@`
`24`	`24`
`25`	`25`	`[id^=zone-] {`
`26`	`26`	`display: block !important;`
`27`		`- min-height: 300px;`
`28`		`- background-color: blue !important;`
	`27`	`+ background-color: blue;`
	`28`	`+ --ad-background: blue;`
`29`	`29`	`}`
`30`	`30`
`31`	`31`	`[id^=zone-][data-distributed] {`
`32`		`- background-color: green !important;`
	`32`	`+ background-color: green;`
`33`	`33`	`}`
`34`	`34`
`35`	`35`	`[id^=zone-]:before {`