Merge branch 'issue.1503' of https://github.com/VishnuVardhanBR/sugar…

…izer into pr/1506
llaske · Jan 23, 2024 · ca71134 · ca71134
2 parents f65338b + 62d6ebb
commit ca71134
Show file tree

Hide file tree

Showing 5 changed files with 63 additions and 3 deletions.
diff --git a/activities/Gears.activity/css/activity.css b/activities/Gears.activity/css/activity.css
@@ -23,8 +23,12 @@ body {
   background-image: url(../icons/MomentumIcon.svg);
 }
 
-#main-toolbar #play-button {
-  background-image: url(../icons/media-playback-start.svg);
+#main-toolbar #play-button.play {
+	background-image: url(../icons/play.svg);
+}
+
+#main-toolbar #play-button.pause {
+	background-image: url(../icons/pause.svg);
 }
 
 #main-toolbar #clear-button {

diff --git a/activities/Gears.activity/icons/pause.svg b/activities/Gears.activity/icons/pause.svg
diff --git a/...s.activity/icons/media-playback-start.svg → activities/Gears.activity/icons/play.svg b/...s.activity/icons/media-playback-start.svg → activities/Gears.activity/icons/play.svg
diff --git a/activities/Gears.activity/index.html b/activities/Gears.activity/index.html
@@ -24,7 +24,7 @@
       <button class="toolbutton" id="gear-button" title="Gear"></button>
       <button class="toolbutton" id="chain-button" title="Chain"></button>
       <button class="toolbutton" id="momentum-button" title="Momentum"></button>
-      <button class="toolbutton" id="play-button" title="Play"></button>
+      <button class="toolbutton play" id="play-button" title="Play"></button>
       <hr/>
       <button class="toolbutton" id="clear-button" title="Clear"></button>
       <button class="toolbutton pull-right" id="stop-button" title="Stop"></button>

diff --git a/activities/Gears.activity/js/activity.js b/activities/Gears.activity/js/activity.js
@@ -87,9 +87,13 @@ define(["sugar-web/activity/activity","sugar-web/graphics/radiobuttonsgroup","ge
             }
             if(gearSketch.selectedButton == "playButton"){
                 gearSketch.selectButton(null);
+				playButton.classList.remove('pause');
+				playButton.classList.add('play');
             }
             else{
                 gearSketch.selectButton("playButton");
+				playButton.classList.remove('play');
+				playButton.classList.add('pause');
             }
         });