Include link to changedetection.io hosted option (#439)

changedetectionio/__init__.py

@@ -368,7 +368,9 @@ def changedetection_app(config=None, datastore_o=None):
                                  tags=existing_tags,
                                  active_tag=limit_tag,
                                  app_rss_token=datastore.data['settings']['application']['rss_access_token'],
-                                 has_unviewed=datastore.data['has_unviewed'])
+                                 has_unviewed=datastore.data['has_unviewed'],
+                                 # Don't link to hosting when we're on the hosting environment
+                                 hosted_sticky=os.getenv("SALTED_PASS", False) == False)
 
         return output
 

changedetectionio/static/styles/styles.css

@@ -242,7 +242,7 @@ footer {
 
 .sticky-tab {
   position: absolute;
-  top: 80px;
+  top: 100px;
   font-size: 8px;
   background: #fff;
   padding: 10px; }
@@ -250,6 +250,10 @@ footer {
     left: 0px; }
   .sticky-tab#right-sticky {
     right: 0px; }
+  .sticky-tab#hosted-sticky {
+    right: 0px;
+    top: 60px;
+    font-weight: bold; }
 
 #new-version-text a {
   color: #e07171; }

changedetectionio/static/styles/styles.scss

@@ -321,7 +321,7 @@ footer {
 
 .sticky-tab {
   position: absolute;
-  top: 80px;
+  top: 100px;
   font-size: 8px;
   background: #fff;
   padding: 10px;
@@ -331,6 +331,11 @@ footer {
   &#right-sticky {
     right: 0px;
   }
+  &#hosted-sticky {
+    right: 0px;
+    top: 60px;
+    font-weight: bold;
+  }
 }
 
 #new-version-text a {

changedetectionio/templates/base.html

@@ -68,7 +68,7 @@
         </ul>
     </div>
 </div>
-
+{% if hosted_sticky %}<div class="sticky-tab" id="hosted-sticky"><a href="https://lemonade.changedetection.io/start">Switch to Fully Hosted</a></div>{% endif %}
 {% if left_sticky %}<div class="sticky-tab" id="left-sticky"><a href="{{url_for('preview_page', uuid=uuid)}}">Show current snapshot</a></div> {% endif %}
 {% if right_sticky %}<div class="sticky-tab" id="right-sticky">{{ right_sticky }}</div> {% endif %}
 <section class="content">