viithiisys / School-Management-dashboard

1

1

2

<v-container fluid class="body-color">

2

<v-container fluid class="body-color">

3

3

4

<v-card flat class="elevation-0 transparent">

4

<v-card flat class="elevation-0 transparent">

5

<v-form ref="form" v-model="valid" lazy-validation>

5

<v-form ref="form" v-model="valid" lazy-validation>

6

<v-flex xs12 sm12 lg12>

6

<v-flex xs12 sm12 lg12>

7

<v-layout wrap>

7

<v-layout wrap>

8

<v-flex xs12 sm12 lg3>

8

<v-flex xs12 sm12 lg3>

9

<v-layout>

9

<v-layout>

10

<v-flex xs12 sm12 lg10 class="ml-2">

10

<v-flex xs12 sm12 lg10 class="ml-2">

11

<v-autocomplete

11

<v-autocomplete

12

v-model="getReport.examId"

12

v-model="getReport.examId"

13

label="Please Select Exam"

13

label="Please Select Exam"

14

:items="examData"

14

:items="examData"

15

item-text="examName"

15

item-text="examName"

16

item-value="_id"

16

item-value="_id"

17

:rules="examRules"

17

:rules="examRules"

18

@change="getExamList"

18

@change="getExamList"

19

required

19

required

20

></v-autocomplete>

20

></v-autocomplete>

21

</v-flex>

21

</v-flex>

22

</v-layout>

22

</v-layout>

23

</v-flex>

23

</v-flex>

24

25

<v-flex xs12 sm12 lg3 v-if="getReport.examId">

25

<v-flex xs12 sm12 lg3 v-if="getReport.examId">

26

<v-layout>

26

<v-layout>

27

<v-flex xs12 sm12 lg10 class="ml-2">

27

<v-flex xs12 sm12 lg10 class="ml-2">

28

<v-select

28

<v-select

29

v-model="getReport.classId"

29

v-model="getReport.classId"

30

label="Select your class"

30

label="Select your class"

31

type="text"

31

type="text"

32

:items="classList"

32

:items="classList"

33

item-text="classNum"

33

item-text="classNum"

34

item-value="_id"

34

item-value="_id"

35

:rules="classRules"

35

:rules="classRules"

36

@change="getSections(getReport.classId)"

36

@change="getSections(getReport.classId)"

37

required

37

required

38

></v-select>

38

></v-select>

39

</v-flex>

39

</v-flex>

40

</v-layout>

40

</v-layout>

41

</v-flex>

41

</v-flex>

42

<v-flex xs12 sm12 lg3 v-if="getReport.classId">

42

<v-flex xs12 sm12 lg3 v-if="getReport.classId">

43

<v-layout>

43

<v-layout>

44

<v-flex xs12 sm12 lg10 class="ml-2">

44

<v-flex xs12 sm12 lg10 class="ml-2">

45

<v-select

45

<v-select

46

:items="addSection"

46

:items="addSection"

47

label="Select your Section"

47

label="Select your Section"

48

v-model="getReport.sectionId"

48

v-model="getReport.sectionId"

49

item-text="name"

49

item-text="name"

50

item-value="_id"

50

item-value="_id"

51

name="Select Section"

51

name="Select Section"

52

@change="getStudents"

52

@change="getStudents"

53

:rules="sectionRules"

53

:rules="sectionRules"

54

required

54

required

55

></v-select>

55

></v-select>

56

</v-flex>

56

</v-flex>

57

</v-layout>

57

</v-layout>

58

</v-flex>

58

</v-flex>

59

<v-flex xs12 sm12 lg3 v-if="getReport.sectionId">

59

<v-flex xs12 sm12 lg3 v-if="getReport.sectionId">

60

<v-layout>

60

<v-layout>

61

<v-flex xs12 sm12 lg10 class="ml-2">

61

<v-flex xs12 sm12 lg10 class="ml-2">

62

<v-select

62

<v-select

63

:items="getStudentsList"

63

:items="getStudentsList"

64

label="Select your student"

64

label="Select your student"

65

v-model="getReport.studentId"

65

v-model="getReport.studentId"

66

item-text="name"

66

item-text="name"

67

item-value="_id"

67

item-value="_id"

68

:rules="studentRules"

68

:rules="studentRules"

69

required

69

required

70

></v-select>

70

></v-select>

71

</v-flex>

71

</v-flex>

72

</v-layout>

72

</v-layout>

73

</v-flex>

73

</v-flex>

74

75

<v-flex xs12 sm12 lg3>

75

<v-flex xs12 sm12 lg3>

76

<v-layout>

76

<v-layout>

77

<v-flex xs12 sm12 lg10 class="ml-2">

77

<v-flex xs12 sm12 lg10 class="ml-2">

78

<v-autocomplete

78

<v-autocomplete

79

label="Please Select View Type"

