Add Icons and meto to push it on main screen on ios and Android Phone.

2016-05-06 23:22:29 +02:00
parent 844a54ed53
commit 0ed7ab08fa
8 changed files with 32 additions and 12 deletions
--- a/src/ui/Domo/index.html
+++ b/src/ui/Domo/index.html
@@ -1,11 +1,31 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <meta charset="utf-8">
-    <title>Domo</title>
-  </head>
-  <body>
-    <app></app>
-    <!-- built files will be auto injected -->
-  </body>
+<!doctype html>
+<html lang="en">
+	<head>
+		<meta charset='utf-8' />
+		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
+
+		<meta name="description" content="Domo Home Automation Controller" />
+		<meta name="author" content="NADAL Jean-Baptiste" />
+
+		<meta name="viewport" 
+				content="width=device-width, initial-scale=1.0, minimum-scale=1.0" />
+
+		<!-- Add to homescreen for Chrome on Android -->
+		<meta name="mobile-web-app-capable" content="yes" />
+		<link rel="icon" sizes="192x192" href="/static/android-desktop.png" />
+
+		<!-- Add to homescreen for Safari on iOS -->
+		<meta name="apple-mobile-web-app-capable" content="yes" />
+		<meta name="apple-mobile-web-app-status-bar-style" content="black" />
+		<meta name="apple-mobile-web-app-title" content="Domo" />
+		<link rel="apple-touch-icon-precomposed" href="/static/ios-desktop.png" />
+
+		<link rel="shortcut icon" href="/static/favicon.png" />
+
+		<title>Domo</title>
+	</head>
+	<body>
+		<app></app>
+		<!-- built files will be auto injected -->
+	</body>
 </html>
--- a/src/ui/Domo/src/App.vue
+++ b/src/ui/Domo/src/App.vue
@@ -12,11 +12,11 @@
        <span slot="label">Lights</span>
      </tabbar-item>
      <tabbar-item is-link v-link="'/sprinklers'">
-        <img slot="icon" src="assets/sprinklers.svg">
+        <img slot="icon" src="assets/images/sprinklers.svg">
        <span slot="label">Sprinklers</span>
      </tabbar-item>
      <tabbar-item is-link v-link="'/shutters'">
-        <img slot="icon" src="assets/shutters.svg">
+        <img slot="icon" src="assets/images/shutters.svg">
        <span slot="label">Rolling shutter</span>
      </tabbar-item>
      <tabbar-item is-link v-link="'/timers'">
--- a/src/ui/Domo/src/assets/images/shutters.svg
+++ b/src/ui/Domo/src/assets/images/shutters.svg
--- a/src/ui/Domo/src/assets/images/sprinklers.svg
+++ b/src/ui/Domo/src/assets/images/sprinklers.svg
--- a/src/ui/Domo/src/assets/logo.png
+++ b/src/ui/Domo/src/assets/logo.png
--- a/src/ui/Domo/static/android-desktop.png
+++ b/src/ui/Domo/static/android-desktop.png
--- a/src/ui/Domo/static/favicon.png
+++ b/src/ui/Domo/static/favicon.png
--- a/src/ui/Domo/static/ios-desktop.png
+++ b/src/ui/Domo/static/ios-desktop.png