viithiisys / School-Management-dashboard

Blame view

src/pages/Mark/viewMark.vue 27.2 KB
edit raw normal view history
006544386   Neeraj Sharma   implement task 
1
2
 
  <template>
    <v-app id="pages-dasboard">
495e4037c   Neeraj Sharma   update 
3
 
      <!-- ****** PROFILE MARK  ****** -->
006544386   Neeraj Sharma   implement task 
4
 
      <v-container fluid grid-list-md>
ec5677f43   Neeraj Sharma   implement print o... 
5
 
        <v-layout>
66a5c3b75   Neeraj Sharma   implement gloabal... 
6
 
          <v-flex xs12 sm8 md10>
68d742034   Neeraj Sharma   implement new des... 
7
 
            <v-btn class="open-dialog-button mt-3" round dark @click="print()">
ec5677f43   Neeraj Sharma   implement print o... 
8
 
              Print
68d742034   Neeraj Sharma   implement new des... 
9
 
              <v-icon size="18" right dark>print</v-icon>
ec5677f43   Neeraj Sharma   implement print o... 
10
11
 
            </v-btn>
          </v-flex>
66a5c3b75   Neeraj Sharma   implement gloabal... 
12
13
14
15
16
17
18
19
20
 
          <v-flex xs12 sm4 md2 class="right">
            <v-select
              class
              :items="selectMark"
              label="Select"
              v-model="selectMarkList"
              @change="selectMarkData(selectMarkList)"
            ></v-select>
          </v-flex>
ec5677f43   Neeraj Sharma   implement print o... 
21
 
        </v-layout>
b94435d40   Neeraj Sharma   testing view mark... 
22
 
        <v-flex xs12 sm12>
bdaae72ca   Neeraj Sharma   complete task of ... 
23
24
25
26
 
          <!-- <v-layout wrap> -->
          <!-- ****** TABLE DATA MARK  ****** -->
          <v-flex xs12 sm12 md12>
            <v-layout>
4d8198ee4   Neeraj Sharma   implement pdf fun... 
27
 
              <v-flex xs12 sm12 md12 style="text-align:center">
bdaae72ca   Neeraj Sharma   complete task of ... 
28
29
30
31
32
33
34
35
 
                <!-- <img :src="userData.schoolLogoUrl" width="140" alt="logo" /> -->
                <v-avatar>
                  <img :src="userData.schoolLogoUrl" v-if="userData.schoolLogoUrl" />
                  <img
                    src="/static/schoolIcons/INTRACK_White.png"
                    v-else-if="!userData.schoolLogoUrl"
                  />
                </v-avatar>
4d8198ee4   Neeraj Sharma   implement pdf fun... 
36
37
38
39
40
41
42
43
 
                <p
                  style="    
                   font-size: 20px !important;
                   font-weight: 500;
                   line-height: 2 !important;
                   letter-spacing: 0.02em !important;"
                >{{ userData.name }}</p>
                <p style="margin-bottom: 16px;">{{ userData.address }}</p>
bdaae72ca   Neeraj Sharma   complete task of ... 
44
45
46
 
              </v-flex>
            </v-layout>
            <v-layout wrap>
4d8198ee4   Neeraj Sharma   implement pdf fun... 
47
48
49
50
51
52
53
54
55
56
57
58
 
              <v-flex xs12 sm12 md3>
                <v-card
                  style="
                 margin:auto 4px;
                 padding:20px;
                 background-color: #fff;
                 border-color: #fff;
                 color: rgba(0,0,0,0.87);
                 border: 1px solid rgb(226, 231, 235);
                 -webkit-box-shadow:inherit !important;
                 box-shadow: inherit !important;"
                >
b94435d40   Neeraj Sharma   testing view mark... 
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
 
                  <v-layout>
                    <v-flex xs12 style="text-align: center;">
                      <v-avatar size="80">
                        <img src="/static/icon/user.png" v-if="!markData[0].studentId.profilePicUrl" />
                        <img
                          :src="markData[0].studentId.profilePicUrl"
                          v-else-if="markData[0].studentId.profilePicUrl"
                        />
                      </v-avatar>
                    </v-flex>
                  </v-layout>
                  <v-layout>
                    <v-flex xs12 style="text-align: center;">
                      <h4 style="margin: 4px 0px;font-weight: 400;">{{ markData[0].studentId.name }}</h4>
                      <p style="color: #999;">Student</p>
                    </v-flex>
                  </v-layout>
                  <v-layout
                    style="
                      margin-bottom: -1px;
                      border: 1px solid #ddd;
                      margin: 0px;
                      padding: 4px;
                      color: #707478;
                      font-size: 16px;"
                  >
                    <v-flex xs6 sm6>
                      <p style="float:left;margin: 4px 0px;">
                        <b>Class</b>
                      </p>
                    </v-flex>
                    <v-flex sm6 xs6>
                      <p style="float:right;margin: 4px 0px;">{{ markData[0].classId.classNum }}</p>
                    </v-flex>