79

label="Please Select View Type"

80

type="text"

80

type="text"

81

:rules="typeRules"

81

:rules="typeRules"

82

:items="typeList"

82

:items="typeList"

83

v-model="getReport.form"

83

v-model="getReport.form"

84

item-text="name"

84

item-text="name"

85

item-value="value"

85

item-value="value"

86

87

required

87

required

88

></v-autocomplete>

88

></v-autocomplete>

89

</v-flex>

89

</v-flex>

90

</v-layout>

90

</v-layout>

91

</v-flex>

91

</v-flex>

92

<v-flex xs12 sm12 lg3>

92

<v-flex xs12 sm12 lg3>

93

<v-btn

93

<v-btn

94

@click="getSchedule"

94

@click="getSchedule"

95

round

95

round

96

dark

96

dark

97

:loading="loading"

97

:loading="loading"

98

class="open-dialog-button mt-3"

98

class="open-dialog-button mt-3"

99

>Get Report</v-btn>

99

>Get Report</v-btn>

100

</v-flex>

100

</v-flex>

101

</v-layout>

101

</v-layout>

102

</v-flex>

102

</v-flex>

103

</v-form>

103

</v-form>

104

</v-card>

104

</v-card>

105

105

106

<v-flex xs12 sm12 md10 style="margin:auto">

106

<v-flex xs12 sm12 md10 style="margin:auto">

107

<v-layout>

107

<v-layout>

108

<v-flex xs12>

108

<v-flex xs12>

109

<v-btn class="open-dialog-button right" round dark @click="printAdmitReport()">

109

<v-btn class="open-dialog-button right" round dark @click="printAdmitReport()">

110

Print

110

Print

111

<v-icon right dark>print</v-icon>

111

<v-icon right dark>print</v-icon>

112

</v-btn>

112

</v-btn>

113

</v-flex>

113

</v-flex>

114

</v-layout>

114

</v-layout>

115

115

116

<v-card

116

<v-card

117

style="

117

style="

118

background-color: #fff;

118

background-color: #fff;

119

border: 1px solid #ddd;

119

border: 1px solid #ddd;

120

color: rgba(0,0,0,0.87);

120

color: rgba(0,0,0,0.87);

121

overflow-x: auto;

121

overflow-x: auto;

122

display: block;

122

display: block;

123

padding:14px !important;

123

padding:14px !important;

124

webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2), 0px 0px 0px 0px rgba(0,0,0,0.14), 0px 0px 0px 0px rgba(0,0,0,0.12) !important;

124

webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2), 0px 0px 0px 0px rgba(0,0,0,0.14), 0px 0px 0px 0px rgba(0,0,0,0.12) !important;

125

box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2), 0px 0px 0px 0px rgba(0,0,0,0.14), 0px 0px 0px 0px rgba(0,0,0,0.12) !important;"

125

box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2), 0px 0px 0px 0px rgba(0,0,0,0.14), 0px 0px 0px 0px rgba(0,0,0,0.12) !important;"

126

>

126

>

127

<v-layout style="border-bottom: 1px solid #ddd;margin: 8px; auto">

127

<v-layout style="border-bottom: 1px solid #ddd;margin: 8px; auto">

128

<v-flex xs3 style="margin-bottom:0px">

128

<v-flex xs3 style="margin-bottom:0px">

129

<img

129

<img

130

:src="userData.schoolLogoUrl"

130

:src="userData.schoolLogoUrl"

131

style="widht:80px;height:80px;"

131

style="widht:80px;height:80px;"

132

alt="logo"

132

alt="logo"

133

v-if="userData.schoolLogoUrl"

133

v-if="userData.schoolLogoUrl"

134

/>

134

/>

135

<img

135

<img

136

src="/static/default_thumb.png"

136

src="/static/default_thumb.png"

137

style="widht:80px;height:80px;"

137

style="widht:80px;height:80px;"

138

v-else-if="!userData.schoolLogoUrl"

138

v-else-if="!userData.schoolLogoUrl"

139

/>

139

/>

140

</v-flex>

140

</v-flex>

141

<v-flex xs5 style="text-align:center;margin-bottom:0px">

141

<v-flex xs5 style="text-align:center;margin-bottom:0px">

142

<p

142

<p

143

style="font-size:24px;color: #700CE8;letter-spacing:1px;margin-bottom: 4px"

143

style="font-size:24px;color: #700CE8;letter-spacing:1px;margin-bottom: 4px"

144

>{{ userData.name }}</p>

144

>{{ userData.name }}</p>

145

<p>{{ userData.address }}, {{ userData.pinCode }}</p>

145

<p>{{ userData.address }}, {{ userData.pinCode }}</p>

146

<div>

146

<div>

147

<h4>{{ getScheduleList.scheduleData[0].examId.examName }} Exam Admit Card</h4>

147

