Port to JavaScript

- port from Python to JavaScript (by Shirsh Zibbu),

- change from GPLv2+ to Apache-2.0 license (by Shirsh Zibbu),

- most translations lost; only {en,es,fr} are implemented, needs a
  translation team to bring forward any matching strings from the
  previous version,

- bundle inexplicably includes a generated locale/ directory,

- tested on Ubuntu 18.04 with Sugar 0.112; works fine except for save
  image button, which does nothing.

Written-by: SHIRSH ZIBBU <[email protected]>

.gitignore

@@ -1,4 +1,2 @@
-*.xo
-*.pyc
 .DS_Store
 locale

AUTHORS

@@ -1 +1,3 @@
-Gary Cliff Martin <[email protected]>
+Gary Cliff Martin <[email protected]> GTK+ 2
+SHIRSH ZIBBU <[email protected]> Port to JavaScript
+llaske <[email protected]> Fixes

README.md

@@ -0,0 +1,16 @@
+What is this?
+=============
+
+Moon phase viewer, includes Lunar phase information and eclipse data.
+
+The Moon Activity provides a graphical representation of the current Lunar phase, and a range of common astronomical information including, phase, Julian date, Moon age, Lunation, surface visibility, selenographic terminator longitude (position of shadow on Moon's surface), next Full Moon, next New Moon, next Lunar eclipse, next Solar eclipse. The graphical image can be generated for Northern or Southern hemisphere viewing locations, and a latitude/longitude grid can be added for surface feature reference.
+
+This activity does not require internet access to work, and will show reasonably accurate information (within an error of about 60 seconds), up until the end of 2018.
+
+How to use?
+===========
+
+Moon is part of the Sugar desktop.  Please refer to;
+
+* [How to Get Sugar on sugarlabs.org](https://sugarlabs.org/),
+* [How to use Sugar](https://help.sugarlabs.org/),

activity/activity.info

@@ -1,12 +1,9 @@
 [Activity]
 name = Moon
-summary = For all those interested in the moon! See the different phases of the moon, latitudes and longitudes and impress all by "predicting" the next full moon!
-activity_version = 18
-host_version = 1
+activity_version = 19
 bundle_id = com.garycmartin.Moon
-icon = moon-icon
-exec = sugar-activity moon.MoonActivity
-show_launcher = yes
-license = GPLv2+
-max_participants = 1
+exec = sugar-activity-web
+icon = activity-icon
+license = Apache-2.0
 repository = https://github.com/sugarlabs/moon-activity.git
+summary = For all those interested in the moon! See the different phases of the moon, latitudes and longitudes and impress all by "predicting" the next full moon!

css/activity.css

@@ -0,0 +1,34 @@
+@import url(navbar.css);
+
+body {
+    overflow: hidden;
+}
+
+#panel-container {
+    height: 100%;
+    width: 100%;
+}
+
+.panel {
+    box-sizing: border-box;
+    float: left;
+    height: 100%;
+}
+
+#panel-left {
+    overflow-y: auto;
+    padding: 10px;
+    width: 40%;
+}
+
+#panel-right {
+    background-color: black;
+    width: 60%;
+    position: relative;
+}
+
+canvas {
+    position: absolute;
+    top: 0;
+    left: 0;
+}

css/navbar.css

@@ -0,0 +1,20 @@
+#main-toolbar button:active,
+#main-toolbar button.active {
+    background-color: #ddd;
+}
+
+#activity-button {
+    background-image: url(../activity/activity-icon.svg);
+}
+
+#toggle-grid-button {
+    background-image: url(../icons/toggle-grid.svg);
+}
+
+#toggle-hemisphere-button {
+    background-image: url(../icons/toggle-hemisphere.svg);
+}
+
+#save-image-button {
+    background-image: url(../icons/save-image.svg);
+}