bdaae72ca   Neeraj Sharma   complete task of ... 
93
 
                  </v-layout>
4d8198ee4   Neeraj Sharma   implement pdf fun... 
94
95
96
97
 
                  <v-layout
                    style="
                      margin-bottom: -1px;
                      border: 1px solid #ddd;
b94435d40   Neeraj Sharma   testing view mark... 
98
99
100
101
 
                      margin: 0px;
                      padding: 4px;
                      color: #707478;
                      font-size: 16px;"
4d8198ee4   Neeraj Sharma   implement pdf fun... 
102
 
                  >
bdaae72ca   Neeraj Sharma   complete task of ... 
103
 
                    <v-flex xs6 sm6>
b94435d40   Neeraj Sharma   testing view mark... 
104
105
106
 
                      <p style="float:left;margin: 4px 0px;">
                        <b>Section</b>
                      </p>
bdaae72ca   Neeraj Sharma   complete task of ... 
107
108
 
                    </v-flex>
                    <v-flex sm6 xs6>
b94435d40   Neeraj Sharma   testing view mark... 
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
 
                      <p style="float:right;margin: 4px 0px;">{{ markData[0].sectionId.name }}</p>
                    </v-flex>
                  </v-layout>
                  <v-layout
                    style="
                      margin-bottom: -1px;
                      border: 1px solid #ddd;
                      margin: 0px;
                      padding: 4px;
                      color: #707478;
                      font-size: 16px;"
                  >
                    <v-flex xs6 sm6>
                      <p style="float:left;margin: 4px 0px;">
                        <b>Roll No</b>
                      </p>
                    </v-flex>
                    <v-flex sm6 xs6>
                      <p style="float:right;margin: 4px 0px;">{{ markData[0].studentId.rollNo }}</p>
                    </v-flex>
                  </v-layout>
                </v-card>
              </v-flex>
              <v-flex xs12 sm12 md9 v-show="showMark">
                <v-card
                  style="  margin:auto 14px;
9b444e5c3   Neeraj Sharma   add logo in login... 
135
 
                 padding:0px 0px;
b94435d40   Neeraj Sharma   testing view mark... 
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
 
                 background-color: #fff;
                 border: 1px solid lightgrey;
                 color: rgba(0,0,0,0.87);
                 overflow: auto;
                 display: block;
                 border: 1px solid rgb(226, 231, 235);
                 -webkit-box-shadow:inherit !important;
                 box-shadow: inherit !important;"
                >
                  <div>
                    <table
                      v-for="(value, id) in filterData"
                      :key="id"
                      class="mb-5 tableRsponsive feeTypeTable subheading"
                      style="border: 1px solid black;
                        border-collapse: collapse;!important
                        table-layout: auto !important;
                        width: 100% !important;"
                    >
                      <thead style="border: 1px solid transparent !important;">
                        <td
                          colspan="4"
                          style="text-align: inherit !important;
                                  border-right: inherit;
                                  border-top: inherit;
9b444e5c3   Neeraj Sharma   add logo in login... 
161
 
                                  padding:8px;"
b94435d40   Neeraj Sharma   testing view mark... 
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
 
                        >{{value[0].examId.examName}}</td>
                        <tr style="border: 1px solid lightgrey !important;">
                          <td
                            rowspan="2"
                            style="border: 1px solid lightgrey !important;;padding:4px; text-align: left;"
                          >Subject</td>
                          <template v-for="(studentData,ind) in  value">
                            <td
                              v-if="ind == 0"
                              colspan="2"
                              v-for="studentMark in studentData.studentsMarks"
                              style="border: 1px solid lightgrey !important;padding:10px; text-align: left;"
                            >{{studentMark.markDistributionId.distributionType}}</td>
                            <td
                              v-if="ind == 0"
                              style="border: 1px solid lightgrey !important text-align: left;"
                            >Total Marks</td>
                          </template>
                        </tr>
                        <tr
                          v-for="(subject, ind) in value"
                          v-if="ind == 0"
                          style="border: 1px solid lightgrey !important;"
                        >
                          <template v-for="(exam, i) in subject.studentsMarks">
                            <td
9b444e5c3   Neeraj Sharma   add logo in login... 
188
 
                              style="border: 1px solid lightgrey !important;padding: 4px; text-align: left;"
b94435d40   Neeraj Sharma   testing view mark... 
189
190
 
                            >Marks</td>
                            <td
9b444e5c3   Neeraj Sharma   add logo in login... 
191
 
                              style="border: 1px solid lightgrey !important;padding: 4px; text-align: left;"