<h4>{{ getScheduleList.scheduleData[0].examId.examName }} Exam Admit Card</h4>

148

</div>

148

</div>

149

</v-flex>

149

</v-flex>

150

<v-flex xs4 style="text-align:center;margin-bottom:0px">

150

<v-flex xs4 style="text-align:center;margin-bottom:0px">

151

<!-- <img

151

<!-- <img

152

v-if="getScheduleList.studentData.profilePicUrl"

152

v-if="getScheduleList.studentData.profilePicUrl"

153

:src="getScheduleList.studentData.profilePicUrl"

153

:src="getScheduleList.studentData.profilePicUrl"

154

style="widht:80px;height:80px;"

154

style="widht:80px;height:80px;"

155

/>

155

/>

156

<img

156

<img

157

v-if="!getScheduleList.studentData.profilePicUrl"

157

v-if="!getScheduleList.studentData.profilePicUrl"

158

src="/static/icon/user.png"

158

src="/static/icon/user.png"

159

style="widht:80px;"

159

style="widht:80px;"

160

/> -->

160

/> -->

161

<img

161

<img

162

src="/static/icon/user.png"

162

src="/static/icon/user.png"

163

v-if="!getScheduleList.studentData.profilePicUrl"

163

v-if="!getScheduleList.studentData.profilePicUrl"

164

width="80"

164

width="80"

165

/>

165

/>

166

<img

166

<img

167

:src="getScheduleList.studentData.profilePicUrl"

167

:src="getScheduleList.studentData.profilePicUrl"

168

onerror="this.src='/static/icon/user.png';"

168

onerror="this.src='/static/icon/user.png';"

169

v-if="getScheduleList.studentData.profilePicUrl"

169

v-if="getScheduleList.studentData.profilePicUrl"

170

width="80"

170

width="80"

171

/>

171

/>

172

</v-flex>

172

</v-flex>

173

</v-layout>

173

</v-layout>

174

<v-layout>

174

<v-layout>

175

<v-flex xs5 style="margin-bottom:10px">

175

<v-flex xs5 style="margin-bottom:10px">

176

176

177

177

178

<span>{{getScheduleList.studentData.name}}</span>

178

<span>{{getScheduleList.studentData.name}}</span>

179

</p>

179

</p>

180

180

181

<b>Class :</b>

181

<b>Class :</b>

182

<span>{{getScheduleList.studentData.classId.classNum}}</span>

182

<span>{{getScheduleList.studentData.classId.classNum}}</span>

183

</p>

183

</p>

184

184

185

185

186

<span>{{getScheduleList.studentData.rollNo}}</span>

186

<span>{{getScheduleList.studentData.rollNo}}</span>

187

</p>

187

</p>

188

</v-flex>

188

</v-flex>

189

<v-flex xs5 style="margin-bottom:10px">

189

<v-flex xs5 style="margin-bottom:10px">

190

190

191

<b>Section :</b>

191

<b>Section :</b>

192

<span>{{getScheduleList.studentData.sectionId.name }}</span>

192

<span>{{getScheduleList.studentData.sectionId.name }}</span>

193

</p>

193

</p>

194

194

195

<b>Blood Group :</b>

195

<b>Blood Group :</b>

196

<span style="color: #707478">{{getScheduleList.studentData.bloodGroup }}</span>

196

<span style="color: #707478">{{getScheduleList.studentData.bloodGroup }}</span>

197

</p>

197

</p>

198

<p style="font-size: 16px;margin:0px;margin-bottom:8px;">Subject in which Appearing</p>

198

<p style="font-size: 16px;margin:0px;margin-bottom:8px;">Subject in which Appearing</p>

199

</v-flex>

199

</v-flex>

200

</v-layout>

200

</v-layout>

201

<table

201

<table

202

class="mb-5 tableRsponsive feeTypeTable"

202

class="mb-5 tableRsponsive feeTypeTable"

203

style="border: 1px solid lightgrey;

203

style="border: 1px solid lightgrey;

204

border-collapse: collapse;!important

204

border-collapse: collapse;!important

205

table-layout: auto !important;

205

table-layout: auto !important;

206

width: 100% !important;"

206

width: 100% !important;"

207

>

207

>

208

208

209

209

210

210

211

211

212

<td style="border: 1px solid lightgrey !important;padding: 6px;">Start Time</td>

212

<td style="border: 1px solid lightgrey !important;padding: 6px;">Start Time</td>

213

213

214

<td style="border: 1px solid lightgrey !important;padding: 6px;">Subject Name</td>

214

<td style="border: 1px solid lightgrey !important;padding: 6px;">Subject Name</td>

215

</tr>

215

</tr>

216

</thead>

216

</thead>

217

217

218

218

219

219

220

<td

220

<td

221

style="border: 1px solid lightgrey !important;padding: 6px;"

221

