test11

<!DOCTYPE HTML>
<html>
<head><meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″>
<meta name = “viewport” content = “width = device-width, initial-scale=1, maximum-scale=1, user-scalable=0″/>
<title>Boala 1.301</title>
<!– Bootstrap –>
<link href = “css/bootstrap.min.css” rel = “stylesheet”>
<link href = “css/bootstrap_rtl.css” rel = “stylesheet”>
<link rel=”stylesheet” href=”css/animate.min.css” />
<link href = “css/jquery.selectBoxIt.css” rel = “stylesheet”>
<link rel=”stylesheet” href=”css/font-awesome.min.css” >
<link href = “css/style.css” rel = “stylesheet”>
</head>
<body class=’app6 jello animated’ style=”animation-duration: 2s; animation-fill-mode: both”>
<input type=”hidden” name=”mobile” id=”mobile” value=”1″ />
<div class=”container-fluid”>
<nav class=”navbar navbar-default navbar-fixed-bottom”>
<!– Collection of nav links and other content for toggling –>
<div id=”navbarCollapse” class=”collapse navbar-collapse mb-1 navbar navbar-expand-lg navbar-dark default-color “>
<ul class=”nav navbar-nav” style=’height: 42px;’>
<li id=”add” style=’width: 23%;padding-left: 17px;’ >
<a href=”app6.php?do=Add” class=’btn’ style=”padding-left: 2px; word-wrap: break-word; color:#000; border-radius: 10px;border-color: aliceblue;”>Etapa I</a>
</li>
<li id=”edit” style=’width: 21%;left: 23.5%; top: -42px;’ >
<a href=”app6.php?do=Edit” class=’btn’ style=”padding-left: 2px; word-wrap: break-word; color:#000; border-radius: 10px;border-color: aliceblue;”>Lista</a>
</li>
<li id=”solve” style=’width: 21%;left: 45%; top: -84px;’>
<a href=”app6.php?do=Solve” class=’btn’ style=”padding-left: 2px; word-wrap: break-word; color:#000; border-radius: 10px;border-color: aliceblue;);”>Misiunea</a>
</li>
<li id=”help” style=’width: 15%;left: 66.5%; top: -126px;’ >
<a href=”app6.php?do=Help” class=’btn’ style=”word-wrap: break-word; color:#000; border-radius: 10px;border-color: aliceblue;”><i class=”fa fa-question” ></i></a>
</li>
<li id=”exit” style=’width: 15%;left: 82.5%; top: -168px;padding-right: 8px;’ >
<a href=”index0.php#descopera” class=’btn’ style=”word-wrap: break-word; color:#000; border-radius: 10px;border-color: aliceblue;”><i class=”fa fa-sign-out” ></i></a>
</li>
</ul>
</div>
</nav>
</div>
<div>
<img src=”Images/mis-1.png” style=’ width: 100%;’ />
</div>
<div class=”row”>
<form class=”form-horizontal” action=”” method=”POST”>
<div class=”form-group”>
<div class=”select-wrapper”>
<select name=”catid” id=”subdept” class=”my-select-menu”>
</select>
</div>
</div>
<div class=”form-group”>
<div class=”” id=’btnnext’ >
<a href=”#” class=”btn btn-default btnu” style=”background:#ff9d7d;color:#fff; ” id=”btn_add1″><h4 >Urmatorul</h4></a>
</div>
</div>
</form>
</div>
<!————————————————————————————————————->
<div class=”modal fade” id=”addsubModal” data-backdrop=”static” data-keyboard=”false” >
<div class=”modal-dialog”>
<div class=”modal-content app6x”>
<!– Modal Body –>
<div class=”modal-body”>
<div>
<img src=”Images/mis-9.png” style=’ width: 100%;’ />
</div>
<form class=”form-horizontal” method=”post” id=”sub_form” enctype=”multipart/form-data”>
<div class=”form-group” style=’margin-top: 15px;’>
<input type=”text” name=”newsub” id=”newsub” class=”form-control” placeholder=” Adaugă aspect nou” style=’height: 55px;’ />
</div>
<div class=”col-xs-12″ style=” padding-right:0px; padding-left: 0px;margin-top: 15px;”>
<div class=”col-xs-6″ style=” padding-right:0px; padding-left: 0px;”>
<button type=”submit” style=”width: 95%; background:#ff9d7d;” name=”actionsub” id=”actionsub” class=”btn btn-success”>Save</button>
</div>
<div class=”col-xs-6 ” style=” padding-right:0px; padding-left: 0px;”>
<button type=”button” class=”btn btn-success” style=”width: 95%; background:#ff9d7d;” data-dismiss=”modal”>Inchide</button>
</div>
<div class=”col-xs-1 “></div>
<input type=”hidden” name=”user_id” id=”user_id” />
<input type=”hidden” name=”operationsub” id=”operationsub” />
</div>
<!– Modal Footer –>
</form>
</div>
</div>
</div>
</div>
<div class=”modal fade” id=”addModalocation” data-backdrop=”static” data-keyboard=”false”>
<div class=”modal-dialog swing animated” style=”animation-duration: 2s; animation-fill-mode: both” role=”document”>
<div class=”modal-content app6x”>
<form class=”form-horizontal” method=”post” id=”user_form” enctype=”multipart/form-data”>
<!– Modal Body –>
<div class=”modal-body”>
<div class=”form-group” >
<img src=”Images/mis-5.png” style=’ width: 100%;’ />
</div>
<div class=”form-group app6xlab”>
<span class=”” style=’padding-top: 5px;font-size:20px;color:red;padding-left: 8px;’ id=”messAa”> </span>
<span class=”” style=’padding-top: 5px;font-size:20px;’ id=”messA”> </span>
<label class=”” style=’padding-top: 5px;font-size:16px;color:red;padding-left: 8px;’ id=”messAb”> </label>
<br />
<label class=”titlered ” style=’padding-left: 15px;font-size:16px;
padding-right: 15px;’ id=”messB”></label>
</div >
<div class=”form-group” >
<textarea name=”outcome” rows=”5″ id=”outcome” class=”form-control col-xs-12″ style=”margin-top: -15px;height: 90px; “placeholder=”Your Message”></textarea>
</div>
<div class=”form-group” >
<div class=”col-xs-6 “>
<input type=”submit” name=”action” id=”action” class=”btn btn-success” style=”padding: 8px ;width: 95%;background:#ff9d7d;” value=” Urmatorul ” />
</div>
<div class=”col-xs-6 “>
<button type=”button” id=”closebtn” style=”padding: 8px ;width: 95%; background:#ff9d7d;” class=”btn btn-success”> Inchide</button>
</div>
</div>
</div>
<!– Modal Footer –>
<div class=”modalfooter” >
<input type=”hidden” name=”user_id” id=”user_id” />
<input type=”hidden” name=”operation” id=”operation” />
</div>
</div>
</form>
</div>
</div>
</div>
<div id=”mySend” class=”modal modal1 fade” role=”dialog”>
<div class=”modal-dialog modal-dialog1″>
<!– Modal content–>
<div class=”modal-content modal-content1″>
<button type=”button” class=”btn btn-default sendclo pull-right” id=”sendclose” data-dismiss=”modal”>close</button>
<p class=”gradient2″ id=”areatext1″></p>
<audio class=’mp3′ id=”mymp31″ controls=”controls” loop=”loop” >
<source src=”Images/7.mp3” type=”audio/mpeg” />
<source src=”Images/7.ogg” type=”audio/ogg” />
</audio>
</div>
</div>
</div>
<!————————————————————————————————————->
<!– jQuery (necessary for Bootstrap’s JavaScript plugins) –>
<script src =”js/jquery-3.3.1.min.js“></script>
<script src = “js/bootstrap.min.js“></script>
<script src=”js/responsive.bootstrap.min.js“></script>
<script src=”js/jquery.selectBoxIt.min.js“></script>
<script>
$(document).ready(function() {
// Begin the tab
var current_page = “0”;
if(current_page == ‘0’){
$(‘#add’).addClass(“active”);
}else if(current_page == ‘1’){
$(‘#edit’).addClass(“active”);
}else if(current_page == ‘2’){
$(‘#solve’).addClass(“active”);
} else {
$(‘#help’).addClass(“active”);
};
// end the tab
var pointset5;
try{
pointset5 = JSON.parse(localStorage.getItem(‘pointset5’)) || [];
} catch (err) {
pointset5 = [];
}
if(pointset5.length >0){
var barx = ‘<div class=”progress-bar progress-bar-success” role=”progressbar” aria-valuenow=”‘+pointset5[0]+'” aria-valuemin=”0″ aria-valuemax=”100″ style=”width:’+pointset5[0]+’%”></div>’;
var barp = ‘<h3> points ‘+pointset5[0]+’/100 </h3>’
$(‘#probar’).append(barx);
$(‘#barpoi’).empty();
$(‘#barpoi’).append(barp);
};
// Etapa I
//—————————————-The Begin Select List ——————————
// the array
var selectlist = [
‘Alege un aspect: ‘,
‘Spiritual’,
‘Material’,
‘Professional’,
‘Social’,
‘Familie ‘,
‘Sănătate ‘,
‘Psihologică’,
‘Adaugă aspect nou’,
]
var dataSetmass0;
try{
dataSetmass0 = JSON.parse(localStorage.getItem(‘dataSetmass0’)) || [];
} catch (err) {
dataSetmass0 = [];
}
// insert the select list inside the localstorage
if (dataSetmass0.length=== 0){
for (i = 0 ; i < selectlist.length; i++) {
if(i===selectlist.length-1){
var vals = ‘Add New’;
} else {
var vals = i;
}
var data = [
vals,
selectlist[i],
];
dataSetmass0.push(data);
localStorage.setItem(‘dataSetmass0’, JSON.stringify(dataSetmass0));
}
reload_select();
} else {
reload_select();
}
//this function to reload the select list
var htmldivselect;
function reload_select() {
$(‘#subdept’).empty();
for (i = 0 ; i <dataSetmass0.length ; i++) {
var arrayx = dataSetmass0[i]
$(‘#subdept’).append($(‘<option>’,
{
value: arrayx[0],
text : arrayx[1]
}));
};
}
// to create the message or to add new item inside the select list
var subd;
$(“#subdept”).change(function(){
subd = $(“#subdept”).val();
$(“#btnnext”).show();
//alert(subd);
h4m =’Exercitati credintele pe care le alegeti : ‘ ;
h2m = $(this).find(“option:selected”).text();
h3m= ‘ إكتب وبسرعة ومن غير تفكير 10 – 15 إعتقادا وإنقر بعد كل مرة على زر “التالي. عند الإنتهاء إنقر على ” إعتقاد جديد.” ‘ ;
if(subd ==’Add New’){
$(‘#operationsub’).val(“Add”);
$(“#addsubModal”).modal(‘show’);
}
});
// to insert the new item inside the select list
$(“#actionsub”).click(function(event){
event.preventDefault();
var outc = $(‘#newsub’).val();
var valoutc = dataSetmass0.length;
// alert(outc);
if(outc != ” ){
var data = [
valoutc,
outc,
];
dataSetmass0.push(data);
localStorage.setItem(‘dataSetmass0’, JSON.stringify(dataSetmass0));
reload_select();
// alert(valoutc);
$(“#subdept”).val(valoutc).change();
$(“.modal-body input”).val(“”);
$(“#addsubModal”).modal(‘hide’);
h4m = ‘ Tu acum adaugi rezoltate la latura: ‘ + outc;
$(“#messA”).text(h4m) ;
$(“#action”).val(‘ Urmatorul ‘);
$(“#addModalocation”).modal(‘show’);
}
});
// to begin insert the conviction
$(“#btn_add1”).click(function(event){
event.preventDefault();
// alert(‘hhhh’)
var outc = $( “#subdept option:selected” ).text();
// alert(outc)
var subdn = $( “#subdept option:selected” ).val();
h4m = ‘ Tu acum adaugi rezoltate la latura:’ + outc;
$(“#messA”).text(h4m) ;
if(subdn!=0){
$(“#addModalocation”).modal(‘show’);
}
$(“html, body”).animate({ scrollTop: 0 }, “slow”);
return false;
});
// to save the conviction Următorul -> btn
$(document).on(‘submit’, ‘#user_form’, function(event){
event.preventDefault();
var subdn = $( “#subdept option:selected” ).text();
var outd = $(‘#outcome’).val();
if(outd != ” ){
var outc = subdn +’ : ‘ + outd;
var data = [
subdn,
outd,
];
dataSetmass1.push(data);
localStorage.setItem(‘dataSetmass1’, JSON.stringify(dataSetmass1));
var mess0 = ‘ Simte’;
var mess = ‘ca ai obtinut deja: ‘;
var mess2 = outd;
var mess1 =’ Care este cel mai important lucru pe care ții el ofera…’+ outd +’ ?’;
$(“#messAa”).empty();
$(“#messAb”).empty();
$(“#messA”).empty();
$(“#messB”).empty();
$(“#messAa”).append(mess0);
$(“#messAb”).append(mess2);
$(“#messA”).append(mess);
$(“#messB”).append(mess1);
reload_cart1();
}
$(‘#user_form’)[0].reset();
});
// to save and closw the conviction Tema urmatoare btn
$(“#closebtn”).click(function(event){
event.preventDefault();
var subdn = $( “#subdept option:selected” ).text();
var outd = $(‘#outcome’).val();
if(outd != ” ){
var outc = subdn +’ : ‘ + outd;
var data = [
subdn,
outd,
];
dataSetmass1.push(data);
localStorage.setItem(‘dataSetmass1’, JSON.stringify(dataSetmass1));
reload_cart1();
}
$(“#addModalocation”).modal(‘hide’);
location.reload();
});
//————————————————————————————-//
// Etapa II
var dataSetmass1;
try{
dataSetmass1 = JSON.parse(localStorage.getItem(‘dataSetmass1’)) || [];
} catch (err) {
dataSetmass1 = [];
}
var dataSetmass2;
try{
dataSetmass2 = JSON.parse(localStorage.getItem(‘dataSetmass2’)) || [];
} catch (err) {
dataSetmass2 = [];
}
var dataSetmass3;
try{
dataSetmass3 = JSON.parse(localStorage.getItem(‘dataSetmass3’)) || [];
} catch (err) {
dataSetmass3 = [];
}
if(dataSetmass1.length>0){
$(‘#infoz1’).empty();
$(“#infoz11”).css(“display”, “block”);
}
var htmldiv;
function reload_cart1() {
$(‘#infoz’).empty();
for (i = dataSetmass1.length-1; i >-1; i–) {
var arrayx = dataSetmass1[i]
// htmldiv = ‘<div class=”col-xs-12″><p style=” color:#5a47bb; “>’+arrayx[0]+’ : <span style=”color:#000”>’ +arrayx[1]+'</span> </p>’
// +'<span><a class=”checkMe” id=”‘+i+'”><i class=”fa fa-check-square fa-2x” style=” color:green; “></i></a></span><hr /></div>’;
htmldiv = ‘<div class=”col-xs-12 btn btn-info checkMe” style=”background-color: #637DFF ;color:#fff;white-space: normal !important; word-wrap: break-word; ” id=”‘+i+'” > <h4><i class=”fa fa-square fa-1x” style=” color:#fff; float: right; “></i> ‘+arrayx[0] +’ : ‘+arrayx[1] +'</h4></div> ‘
+'<div Class=”col-xs-12″><br /></div>’;
$(‘#infoz’).append(htmldiv);
}
}
reload_cart1();
$(document).on(‘click’,’.checkMe’, function () {
var vid= this.id ;
var arrayx = dataSetmass1[vid];
var mess = arrayx[0] +’ : ‘+ arrayx[1];
var data = [
arrayx[1],
‘ ‘,
‘ ‘,
‘ ‘,
‘ ‘,
‘ ‘,
‘ ‘,
‘ ‘,
‘ ‘,
];
dataSetmass2.push(data);
localStorage.setItem(‘dataSetmass2’, JSON.stringify(dataSetmass2));
reload_cart2();
dataSetmass1.splice(vid, 1);
localStorage.setItem(‘dataSetmass1’, JSON.stringify(dataSetmass1));
reload_cart1();
});
//————————————————————————————-//
// Etapa III
var htmldiv2;
function reload_cart2() {
$(‘#infoz2’).empty();
for (i = dataSetmass2.length-1; i >-1; i–) {
var arrayx = dataSetmass2[i]
htmldiv2 ='<span style=”word-wrap: break-word; font-size: 17px;”>’+arrayx[0]+’ – </span>’ ;
$(‘#infoz2’).append(htmldiv2);
}
var arrayxt = dataSetmass3[0]
$(‘#mission’).val(arrayxt);
$(‘.panel-collapse’).collapse(‘hide’);
}
reload_cart2();
$(‘#updateIII’).click(function () {
// alert(‘1’);
xx= $(‘#mission’).val();
if ($(‘#mission’).val() == ” ) {
// alert(xx);
$(“#dialog-confirm”).dialog(“open”);
} else {
var vid = ‘0’;
if(pointset5.length==0){
var data = [100];
pointset5.push(data);
localStorage.setItem(‘pointset5’, JSON.stringify(pointset5));
}else{
var pointv = parseInt(pointset5[0]) + 200;
if(pointv <201){
pointset5.splice(0, 1);
localStorage.setItem(‘pointset5’, JSON.stringify(pointset5));
var data = [pointv];
pointset5.push(data);
localStorage.setItem(‘pointset5’, JSON.stringify(pointset5));
}
var barx = ‘<div class=”progress-bar progress-bar-success” role=”progressbar” aria-valuenow=”‘+pointset5[0]+'” aria-valuemin=”0″ aria-valuemax=”100″ style=”width:’+pointset5[0]+’%”></div>’;
var barp = ‘<h3> points ‘+pointset5[0]+’/100 </h3>’
$(‘#probar’).append(barx);
$(‘#barpoi’).empty();
$(‘#barpoi’).append(barp);
}
dataSetmass3.splice(vid, 1);
localStorage.setItem(‘dataSetmass3’, JSON.stringify(dataSetmass3));
var data = [
$(‘#mission’).val(),
];
dataSetmass3.push(data);
localStorage.setItem(‘dataSetmass3’, JSON.stringify(dataSetmass3));
$(‘#mission’).val(”);
$(“#myModalup”).modal(‘hide’);
reload_cart2();
}
});
} );
</script>
</body>
</html>