b94435d40   Neeraj Sharma   testing view mark... 
192
193
194
195
196
197
198
199
200
201
202
 
                            >Highest Marks</td>
                          </template>
                        </tr>
                      </thead>
                      <tbody style="border: 1px solid lightgrey !important;">
                        <tr
                          v-for="subject in value"
                          style="border: 1px solid lightgrey !important;"
                          class="tr"
                        >
                          <td
9b444e5c3   Neeraj Sharma   add logo in login... 
203
 
                            style="border: 1px solid lightgrey !important;padding: 4px;"
b94435d40   Neeraj Sharma   testing view mark... 
204
205
206
 
                          >{{subject.subjectName}}</td>
                          <template v-for="(exam, i) in subject.studentsMarks">
                            <td
9b444e5c3   Neeraj Sharma   add logo in login... 
207
 
                              style="border: 1px solid lightgrey !important;padding: 4px; text-align: left;"
b94435d40   Neeraj Sharma   testing view mark... 
208
209
 
                            >{{exam.marksScored}}</td>
                            <td
9b444e5c3   Neeraj Sharma   add logo in login... 
210
 
                              style="border: 1px solid lightgrey !important;padding: 4px; text-align: left;"
b94435d40   Neeraj Sharma   testing view mark... 
211
212
213
 
                            >{{exam.markDistributionId.markValue}}</td>
                          </template>
                          <td
9b444e5c3   Neeraj Sharma   add logo in login... 
214
 
                            style="border: 1px solid lightgrey !important;padding: 4px; text-align: left;"
b94435d40   Neeraj Sharma   testing view mark... 
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
 
                          >{{subject.totalMarks}}</td>
                        </tr>
                      </tbody>
                    </table>
                  </div>
                </v-card>
              </v-flex>
              <!-- ****** TABLE GRADE MARK  ****** -->
              <v-flex xs12 sm12 md8 v-show="showGrade">
                <v-card
                  v-for="(value, id, index) in filterData"
                  :key="index"
                  flat
                  style="border: 1px solid lightgrey;margin-bottom:14px;"
                >
                  <v-card-title class="subheading">{{value[0].examId.examName}}</v-card-title>
                  <table
                    class="mb-5 tableRsponsive feeTypeTable"
                    style="border: 1px solid lightgrey;
                    border-collapse: collapse;!important
                    table-layout: auto !important;
                    width: 100% !important;"
                  >
                    <thead style="border: 1px solid lightgrey !important;">
                      <tr
                        class="info white--text"
                        style="border: 1px solid lightgrey !important;padding:4px;"
                      >
9b444e5c3   Neeraj Sharma   add logo in login... 
243
244
 
                        <td style="border: 1px solid lightgrey !important;padding: 4px;">Subject</td>
                        <td style="border: 1px solid lightgrey !important;padding: 4px;">Grade</td>
b94435d40   Neeraj Sharma   testing view mark... 
245
246
247
248
249
 
                      </tr>
                    </thead>
                    <tbody style="border: 1px solid lightgrey !important;">
                      <tr v-for="subject in value" style="border: 1px solid lightgrey !important;">
                        <td
9b444e5c3   Neeraj Sharma   add logo in login... 
250
 
                          style="border: 1px solid lightgrey !important;padding: 4px;"
b94435d40   Neeraj Sharma   testing view mark... 
251
252
 
                        >{{ subject.subjectName }}</td>
                        <td
9b444e5c3   Neeraj Sharma   add logo in login... 
253
 
                          style="border: 1px solid lightgrey !important;padding: 4px;"
b94435d40   Neeraj Sharma   testing view mark... 
254
255
256
257
258
 
                        >{{ subject.grade }}</td>
                      </tr>
                    </tbody>
                  </table>
                </v-card>
229463bd5   Neeraj Sharma   implement design ... 
259
 
                <v-card v-if="markData.length == 0">
b94435d40   Neeraj Sharma   testing view mark... 
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
 
                  <v-layout>
                    <v-flex xs12>
                      <h5 class="text-xs-center pa-3">No Data Found</h5>
                    </v-flex>
                  </v-layout>
                </v-card>
              </v-flex>
            </v-layout>
          </v-flex>
        </v-flex>
        <!-- print Me -->
        <v-flex xs12 sm12 id="printMe" v-show="hideViewMark">
          <!-- <v-layout wrap> -->
          <!-- ****** TABLE DATA MARK  ****** -->
          <v-flex xs12 sm12 md12>
            <v-layout>
              <v-flex xs12 sm12 md12 style="text-align:center">
                <!-- <img :src="userData.schoolLogoUrl" width="140" alt="logo" /> -->
                <v-avatar>
                  <img :src="userData.schoolLogoUrl" v-if="userData.schoolLogoUrl" />
                  <img
                    src="/static/schoolIcons/INTRACK_White.png"
                    v-else-if="!userData.schoolLogoUrl"
                  />
                </v-avatar>
                <p
                  style="    
                   font-size: 20px !important;
                   font-weight: 500;
                   line-height: 2 !important;
                   letter-spacing: 0.02em !important;"
                >{{ userData.name }}</p>
                <p style="margin-bottom: 16px;">{{ userData.address }}</p>
              </v-flex>
            </v-layout>
            <v-layout wrap>
