Commit f7345836 authored by Regan's avatar Regan
Browse files

first push

parents
Pipeline #509 failed with stages

Too many changes to show.

To preserve performance only 1000 of 1000+ files are displayed.
/**********************************************************************
****** START: styling to override fieldset and legend styles
from bootstrap and recover its default style ***********
**********************************************************************/
<code>
fieldset{
display: block;
margin-left: 2px;
margin-right: 2px;
padding-top: 0.35em;
padding-bottom: 0.625em;
padding-left: 0.75em;
padding-right: 0.75em;
border: 2px groove grey;
}
legend{
display: block;
padding-left: 1%;
padding-right: 1%;
margin: 0;
padding-top: 0;
padding-bottom: 0;
border:none;
width:auto;
}
</code>
/**********************************************************************
****** STOP: styling to override fieldset and legend styles
from bootstrap and recover its default style ***********
**********************************************************************/
\ No newline at end of file
/**********
********
******for the next page button to shake at last, duration is set in mytemplate .myfooter next and prev > span
********
******
***/
<code>
$(".footer-next > span").addClass('animated infinite shake');
element {
-webkit-animation-duration: 2s;
-moz-animation-duration: 2s;
animation-duration: 2s;
}
</code>
/**********
********
******
for close button use this class in span tag and the following css
********
******
***/
<code>
<span class="glyphicon glyphicon-remove-circle"></span>
element {
cursor:pointer;
color:darkred;
font-size: 2em;
text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff;
}
</code>
/**********
********
******
for next button- <!-- for showing texts --> use this class in span tag and the following css
********
******
***/
<code>
<span id="nxtList" class="glyphicon glyphicon-arrow-right"></span>
element {
cursor: pointer;
color:black;
font-size:2.5em;
text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff;
}
</code>
/**********
********
******
for next button- <!-- for showing different slides inside a page --> use this class in span tag and the following css
********
******
***/
<code>
<!-- for travelling right -->
<span class="glyphicon glyphicon-circle-arrow-right"></span>
<!-- for travelling left -->
<span class="glyphicon glyphicon-circle-arrow-left"></span>
{
cursor: pointer;
color:black;
font-size:3em;
text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff;
}
</code>
/**********
********
******
for next button- <!-- for showing different slides inside a page --> use this class in span tag and the following css
********
******
***/
<code>
<span class="glyphicon glyphicon-repeat"></span>
{
cursor: pointer;
color:black;
font-size:3em;
text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff;
}
</code>
\ No newline at end of file
<h1>Commonly used ole library "ole.lib.js" function calls and usage</h1>
<ol>
<h3># Function calls for notification, for page navigation</h3>
<li>
<pre><h4>ole.footerNotificationHandler.pageEndSetNotification();</h4></pre>
<em>Usage: On calling this function, a notification with already set message is seen. <mark>Continue</mark> button thus seen allows the user to navigate to next page either in lesson or in exercise. The circular arrow <mark>Reload</mark> button allows the user to iterate the page.</em>
</li>
<br>
<hr>
<li>
<pre><h4>ole.footerNotificationHandler.lessonEndSetNotification();</h4></pre>
<em>Usage: On calling this function, a notification with already set message is seen.<mark>Continue</mark> button thus seen allows the user to navigate to first page of exercise. The circular arrow <mark>Reload</mark> button allows the user to iterate the page.</em>
</li>
<br>
<hr>
<li>
<pre><h4>ole.footerNotificationHandler.pageEndSetCustomNotification(usermessage);</h4></pre>
<em>Usage: On calling this function, a notification with "usermessage" is seen. <mark>Continue</mark> button thus seen allows the user to navigate to next page either in lesson or in exercise. The circular arrow <mark>Reload</mark> button allows the user to iterate the page.</em>
</li>
<br>
<hr>
<li>
<pre><h4>ole.footerNotificationHandler.lessonEndSetCustomNotification(usermessage);</h4></pre>
<em>Usage: On calling this function, a notification with "usermessage" is seen. <mark>Continue</mark> button thus seen allows the user to navigate to first page of exercise. The circular arrow <mark>Reload</mark> button allows the user to iterate the page.</em>
</li>
<br>
<hr>
<li>
<pre><h4>ole.footerNotificationHandler.hideNotification();</h4></pre>
<em>Usage: On calling this function, current notification is hidden from the notification panel. This includes the reload and continue button and the message as well.</em>
</li>
<br>
<hr>
<li>
<pre><h4>ole.activityComplete.finishingcall();</h4></pre>
<em>Usage: On calling this function, a <mark>congratulations page</mark> is called. You <mark>can navigate</mark> back to the <mark>current lesson or exercise</mark> or to the <mark>main menu</mark> for the current subject you are working on.</em>
</li>
<br>
<hr>
</ol>
\ No newline at end of file
<h3>Commonly used <mark>HANDLEBAR HELPERS</mark> that can be used in individual activity script files.</h3>
<ol>
<li>
<h3>Helper to call item index number from base 1</h3>
<em>Helper :</em>
<pre>
Handlebars.registerHelper('indexbase1', number) {
return number + 1;
});
</pre>
<em>Call : <code>{{indexbase1 @index}}</code></em>
</li>
<br>
<hr>
</ol>
\ No newline at end of file
<pre>
_ _ _ _ __
__ _ ___| |_(_)_ _(_) |_ _ _ / _|_ __ __ _ _ __ ___ ___
/ _` |/ __| __| \ \ / / | __| | | | | |_| '__/ _` | '_ ` _ \ / _ \
| (_| | (__| |_| |\ V /| | |_| |_| | | _| | | (_| | | | | | | __/
\__,_|\___|\__|_| \_/ |_|\__|\__, | |_| |_| \__,_|_| |_| |_|\___|
|___/
</pre>
<h1>mostly for activity only </h1>
<p>
activity.html --- main body or container,
---------- target -> pull activities in activity folder required on activity.html.</p>
<p>activity.html is more responsive, and div (.main and .mainBox) has changable width and height accordingly.. sections header, menu, footers accordingly managed</p>
<br>
jquery is preloaded <br>
handlebars is preloaded
<pre>
js/ole.activity.js ---- acts as route or main controller in this
first section has url parsing, which acts as $_GET[] method $_GET[] is array
in which 3 variables are grabbed...
id = with 8 letters (complesion)
first 3 letters = subjects like sci -> science
next 3 letters = activity title sm0 -> simple machine
last 2 letters = level name 01 -> level 1
pg = page of the activity.. by default, its 1
lang = language specified .. by default, its ....
activity.html?id=scism001&lang=np&pg=2
or
activity.html?id=scism001 //this give lang and pg default value
functions to use $jsLoader(dir/filename) ---no use of script src="" tag as we need refrence method... $jsLoader has already defined root to the active directory address.. so "dir/" = "js/" on which would be located inside activities folder
for css ... function $cssLoader(dir/filename) should be used
</pre>
<pre>
config/ --> config directory contains config files which are mostly .json files, it can be called as data directory or model not exactly thought :P since it contains configurations which is regularly used as data too :D
config.json --> (on progress)
configsubjects.json --> list of subjects like science, maths, english etc and there configurations
config[subjects].json --> example ... configscience.json, configmath.json ... this store configurations on different activity according to subjects
</pre>
<h1>Feature branches for the Epaath Html Repository</h1>
<ul>
<li>
<h3><mark>simplefeatures/featureaddition</mark></h3>
<span>commit all the feature addition required for: small and common feature addition</span>
</li>
<li>
<h3><mark>lessontaxonomy/featureaddition</mark></h3>
<span>commit all the feature addition required for categorization and view of the lessons</span>
</li>
<li>
<h3><mark>requirejs/featureaddition</mark></h3>
<span>commit all the feature addition required for: Testing Require JS on making the Epaath more modular and weighing on if it gives a significant added advantage.</span>
</li>
<li>
<h3><mark>class7mathreview</mark></h3>
<span>commit all the feature addition required for: review changes and updates for grade 7 math activities</span>
</li>
<li>
<h3><mark>class7sciencereview</mark></h3>
<span>commit all the feature addition required for: review changes and updates for grade 7 science activities</span>
</li>
<li>
<h3><mark>generic : [lessonname]/[subject]/[grade]</mark></h3>
<span>a branch for each activity with above branchname syntax, all changes are done to above branch for particular activity</span><br>
<span>Also add all the review changes to this activity in this very branch. Name the commit with the syntax : [bug number from redmine][what bug was resolved]</span>
</li>
<li>
<h3><mark>bugfix/activity/epaath</mark></h3>
<span>branch for bug fixes in epaath for activities</span><br>
<span>Branch for bug fixes in epaath for activities <mark>for those activities whose specific branches are not generated</mark></span>
</li>
<li>
<h3><mark>docsNtemplates/epaath</mark></h3>
<span>branch for bug fixes in epaath for activities</span><br>
<span>Branch for bug fixes in epaath for activities <mark>for those activities whose specific branches are not generated</mark></span>
</li>
</ul>
<h1>Specific activity branches</h1>
<ul>
<h3>Grade 7 : </h3>
<li>Mixture | Science | 7 | <em>branchname:</em> <b><mark>mixtureroshan</mark></b></li>
<li>Rocks | Science | 7 | <em>branchname:</em> <b><mark>strofearth/roshan</mark></b></li>
<h3>Grade 8 : </h3>
<li>Reading A Map | English | 8 | <em>branchname:</em> <b><mark>readingA
map/English8</mark></b></li>
<li>Microbes | Science | 8 | <em>branchname:</em> <b><mark>microbes/science/grade8</mark></b></li>
<li>Mirror | Science | 8 | <em>branchname:</em> <b><mark>mirror/science/grade8</mark></b></li>
<li>Minerals | Science | 8 | <em>branchname:</em> <b><mark>minerals/science/grade8</mark></b></li>
<li>Soil | Science | 8 | <em>branchname:</em> <b><mark>soil/science/grade8</mark></b></li>
<li>Soil | Science | 8 | <em>branchname:</em> <b><mark>raydigram/science/grade8</mark></b></li>
<li>Periodic_table | Science | 8 | <em>branchname:</em> <b><mark>periodic_table/science/grade8</mark></b></li>
<li>Measurement | Science | 8 | <em>branchname:</em> <b><mark>measurement/science/grade8</mark></b></li>
<li>Acid Base Salt | Science | 8 | <em>branchname:</em> <b><mark>acid_base_salt/science/grade8</mark></b></li>
<li>Chemical Reaction | Science | 8 | <em>branchname:</em> <b><mark>chemical_reaction/science/grade8</mark></b></li>
<li>Electricity | Science | 8 | <em>branchname:</em> <b><mark>electricity/science/grade8</mark></b></li>
<li>LifeProcesses | Science | 8 | <em>branchname:</em> <b><mark>lifeprocesses/science/grade8</mark></b></li>
<li>Lever | Science | 8 | <em>branchname:</em> <b><mark>lever/science/grade8</mark></b></li>
<li>Pressure | Science | 8 | <em>branchname:</em> <b><mark>pressure/science/grade8</mark></b></li>
<li>Velocity_and_acceleration | Science | 8 | <em>branchname:</em> <b><mark>velocityNacceleration/science/grade8</mark></b></li>
<li>Sound | Science | 8 | <em>branchname:</em> <b><mark>sound/science/grade8</mark></b></li>
<li>Bearing | Math | 8 | <em>branchname:</em> <b><mark>bearing/science/grade8</mark></b></li>
</ul>
\ No newline at end of file
This diff is collapsed.
<!--
Title : General Template for Epaath Activity
-->
<script type="text/javascript">
$cssLoader("css/pagenumber.css");
</script>
<!-- cssloader ends -->
<div class="activity_container">
<div class="board"></div>
<div class="nextBtn myNextStyle"></div>
<div class="prevBtn myPrevStyle"></div>
</div>
<script id="general-template" type="text/x-handlebars-template">
{{! update templatecontains data for if it has header, instruction, headerinstruction or only has content --}}
{{#if hasheaderblock}}
<div class="generaltemplateblock" data-templatecontains="hasheaderblock">
{{! header block start--}}
<div class="headerblock">
{{#each headerblock}}
{{> textcontent}}
{{/each}}
</div>
{{! header block end--}}
{{else}}
<div class="generaltemplateblock" data-templatecontains="hasonlycontent">
{{/if}}
{{! content block start--}}
<div class="contentblock {{contentblockadditionalclass}}">
{{#if contentnocenteradjust}}
<div class="coverboardfull">
{{else}}
<div class="vertical-horizontal-center">
{{/if}}
{{#if uppertextblock}}
<div class="textblock {{uppertextblockadditionalclass}}">
{{#if contentblocknocenteradjust}}
<div class="vertical-horizontal-center">
{{/if}}
{{#each uppertextblock}}
{{> textcontent}}
{{/each}}
{{#if contentblocknocenteradjust}}
</div>
{{/if}}
</div>
{{/if}}
{{#if imageblock}}
<div class="imageblock {{imageblockadditionalclass}}">
{{#if contentblocknocenteradjust}}
<div class="vertical-horizontal-center">
{{/if}}
{{#each imageblock}}
{{> imagecontent}}
{{/each}}
{{#if contentblocknocenteradjust}}
</div>
{{/if}}
</div>
{{/if}}
{{#if lowertextblock}}
<div class="textblock {{lowertextblockadditionalclass}}">
{{#if contentblocknocenteradjust}}
<div class="vertical-horizontal-center">
{{/if}}
{{#each lowertextblock}}
{{> textcontent}}
{{/each}}
{{#if contentblocknocenteradjust}}
</div>
{{/if}}
</div>
{{/if}}
{{#if usageslowrevealblock}}
<div class="usageslowrevealblock {{usageslowrevealblockadditionalclass}}">
{{#each usageslowrevealblock}}
{{> usageslowrevealcontent}}
{{/each}}
</div>
{{/if}}
{{#if timetothink}}
{{#each timetothink}}
{{> timetothinkcontent}}
{{/each}}
{{/if}}
{{#if svgblock}}
<div class="svgwrapper {{svgwrapperadditionalclass}}">
{{#each svgblock}}
{{> svgcontent}}
{{/each}}
</div>
{{/if}}
{{#if textlistblock}}
<div class="textlistblock {{textlistblockadditionalclass}}">
{{#each textlistblock}}
{{> textlistcontent}}
{{/each}}
</div>
{{/if}}
{{#if usageblock}}
<div class="usageblock {{usageblockadditionalclass}}">
{{#each usageblock}}
{{> usagecontent}}
{{/each}}
</div>
{{/if}}
{{#if propertyblock}}
<div class="propertyblock {{propertyblockadditionalclass}}">
{{#each propertyblock}}
{{> propertycontent}}
{{/each}}
</div>
{{/if}}
{{#if propertysummaryblock}}
<div class="propertysummaryblock {{propertysummaryblockadditionalclass}}">
{{#each propertysummaryblock}}
{{> propertysummarycontent}}
{{/each}}
</div>
{{/if}}
{{#if diysplashblock}}
<div class="diysplashblock {{diysplashblockadditionalclass}}">
{{#each diysplashblock}}
{{> diysplashcontent}}
{{/each}}
</div>
{{/if}}
{{#if diyblock}}
<div class="diyblock {{diyblockadditionalclass}}">
{{#each diyblock}}
{{> diycontent}}
{{/each}}
</div>
{{/if}}
{{#if definitionblock}}
<div class="definitionblock {{definitionblockadditionalclass}}">
{{#each definitionblock}}
{{> definitioncontent}}
{{/each}}
</div>
{{/if}}
</div>
</div>
{{! content block end--}}
{{! instruction block start--}}
{{#if instructionblock}}
<div class="instructionblock {{instructionblockadditionalclass}}" data-instructionblockshow="true">
{{#each instructionblock}}
{{> instructioncontent}}
{{/each}}
</div>
{{/if}}
{{! instruction block end--}}
</div>
</script>
<!-- partials separated as subtemplate in handlebars -->
<script id="textcontent-partial" type="text/x-handlebars-template">
<p class="{{textclass}}" data-highlight="{{datahighlightflag}}" data-highlightcustomclass="{{datahighlightcustomclass}}">{{{textdata}}}</p>
</script>
<script id="imagecontent-partial" type="text/x-handlebars-template">
{{#each imagestoshow}}
<img class="{{imgclass}}" src="{{imgsrc}}">
{{/each}}
{{#if imagelabels}}
{{#each imagelabels}}
<label class="{{imagelabelclass}}" data-highlight="{{datahighlightflag}}" data-highlightcustomclass="{{datahighlightcustomclass}}">{{{imagelabeldata}}}</label>
{{/each}}
{{/if}}
</script>
<script id="instructioncontent-partial" type="text/x-handlebars-template">
<div class="instructionsets">
<ol class="vertical-horizontal-center">
{{#each instruction}}
<li class="text-primary" data-highlight="{{datahighlightflag}}" data-highlightcustomclass="{{datahighlightcustomclass}}">{{{this}}}</li>
{{/each}}
</ol>
</div>
<div class="toggleinstructionblock">
<span class="glyphicon glyphicon-chevron-down"></span>
<div class="glossy"></div>
</div>
</script>
<script id="cardcontent-partial" type="text/x-handlebars-template">
<div class="card_block{{@index}}" data-hasimage="{{cardblockhasimageflag}}">
<div class="content_wrapper_card_block">
{{#if cardtitle}}
{{#each cardtitle}}
<p class="card_title">{{{this}}}</p>
{{/each}}
{{/if}}
<div class="card_content">
{{#each cardcontenttext}}
<p class="card_content_text" data-highlight="{{datahighlightflag}}">{{{cardcontenttextdata}}}</p>
{{/each}}
</div>
</div>
{{#if cardimage}}
{{#each cardimage}}
<img class="card_content_image" src="{{this}}"/>
{{/each}}
{{/if}}
</div>
</script>
<script id="usageslowrevealcontent-partial" type="text/x-handlebars-template">
<p class="usageheading">{{usageheadingdata}}</p>
{{#each cardcontentblock}}
{{> cardcontent}}
{{/each}}
<div class="nextusageBtn myNextStyle"></div>
</script>
<script id="timetothinkcontent-partial" type="text/x-handlebars-template">
<div class="timeToThink">
<figure>
<img src="{{timeToThinkImageSource}}">
<figcaption>{{timeToThinkTextData}}</figcaption>
</figure>
<p class="paratextstyle">{{{timeToThinkInstructionData}}}</p>
</div>
</script>
<script id="svgcontent-partial" type="text/x-handlebars-template">
<div class="svgcontainer">{{!-- load actual svg image here --}}</div>
{{!-- load snap svg --}}
<script src="js/snap.svg/snap.svg-min.js" type="text/javascript"><{{!}}/script>
</script>
<script id="textlistcontent-partial" type="text/x-handlebars-template">
<ol>
{{#each listtype}}
<li>{{listtypedata}}</li>
{{#if listsubtype}}
<ul>
{{#each listsubtype}}
<li>{{listsubtypedata}}</li>
{{/each}}
</ul>