| <!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> |
| |
| |
Recent Comments