af086007b   Neeraj Sharma   finally fixed vie... 
296
 
              <v-flex xs3 sm3 md3>
b94435d40   Neeraj Sharma   testing view mark... 
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
 
                <v-card
                  style="
                 margin:auto 4px;
                 padding:20px;
                 background-color: #fff;
                 border-color: #fff;
                 color: rgba(0,0,0,0.87);
                 border: 1px solid rgb(226, 231, 235);
                 -webkit-box-shadow:inherit !important;
                 box-shadow: inherit !important;"
                >
                  <v-layout>
                    <v-flex xs12 style="text-align: center;">
                      <v-avatar size="80">
                        <img src="/static/icon/user.png" v-if="!markData[0].studentId.profilePicUrl" />
                        <img
                          :src="markData[0].studentId.profilePicUrl"
                          v-else-if="markData[0].studentId.profilePicUrl"
                        />
                      </v-avatar>
                    </v-flex>
                  </v-layout>
                  <v-layout>
                    <v-flex xs12 style="text-align: center;">
                      <h4 style="margin: 4px 0px;font-weight: 400;">{{ markData[0].studentId.name }}</h4>
                      <p style="color: #999;margin-bottom: 16px;">Student</p>
bdaae72ca   Neeraj Sharma   complete task of ... 
323
324
 
                    </v-flex>
                  </v-layout>
4d8198ee4   Neeraj Sharma   implement pdf fun... 
325
326
327
328
 
                  <v-layout
                    style="
                      margin-bottom: -1px;
                      border: 1px solid #ddd;
b94435d40   Neeraj Sharma   testing view mark... 
329
330
331
332
 
                      margin: 0px;
                      padding: 4px;
                      color: #707478;
                      font-size: 16px;"
4d8198ee4   Neeraj Sharma   implement pdf fun... 
333
 
                  >
bdaae72ca   Neeraj Sharma   complete task of ... 
334
 
                    <v-flex xs6 sm6>
b94435d40   Neeraj Sharma   testing view mark... 
335
336
337
 
                      <p style="float:left;margin: 4px 0px;">
                        <b>Class</b>
                      </p>
bdaae72ca   Neeraj Sharma   complete task of ... 
338
339
 
                    </v-flex>
                    <v-flex sm6 xs6>
b94435d40   Neeraj Sharma   testing view mark... 
340
 
                      <p style="float:right;margin: 4px 0px;">{{ markData[0].classId.classNum }}</p>
bdaae72ca   Neeraj Sharma   complete task of ... 
341
342
 
                    </v-flex>
                  </v-layout>
4d8198ee4   Neeraj Sharma   implement pdf fun... 
343
344
345
346
 
                  <v-layout
                    style="
                      margin-bottom: -1px;
                      border: 1px solid #ddd;
b94435d40   Neeraj Sharma   testing view mark... 
347
348
349
350
 
                      margin: 0px;
                      padding: 4px;
                      color: #707478;
                      font-size: 16px;"
4d8198ee4   Neeraj Sharma   implement pdf fun... 
351
 
                  >
bdaae72ca   Neeraj Sharma   complete task of ... 
352
 
                    <v-flex xs6 sm6>
b94435d40   Neeraj Sharma   testing view mark... 
353
354
355
 
                      <p style="float:left;margin: 4px 0px;">
                        <b>Section</b>
                      </p>
bdaae72ca   Neeraj Sharma   complete task of ... 
356
357
 
                    </v-flex>
                    <v-flex sm6 xs6>
b94435d40   Neeraj Sharma   testing view mark... 
358
 
                      <p style="float:right;margin: 4px 0px;">{{ markData[0].sectionId.name }}</p>
bdaae72ca   Neeraj Sharma   complete task of ... 
359
360
 
                    </v-flex>
                  </v-layout>
4d8198ee4   Neeraj Sharma   implement pdf fun... 
361
362
363
364
 
                  <v-layout
                    style="
                      margin-bottom: -1px;
                      border: 1px solid #ddd;
b94435d40   Neeraj Sharma   testing view mark... 
365
366
367
368
 
                      margin: 0px;
                      padding: 4px;
                      color: #707478;
                      font-size: 16px;"