style="border: 1px solid lightgrey !important;padding: 6px;"

222

>{{ scheduleData.date ? scheduleData.date : '-' }}</td>

222

>{{ scheduleData.date ? scheduleData.date : '-' }}</td>

223

<td

223

<td

224

style="border: 1px solid lightgrey !important;padding: 6px;"

224

style="border: 1px solid lightgrey !important;padding: 6px;"

225

>{{ scheduleData.timeFrom ? scheduleData.timeFrom : "-" }}</td>

225

>{{ scheduleData.timeFrom ? scheduleData.timeFrom : "-" }}</td>

226

<td

226

<td

227

style="border: 1px solid lightgrey !important;padding: 6px;"

227

style="border: 1px solid lightgrey !important;padding: 6px;"

228

>{{ scheduleData.timeTo ? scheduleData.timeTo : "-"}}</td>

228

>{{ scheduleData.timeTo ? scheduleData.timeTo : "-"}}</td>

229

<td

229

<td

230

style="border: 1px solid lightgrey !important;padding: 6px;"

230

style="border: 1px solid lightgrey !important;padding: 6px;"

231

>{{ scheduleData.subjectName ? scheduleData.subjectName : "-" }}</td>

231

>{{ scheduleData.subjectName ? scheduleData.subjectName : "-" }}</td>

232

</tr>

232

</tr>

233

233

234

234

235

235

236

236

237

237

238

238

239

</tr>

239

</tr>

240

</tbody>

240

</tbody>

241

</table>

241

</table>

242

</v-card>

242

</v-card>

243

</div>

243

</div>

244

244

245

<v-card

245

<v-card

246

style="

246

style="

247

text-align:center

247

text-align:center

248

background-color: #fff;

248

background-color: #fff;

249

border: 1px solid #ddd;

249

border: 1px solid #ddd;

250

color: rgba(0,0,0,0.87);

250

color: rgba(0,0,0,0.87);

251

overflow-x: auto;

251

overflow-x: auto;

252

display: block;

252

display: block;

253

padding:14px !important;

253

padding:14px !important;

254

webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2), 0px 0px 0px 0px rgba(0,0,0,0.14), 0px 0px 0px 0px rgba(0,0,0,0.12) !important;

254

webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2), 0px 0px 0px 0px rgba(0,0,0,0.14), 0px 0px 0px 0px rgba(0,0,0,0.12) !important;

255

box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2), 0px 0px 0px 0px rgba(0,0,0,0.14), 0px 0px 0px 0px rgba(0,0,0,0.12) !important;"

255

box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2), 0px 0px 0px 0px rgba(0,0,0,0.14), 0px 0px 0px 0px rgba(0,0,0,0.12) !important;"

256

>

256

>

257

<div

257

<div

258

style="

258

style="

259

margin-bottom: 16px;

259

margin-bottom: 16px;

260

overflow: hidden;

260

overflow: hidden;

261

padding: 50px 90px;"

261

padding: 50px 90px;"

262

>

262

>

263

<ol style="

263

<ol style="

264

margin: 0;

264

margin: 0;

265

margin-bottom: 10px;">

265

margin-bottom: 10px;">

266

<p

266

<p

267

style="

267

style="

268

margin-bottom: 16px;

268

margin-bottom: 16px;

269

line-height: 20px;

269

line-height: 20px;

270

text-align: left;"

270

text-align: left;"

271

>

271

>

272

<b>1. Do not Carry these Electronic Gadgets:</b>

272

<b>1. Do not Carry these Electronic Gadgets:</b>

273

Electronic gadgets(Bluetooth devices,head phones,pen/buttonhole cameras,scanner,calculator,storage devices etc)

273

Electronic gadgets(Bluetooth devices,head phones,pen/buttonhole cameras,scanner,calculator,storage devices etc)

274

in the examination lab. These items are strictly prohibited from examination lab.

274

in the examination lab. These items are strictly prohibited from examination lab.

275

</p>

275

</p>

276

<p

276

<p

277

style="

277

style="

278

margin-bottom: 16px;

278

margin-bottom: 16px;

279

line-height: 20px;

279

line-height: 20px;

280

text-align: left;"

280

text-align: left;"

281

>

281

>

282

<b>2. Do not Carry these Ornaments:</b>

282

<b>2. Do not Carry these Ornaments:</b>

283

Candidates should also not wear charms,veil,items containing such as rings,bracelet,earings,nose-pin,chains,

283

Candidates should also not wear charms,veil,items containing such as rings,bracelet,earings,nose-pin,chains,

284

necklace,pendants,badge,broach,hair-pin,hair-band.

284

necklace,pendants,badge,broach,hair-pin,hair-band.

285

</p>

285

</p>

286

<p

286

<p

287

style="

287

style="

288

margin-bottom: 16px;

288

margin-bottom: 16px;

289

