dos

Public/static/js/common.js

@@ -382,11 +382,27 @@ function createPoster() {
         bottomHalf.onload = function () {
         bottomHalf.onload = function () {
             bottomHalfTop = pxToRem(487) + pxToRem(flagListHeight);
             bottomHalfTop = pxToRem(487) + pxToRem(flagListHeight);
             posterCtx.drawImage(bottomHalf, pxToRem(45), bottomHalfTop, pxToRem(550), pxToRem(238));
             posterCtx.drawImage(bottomHalf, pxToRem(45), bottomHalfTop, pxToRem(550), pxToRem(238));
+            drawFlagItem(pxToRem(flagListHeight + 20));
         }
         }
     }
     }
 
 
 }
 }
 
 
+function drawFlagItem(initialPosition) {
+    let noBg = new Image();
+    noBg.src = picUrl + 'flag-no.png';
+    noBg.onload = function () {
+        let redline = new Image();
+        redline.src = picUrl + 'flag-redline.png';
+        let nodeList = $('.poster-page .poster-list .flag-item');
+        for (let i = 0; i < flagStack.length; i++) {
+            let offsetTop = $('.poster-page .poster-list .flag-item')[i]
+            let top = initialPosition + $(nodeList[i]).offset().top;
+            posterCtx.drawImage(noBg, pxToRem(105), top, pxToRem(44).pxToRem(39));
+        }
+    }
+}
+
 function showPosterPage() {
 function showPosterPage() {
     createPoster();
     createPoster();
 }
 }