4d8198ee4   Neeraj Sharma   implement pdf fun... 
369
 
                  >
bdaae72ca   Neeraj Sharma   complete task of ... 
370
 
                    <v-flex xs6 sm6>
b94435d40   Neeraj Sharma   testing view mark... 
371
372
373
 
                      <p style="float:left;margin: 4px 0px;">
                        <b>Roll No</b>
                      </p>
bdaae72ca   Neeraj Sharma   complete task of ... 
374
375
 
                    </v-flex>
                    <v-flex sm6 xs6>
b94435d40   Neeraj Sharma   testing view mark... 
376
 
                      <p style="float:right;margin: 4px 0px;">{{ markData[0].studentId.rollNo }}</p>
bdaae72ca   Neeraj Sharma   complete task of ... 
377
378
 
                    </v-flex>
                  </v-layout>
bdaae72ca   Neeraj Sharma   complete task of ... 
379
380
 
                </v-card>
              </v-flex>
af086007b   Neeraj Sharma   finally fixed vie... 
381
 
              <v-flex xs9 sm9 md9 v-show="showMark">
4d8198ee4   Neeraj Sharma   implement pdf fun... 
382
383
384
385
386
387
388
389
390
391
392
 
                <v-card
                  style="  margin:auto 14px;
                 padding:20px 0px;
                 background-color: #fff;
                 border: 1px solid lightgrey;
                 color: rgba(0,0,0,0.87);
                 border: 1px solid rgb(226, 231, 235);
                 -webkit-box-shadow:inherit !important;
                 box-shadow: inherit !important;"
                >
                  <div>
bdaae72ca   Neeraj Sharma   complete task of ... 
393
394
395
396
397
 
                    <table
                      v-for="(value, id) in filterData"
                      :key="id"
                      class="mb-5 tableRsponsive feeTypeTable subheading"
                      style="border: 1px solid black;
4ba513413   Shikha Mishra   change ui of tabl... 
398
399
 
                        border-collapse: collapse;!important
                        table-layout: auto !important;
bdaae72ca   Neeraj Sharma   complete task of ... 
400
401
402
403
404
405
 
                        width: 100% !important;"
                    >
                      <thead style="border: 1px solid transparent !important;">
                        <td
                          colspan="4"
                          style="text-align: inherit !important;
1d7227237   Neeraj Sharma   implement view ma... 
406
407
408
 
                                  border-right: inherit;
                                  border-top: inherit;
                                  padding:14px;"
bdaae72ca   Neeraj Sharma   complete task of ... 
409
 
                        >{{value[0].examId.examName}}</td>
bdaae72ca   Neeraj Sharma   complete task of ... 
410
411
412
413
414
415
 
                        <tr style="border: 1px solid lightgrey !important;">
                          <td
                            rowspan="2"
                            style="border: 1px solid lightgrey !important;;padding:4px; text-align: left;"
                          >Subject</td>
                          <template v-for="(studentData,ind) in  value">
4ba513413   Shikha Mishra   change ui of tabl... 
416
 
                            <td
bdaae72ca   Neeraj Sharma   complete task of ... 
417
418
419
420
421
 
                              v-if="ind == 0"
                              colspan="2"
                              v-for="studentMark in studentData.studentsMarks"
                              style="border: 1px solid lightgrey !important;padding:10px; text-align: left;"
                            >{{studentMark.markDistributionId.distributionType}}</td>
74abc502c   Shikha Mishra   improve view mark... 
422
 
                            <td
bdaae72ca   Neeraj Sharma   complete task of ... 
423
424
425
426
427
428
429
430
431
432
433
 
                              v-if="ind == 0"
                              style="border: 1px solid lightgrey !important text-align: left;"
                            >Total Marks</td>
                          </template>
                        </tr>
                        <tr
                          v-for="(subject, ind) in value"
                          v-if="ind == 0"
                          style="border: 1px solid lightgrey !important;"
                        >
                          <template v-for="(exam, i) in subject.studentsMarks">
4ba513413   Shikha Mishra   change ui of tabl... 
434
 
                            <td
9b444e5c3   Neeraj Sharma   add logo in login... 
435
 
                              style="border: 1px solid lightgrey !important;padding: 4px; text-align: left;"
bdaae72ca   Neeraj Sharma   complete task of ... 
436
437
 
                            >Marks</td>
                            <td
9b444e5c3   Neeraj Sharma   add logo in login... 
438
 
                              style="border: 1px solid lightgrey !important;padding: 4px; text-align: left;"
bdaae72ca   Neeraj Sharma   complete task of ... 
439
440
441
442
443
444
445
446
447
448
449
 
                            >Highest Marks</td>
                          </template>
                        </tr>
                      </thead>
                      <tbody style="border: 1px solid lightgrey !important;">
                        <tr
                          v-for="subject in value"
                          style="border: 1px solid lightgrey !important;"
                          class="tr"
                        >
                          <td