line-height: 20px;

289

line-height: 20px;

290

text-align: left;"

290

text-align: left;"

291

>

291

>

292

<b>3. What Candidates wear to Examination hall:</b>

292

<b>3. What Candidates wear to Examination hall:</b>

293

Candidates should not wear clothes with full sleeves or big button,etc. Candidates are adviced to wear open footwear

293

Candidates should not wear clothes with full sleeves or big button,etc. Candidates are adviced to wear open footwear

294

like slippers,sandals instead of shoes as the candidates could be asked to remove shoes by the frisking staff.

294

like slippers,sandals instead of shoes as the candidates could be asked to remove shoes by the frisking staff.

295

</p>

295

</p>

296

<p

296

<p

297

style="

297

style="

298

margin-bottom: 16px;

298

margin-bottom: 16px;

299

line-height: 20px;

299

line-height: 20px;

300

text-align: left;"

300

text-align: left;"

301

>

301

>

302

<b>4. Do not carry Stationary:</b>

302

<b>4. Do not carry Stationary:</b>

303

Pen/pencil and paper for rough work would be provided in examination lab. Electronic watch (timer)will be available

303

Pen/pencil and paper for rough work would be provided in examination lab. Electronic watch (timer)will be available

304

on the computer screen alloted to the candidates.

304

on the computer screen alloted to the candidates.

305

</p>

305

</p>

306

<p

306

<p

307

style="

307

style="

308

margin-bottom: 16px;

308

margin-bottom: 16px;

309

line-height: 20px;

309

line-height: 20px;

310

text-align: left;"

310

text-align: left;"

311

>

311

>

312

<b>5. Do not Carry Bags:</b>

312

<b>5. Do not Carry Bags:</b>

313

Don not Carry back pack, College bag or any other bag like hand bag. If candidates brings any bag, they must make a

313

Don not Carry back pack, College bag or any other bag like hand bag. If candidates brings any bag, they must make a

314

arrangement for safe custody of these items.The Commission shall not make any arrangement nor be responsible for the

314

arrangement for safe custody of these items.The Commission shall not make any arrangement nor be responsible for the

315

safe custody of such items.

315

safe custody of such items.

316

</p>

316

</p>

317

<p

317

<p

318

style="

318

style="

319

margin-bottom: 16px;

319

margin-bottom: 16px;

320

line-height: 20px;

320

line-height: 20px;

321

text-align: left;"

321

text-align: left;"

322

>

322

>

323

<b>6. What will Happen if you carry Prohibited items to Exam Hall:</b>

323

<b>6. What will Happen if you carry Prohibited items to Exam Hall:</b>

324

If any such prohibited item is found in the possession of a candidate in examination lab, his/her candidature is liable

324

If any such prohibited item is found in the possession of a candidate in examination lab, his/her candidature is liable

325

to be canceled and legal/criminal proceedings could be initiated against him/her. He/she would also liable to be debarred

325

to be canceled and legal/criminal proceedings could be initiated against him/her. He/she would also liable to be debarred

326

from appearing in future examinations of the Commission for a period of 3 years.

326

from appearing in future examinations of the Commission for a period of 3 years.

327

</p>

327

</p>

328

<p

328

<p

329

style="

329

style="

330

margin-bottom: 16px;

330

margin-bottom: 16px;

331

line-height: 20px;

331

line-height: 20px;

332

text-align: left;

332

text-align: left;

333

"

333

"

334

>

334

>

335

<b>7. Candidate should not create Disturbance in Exam Hall:</b>

335

<b>7. Candidate should not create Disturbance in Exam Hall:</b>

336

If any candidate is found obstructing the conduct of examination or creating disturbances at the examination venue,

336

If any candidate is found obstructing the conduct of examination or creating disturbances at the examination venue,

337

his/her candidature shall be summarily canceled.

337

his/her candidature shall be summarily canceled.

338

</p>

338

</p>

339

</ol>

339

</ol>

340

</div>

340

</div>

341

</v-card>

341

</v-card>

342

</div>

342

</div>

343

</v-flex>

343

</v-flex>

344

</div>

344

</div>

345

<v-snackbar

345

<v-snackbar

346

:timeout="timeout"

346

:timeout="timeout"

347

:top="y === 'top'"

347

:top="y === 'top'"

348

:right="x === 'right'"

348

:right="x === 'right'"

349

:vertical="mode === 'vertical'"

349

:vertical="mode === 'vertical'"

350

v-model="snackbar"

350

v-model="snackbar"

351

:color="color"

351

:color="color"

352

>{{ text }}</v-snackbar>

352

>{{ text }}</v-snackbar>

353

353

354

<v-progress-circular indeterminate color="white"></v-progress-circular>

354

<v-progress-circular indeterminate color="white"></v-progress-circular>

355

</div>

355

</div>

356

</v-container>

356

</v-container>

