viithiisys / School-Management-dashboard

Blame view

src/pages/Mark/viewMark.vue 27.9 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>
b039d39fb   Shikha Mishra   Hide Edit functio... 
22
 
        <v-flex xs12 sm12 v-if="showData">
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
 
                  <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 -->
b039d39fb   Shikha Mishra   Hide Edit functio... 
271
 
        <v-flex xs12 sm12 id="printMe" v-show="hideViewMark" v-if="showData">
b94435d40   Neeraj Sharma   testing view mark... 
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 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
 
        </v-flex>
      </v-container>
      <div class="loader" v-if="showLoader">
        <v-progress-circular indeterminate color="white"></v-progress-circular>
      </div>
b039d39fb   Shikha Mishra   Hide Edit functio... 
521
522
523
524
525
526
527
528
 
      <v-snackbar
        :timeout="timeout"
        :top="y === 'top'"
        :right="x === 'right'"
        :vertical="mode === 'vertical'"
        v-model="snackbar"
        :color="color"
      >{{ text }}</v-snackbar>
006544386   Neeraj Sharma   implement task 
529
530
531
532
533
534
 
    </v-app>
  </template>
  
  <script>
  import http from "@/Services/http.js";
  import moment from "moment";
79583580d   Neeraj Sharma   implement task ma... 
535
 
  import _ from "underscore";
006544386   Neeraj Sharma   implement task 
536
537
538
 
  
  export default {
    data: () => ({
ec5677f43   Neeraj Sharma   implement print o... 
539
540
 
      showLoader: true,
      nameShow: false,
66a5c3b75   Neeraj Sharma   implement gloabal... 
541
542
 
      showMark: true,
      showGrade: false,
b94435d40   Neeraj Sharma   testing view mark... 
543
 
      hideViewMark: false,
006544386   Neeraj Sharma   implement task 
544
545
546
 
      markData: [],
      token: "",
      markDistributions: [],
79583580d   Neeraj Sharma   implement task ma... 
547
 
      markParticularDistributionData: [],
ec5677f43   Neeraj Sharma   implement print o... 
548
 
      filterData: [],
66a5c3b75   Neeraj Sharma   implement gloabal... 
549
550
551
552
553
554
555
556
557
 
      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 
558
 
      MarkData: "",
b039d39fb   Shikha Mishra   Hide Edit functio... 
559
560
561
562
563
564
565
566
567
568
569
 
      userData: {},
      showData: false,
  
      //SNACKBAR
      snackbar: false,
      color: "",
      y: "top",
      x: "right",
      mode: "",
      timeout: 10000,
      text: ""
006544386   Neeraj Sharma   implement task 
570
571
572
573
 
    }),
    mounted() {
      this.token = this.$store.state.token;
      this.getMarkList();
67a276510   Shikha Mishra   fixed all bugs 
574
 
      this.getUserData();
006544386   Neeraj Sharma   implement task 
575
576
577
 
    },
    methods: {
      getMarkList() {
ec5677f43   Neeraj Sharma   implement print o... 
578
 
        this.showLoader = true;
006544386   Neeraj Sharma   implement task 
579
580
581
582
583
584
 
        http()
          .get("/getParticularMark", {
            params: { studentId: this.$route.params.markId },
            headers: { Authorization: "Bearer " + this.token }
          })
          .then(response => {
66a5c3b75   Neeraj Sharma   implement gloabal... 
585
 
            this.markData = response.data.data;
b039d39fb   Shikha Mishra   Hide Edit functio... 
586
587
588
589
590
591
592
593
594
 
            // console.log("====this.markData===", this.markData);
            if (this.markData.length === 0) {
              this.showLoader = false;
              this.snackbar = true;
              this.text = "Data not found!";
              this.color = "error";
              return;
            }
            this.showData = true;
79583580d   Neeraj Sharma   implement task ma... 
595
 
            let newData = response.data.data;
4d1fcaddc   Neeraj Sharma   fixed validation ... 
596
 
            // console.log("newData", newData);
79583580d   Neeraj Sharma   implement task ma... 
597
598
599
600
 
            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 ... 
601
 
            // console.log("this.filterData", this.filterData);
79583580d   Neeraj Sharma   implement task ma... 
602
 
            for (let data in this.filterData) {
79583580d   Neeraj Sharma   implement task ma... 
603
 
              for (let item in this.filterData[data]) {
79583580d   Neeraj Sharma   implement task ma... 
604
 
                var totalMarks = 0;
006544386   Neeraj Sharma   implement task 
605
 
                for (
79583580d   Neeraj Sharma   implement task ma... 
606
607
608
 
                  let i = 0;
                  i < this.filterData[data][item].studentsMarks.length;
                  i++
006544386   Neeraj Sharma   implement task 
609
 
                ) {
4d1fcaddc   Neeraj Sharma   fixed validation ... 
610
611
 
                  // console.log("this.filterData[data][item].studentsMarks[i]",this.filterData[data][item].studentsMarks[i]
                  //   .marksScored)
79583580d   Neeraj Sharma   implement task ma... 
612
613
 
                  totalMarks += this.filterData[data][item].studentsMarks[i]
                    .marksScored;
006544386   Neeraj Sharma   implement task 
614
 
                }
79583580d   Neeraj Sharma   implement task ma... 
615
 
                this.filterData[data][item].totalMarks = totalMarks;
4d1fcaddc   Neeraj Sharma   fixed validation ... 
616
 








66a5c3b75
 
 Neeraj Sharma
 
implement gloabal...




617
618
619
620
621
622
623
624
625
626
627
628
629




                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




630
631




              }
            }









ec5677f43
 
 Neeraj Sharma
 
implement print o...




632




            this.showLoader = false;









006544386
 
 Neeraj Sharma
 
implement task




633
634




          })
          .catch(error => {









006544386
 
 Neeraj Sharma
 
implement task




635
636
637
638
639
640
641
642
643




            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...




644
645
646
647




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









66a5c3b75
 
 Neeraj Sharma
 
implement gloabal...




648




      },









67a276510
 
 Shikha Mishra
 
fixed all bugs




649
650
651
652
653
654
655




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









25205ccca
 
 Shikha Mishra
 
show school logo ...




656
657
658
659
660




            // 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




661
662




          });
      },









66a5c3b75
 
 Neeraj Sharma
 
implement gloabal...




663
664
665
666
667
668
669
670




      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




671
672
673
674
675
676




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









68d742034
 
 Neeraj Sharma
 
implement new des...




677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692




  .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...




693




  /* table {









006544386
 
 Neeraj Sharma
 
implement task




694
695
696




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









006544386
 
 Neeraj Sharma
 
implement task




697
698
699




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









006544386
 
 Neeraj Sharma
 
implement task




700
701
702
703
704




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









4ba513413
 
 Shikha Mishra
 
change ui of tabl...




705




  } */









006544386
 
 Neeraj Sharma
 
implement task




706
707
708
709
710
711
712
713
714
715
716
717




  .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...




718
719
720
721
722
723
724
725
726
727




  .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 ...




728




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









ec5677f43
 
 Neeraj Sharma
 
implement print o...




729
730
731
732
733




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









006544386
 
 Neeraj Sharma
 
implement task




734
735




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









d4735dce7
 
 Shikha Mishra
 
show school logo ...




736




      /* display: block; */









006544386
 
 Neeraj Sharma
 
implement task




737
738
739
740




      position: relative;
      overflow: scroll;
    }
  }









74abc502c
 
 Shikha Mishra
 
improve view mark...




741




  </style>