9b444e5c3   Neeraj Sharma   add logo in login... 
450
 
                            style="border: 1px solid lightgrey !important;padding: 4px;"
bdaae72ca   Neeraj Sharma   complete task of ... 
451
452
453
 
                          >{{subject.subjectName}}</td>
                          <template v-for="(exam, i) in subject.studentsMarks">
                            <td
9b444e5c3   Neeraj Sharma   add logo in login... 
454
 
                              style="border: 1px solid lightgrey !important;padding: 4px; text-align: left;"
bdaae72ca   Neeraj Sharma   complete task of ... 
455
456
 
                            >{{exam.marksScored}}</td>
                            <td
9b444e5c3   Neeraj Sharma   add logo in login... 
457
 
                              style="border: 1px solid lightgrey !important;padding: 4px; text-align: left;"
bdaae72ca   Neeraj Sharma   complete task of ... 
458
459
460
 
                            >{{exam.markDistributionId.markValue}}</td>
                          </template>
                          <td
9b444e5c3   Neeraj Sharma   add logo in login... 
461
 
                            style="border: 1px solid lightgrey !important;padding: 4px; text-align: left;"
bdaae72ca   Neeraj Sharma   complete task of ... 
462
463
464
465
466
467
468
469
 
                          >{{subject.totalMarks}}</td>
                        </tr>
                      </tbody>
                    </table>
                  </div>
                </v-card>
              </v-flex>
              <!-- ****** TABLE GRADE MARK  ****** -->
af086007b   Neeraj Sharma   finally fixed vie... 
470
 
              <v-flex xs9 sm9 md8 v-show="showGrade">
bdaae72ca   Neeraj Sharma   complete task of ... 
471
472
473
474
475
476
477
478
479
480
 
                <v-card
                  v-for="(value, id, index) in filterData"
                  :key="index"
                  flat
                  style="border: 1px solid lightgrey;margin-bottom:14px;"
                >
                  <v-card-title class="subheading">{{value[0].examId.examName}}</v-card-title>
                  <table
                    class="mb-5 tableRsponsive feeTypeTable"
                    style="border: 1px solid lightgrey;
1d7227237   Neeraj Sharma   implement view ma... 
481
482
483
 
                    border-collapse: collapse;!important
                    table-layout: auto !important;
                    width: 100% !important;"
bdaae72ca   Neeraj Sharma   complete task of ... 
484
485
486
487
488
 
                  >
                    <thead style="border: 1px solid lightgrey !important;">
                      <tr
                        class="info white--text"
                        style="border: 1px solid lightgrey !important;padding:4px;"
1d7227237   Neeraj Sharma   implement view ma... 
489
 
                      >
9b444e5c3   Neeraj Sharma   add logo in login... 
490
491
 
                        <td style="border: 1px solid lightgrey !important;padding: 4px;">Subject</td>
                        <td style="border: 1px solid lightgrey !important;padding: 4px;">Grade</td>
bdaae72ca   Neeraj Sharma   complete task of ... 
492
493
494
495
496
 
                      </tr>
                    </thead>
                    <tbody style="border: 1px solid lightgrey !important;">
                      <tr v-for="subject in value" style="border: 1px solid lightgrey !important;">
                        <td
9b444e5c3   Neeraj Sharma   add logo in login... 
497
 
                          style="border: 1px solid lightgrey !important;padding: 4px;"
bdaae72ca   Neeraj Sharma   complete task of ... 
498
499
 
                        >{{ subject.subjectName }}</td>
                        <td
9b444e5c3   Neeraj Sharma   add logo in login... 
500
 
                          style="border: 1px solid lightgrey !important;padding: 4px;"
bdaae72ca   Neeraj Sharma   complete task of ... 
501
502
503
504
505
 
                        >{{ subject.grade }}</td>
                      </tr>
                    </tbody>
                  </table>
                </v-card>
229463bd5   Neeraj Sharma   implement design ... 
506
 
                <v-card v-if="markData.length == 0">
bdaae72ca   Neeraj Sharma   complete task of ... 
507
508
509
510
511
512
513
514
515
 
                  <v-layout>
                    <v-flex xs12>
                      <h5 class="text-xs-center pa-3">No Data Found</h5>
                    </v-flex>
                  </v-layout>
                </v-card>
              </v-flex>
            </v-layout>
          </v-flex>
006544386   Neeraj Sharma   implement task 
516
517
518
519
520
521
522
523
524
525
526
 
        </v-flex>
      </v-container>
      <div class="loader" v-if="showLoader">
        <v-progress-circular indeterminate color="white"></v-progress-circular>
      </div>
    </v-app>
  </template>
  
  <script>
  import http from "@/Services/http.js";
  import moment from "moment";
