Merge pull request #48 from pebble-dev/Gabbro

Add Gabbro Support

Author: Willow-Systems

html/index.html

@@ -1103,6 +1103,12 @@ <h1 id="appinfo-appname"> </h1> <a target="_blank" class="ml-3 small pt-2 nodec"
                                                     role="tab" aria-controls="e-scr-flint"
                                                     aria-selected="false">Flint</a>
                                             </li>
+                                            <li class="nav-item">
+                                                <a onclick="getEditScreenshotsForPlatform('gabbro')" class="nav-link"
+                                                    id="e-scr-gabbro-tab" data-toggle="tab" href="#e-scr-gabbro"
+                                                    role="tab" aria-controls="e-scr-Gabbro"
+                                                    aria-selected="false">Gabbro</a>
+                                            </li>
                                         </ul>
                                         <div class="tab-content" id="editScreenshotTabContent">
                                             <!-- rendered by html_populateScreenshotTabList -->
@@ -1416,6 +1422,10 @@ <h1 class="lite"> Submit a new app or face </h1>
                                     <a class="nav-link" id="scr-flint-tab" data-toggle="tab" href="#scr-flint"
                                         role="tab" aria-controls="scr-flint" aria-selected="false">Flint</a>
                                 </li>
+                                <li class="nav-item">
+                                    <a class="nav-link" id="scr-gabbro-tab" data-toggle="tab" href="#scr-gabbro"
+                                        role="tab" aria-controls="scr-gabbro" aria-selected="false">Gabbro</a>
+                                </li>
                             </ul>
                             <div class="tab-content" id="submitScreenshotTabContent">
                                 <!-- rendered by html_populateAddImageTabList -->

html/res/css/devPortal.css

@@ -349,6 +349,12 @@ input[type="checkbox"] {
   width: 180px;
   height: 232px;
 }
+.img-card.gabbro {
+  max-width: 180px;
+  max-height: 232px;
+  width: 180px;
+  height: 232px;
+}
 .img-card.emery {
   max-width: 200px;
   max-height: 280px;
@@ -378,6 +384,14 @@ input[type="checkbox"] {
   border-radius: 180px;
   object-fit: cover;
 }
+.card-img-top.gabbro {
+  width: 180px;
+  height: 180px;
+  margin-top: 0px;
+  margin-left: 0px;
+  border-radius: 180px;
+  object-fit: cover;
+}
 .card-img-top.emery {
   width: 200px;
   height: 228px;
@@ -592,6 +606,14 @@ img.small {
   border-radius: 5px;
   object-fit: cover;
 }
+.image-container.gabbro img {
+  margin-top: 60px;
+  margin-left: 24px;
+  width: 113px;
+  height: 113px;
+  border-radius: 55px;
+  object-fit: cover;
+}
 
 .rainbow-text {
   background-image: linear-gradient(to left, violet, indigo, blue, green, yellow, orange, red);   

html/res/img/screenshotGabbro.png

@@ -51,6 +51,13 @@ const PLATFORM_CONFIG = {
         "colour": false,
         "round": false,
         "background_path": "screenshot_slider_background_pebble2.png"
+    },
+    "gabbro": {
+        "width": 260,
+        "height": 260,
+        "colour": true,
+        "round": true,
+        "background_path": "screenshot_slider_background_time_round_14.png"
     }
 }
 
@@ -1623,7 +1630,7 @@ function submitNewApp() {
     //Collect screenshots, store the first valid one for use as largeIcon if we're a watchface
 
     //The weird order here is order of preference for largeIcon platform. Basalt looks best
-    ["basalt","aplite", "diorite", "flint", "chalk", "emery"].forEach(platform => {
+    ["basalt","aplite", "diorite", "flint", "chalk", "gabbro", "emery"].forEach(platform => {
         var short = platform.substr(0,1);
         for (var i = 1; i < 6; i ++) {
             if ($(`#i-screenshot-${short}-${i}-f`).prop("files")[0] != undefined) {
@@ -2127,7 +2134,8 @@ function getScreenshotPlaceholderImagePath(platform) {
     const default_path = "/res/img/screenshotSquare.png"
     const non_defaults = {
         "c": "/res/img/screenshotRound.png",
-        "e": "/res/img/screenshotEmery.png"
+        "e": "/res/img/screenshotEmery.png",
+        "g": "/res/img/screenshotGabbro.png",
     }
     let placeholder = (non_defaults.hasOwnProperty(platform)) ? non_defaults[platform] : default_path
     return placeholder