357

</template>

357

</template>

358

358

359

import http from "@/Services/http.js";

359

import http from "@/Services/http.js";

360

import moment from "moment";

360

import moment from "moment";

361

import _ from "underscore";

361

import _ from "underscore";

362

363

export default {

363

export default {

364

data: () => ({

364

data: () => ({

365

snackbar: false,

365

snackbar: false,

366

color: "",

366

color: "",

367

y: "top",

367

y: "top",

368

x: "right",

368

x: "right",

369

mode: "",

369

mode: "",

370

timeout: 10000,

370

timeout: 10000,

371

text: "",

371

text: "",

372

showLoader: false,

372

showLoader: false,

373

valid: true,

373

valid: true,

374

userData: {},

374

userData: {},

375

frontPart: false,

375

frontPart: false,

376

backPart: false,

376

backPart: false,

377

loading: false,

377

loading: false,

378

showTable: false,

378

showTable: false,

379

showData: false,

379

showData: false,

380

hideprintAdmitReport: false,

380

hideprintAdmitReport: false,

381

examRules: [v => !!v || "Exam Field is required"],

381

examRules: [v => !!v || "Exam Field is required"],

382

classRules: [v => !!v || "Class Field Required"],

382

classRules: [v => !!v || "Class Field Required"],

383

sectionRules: [v => !!v || "Section Field is required"],

383

sectionRules: [v => !!v || "Section Field is required"],

384

studentRules: [v => !!v || "Student Field is required"],

384

studentRules: [v => !!v || "Student Field is required"],

385

typeRules: [v => !!v || "Type Field is required"],

385

typeRules: [v => !!v || "Type Field is required"],

386

backgroundRules: [v => !!v || "Background Field is required"],

386

backgroundRules: [v => !!v || "Background Field is required"],

387

388

pagination: {

388

pagination: {

389

rowsPerPage: 10

389

rowsPerPage: 10

390

},

390

},

391

search: "",

391

search: "",

392

393

classList: [],

393

classList: [],

394

studentData: {},

394

studentData: {},

395

scheduleData: {},

395

scheduleData: {},

396

examData: [],

396

examData: [],

397

addSection: [],

397

addSection: [],

398

getStudentsList: [],

398

getStudentsList: [],

399

getScheduleList: [],

399

getScheduleList: [],

400

getScheduleListArray: [],

400

getScheduleListArray: [],

401

getReport: {},

401

getReport: {},

402

examName: [],

402

examName: [],

403

typeList: [

403

typeList: [

404

{

404

{

405

405

406

value: "frontPart"

406

value: "frontPart"

407

},

407

},

408

{

408

{

409

409

410

value: "backPart"

410

value: "backPart"

411

}

411

}

412

],

412

],

413

backgroundList: ["Yes", "No"],

413

backgroundList: ["Yes", "No"],

414

headers: [

414

headers: [

415

{

415

{

416

text: "No",

416

text: "No",

417

align: "",

417

align: "",

418

sortable: false,

418

sortable: false,

419

value: "No"

419

value: "No"

420

},

420

},

421

{

421

{

422

text: "Exam Date",

422

text: "Exam Date",

423

align: "center",

423

align: "center",

424

sortable: false,

424

sortable: false,

425

value: "date"

425

value: "date"

426

},

426

},

427

{

427

{

428

text: "Start Time",

428

text: "Start Time",

429

align: "center",

429

align: "center",

430

sortable: false,

430

sortable: false,

431

value: "timeFrom"

431

value: "timeFrom"

432

},

432

},

433

{

433

{

434

text: "End Time",

434

text: "End Time",

435

align: "center",

435

align: "center",

436

sortable: false,

436

sortable: false,

437

value: "timeTo"

437

value: "timeTo"

438

},

438

},

439

{

439

{

440

text: "Subject Name",

440

text: "Subject Name",

441

align: "center",

441

align: "center",

442

sortable: false,

442

sortable: false,

443

value: "subjectName"

443

value: "subjectName"

444

}

444

}

445

]

445

]

446

}),

446

}),

447

448

mounted() {

448

mounted() {

449

this.token = this.$store.state.token;

449

this.token = this.$store.state.token;

450

this.getClass();

450

this.getClass();

451

this.getExamList();

451

this.getExamList();

452

this.getUserData();

452

this.getUserData();

453

},

453

},

454

455

methods: {

455

methods: {

456

getExamList() {

456

getExamList() {

457

this.showLoader = true;

457

this.showLoader = true;

458

this.loadingSearch = true;

458

this.loadingSearch = true;

459

http()

459

http()

460

.get("/getExamsList", {

460

.get("/getExamsList", {

461

headers: { Authorization: "Bearer " + this.token }

461

headers: { Authorization: "Bearer " + this.token }

462

})

462

})

463

.then(response => {

463

.then(response => {

464

this.examData = response.data.data;

464

this.examData = response.data.data;

465

this.showLoader = false;

465

this.showLoader = false;

466

this.loadingSearch = false;

466

this.loadingSearch = false;

467

})

467

})

468

.catch(error => {

468

.catch(error => {

469

this.showLoader = false;

469

this.showLoader = false;

470

this.loadingSearch = false;

470

this.loadingSearch = false;

471

this.snackbar = true;

471

this.snackbar = true;

472

this.text = error.response.data.message;

472

this.text = error.response.data.message;

473

if (error.response.status === 401) {

473

if (error.response.status === 401) {

474

this.$router.replace({ path: "/" });

474

this.$router.replace({ path: "/" });

475

this.$store.dispatch("setToken", null);

475

this.$store.dispatch("setToken", null);

476

this.$store.dispatch("Id", null);

476

this.$store.dispatch("Id", null);

477

}

477

}

478

});

478

});

479

},

479

},

480

getClass() {

480

getClass() {

481

this.showLoader = true;

481

this.showLoader = true;

482

http()

482

http()

483

.get("/getClassesList", {

483

.get("/getClassesList", {

484

headers: { Authorization: "Bearer " + this.token }

484

headers: { Authorization: "Bearer " + this.token }

485

})

485

})

486

.then(response => {

486

.then(response => {

487

this.classList = response.data.data;

487

this.classList = response.data.data;

488

this.showLoader = false;

488

this.showLoader = false;

489

})

489

})

490

.catch(error => {

490

.catch(error => {

491

this.showLoader = false;

491

this.showLoader = false;

492

// console.log("err====>", err);

492

// console.log("err====>", err);

493

});

493

});

494

},

494

},

495

getSections(_id) {

495

getSections(_id) {

496

this.showLoader = true;

496

this.showLoader = true;

497

http()

497

http()

498

.get(

498

.get(

499

"/getSectionsList",

499

"/getSectionsList",

500

{ params: { classId: _id } },

500

{ params: { classId: _id } },

501

{

501

{

502

headers: { Authorization: "Bearer " + this.token }

502

headers: { Authorization: "Bearer " + this.token }

503

}

503

}

504

)

504

)

505

.then(response => {

505

.then(response => {

506

this.addSection = response.data.data;

506

this.addSection = response.data.data;

507

this.showLoader = false;

507

this.showLoader = false;

508

})

508

})

509

.catch(err => {

509

.catch(err => {

510

this.showLoader = false;

510

this.showLoader = false;

511

// console.log("err====>", err);

511

// console.log("err====>", err);

512

});

512

});

513

},

513

},

514

getStudents() {

514

getStudents() {

515

this.showLoader = true;

515

this.showLoader = true;

516

http()

516

http()

517

.get("/getStudentWithClass", {

517

.get("/getStudentWithClass", {

518

params: {

518

params: {

519

classId: this.getReport.classId,

519

classId: this.getReport.classId,

520

sectionId: this.getReport.sectionId

520

sectionId: this.getReport.sectionId

521

}

521

}

522

})

522

})

523

.then(response => {

523

.then(response => {

524

this.getStudentsList = response.data.data;

524

this.getStudentsList = response.data.data;

525

this.showLoader = false;

525

this.showLoader = false;

526

})

526

})

527

.catch(error => {

527

.catch(error => {

528

console.log("err====>", error);

528

console.log("err====>", error);

529

this.showLoader = false;

529

this.showLoader = false;

530

});

530

});

531

},

531

},

532

getSchedule() {

532

getSchedule() {

533

if (this.$refs.form.validate()) {

533

if (this.$refs.form.validate()) {

534

this.showLoader = true;

534

this.showLoader = true;

535

http()

535

http()

536

.get("/getScheduleForParticularStudent", {

536

.get("/getScheduleForParticularStudent", {

537

params: {

537

params: {

538

examId: this.getReport.examId,

538

examId: this.getReport.examId,

539

classId: this.getReport.classId,

539

classId: this.getReport.classId,

540

sectionId: this.getReport.sectionId,

540

sectionId: this.getReport.sectionId,

541

studentId: this.getReport.studentId

541

studentId: this.getReport.studentId

542

}

542

}

543

})

543

})

544

.then(response => {

544

.then(response => {

545

this.showTable = true;

545

this.showTable = true;

546

this.getScheduleList = response.data.data;

546

this.getScheduleList = response.data.data;

547

if (response.data.data.scheduleData.length === 0) {

547

if (response.data.data.scheduleData.length === 0) {

548

this.showLoader = false;

548

this.showLoader = false;

549

this.snackbar = true;

549

this.snackbar = true;

550

this.text = 'Student not found!';

550

this.text = 'Data not found!';

551

return;

551

return;

552

}

552

}

553

this.showData = true;

553

this.showData = true;

554

if (this.getReport.form === "frontPart") {

554

if (this.getReport.form === "frontPart") {

555

this.frontPart = true;

555

this.frontPart = true;

556

this.backPart = false;

556

this.backPart = false;

557

}

557

}

558

if (this.getReport.form === "backPart") {

558

if (this.getReport.form === "backPart") {

559

this.frontPart = false;

559

this.frontPart = false;

560

this.backPart = true;

560

this.backPart = true;

561

}

561

}

562

this.showLoader = false;

562

this.showLoader = false;

563

})

563

})

564

.catch(error => {

564

.catch(error => {

565

this.showLoader = false;

565

this.showLoader = false;

566

});

566

});

567

}

567

}

568

},

568

},

569

570

printAdmitReport() {

570

printAdmitReport() {

571

// Pass the element id here

571

// Pass the element id here

572

this.$htmlToPaper("printMe");

572

this.$htmlToPaper("printMe");

573

},

573

},

574

getUserData() {

574

getUserData() {

575

http()

575

http()

576

.get("/getParticularUserDetail")

576

.get("/getParticularUserDetail")

577

.then(response => {

577

.then(response => {

578

this.userData = response.data.data;

578

this.userData = response.data.data;

579

})

579

})

580

.catch(error => {

580

.catch(error => {

581

if (error.response.status === 401) {

581

if (error.response.status === 401) {

582

this.$router.replace({ path: "/" });

582

this.$router.replace({ path: "/" });

583

this.$store.dispatch("setToken", null);

583

this.$store.dispatch("setToken", null);

584

this.$store.dispatch("Id", null);

584

this.$store.dispatch("Id", null);

585

}

585

}

586

});

586

});

587

}

587

}

588

// created() {

588

// created() {

589

// this.$root.$on("app:search", search => {

589

// this.$root.$on("app:search", search => {

590

// this.search = search;

590

// this.search = search;

591

// });

591

// });

592

// },

592

// },

593

// beforeDestroy() {

593

// beforeDestroy() {

594

// // dont forget to remove the listener

594

// // dont forget to remove the listener

595

// this.$root.$off("app:search");

595

// this.$root.$off("app:search");

596

// }

596

// }

597

}

597

}

598

};

598

};