79583580d   Neeraj Sharma   implement task ma... 
527
 
  import _ from "underscore";
006544386   Neeraj Sharma   implement task 
528
529
530
 
  
  export default {
    data: () => ({
ec5677f43   Neeraj Sharma   implement print o... 
531
532
 
      showLoader: true,
      nameShow: false,
66a5c3b75   Neeraj Sharma   implement gloabal... 
533
534
 
      showMark: true,
      showGrade: false,
b94435d40   Neeraj Sharma   testing view mark... 
535
 
      hideViewMark: false,
006544386   Neeraj Sharma   implement task 
536
537
538
 
      markData: [],
      token: "",
      markDistributions: [],
79583580d   Neeraj Sharma   implement task ma... 
539
 
      markParticularDistributionData: [],
ec5677f43   Neeraj Sharma   implement print o... 
540
 
      filterData: [],
66a5c3b75   Neeraj Sharma   implement gloabal... 
541
542
543
544
545
546
547
548
549
 
      output: null,
      gradeAPlus: "A+",
      gradeA: "A",
      gradeBPlus: "B+",
      gradeB: "B",
      gradeCPlus: "C+",
      gradeC: "C",
      selectMarkList: "Mark",
      selectMark: ["Mark", "Grade"],
67a276510   Shikha Mishra   fixed all bugs 
550
551
 
      MarkData: "",
      userData: {}
006544386   Neeraj Sharma   implement task 
552
553
554
555
 
    }),
    mounted() {
      this.token = this.$store.state.token;
      this.getMarkList();
67a276510   Shikha Mishra   fixed all bugs 
556
 
      this.getUserData();
006544386   Neeraj Sharma   implement task 
557
558
559
 
    },
    methods: {
      getMarkList() {
ec5677f43   Neeraj Sharma   implement print o... 
560
 
        this.showLoader = true;
006544386   Neeraj Sharma   implement task 
561
562
563
564
565
566
 
        http()
          .get("/getParticularMark", {
            params: { studentId: this.$route.params.markId },
            headers: { Authorization: "Bearer " + this.token }
          })
          .then(response => {
66a5c3b75   Neeraj Sharma   implement gloabal... 
567
 
            this.markData = response.data.data;
79583580d   Neeraj Sharma   implement task ma... 
568
 
            let newData = response.data.data;
4d1fcaddc   Neeraj Sharma   fixed validation ... 
569
 
            // console.log("newData", newData);
79583580d   Neeraj Sharma   implement task ma... 
570
571
572
573
 
            for (var i = 0; i < newData.length; i++) {
              newData[i].examination = newData[i].examId._id;
            }
            this.filterData = _.groupBy(newData, ["examination"]);
4d1fcaddc   Neeraj Sharma   fixed validation ... 
574
 
            // console.log("this.filterData", this.filterData);
79583580d   Neeraj Sharma   implement task ma... 
575
 
            for (let data in this.filterData) {
79583580d   Neeraj Sharma   implement task ma... 
576
 
              for (let item in this.filterData[data]) {
79583580d   Neeraj Sharma   implement task ma... 
577
 
                var totalMarks = 0;
006544386   Neeraj Sharma   implement task 
578
 
                for (
79583580d   Neeraj Sharma   implement task ma... 
579
580
581
 
                  let i = 0;
                  i < this.filterData[data][item].studentsMarks.length;
                  i++
006544386   Neeraj Sharma   implement task 
582
 
                ) {
4d1fcaddc   Neeraj Sharma   fixed validation ... 
583
584
 
                  // console.log("this.filterData[data][item].studentsMarks[i]",this.filterData[data][item].studentsMarks[i]
                  //   .marksScored)
79583580d   Neeraj Sharma   implement task ma... 
585
586
 
                  totalMarks += this.filterData[data][item].studentsMarks[i]
                    .marksScored;
006544386   Neeraj Sharma   implement task 
587
 
                }
79583580d   Neeraj Sharma   implement task ma... 
588
 
                this.filterData[data][item].totalMarks = totalMarks;
4d1fcaddc   Neeraj Sharma   fixed validation ... 
589
 








66a5c3b75
 
 Neeraj Sharma
 
implement gloabal...




590
591
592
593
594
595
596
597
598
599
600
601
602




                if (totalMarks > 90) {
                  this.filterData[data][item].grade = this.gradeAPlus;
                } else if (totalMarks > 80 && totalMarks < 90) {
                  this.filterData[data][item].grade = this.gradeA;
                } else if (totalMarks > 70 && totalMarks < 80) {
                  this.filterData[data][item].grade = this.gradeBPlus;
                } else if (totalMarks > 60 && totalMarks < 70) {
                  this.filterData[data][item].grade = this.gradeB;
                } else if (totalMarks > 50 && totalMarks < 60) {
                  this.filterData[data][item].grade = this.gradeCPlus;
                } else if (totalMarks > 40 && totalMarks < 50) {
                  this.filterData[data][item].grade = this.gradeC;
                }









006544386
 
 Neeraj Sharma
 
implement task




603
604




              }
            }









ec5677f43
 
 Neeraj Sharma
 
implement print o...




605




            this.showLoader = false;









006544386
 
 Neeraj Sharma
 
implement task




606
607




          })
          .catch(error => {









006544386
 
 Neeraj Sharma
 
implement task




608
609
610
611
612
613
614
615
616




            this.showLoader = false;
            this.snackbar = true;
            this.text = error.response.data.message;
            if (error.response.status === 401) {
              this.$router.replace({ path: "/" });
              this.$store.dispatch("setToken", null);
              this.$store.dispatch("Id", null);
            }
          });









ec5677f43
 
 Neeraj Sharma
 
implement print o...




617
618
619
620




      },
      print() {
        // Pass the element id here
        this.$htmlToPaper("printMe");









66a5c3b75
 
 Neeraj Sharma
 
implement gloabal...




621




      },









67a276510
 
 Shikha Mishra
 
fixed all bugs




622
623
624
625
626
627
628




      getUserData() {
        http()
          .get("/getParticularUserDetail")
          .then(response => {
            this.userData = response.data.data;
          })
          .catch(error => {









25205ccca
 
 Shikha Mishra
 
show school logo ...




629
630
631
632
633




            // if (error.response.status === 401) {
            //   this.$router.replace({ path: "/" });
            //   this.$store.dispatch("setToken", null);
            //   this.$store.dispatch("Id", null);
            // }









67a276510
 
 Shikha Mishra
 
fixed all bugs




634
635




          });
      },









66a5c3b75
 
 Neeraj Sharma
 
implement gloabal...




636
637
638
639
640
641
642
643




      selectMarkData(select) {
        if (select == "Mark") {
          this.showMark = true;
          this.showGrade = false;
        } else if (select == "Grade") {
          this.showGrade = true;
          this.showMark = false;
        }









006544386
 
 Neeraj Sharma
 
implement task




644
645
646
647
648
649




      }
    }
  };
  </script>
  
  <style scoped>









