Skip to content

Commit

Permalink
Recording Feature implementation (#3272)
Browse files Browse the repository at this point in the history 
* Take a tour section became responsive for all kind of smartphones

* making responsive and adjusting the size of the icons according to different screen sizes

* fixing Interval number and Movabledo  in take a tour section

* updating activities file

* Implementation of Recording button Feature

* updating activities file

* fixes issue #3066 - to remove arrows on dismissing error message (#3222)

* fixes issue #3066 - dismissing an error message removeArrow() is not found

* fixes issue #3066

* Fix the redundant display of error messages despite availability of cards (#3231)

* Implementation of Recording button Feature

* Enhancement: Upgrade the files from Constructor function to ES6 class syntax  (#3265)

* Upgrade Planet.js file

* Upgrade GlobalPlanet.js File

* FUll-SCREEN MODE (#3253)

* Enhancement: Upgrade constructor function to ES6 class syntax.  (#3268)

* Upgrade ProjectViewer.js file

* Upgrade GlobalCard.js file

* Upgrade GlobalTag.js File

* Upgrade LocalPlanet.js File

* Upgrade Publisher.js File

* Upgrade LocalCard.js File

* Full screen help (#3269)

* Upgrade ProjectViewer.js file

* Upgrade GlobalCard.js file

* Upgrade GlobalTag.js File

* Upgrade LocalPlanet.js File

* Upgrade Publisher.js File

* Upgrade LocalCard.js File

* add help for full screen

---------

Co-authored-by: TheCharismaticEnigma <avishkar2002@mail.com>

* Implementation of Recording button Feature

* Now current tab can be recorded in Chrome and opera

* Record And FullScreen Functionality

* Recording button version 3

* Adding materialise and blinking effect in rec-btn

* Making recording button unclickable when its in use

* changes in index

* implemeting SVGs to record button

* exporting recording script code to js files and implementing SVGs

* changing dimensions in record svg and deleting ide files:

* deleting idea file

* Making Record button unclickable while recording:

* Currently user needed to click two times while starting the first recording , this problem arises after exporting the code

* indentation

* Making Record a advance feature and changing styling and blinking effect on clicking the Rec button

* Removing Record feature from firefox and exporting browser detection code from acticity.js to utils.js

* linting

* linting

* linting

---------

Co-authored-by: Kushal Shah <60709835+shahkushal38@users.noreply.github.com>
Co-authored-by: TheCharismaticEnigma <102666605+TheCharismaticEnigma@users.noreply.github.com>
Co-authored-by: Walter Bender <walter@sugarlabs.org>
Co-authored-by: TheCharismaticEnigma <avishkar2002@mail.com>
Co-authored-by: Walter Bender <walter@sorcero.com>
  • Loading branch information
@MohitGupta14 @shahkushal38
@TheCharismaticEnigma @walterbender
6 people authored Jun 29, 2023
1 parent bfeea1f commit f260e1d
Show file tree
Hide file tree
Showing 7 changed files with 347 additions and 134 deletions.
10 changes: 10 additions & 0 deletions css/activities.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -131,6 +131,16 @@
line-height: 30px;
}

.blink {
animation: blink-animation 1.5s infinite;
}

@keyframes blink-animation {
50% {
opacity: 0;
}
}

/*CSS for load animation*/
#load-container {
width: 100%;
Expand Down
71 changes: 37 additions & 34 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,11 +7,10 @@
concepts.
</title>

<meta name="description" content="Learn to code through music with Music Blocks. Arrange colorful blocks to create everything from simple melodies to interactive games.">
<meta name="description" content="Learn to code through music with Music Blocks. Arrange colorful blocks to create everything from simple melodies to interactive games.">
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height"/>

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"/>

<!-- <link href="https://fonts.googleapis.com/css2?family=PT+Mono&display=swap" rel="stylesheet"> -->

<link rel="stylesheet" href="css/activities.css" />
Expand Down Expand Up @@ -502,11 +501,16 @@
><i class="material-icons main">stop</i></a
>
</li>

<li>
<a id="record" class="left tooltipped" data-tooltip="Record">
</a>
</li>
</ul>

<ul class="main right">
<li>
<a

id="FullScreen"
class="FullScreen tooltipped dropdown-trigger"
data-position="bottom"
Expand Down Expand Up @@ -828,9 +832,35 @@
<li><a id="new-project"></a></li>
</ul>

<script>
var count=0;
function setIcon() {
<script>
var elem = document.documentElement;
function openFullscreen() {
if (elem.requestFullscreen) {
elem.requestFullscreen();
// For safari browser
} else if (elem.webkitRequestFullscreen) {
elem.webkitRequestFullscreen();
// For IE(supported above 10)
} else if (elem.msRequestFullscreen) {
elem.msRequestFullscreen();
}else if (elem.mozRequestFullscreen) {
elem.mozRequestFullscreen();
}
}

function closeFullscreen() {
if (document.exitFullscreen) {
document.exitFullscreen();
} else if (document.webkitExitFullscreen) { /* Safari */
document.webkitExitFullscreen();
} else if (document.msExitFullscreen) { /* IE11 */
document.msExitFullscreen();
}else if (document.mozExitFullscreen) { /* IE11 */
document.mozExitFullscreen();
}
}
var count=0;
function setIcon() {
var property = document.getElementById(FullScreen);
var iconCode = document.querySelector('#FullScrIcon');
//Calling full Screen
Expand All @@ -839,43 +869,16 @@
iconCode.textContent='\ue5d1';
count = 1;
}
//Closing full Scree
//Closing full Screen
else {
closeFullscreen();
iconCode.textContent='\ue5d0';
count = 0;
}
}
</script>
<!-- Function to open and closing the screen -->
<script language="jscript">
var elem = document.documentElement;
function openFullscreen() {
if (elem.requestFullscreen) {
elem.requestFullscreen();
// For safari browser
} else if (elem.webkitRequestFullscreen) {
elem.webkitRequestFullscreen();
// For IE(supported above 10)
} else if (elem.msRequestFullscreen) {
elem.msRequestFullscreen();
}
}

function closeFullscreen() {
if (document.exitFullscreen) {
document.exitFullscreen();
} else if (document.webkitExitFullscreen) { /* Safari */
document.webkitExitFullscreen();
} else if (document.msExitFullscreen) { /* IE11 */
document.msExitFullscreen();
}
}
</script>
</div>
</div>
<!-- hideContents -->

<div id="searchBar" tabindex="-1">
<input
type="text"
Expand Down
Loading

0 comments on commit f260e1d

Please sign in to comment.