599

</script>

599

</script>

600

<style>

600

<style>

601

.admincardreport {

601

.admincardreport {

602

border: 1px solid #ddd;

602

border: 1px solid #ddd;

603

overflow: hidden;

603

overflow: hidden;

604

padding: 20px 50px;

604

padding: 20px 50px;

605

/* margin-bottom: 10px;

605

/* margin-bottom: 10px;

606

min-height: 443px; */

606

min-height: 443px; */

607

}

607

}

608

.line {

608

.line {

609

border-bottom: 1px solid #ddd;

609

border-bottom: 1px solid #ddd;

610

overflow: hidden;

610

overflow: hidden;

611

padding-bottom: 10px;

611

padding-bottom: 10px;

612

vertical-align: middle;

612

vertical-align: middle;

613

/* margin-bottom: 4px; */

613

/* margin-bottom: 4px; */

614

}

614

}

615

.school-logo {

615

.school-logo {

616

float: left;

616

float: left;

617

}

617

}

618

.student-logo {

618

.student-logo {

619

position: absolute;

619

position: absolute;

620

top: 221px;

620

top: 221px;

621

right: 221px;

621

right: 221px;

622

}

622

}

623

.school-name {

623

.school-name {

624

box-sizing: border-box;

624

box-sizing: border-box;

625

align-items: center;

625

align-items: center;

626

}

626

}

627

/* .student-info {

627

/* .student-info {

628

float: left;

628

float: left;

629

width: max-content;

629

width: max-content;

630

text-align: initial;

630

text-align: initial;

631

} */

631

} */

632

.student-info {

632

.student-info {

633

width: 50%;

633

width: 50%;

634

float: left;

634

float: left;

635

text-align: initial;

635

text-align: initial;

636

}

636

}

637

.student-info p {

637

.student-info p {

638

width: 50%;

638

width: 50%;

639

float: left;

639

float: left;

640

margin-bottom: 1px;

640

margin-bottom: 1px;

641

padding: 0 0px;

641

padding: 0 0px;

642

font-size: 12px;

642

font-size: 12px;

643

}

643

}

644

.admitcardreportbackend ol {

644

.admitcardreportbackend ol {

645

margin: 0;

645

margin: 0;

646

margin-bottom: 10px;

646

margin-bottom: 10px;

647

}

647

}

648

.admitcardreportbackend p {

648

.admitcardreportbackend p {

649

line-height: 20px;

649

line-height: 20px;

650

text-align: left;

650

text-align: left;

651

}

651

}

652

</style>

652

</style>

GITLAB

viithiisys / School-Management-dashboard

change toggle message in admit card report screen