68d742034
 
 Neeraj Sharma
 
implement new des...




650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665




  .add-button {
    background: #feb83c !important;
    border-color: #feb83c !important;
    text-transform: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }
  .card-styles {
    background: #7f62f8 !important;
    border-color: #7f62f8 !important;
  }
  .open-dialog-button {
    background: #827bfa !important;
    border-color: #827bfa !important;
    text-transform: none !important;
  }









4ba513413
 
 Shikha Mishra
 
change ui of tabl...




666




  /* table {









006544386
 
 Neeraj Sharma
 
implement task




667
668
669




    border-collapse: collapse;
    border: 1px solid #e2e7eb;
  }









006544386
 
 Neeraj Sharma
 
implement task




670
671
672




  th,
  td {
    border: 1px solid #e2e7eb;









006544386
 
 Neeraj Sharma
 
implement task




673
674
675
676
677




    text-align: center;
  }
  table.feeTypeTable {
    table-layout: auto !important;
    width: 100% !important;









4ba513413
 
 Shikha Mishra
 
change ui of tabl...




678




  } */









006544386
 
 Neeraj Sharma
 
implement task




679
680
681
682
683
684
685
686
687
688
689
690




  .bg-sky {
    background-color: #98b2cc !important;
  }
  .bg-sky-light {
    background-color: #89a0b8;
  }
  .bg-purple {
    background-color: #9583ac;
  }
  .bg-skyDark {
    background-color: #956785;
  }









ec5677f43
 
 Neeraj Sharma
 
implement print o...




691
692
693
694
695
696
697
698
699
700




  .loader {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999;
  }









bdaae72ca
 
 Neeraj Sharma
 
complete task of ...




701




  /* .tr:nth-child(odd){background-color: #f2f2f2} */









ec5677f43
 
 Neeraj Sharma
 
implement print o...




702
703
704
705
706




  
  .loader > div {
    position: relative;
    top: calc(50% - 16px);
  }









006544386
 
 Neeraj Sharma
 
implement task




707
708




  @media screen and (max-width: 380px) {
    .tableRsponsive {









d4735dce7
 
 Shikha Mishra
 
show school logo ...




709




      /* display: block; */









006544386
 
 Neeraj Sharma
 
implement task




710
711
712
713




      position: relative;
      overflow: scroll;
    }
  }









74abc502c
 
 Shikha Mishra
 
improve view mark...




714




  </style>