Better handling of og_image

server/public/layouts/client/frontpage.handlebars

@@ -5,7 +5,7 @@
     <div id="channel-load" class="progress">
         <div class="indeterminate" id="channel-load-move"></div>
     </div>
-    <main class="center-align">
+    <main class="center-align container">
         <div id="main_section_frontpage" class="section">
             <div class="col s12">
                 <div class="row">

server/public/layouts/client/main.handlebars

@@ -16,7 +16,7 @@
         <meta name="apple-mobile-web-app-capable" content="yes">
         <meta name="mobile-web-app-capable" content="yes">
         <meta name="theme-color" content="#2D2D2D" />
-        <meta property="og:image" content="https://zoff.me/assets/images/small-square.jpg" />
+        <meta property="og:image" content="{{og_image}}" />
         <meta property="og:url" content="https://zoff.me" />
         <meta property="og:title" content="Zoff"/>
         <meta property="og:description" content="The Shared (free) YouTube and SoundCloud radio."/>

server/routing/client/router.js

@@ -7,6 +7,8 @@ var analytics = "xx";
 var mongojs = require('mongojs');
 var token_db = mongojs("tokens");
 var Functions = require(pathThumbnails + '/handlers/functions.js');
+//var db = require(pathThumbnails + '/handlers/db.js');
+
 try {
     analytics = require(path.join(path.join(__dirname, '../../config/'), 'analytics.js'));
 } catch(e) {
@@ -63,6 +65,7 @@ router.route('/api/apply/:id').get(function(req,res) {
                         correct: true,
                         stylesheet: "style.css",
                         embed: false,
+                        og_image: "https://zoff.me/assets/images/small-square.jpg",
                     }
                     res.render('layouts/client/token', data);
                 });
@@ -78,6 +81,7 @@ router.route('/api/apply/:id').get(function(req,res) {
                 correct: false,
                 stylesheet: "style.css",
                 embed: false,
+                og_image: "https://zoff.me/assets/images/small-square.jpg",
             }
             res.render('layouts/client/token', data);
         }
@@ -96,6 +100,7 @@ router.route('/api/apply').get(function(req, res, next) {
         correct: false,
         stylesheet: "style.css",
         embed: false,
+        og_image: "https://zoff.me/assets/images/small-square.jpg",
     }
     res.render('layouts/client/token', data);
 });
@@ -117,6 +122,7 @@ function root(req, res, next) {
                 stylesheet: "style.css",
                 embed: false,
                 client: false,
+                og_image: "https://zoff.me/assets/images/small-square.jpg",
             }
             res.render('layouts/client/remote', data);
         } else if(subdomain[0] == "www") {
@@ -130,6 +136,7 @@ function root(req, res, next) {
                 stylesheet: "style.css",
                 embed: false,
                 client: false,
+                og_image: "https://zoff.me/assets/images/small-square.jpg",
             }
             if(subdomain[0] == "client") {
                 data.client = true;
@@ -159,6 +166,7 @@ function channel(req, res, next) {
                 stylesheet: "style.css",
                 embed: false,
                 client: false,
+                og_image: "https://zoff.me/assets/images/small-square.jpg",
             }
             res.render('layouts/client/remote', data);
         } else if(subdomain.length >= 2 && subdomain[0] == "www") {
@@ -173,30 +181,43 @@ function channel(req, res, next) {
                     analytics: analytics,
                     stylesheet: "embed.css",
                     embed: true,
+                    og_image: "https://zoff.me/assets/images/small-square.jpg",
                 }
                 res.render('layouts/client/embed', data);
             } else if(req.params.channel_name == "o_callback") {
                 res.sendFile(path.join(pathThumbnails, '/public/assets/html/callback.html'));
             } else {
-
+                /*db.collection("frontpage_lists").find({"_id": Functions.encodeChannelName(req.params.channel_name)}, function(err, docs) {
-                var data = {
+                    console.log(docs);
-                    title: "404: File Not Found",
+                    var og_image = "https://zoff.me/assets/images/small-square.jpg";
-                    list_name: capitalizeFirstLetter(Functions.decodeChannelName(req.params.channel_name)),
+                    if(docs.length == 1) {
-                    year: year,
+                        if(docs[0].hasOwnProperty("thumbnail")) {
-                    javascript_file: "main.min.js",
+                            if(docs[0].thumbnail.indexOf("mqdefault.jpg") > -1) docs[0].thumbnail = docs[0].thumbnail.replace("mqdefault", "hqdefault");
-                    captcha: res.recaptcha,
+                            og_image = docs[0].thumbnail;
-                    analytics: analytics,
+                        } else {
-                    stylesheet: "style.css",
+                            og_image = "https://img.youtube.com/vi/" + docs[0].id + "/hqdefault.jpg";
-                    embed: false,
+                        }
-                    client:false,
+                    }*/
-                }
+                    var data = {
-                if(subdomain[0] == "client") {
+                        title: "404: File Not Found",
-                    data.client = true;
+                        list_name: capitalizeFirstLetter(Functions.decodeChannelName(req.params.channel_name)),
-                }
+                        year: year,
-                if(req.params.channel_name == "404") {
+                        javascript_file: "main.min.js",
-                    res.status(404);
+                        captcha: res.recaptcha,
-                }
+                        analytics: analytics,
-                res.render('layouts/client/channel', data);
+                        stylesheet: "style.css",
+                        embed: false,
+                        client:false,
+                        og_image: "https://zoff.me/assets/images/small-square.jpg"
+                    }
+                    if(subdomain[0] == "client") {
+                        data.client = true;
+                    }
+                    if(req.params.channel_name == "404") {
+                        res.status(404);
+                    }
+                    res.render('layouts/client/channel', data);
+                //});
             }
         }
     } catch(e) {