Merge pull request #37 from pebble-dev/timeline_checkbox

Enable timeline option

Author: Willow-Systems

html/index.html

@@ -1231,7 +1231,7 @@ <h1 class="lite"> Submit a new app or face </h1>
                             <br>
                             <div class="small">For a description of each category, <a class="pointer underline"
                                     onclick="$('#categoryExplainModal').modal()">click here</a>.</div>
-                            <div class="input-group mb-3">
+                            <div class="input-group mb-3 clickable">
                                 <select class="custom-select niceInput" id="i-appCat">
                                     <option selected value="">Choose...</option>
                                     <option value="Daily">Daily</option>
@@ -1244,6 +1244,13 @@ <h1 class="lite"> Submit a new app or face </h1>
                             </div>
                         </div>
 
+                        <div class="mt-4 ml-2 animated fadeIn hidden" id="uses-timeline">
+                            Special Permissions
+                            <div class="ml-4 mt-2">
+                                <input id="i-timeline" type="checkbox" style="line-height: 20px" class="clickable"> <img class="small" src="./res/img/timeline-pin.svg" /> My app uses timeline</input>
+                            </div>
+                        </div>
+
                         <div class="mt-4 ml-2">
                             Description*
                             <br>
@@ -1358,13 +1365,6 @@ <h1 class="lite"> Submit a new app or face </h1>
                             <textarea class="niceInput mt-2" id="i-releaseNotes"></textarea>
                         </div>
 
-                        <div class="mt-4 ml-2 hidden" id="uses_timeline">
-                            Special Permissions
-                            <div class="ml-4 mt-2">
-                                <input id="i-timeline" type="checkbox" style="line-height: 20px"> <img class="small" src="./res/img/timeline-pin.svg" /> My app uses timeline</input>
-                            </div>
-                        </div>
-
                         <div class="mt-4 ml-2">
                             App Binary
                             <div class="small">Last but not least, your built pbw file.</div>

html/res/css/devPortal.css

@@ -423,6 +423,9 @@ input[type="checkbox"] {
   cursor: pointer;
   text-decoration: underline;
 }
+.clickable {
+  cursor: pointer;
+}
 
 
 .largeText {

html/res/img/timeline-pin.svg

@@ -1837,13 +1837,12 @@ function initDevPortal() {
     $('.rbtype').on('click', function(e) {
         if ($('#i-iswatchface').prop("checked")) {
             $('#appCategory').addClass("hidden");
-            $('#uses_timeline').addClass("hidden")
+            $('#uses-timeline').addClass("hidden")
             $('#appIconContainer').addClass("hidden");
             $('.newappOrFace').text("Watchface");
         } else {
             $('#appCategory').removeClass("hidden");
-	    //Hidden until feature is ready for launch
-            //$('#uses_timeline').removeClass("hidden")
+            $('#uses-timeline').removeClass("hidden")
             $('#appIconContainer').removeClass("hidden");
             $('.newappOrFace').text("App")
         }