/
index.js
103 lines (83 loc) · 3.13 KB
/
index.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
var solutions_indx;
let output1="";
let output2="";
const questioncards = document.getElementById("count");
$.getJSON('https://spreadsheets.google.com/feeds/cells/1s18hwCFf1_wvPn60yYDiugI2if54ujAfSXJb8_WNVu0/1/public/full?alt=json', function(data) {
console.log(data);
// console.log(data.feed.entry);
var reqdata=data.feed.entry;
solutions_indx=reqdata;
var k=reqdata.length;
var countofques=k/7;
countofques=countofques-1;
// document.getElementById("ques_count").innerHTML=countofques;
// var que_list=document.getElementById("question_list");
var questions=[];
for(var i=7;i<k;i+=7){
var email=reqdata[i+0].gs$cell.$t;
var name=reqdata[i+1].gs$cell.$t
var questionname=reqdata[i+2].gs$cell.$t
var description=reqdata[i+3].gs$cell.$t
var difficulty=reqdata[i+4].gs$cell.$t
var sollang=reqdata[i+5].gs$cell.$t
var solution=reqdata[i+6].gs$cell.$t
var show=document.getElementById("display");
// solutions_indx.push(solution);
// console.log(time);
// console.log(name);
// console.log(questionname);
// console.log(description);
// console.log(difficulty);
// console.log(sollang);
// console.log(solution);
var giving_id=i/7;
output1 += `
<div class="card" style="width: 80%; height:20%; margin-top:2%; margin-left:10%;" >
<div class="card-body" style="height:100%; width:100%; overflow:hidden;">
<h4 class="card-title">${questionname}</h4>
<h6 class="card-subtitle mb-2 text-muted">${difficulty}</h6>
<p class="card-text" style="white-space: pre-line; " id="${giving_id}"onClick="viewsolution(this.id)">${description}</p>
<div class="d-grid gap-2 d-md-block">
<button class="btn btn-primary" onclick="editpost(${giving_id})" type="button">Edit</button>
<button class="btn btn-primary" onclick="deletepost(${giving_id})" type="button">Delete</button>
</div>
</div>
</div>
<div class="card text-white bg-success mb-3" style="width: 80%; height:20%; margin-top:2%; margin-left:10%; visibility: block;" id="solution_${giving_id}">
<div class="card-header"><h3>Solution</h3></div>
<div class="card-body">
<h5 class="card-title">Language:- ${sollang} </h5>
<h5 class="card-title">Solution By:- ${name} </h5>
<p class="card-text" style="white-space: pre-line;">${solution}</p>
</div>
</div>
`;
// questions.push({"Time":time,"Name":name,"Title":questionname,"Question":description,"Level":difficulty,"Language":sollang,"Solution":solution});
// solutions_indx.push(solution);
}
document.getElementById("count").innerHTML=output1;
// que_list.innerHTML=output2;
});
// alert(solutions_indx.length);
console.log(solutions_indx)
function viewsolution(id){
console.log(id);
var creatid='#solution_'+id;
console.log(creatid);
$(""+creatid).slideToggle()
}
function toogleall(){
var k=document.getElementById("ques_count").innerText;
console.log(k);
for(var i=1;i<=k;i++){
var creatid='#solution_'+i;
$(""+creatid).slideToggle()
}
}
// document.(toogleall);
function editpost(id){
console.log("want to edit"+id);
}
function deletepost(id){
console.log("want to delete post"+id);
}