viithiisys / School-Management-dashboard

1

1

2

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

2

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

3

3

4

<v-dialog v-model="editStudentDialog" max-width="1700px" scrollable>

4

<v-dialog v-model="editStudentDialog" max-width="1700px" scrollable>

5

<v-card flat class="card-style pa-2" dark>

5

<v-card flat class="card-style pa-2" dark>

6

<v-layout>

6

<v-layout>

7

<v-flex xs12>

7

<v-flex xs12>

8

<label class="title text-xs-center">Edit Student Details</label>

8

<label class="title text-xs-center">Edit Student Details</label>

9

<v-icon size="24" class="right" @click="editStudentDialog = false">cancel</v-icon>

9

<v-icon size="24" class="right" @click="editStudentDialog = false">cancel</v-icon>

10

</v-flex>

10

</v-flex>

11

</v-layout>

11

</v-layout>

12

<v-card-text>

12

<v-card-text>

13

<v-form ref="form">

13

<v-form ref="form">

14

<v-container fluid>

14

<v-container fluid>

15

<v-layout>

15

<v-layout>

16

<v-flex xs12 class="text-xs-center text-sm-center text-md-center text-lg-center">

16

<v-flex xs12 class="text-xs-center text-sm-center text-md-center text-lg-center">

17

<v-avatar size="100px" v-if="!editedItem.profilePicUrl && !editImageUrl">

17

<v-avatar size="100px" v-if="!editedItem.profilePicUrl && !editImageUrl">

18

18

19

</v-avatar>

19

</v-avatar>

20

<img

20

<img

21

:src="editedItem.profilePicUrl"

21

:src="editedItem.profilePicUrl"

22

v-else-if="editedItem.profilePicUrl && !editImageUrl"

22

v-else-if="editedItem.profilePicUrl && !editImageUrl"

23

height="150"

23

height="150"

24

style="border-radius:50%; width:150px"

24

style="border-radius:50%; width:150px"

25

/>

25

/>

26

<img

26

<img

27

v-if="editImageUrl"

27

v-if="editImageUrl"

28

:src="editImageUrl"

28

:src="editImageUrl"

29

style="border-radius:50%; width:150px;height:150px"

29

style="border-radius:50%; width:150px;height:150px"

30

/>

30

/>

31

<input

31

<input

32

type="file"

32

type="file"

33

style="display: none"

33

style="display: none"

34

ref="editDataImage"

34

ref="editDataImage"

35

accept="image/*"

35

accept="image/*"

36

@change="onEditFilePicked"

36

@change="onEditFilePicked"

37

/>

37

/>

38

</v-flex>

38

</v-flex>

39

</v-layout>

39

</v-layout>

40

<v-layout wrap>

40

<v-layout wrap>

41

<v-flex xs12 sm4>

41

<v-flex xs12 sm4>

42

<v-layout>

42

<v-layout>

43

<v-flex xs4 class="pt-4 subheading">

43

<v-flex xs4 class="pt-4 subheading">

44

<label class="right hidden-xs-only hidden-sm-only">Select Class:</label>

44

<label class="right hidden-xs-only hidden-sm-only">Select Class:</label>

45

<label class="right hidden-lg-only hidden-md-only hidden-xl-only">Class:</label>

45

<label class="right hidden-lg-only hidden-md-only hidden-xl-only">Class:</label>

46

</v-flex>

46

</v-flex>

47

<v-flex xs8 class="ml-3">

47

<v-flex xs8 class="ml-3">

48

<v-select

48

<v-select

49

:items="addclass"

49

:items="addclass"

50

label="Select Class"

50

label="Select Class"

51

v-model="editedItem.select"

51

v-model="editedItem.select"

52

item-text="classNum"

52

item-text="classNum"

53

item-value="_id"

53

item-value="_id"

54

name="Select Class"

54

name="Select Class"

55

@change="getSections(editedItem.select)"

55

@change="getSections(editedItem.select)"

56

required

56

required

57

></v-select>

57

></v-select>

58

</v-flex>

58

</v-flex>

59

</v-layout>

59

</v-layout>

60

</v-flex>

60

</v-flex>

61

<v-flex xs12 sm4>

61

<v-flex xs12 sm4>

62

<v-layout>

62

<v-layout>

63

<v-flex xs4 class="pt-4 subheading">

63

<v-flex xs4 class="pt-4 subheading">

64

<label class="right hidden-xs-only hidden-sm-only">Select Section:</label>

64

<label class="right hidden-xs-only hidden-sm-only">Select Section:</label>

65

<label class="right hidden-lg-only hidden-md-only hidden-xl-only">Section:</label>

65

<label class="right hidden-lg-only hidden-md-only hidden-xl-only">Section:</label>

66

</v-flex>

66

</v-flex>

67

<v-flex xs8 class="ml-3">

67

<v-flex xs8 class="ml-3">

68

<v-select

68

<v-select

69

:items="addSection"

69

:items="addSection"

70

label="Select Section"

70

label="Select Section"

71

v-model="editedItem.selectSection"

71

v-model="editedItem.selectSection"

72

item-text="name"

72

item-text="name"

73

item-value="_id"

73

item-value="_id"

74

name="Select Section"

74

name="Select Section"

75

required

75

required

76

></v-select>

76

></v-select>

77

</v-flex>

77

</v-flex>

78

</v-layout>

78

</v-layout>

79

</v-flex>

79

</v-flex>

80

<v-flex xs12 sm4>

80

<v-flex xs12 sm4>

81

<v-layout>

81

<v-layout>

82

<v-flex xs4 class="pt-4 subheading">

82

<v-flex xs4 class="pt-4 subheading">

83

83

84

84

85

</v-flex>

85

</v-flex>

86

<v-flex xs8 class="ml-3">

86

<v-flex xs8 class="ml-3">

87

<v-text-field

87

<v-text-field

88

v-model="editedItem.name"

88

v-model="editedItem.name"

89

placeholder="fill your full Name"

89

placeholder="fill your full Name"

90

name="name"

90

name="name"

91

type="text"

91

type="text"

92

required

92

required

93

></v-text-field>

93

></v-text-field>

94

</v-flex>

94

</v-flex>

95

</v-layout>

95

</v-layout>

96

</v-flex>

96

</v-flex>

97

</v-layout>

97

</v-layout>

98

<v-layout wrap>

98

<v-layout wrap>

99

<v-flex xs12 sm4>

99

<v-flex xs12 sm4>

100

<v-layout>

100

<v-layout>

101

<v-flex xs4 class="pt-4 subheading">

101

<v-flex xs4 class="pt-4 subheading">

102

<label class="right hidden-xs-only hidden-sm-only">Email Id:</label>

102

<label class="right hidden-xs-only hidden-sm-only">Email Id:</label>

103

<label class="right hidden-lg-only hidden-md-only hidden-xl-only">Email:</label>

103

<label class="right hidden-lg-only hidden-md-only hidden-xl-only">Email:</label>

104

</v-flex>

104

</v-flex>

105

<v-flex xs8 class="ml-3">

105

<v-flex xs8 class="ml-3">

106

<v-text-field

106

<v-text-field

107

placeholder="fill your email"

107

placeholder="fill your email"

108

v-model="editedItem.email"

108

v-model="editedItem.email"

109

type="text"

109

type="text"

110

name="email"

110

name="email"

111

required

111

required

112

></v-text-field>

112

></v-text-field>

113

</v-flex>

113

</v-flex>

114

</v-layout>

114

</v-layout>

115

</v-flex>

115

</v-flex>

116

<v-flex xs12 sm4>

116

<v-flex xs12 sm4>

117

<v-layout>

117

<v-layout>

118

<v-flex xs4 class="pt-4 subheading">

118

<v-flex xs4 class="pt-4 subheading">

119

<label class="right hidden-sm-only hidden-xs-only">Date of Birth:</label>

119

<label class="right hidden-sm-only hidden-xs-only">Date of Birth:</label>

120

120

121

</v-flex>

121

</v-flex>

122

<v-flex xs8 class="ml-3">

122

<v-flex xs8 class="ml-3">

123

<v-menu

123

<v-menu

124

ref="menu"

124

ref="menu"

125

:close-on-content-click="false"

125

:close-on-content-click="false"

126

v-model="menu1"

126

v-model="menu1"

127

:nudge-right="40"

127

:nudge-right="40"

128

lazy

128

lazy

129

transition="scale-transition"

129

transition="scale-transition"

130

offset-y

130

offset-y

131

full-width

131

full-width

132

min-width="290px"

132

min-width="290px"

133

>

133

>

134

<v-text-field

134

<v-text-field

135

slot="activator"

135

slot="activator"

136

v-model="editedItem.dob"

136

v-model="editedItem.dob"

137

placeholder="Select Dob"

137

placeholder="Select Dob"

138

></v-text-field>

138

></v-text-field>

139

<v-date-picker

139

<v-date-picker

140

ref="picker"

140

ref="picker"

141

v-model="editedItem.dob"

141

v-model="editedItem.dob"

142

:max="new Date().toISOString().substr(0, 10)"

142

:max="new Date().toISOString().substr(0, 10)"

143

min="1950-01-01"

143

min="1950-01-01"

144

@input="menu1 = false"

144

@input="menu1 = false"

145

></v-date-picker>

145

></v-date-picker>

146

</v-menu>

146

</v-menu>

147

</v-flex>

147

</v-flex>

148

</v-layout>

148

</v-layout>

149

</v-flex>

149

</v-flex>

150

<v-flex xs12 sm4>

150

<v-flex xs12 sm4>

151

<v-layout>

151

<v-layout>

152

<v-flex xs4 class="pt-4 subheading">

152

<v-flex xs4 class="pt-4 subheading">

153

153

154

</v-flex>

154

</v-flex>

155

<v-flex xs8 class="ml-3">

155

<v-flex xs8 class="ml-3">

156

<v-text-field

156

<v-text-field

157

v-model="editedItem.city"

157

v-model="editedItem.city"

158

placeholder="fill your City Name"

158

placeholder="fill your City Name"

159

name="City"

159

name="City"

160

type="text"

160

type="text"

161

required

161

required

162

></v-text-field>

162

></v-text-field>

163

</v-flex>

163

</v-flex>

164

</v-layout>

164

</v-layout>

165

</v-flex>

165

</v-flex>

166

</v-layout>

166

</v-layout>

167

<v-layout wrap>

167

<v-layout wrap>

168

<v-flex xs12 sm4>

168

<v-flex xs12 sm4>

169

<v-layout>

169

<v-layout>

170

<v-flex xs4 class="pt-4 subheading">

170

<v-flex xs4 class="pt-4 subheading">

171

<label class="right hidden-xs-only hidden-sm-only">Blood Group:</label>

171

<label class="right hidden-xs-only hidden-sm-only">Blood Group:</label>

172

<label class="right hidden-lg-only hidden-md-only hidden-xl-only">Blood:</label>

172

<label class="right hidden-lg-only hidden-md-only hidden-xl-only">Blood:</label>

173

</v-flex>

173

</v-flex>

174

<v-flex xs8 class="ml-3">

174

<v-flex xs8 class="ml-3">

175

<v-text-field

175

<v-text-field

176

v-model="editedItem.bloodGroup"

176

v-model="editedItem.bloodGroup"

177

placeholder="fill your BloodGroup"

177

placeholder="fill your BloodGroup"

178

name="state"

178

name="state"

179

type="text"

179

type="text"

180

required

180

required

181

></v-text-field>

181

></v-text-field>

182

</v-flex>

182

</v-flex>

183

</v-layout>

183

</v-layout>

184

</v-flex>

184

</v-flex>

185

<v-flex xs12 sm4>

185

<v-flex xs12 sm4>

186

<v-layout>

186

<v-layout>

187

<v-flex xs4 class="pt-4 subheading">

187

<v-flex xs4 class="pt-4 subheading">

188

<label class="right">Gender:</label>

188

<label class="right">Gender:</label>

189

</v-flex>

189

</v-flex>

190

<v-flex xs8 class="ml-3">

190

<v-flex xs8 class="ml-3">

191

<v-select

191

<v-select

192

:items="gender"

192

:items="gender"

193

v-model="editedItem.gender"

193

v-model="editedItem.gender"

194

placeholder="Select Gender"

194

placeholder="Select Gender"

195

required

195

required

196

></v-select>

196

></v-select>

197

</v-flex>

197

</v-flex>

198

</v-layout>

198

</v-layout>

199

</v-flex>

199

</v-flex>

200

<v-flex xs12 sm4>

200

<v-flex xs12 sm4>

201

<v-layout>

201

<v-layout>

202

<v-flex xs4 class="pt-4 subheading">

202

<v-flex xs4 class="pt-4 subheading">

203

<label class="right">Medical Notes:</label>

203

<label class="right">Medical Notes:</label>

204

</v-flex>

204

</v-flex>

205

<v-flex xs8 class="ml-3">

205

<v-flex xs8 class="ml-3">

206

<v-text-field

206

<v-text-field

207

v-model="editedItem.medicalNotes"

207

v-model="editedItem.medicalNotes"

208

placeholder="fill your medicalNotes"

208

placeholder="fill your medicalNotes"

209

required

209

required

210

></v-text-field>

210

></v-text-field>

211

</v-flex>

211

</v-flex>

212

</v-layout>

212

</v-layout>

213

</v-flex>

213

</v-flex>

214

</v-layout>

214

</v-layout>

215

<v-layout wrap>

215

<v-layout wrap>

216

<v-flex xs12 sm4>

216

<v-flex xs12 sm4>

217

<v-layout>

217

<v-layout>

218

<v-flex xs4 class="pt-4 subheading">

218

<v-flex xs4 class="pt-4 subheading">

219

<label class="right">Height:</label>

219

<label class="right">Height:</label>

220

</v-flex>

220

</v-flex>

221

<v-flex xs8 class="ml-3">

221

<v-flex xs8 class="ml-3">

222

<v-text-field

222

<v-text-field

223

v-model="editedItem.height"

223

v-model="editedItem.height"

224

placeholder="fill your Height"

224

placeholder="fill your Height"

225

name="state"

225

name="state"

226

type="text"

226

type="text"

227

required

227

required

228

></v-text-field>

228

></v-text-field>

229

</v-flex>

229

</v-flex>

230

</v-layout>

230

</v-layout>

231

</v-flex>

231

</v-flex>

232

<v-flex xs12 sm4>

232

<v-flex xs12 sm4>

233

<v-layout>

233

<v-layout>

234

<v-flex xs4 class="pt-4 subheading">

234

<v-flex xs4 class="pt-4 subheading">

235

<label class="right">Weight:</label>

235

<label class="right">Weight:</label>

236

</v-flex>

236

</v-flex>

237

<v-flex xs8 class="ml-3">

237

<v-flex xs8 class="ml-3">

238

<v-text-field

238

<v-text-field

239

v-model="editedItem.weight"

239

v-model="editedItem.weight"

240

placeholder="fill your Weight"

240

placeholder="fill your Weight"

241

name="pincode"

241

name="pincode"

242

required

242

required

243

></v-text-field>

243

></v-text-field>

244

</v-flex>

244

</v-flex>

245

</v-layout>

245

</v-layout>

246

</v-flex>

246

</v-flex>

247

<v-flex xs12 sm4>

247

<v-flex xs12 sm4>

248

<v-layout>

248

<v-layout>

249

<v-flex xs4 class="pt-4 subheading">

249

<v-flex xs4 class="pt-4 subheading">

250

<label class="right hidden-xs-only hidden-sm-only">Uplaod Image:</label>

250

<label class="right hidden-xs-only hidden-sm-only">Uplaod Image:</label>

251

<label class="right hidden-lg-only hidden-md-only hidden-xl-only">Uplaod:</label>

251

<label class="right hidden-lg-only hidden-md-only hidden-xl-only">Uplaod:</label>

252

</v-flex>

252

</v-flex>

253

<v-flex xs8 class="ml-3">

253

<v-flex xs8 class="ml-3">

254

<v-text-field

254

<v-text-field

255

label="Select Image"

255

label="Select Image"

256

@click="pickEditFile"

256

@click="pickEditFile"

257

v-model="editImageName"

257

v-model="editImageName"

258

append-icon="attach_file"

258

append-icon="attach_file"

259

></v-text-field>

259

></v-text-field>

260

</v-flex>

260

</v-flex>

261

</v-layout>

261

</v-layout>

262

</v-flex>

262

</v-flex>

263

</v-layout>

263

</v-layout>

264

<v-layout wrap>

264

<v-layout wrap>

265

<v-flex xs12 sm4>

265

<v-flex xs12 sm4>

266

<v-layout>

266

<v-layout>

267

<v-flex xs4 class="pt-4 subheading">

267

<v-flex xs4 class="pt-4 subheading">

268

<label class="right">State:</label>

268

<label class="right">State:</label>

269

</v-flex>

269

</v-flex>

270

<v-flex xs8 class="ml-3">

270

<v-flex xs8 class="ml-3">

271

<v-text-field

271

<v-text-field

272

v-model="editedItem.state"

272

v-model="editedItem.state"

273

placeholder="fill your State Name"

273

placeholder="fill your State Name"

274

name="state"

274

name="state"

275

type="text"

275

type="text"

276

required

276

required

277

></v-text-field>

277

></v-text-field>

278

</v-flex>

278

</v-flex>

279

</v-layout>

279

</v-layout>

280

</v-flex>

280

</v-flex>

281

<v-flex xs12 sm4>

281

<v-flex xs12 sm4>

282

<v-layout>

282

<v-layout>

283

<v-flex xs4 class="pt-4 subheading">

283

<v-flex xs4 class="pt-4 subheading">

284

<label class="right">Pincode:</label>

284

<label class="right">Pincode:</label>

285

</v-flex>

285

</v-flex>

286

<v-flex xs8 class="ml-3">

286

<v-flex xs8 class="ml-3">

287

<v-text-field

287

<v-text-field

288

v-model="editedItem.pincode"

288

v-model="editedItem.pincode"

289

placeholder="fill your pincode"

289

placeholder="fill your pincode"

290

name="pincode"

290

name="pincode"

291

type="number"

291

type="number"

292

required

292

required

293

></v-text-field>

293

></v-text-field>

294

</v-flex>

294

</v-flex>

295

</v-layout>

295

</v-layout>

296

</v-flex>

296

</v-flex>

297

<v-flex xs12 sm4>

297

<v-flex xs12 sm4>

298

<v-layout>

298

<v-layout>

299

<v-flex xs4 class="pt-4 subheading">

299

<v-flex xs4 class="pt-4 subheading">

300

<label class="right hidden-xs-only hidden-sm-only">Mobile No:</label>

300

<label class="right hidden-xs-only hidden-sm-only">Mobile No:</label>

301

<label class="right hidden-lg-only hidden-md-only hidden-xl-only">Mobile:</label>

301

<label class="right hidden-lg-only hidden-md-only hidden-xl-only">Mobile:</label>

302

</v-flex>

302

</v-flex>

303

<v-flex xs8 class="ml-3">

303

<v-flex xs8 class="ml-3">

304

<v-text-field

304

<v-text-field

305

v-model="editedItem.mobile"

305

v-model="editedItem.mobile"

306

placeholder="fill your MobileNo"

306

placeholder="fill your MobileNo"

307

name="mobileNo"

307

name="mobileNo"

308

type="number"

308

type="number"

309

required

309

required

310

></v-text-field>

310

></v-text-field>

311

</v-flex>

311

</v-flex>

312

</v-layout>

312

</v-layout>

313

</v-flex>

313

</v-flex>

314

</v-layout>

314

</v-layout>

315

<v-layout wrap>

315

<v-layout wrap>

316

<v-flex xs12 sm4>

316

<v-flex xs12 sm4>

317

<v-layout>

317

<v-layout>

318

<v-flex xs4 class="pt-4 subheading">

318

<v-flex xs4 class="pt-4 subheading">

319

<label class="right hidden-xs-only hidden-sm-only">Select Country:</label>

319

<label class="right hidden-xs-only hidden-sm-only">Select Country:</label>

320

<label class="right hidden-lg-only hidden-md-only hidden-xl-only">Country:</label>

320

<label class="right hidden-lg-only hidden-md-only hidden-xl-only">Country:</label>

321

</v-flex>

321

</v-flex>

322

<v-flex xs8 class="ml-3">

322

<v-flex xs8 class="ml-3">

323

<v-autocomplete

323

<v-autocomplete

324

v-model="editedItem.country"

324

v-model="editedItem.country"

325

:items="countries"

325

:items="countries"

326

placeholder="Select Country Name"

326

placeholder="Select Country Name"

327

required

327

required

328

></v-autocomplete>

328

></v-autocomplete>

329

</v-flex>

329

</v-flex>

330

</v-layout>

330

</v-layout>

331

</v-flex>

331

</v-flex>

332

<v-flex xs12 sm4 class="hidden-xs-only hidden-sm-only">

332

<v-flex xs12 sm4 class="hidden-xs-only hidden-sm-only">

333

<v-layout>

333

<v-layout>

334

<v-flex xs4 class="pt-4 subheading">

334

<v-flex xs4 class="pt-4 subheading">

335

<label class="right hidden-xs-only hidden-sm-only">Roll Number:</label>

335

<label class="right hidden-xs-only hidden-sm-only">Roll Number:</label>

336

336

337

</v-flex>

337

</v-flex>

338

<v-flex xs8 class="ml-3">

338

<v-flex xs8 class="ml-3">

339

<v-text-field

339

<v-text-field

340

v-model="editedItem.rollNo"

340

v-model="editedItem.rollNo"

341

placeholder="fill roll number"

341

placeholder="fill roll number"

342

required

342

required

343

></v-text-field>

343

></v-text-field>

344

</v-flex>

344

</v-flex>

345

</v-layout>

345

</v-layout>

346

</v-flex>

346

</v-flex>

347

<v-flex xs12 sm4 class="hidden-xs-only hidden-sm-only">

347

<v-flex xs12 sm4 class="hidden-xs-only hidden-sm-only">

348

<v-layout>

348

<v-layout>

349

<v-flex xs4 sm4 class="pt-4 subheading">

349

<v-flex xs4 sm4 class="pt-4 subheading">

350

<label class="right hidden-xs-only hidden-sm-only">Permanent Address:</label>

350

<label class="right hidden-xs-only hidden-sm-only">Permanent Address:</label>

351

<label

351

<label

352

class="right hidden-lg-only hidden-md-only hidden-xl-only"

352

class="right hidden-lg-only hidden-md-only hidden-xl-only"

353

>Permanent Address:</label>

353

>Permanent Address:</label>

354

</v-flex>

354

</v-flex>

355

<v-flex xs12 sm8 class="ml-3">

355

<v-flex xs12 sm8 class="ml-3">

356

<v-text-field

356

<v-text-field

357

v-model="editedItem.permanentAddress"

357

v-model="editedItem.permanentAddress"

358

placeholder="fill Your Permanent Address"

358

placeholder="fill Your Permanent Address"

359

required

359

required

360

></v-text-field>

360

></v-text-field>

361

</v-flex>

361

</v-flex>

362

</v-layout>

362

</v-layout>

363

</v-flex>

363

</v-flex>

364

</v-layout>

364

</v-layout>

365

<v-layout class="hidden-xs-only hidden-sm-only">

365

<v-layout class="hidden-xs-only hidden-sm-only">

366

<v-flex xs12 sm4>

366

<v-flex xs12 sm4>

367

<v-layout>

367

<v-layout>

368

<v-flex xs4 class="pt-4 subheading">

368

<v-flex xs4 class="pt-4 subheading">

369

<label class="right hidden-xs-only hidden-sm-only">Present Address:</label>

369

<label class="right hidden-xs-only hidden-sm-only">Present Address:</label>

370

<label

370

<label

371

class="right hidden-lg-only hidden-md-only hidden-xl-only"

371

class="right hidden-lg-only hidden-md-only hidden-xl-only"

372

>Present Address:</label>

372

>Present Address:</label>

373

</v-flex>

373

</v-flex>

374

<v-flex xs8 class="ml-3">

374

<v-flex xs8 class="ml-3">

375

<v-text-field

375

<v-text-field

376

v-model="editedItem.presentAddress"

376

v-model="editedItem.presentAddress"

377

placeholder="Select Country Name"

377

placeholder="Select Country Name"

378

required

378

required

379

></v-text-field>

379

></v-text-field>

380

</v-flex>

380

</v-flex>

381

</v-layout>

381

</v-layout>

382

</v-flex>

382

</v-flex>

383

</v-layout>

383

</v-layout>

384

<v-layout class="hidden-lg-only hidden-md-only hidden-xl-only" wrap>

384

<v-layout class="hidden-lg-only hidden-md-only hidden-xl-only" wrap>

385

<v-flex xs12 sm12>

385

<v-flex xs12 sm12>

386

<v-layout>

386

<v-layout>

387

<v-flex xs4 class="pt-4 subheading">

387

<v-flex xs4 class="pt-4 subheading">

388

<label class="right hidden-xs-only hidden-sm-only">Roll Number:</label>

388

<label class="right hidden-xs-only hidden-sm-only">Roll Number:</label>

389

389

390

</v-flex>

390

</v-flex>

391

<v-flex xs8 class="ml-3">

391

<v-flex xs8 class="ml-3">

392

<v-text-field

392

<v-text-field

393

v-model="editedItem.rollNo"

393

v-model="editedItem.rollNo"

394

placeholder="fill roll number"

394

placeholder="fill roll number"

395

required

395

required

396

></v-text-field>

396

></v-text-field>

397

</v-flex>

397

</v-flex>

398

</v-layout>

398

</v-layout>

399

</v-flex>

399

</v-flex>

400

</v-layout>

400

</v-layout>

401

<v-layout class="hidden-lg-only hidden-md-only hidden-xl-only" wrap>

401

<v-layout class="hidden-lg-only hidden-md-only hidden-xl-only" wrap>

402

<v-flex xs12 sm12>

402

<v-flex xs12 sm12>

403

<v-layout>

403

<v-layout>

404

<v-flex xs12 sm3 class="pt-4 subheading text-xs-center">

404

<v-flex xs12 sm3 class="pt-4 subheading text-xs-center">

405

<label class>Present Address :</label>

405

<label class>Present Address :</label>

406

</v-flex>

406

</v-flex>

407

</v-layout>

407

</v-layout>

408

<v-layout>

408

<v-layout>

409

<v-flex xs12 sm12>

409

<v-flex xs12 sm12>

410

<v-textarea

410

<v-textarea

411

v-model="editedItem.presentAddress"

411

v-model="editedItem.presentAddress"

412

placeholder="fill Your present Address"

412

placeholder="fill Your present Address"

413

required

413

required

414

></v-textarea>

414

></v-textarea>

415

</v-flex>

415

</v-flex>

416

</v-layout>

416

</v-layout>

417

</v-flex>

417

</v-flex>

418

<v-flex xs12 sm12>

418

<v-flex xs12 sm12>

419

<v-layout>

419

<v-layout>

420

<v-flex xs12 sm3 class="pt-4 pr-4 subheading text-xs-center addressForm">

420

<v-flex xs12 sm3 class="pt-4 pr-4 subheading text-xs-center addressForm">

421

<label>Permanent addr:</label>

421

<label>Permanent addr:</label>

422

</v-flex>

422

</v-flex>

423

</v-layout>

423

</v-layout>

424

<v-layout>

424

<v-layout>

425

<v-flex xs12 sm12>

425

<v-flex xs12 sm12>

426

<v-textarea

426

<v-textarea

427

name="input-4-3"

427

name="input-4-3"

428

v-model="editedItem.permanentAddress"

428

v-model="editedItem.permanentAddress"

429

placeholder="fill Your Permanent Address"

429

placeholder="fill Your Permanent Address"

430

required

430

required

431

></v-textarea>

431

></v-textarea>

432

</v-flex>

432

</v-flex>

433

</v-layout>

433

</v-layout>

434

</v-flex>

434

</v-flex>

435

</v-layout>

435

</v-layout>

436

<v-layout>

436

<v-layout>

437

<v-flex xs12 sm12>

437

<v-flex xs12 sm12>

438

<v-layout class="right">

438

<v-layout class="right">

439

<v-btn @click="save" round dark :loading="editLoading" class="add-button">Save</v-btn>

439

<v-btn @click="save" round dark :loading="editLoading" class="add-button">Save</v-btn>

440

</v-layout>

440

</v-layout>

441

</v-flex>

441

</v-flex>

442

</v-layout>

442

</v-layout>

443

</v-container>

443

</v-container>

444

</v-form>

444

</v-form>

445

</v-card-text>

445

</v-card-text>

446

</v-card>

446

</v-card>

447

</v-dialog>

447

</v-dialog>

448

449

449

450

451

<v-dialog v-model="profileStudentDialog" max-width="1000px" scrollable>

451

<v-dialog v-model="profileStudentDialog" max-width="1000px" scrollable>

452

<v-card flat class="card-style pa-3" dark>

452

<v-card flat class="card-style pa-3" dark>

453

<v-layout>

453

<v-layout>

454

<v-flex xs12>

454

<v-flex xs12>

455

<label class="title text-xs-center">View Student Details</label>

455

<label class="title text-xs-center">View Student Details</label>

456

<v-icon size="24" class="right" @click="profileStudentDialog = false">cancel</v-icon>

456

<v-icon size="24" class="right" @click="profileStudentDialog = false">cancel</v-icon>

457

</v-flex>

457

</v-flex>

458

</v-layout>

458

</v-layout>

459

<v-card-text>

459

<v-card-text>

460

<v-flex align-center justify-center layout text-xs-center class="mt-3">

460

<v-flex align-center justify-center layout text-xs-center class="mt-3">

461

<v-avatar size="100px">

461

<v-avatar size="100px">

462

462

463

463

464

</v-avatar>

464

</v-avatar>

465

</v-flex>

465

</v-flex>

466

<v-container grid-list-md>

466

<v-container grid-list-md>

467

<v-layout wrap>

467

<v-layout wrap>

468

<v-flex xs12 sm5>

468

<v-flex xs12 sm5>

469

<v-layout>

469

<v-layout>

470

<v-flex xs6 sm6>

470

<v-flex xs6 sm6>

471

471

472

472

473

</h5>

473

</h5>

474

</v-flex>

474

</v-flex>

475

<v-flex sm6 xs6>

475

<v-flex sm6 xs6>

476

<h5 class="my-1 left">{{ editedItem.name }}</h5>

476

<h5 class="my-1 left">{{ editedItem.name }}</h5>

477

</v-flex>

477

</v-flex>

478

</v-layout>

478

</v-layout>

479

</v-flex>

479

</v-flex>

480

<v-flex xs12 sm7>

480

<v-flex xs12 sm7>

481

<v-layout>

481

<v-layout>

482

<v-flex xs6 sm4>

482

<v-flex xs6 sm4>

483

483

484

<b>Email:</b>

484

<b>Email:</b>

485

</h5>

485

</h5>

486

</v-flex>

486

</v-flex>

487

<v-flex sm8 xs6>

487

<v-flex sm8 xs6>

488

<h5 class="my-1 left">{{ editedItem.email }}</h5>

488

<h5 class="my-1 left">{{ editedItem.email }}</h5>

489

</v-flex>

489

</v-flex>

490

</v-layout>

490

</v-layout>

491

</v-flex>

491

</v-flex>

492

</v-layout>

492

</v-layout>

493

<v-layout wrap>

493

<v-layout wrap>

494

<v-flex xs12 sm5>

494

<v-flex xs12 sm5>

495

<v-layout>

495

<v-layout>

496

<v-flex xs6 sm6>

496

<v-flex xs6 sm6>

497

<b>

497

<b>

498

498

499

<b>Gender:</b>

499

<b>Gender:</b>

500

</h5>

500

</h5>

501

</b>

501

</b>

502

</v-flex>

502

</v-flex>

503

<v-flex sm6 xs6>

503

<v-flex sm6 xs6>

504

<h5 class="my-1 left">{{ editedItem.gender }}</h5>

504

<h5 class="my-1 left">{{ editedItem.gender }}</h5>

505

</v-flex>

505

</v-flex>

506

</v-layout>

506

</v-layout>

507

</v-flex>

507

</v-flex>

508

<v-flex xs12 sm7>

508

<v-flex xs12 sm7>

509

<v-layout>

509

<v-layout>

510

<v-flex xs6 sm4>

510

<v-flex xs6 sm4>

511

<b>

511

<b>

512

512

513

513

514

</h5>

514

</h5>

515

</b>

515

</b>

516

</v-flex>

516

</v-flex>

517

<v-flex sm8 xs6>

517

<v-flex sm8 xs6>

518

<h5 class="my-1">{{ dates(editedItem.dob) }}</h5>

518

<h5 class="my-1">{{ dates(editedItem.dob) }}</h5>

519

</v-flex>

519

</v-flex>

520

</v-layout>

520

</v-layout>

521

</v-flex>

521

</v-flex>

522

</v-layout>

522

</v-layout>

523

<v-layout wrap>

523

<v-layout wrap>

524

<v-flex xs12 sm5>

524

<v-flex xs12 sm5>

525

<v-layout>

525

<v-layout>

526

<v-flex xs6 sm6>

526

<v-flex xs6 sm6>

527

<b>

527

<b>

528

528

529

<b>BloodGroup:</b>

529

<b>BloodGroup:</b>

530

</h5>

530

</h5>

531

</b>

531

</b>

532

</v-flex>

532

</v-flex>

533

<v-flex sm6 xs6>

533

<v-flex sm6 xs6>

534

<h5 class="my-1 left">{{ editedItem.bloodGroup }}</h5>

534

<h5 class="my-1 left">{{ editedItem.bloodGroup }}</h5>

535

</v-flex>

535

</v-flex>

536

</v-layout>

536

</v-layout>

537

</v-flex>

537

</v-flex>

538

<v-flex xs12 sm7>

538

<v-flex xs12 sm7>

539

<v-layout>

539

<v-layout>

540

<v-flex xs6 sm4>

540

<v-flex xs6 sm4>

541

<b>

541

<b>

542

542

543

543

544

</h5>

544

</h5>

545

</b>

545

</b>

546

</v-flex>

546

</v-flex>

547

<v-flex sm8 xs6>

547

<v-flex sm8 xs6>

548

<h5 class="my-1">{{ editedItem.rollNo }}</h5>

548

<h5 class="my-1">{{ editedItem.rollNo }}</h5>

549

</v-flex>

549

</v-flex>

550

</v-layout>

550

</v-layout>

551

</v-flex>

551

</v-flex>

552

</v-layout>

552

</v-layout>

553

<v-layout wrap>

553

<v-layout wrap>

554

<v-flex xs12 sm5>

554

<v-flex xs12 sm5>

555

<v-layout>

555

<v-layout>

556

<v-flex xs6 sm6>

556

<v-flex xs6 sm6>

557

<b>

557

<b>

558

558

559

<b>Height:</b>

559

<b>Height:</b>

560

</h5>

560

</h5>

561

</b>

561

</b>

562

</v-flex>

562

</v-flex>

563

<v-flex sm6 xs6>

563

<v-flex sm6 xs6>

564

<h5 class="my-1 left">{{ editedItem.height }}</h5>

564

<h5 class="my-1 left">{{ editedItem.height }}</h5>

565

</v-flex>

565

</v-flex>

566

</v-layout>

566

</v-layout>

567

</v-flex>

567

</v-flex>

568

<v-flex xs12 sm7>

568

<v-flex xs12 sm7>

569

<v-layout>

569

<v-layout>

570

<v-flex xs6 sm4>

570

<v-flex xs6 sm4>

571

<b>

571

<b>

572

572

573

<b>Weight:</b>

573

<b>Weight:</b>

574

</h5>

574

</h5>

575

</b>

575

</b>

576

</v-flex>

576

</v-flex>

577

<v-flex sm8 xs6>

577

<v-flex sm8 xs6>

578

<h5 class="my-1">{{ editedItem.weight }}</h5>

578

<h5 class="my-1">{{ editedItem.weight }}</h5>

579

</v-flex>

579

</v-flex>

580

</v-layout>

580

</v-layout>

581

</v-flex>

581

</v-flex>

582

</v-layout>

582

</v-layout>

583

<v-layout wrap>

583

<v-layout wrap>

584

<v-flex xs12 sm5>

584

<v-flex xs12 sm5>

585

<v-layout>

585

<v-layout>

586

<v-flex xs6 sm6>

586

<v-flex xs6 sm6>

587

<b>

587

<b>

588

588

589

589

590

</h5>

590

</h5>

591

</b>

591

</b>

592

</v-flex>

592

</v-flex>

593

<v-flex sm6 xs6>

593

<v-flex sm6 xs6>

594

<h5 class="my-1 left">{{ editedItem.city }}</h5>

594

<h5 class="my-1 left">{{ editedItem.city }}</h5>

595

</v-flex>

595

</v-flex>

596

</v-layout>

596

</v-layout>

597

</v-flex>

597

</v-flex>

598

<v-flex xs12 sm7>

598

<v-flex xs12 sm7>

599

<v-layout>

599

<v-layout>

600

<v-flex xs6 sm4>

600

<v-flex xs6 sm4>

601

<b>

601

<b>

602

602

603

<b>State:</b>

603

<b>State:</b>

604

</h5>

604

</h5>

605

</b>

605

</b>

606

</v-flex>

606

</v-flex>

607

<v-flex sm8 xs6>

607

<v-flex sm8 xs6>

608

<h5 class="my-1">{{ editedItem.state }}</h5>

608

<h5 class="my-1">{{ editedItem.state }}</h5>

609

</v-flex>

609

</v-flex>

610

</v-layout>

610

</v-layout>

611

</v-flex>

611

</v-flex>

612

</v-layout>

612

</v-layout>

613

<v-layout wrap>

613

<v-layout wrap>

614

<v-flex xs12 sm5>

614

<v-flex xs12 sm5>

615

<v-layout>

615

<v-layout>

616

<v-flex xs6 sm6>

616

<v-flex xs6 sm6>

617

<b>

617

<b>

618

618

619

<b>Pincode:</b>

619

<b>Pincode:</b>

620

</h5>

620

</h5>

621

</b>

621

</b>

622

</v-flex>

622

</v-flex>

623

<v-flex sm6 xs6>

623

<v-flex sm6 xs6>

624

<h5 class="my-1">{{ editedItem.pincode }}</h5>

624

<h5 class="my-1">{{ editedItem.pincode }}</h5>

625

</v-flex>

625

</v-flex>

626

</v-layout>

626

</v-layout>

627

</v-flex>

627

</v-flex>

628

<v-flex xs12 sm7>

628

<v-flex xs12 sm7>

629

<v-layout>

629

<v-layout>

630

<v-flex xs6 sm4>

630

<v-flex xs6 sm4>

631

<b>

631

<b>

632

632

633

<b>Country:</b>

633

<b>Country:</b>

634

</h5>

634

</h5>

635

</b>

635

</b>

636

</v-flex>

636

</v-flex>

637

<v-flex sm7 xs6>

637

<v-flex sm7 xs6>

638

<h5 class="my-1">{{ editedItem.country }}</h5>

638

<h5 class="my-1">{{ editedItem.country }}</h5>

639

</v-flex>

639

</v-flex>

640

</v-layout>

640

</v-layout>

641

</v-flex>

641

</v-flex>

642

</v-layout>

642

</v-layout>

643

<v-layout wrap>

643

<v-layout wrap>

644

<v-flex xs12 sm5>

644

<v-flex xs12 sm5>

645

<v-layout>

645

<v-layout>

646

<v-flex sm6 xs6>

646

<v-flex sm6 xs6>

647

<b>

647

<b>

648

648

649

<b>Mobile No:</b>

649

<b>Mobile No:</b>

650

</h5>

650

</h5>

651

</b>

651

</b>

652

</v-flex>

652

</v-flex>

653

<v-flex sm6 xs6>

653

<v-flex sm6 xs6>

654

<h5 class="my-1">{{ editedItem.mobile }}</h5>

654

<h5 class="my-1">{{ editedItem.mobile }}</h5>

655

</v-flex>

655

</v-flex>

656

</v-layout>

656

</v-layout>

657

</v-flex>

657

</v-flex>

658

<v-flex xs12 sm7>

658

<v-flex xs12 sm7>

659

<v-layout>

659

<v-layout>

660

<v-flex xs6 sm4>

660

<v-flex xs6 sm4>

661

<b>

661

<b>

662

662

663

<b>FahterName:</b>

663

<b>FahterName:</b>

664

</h5>

664

</h5>

665

</b>

665

</b>

666

</v-flex>

666

</v-flex>

667

<v-flex sm8 xs6>

667

<v-flex sm8 xs6>

668

<h5 class="my-1">{{ editedItem.fatherName }}</h5>

668

<h5 class="my-1">{{ editedItem.fatherName }}</h5>

669

</v-flex>

669

</v-flex>

670

</v-layout>

670

</v-layout>

671

</v-flex>

671

</v-flex>

672

</v-layout>

672

</v-layout>

673

<v-layout wrap>

673

<v-layout wrap>

674

<v-flex xs12 sm5>

674

<v-flex xs12 sm5>

675

<v-layout>

675

<v-layout>

676

<v-flex xs6 sm6>

676

<v-flex xs6 sm6>

677

<b>

677

<b>

678

678

679

<b>MotherName:</b>

679

<b>MotherName:</b>

680

</h5>

680

</h5>

681

</b>

681

</b>

682

</v-flex>

682

</v-flex>

683

<v-flex sm6 xs6>

683

<v-flex sm6 xs6>

684

<h5 class="my-1">{{ editedItem.motherName }}</h5>

684

<h5 class="my-1">{{ editedItem.motherName }}</h5>

685

</v-flex>

685

</v-flex>

686

</v-layout>

686

</v-layout>

687

</v-flex>

687

</v-flex>

688

<v-flex xs12 sm7>

688

<v-flex xs12 sm7>

689

<v-layout>

689

<v-layout>

690

<v-flex xs6 sm4>

690

<v-flex xs6 sm4>

691

<b>

691

<b>

692

692

693

<b>FatherCellNo:</b>

693

<b>FatherCellNo:</b>

694

</h5>

694

</h5>

695

</b>

695

</b>

696

</v-flex>

696

</v-flex>

697

<v-flex sm6 xs6>

697

<v-flex sm6 xs6>

698

<h5 class="my-1">{{ editedItem.fatherCellNo }}</h5>

698

<h5 class="my-1">{{ editedItem.fatherCellNo }}</h5>

699

</v-flex>

699

</v-flex>

700

</v-layout>

700

</v-layout>

701

</v-flex>

701

</v-flex>

702

</v-layout>

702

</v-layout>

703

<v-layout wrap>

703

<v-layout wrap>

704

<v-flex xs12 sm5>

704

<v-flex xs12 sm5>

705

<v-layout>

705

<v-layout>

706

<v-flex xs6 sm6>

706

<v-flex xs6 sm6>

707

<b>

707

<b>

708

708

709

<b>MotherCellNo:</b>

709

<b>MotherCellNo:</b>

710

</h5>

710

</h5>

711

</b>

711

</b>

712

</v-flex>

712

</v-flex>

713

<v-flex sm6 xs6>

713

<v-flex sm6 xs6>

714

<h5 class="my-1">{{ editedItem.motherCellNo }}</h5>

714

<h5 class="my-1">{{ editedItem.motherCellNo }}</h5>

715

</v-flex>

715

</v-flex>

716

</v-layout>

716

</v-layout>

717

</v-flex>

717

</v-flex>

718

<v-flex xs12 sm7>

718

<v-flex xs12 sm7>

719

<v-layout>

719

<v-layout>

720

<v-flex xs6 sm4>

720

<v-flex xs6 sm4>

721

<b>

721

<b>

722

722

723

<b>AcademicYear:</b>

723

<b>AcademicYear:</b>

724

</h5>

724

</h5>

725

</b>

725

</b>

726

</v-flex>

726

</v-flex>

727

<v-flex sm5 xs8>

727

<v-flex sm5 xs8>

728

<h5 class="my-1">{{ editedItem.establishmentYear }}</h5>

728

<h5 class="my-1">{{ editedItem.establishmentYear }}</h5>

729

</v-flex>

729

</v-flex>

730

</v-layout>

730

</v-layout>

731

</v-flex>

731

</v-flex>

732

</v-layout>

732

</v-layout>

733

<v-layout wrap>

733

<v-layout wrap>

734

<v-flex xs12 sm5>

734

<v-flex xs12 sm5>

735

<v-layout>

735

<v-layout>

736

<v-flex xs6 sm6>

736

<v-flex xs6 sm6>

737

<b>

737

<b>

738

738

739

<b>MedicalNotes:</b>

739

<b>MedicalNotes:</b>

740

</h5>

740

</h5>

741

</b>

741

</b>

742

</v-flex>

742

</v-flex>

743

<v-flex sm5 xs6>

743

<v-flex sm5 xs6>

744

<h5 class="my-1">{{ editedItem.medicalNotes }}</h5>

744

<h5 class="my-1">{{ editedItem.medicalNotes }}</h5>

745

</v-flex>

745

</v-flex>

746

</v-layout>

746

</v-layout>

747

</v-flex>

747

</v-flex>

748

<v-flex xs12 sm7 class="hidden-xs-only">

748

<v-flex xs12 sm7 class="hidden-xs-only">

749

<v-layout wrap>

749

<v-layout wrap>

750

<v-flex sm4>

750

<v-flex sm4>

751

<b>

751

<b>

752

752

753

<b>present Address:</b>

753

<b>present Address:</b>

754

</h5>

754

</h5>

755

</b>

755

</b>

756

</v-flex>

756

</v-flex>

757

<v-flex sm8>

757

<v-flex sm8>

758

<h5 class="my-1">{{ editedItem.presentAddress }}</h5>

758

<h5 class="my-1">{{ editedItem.presentAddress }}</h5>

759

</v-flex>

759

</v-flex>

760

</v-layout>

760

</v-layout>

761

</v-flex>

761

</v-flex>

762

<v-flex sm6 class="hidden-xs-only">

762

<v-flex sm6 class="hidden-xs-only">

763

<v-layout wrap>

763

<v-layout wrap>

764

<v-flex sm5>

764

<v-flex sm5>

765

<b>

765

<b>

766

766

767

<b>Permanent Address:</b>

767

<b>Permanent Address:</b>

768

</h5>

768

</h5>

769

</b>

769

</b>

770

</v-flex>

770

</v-flex>

771

<v-flex sm7>

771

<v-flex sm7>

772

<h5 class="my-1">{{ editedItem.permanentAddress }}</h5>

772

<h5 class="my-1">{{ editedItem.permanentAddress }}</h5>

773

</v-flex>

773

</v-flex>

774

</v-layout>

774

</v-layout>

775

</v-flex>

775

</v-flex>

776

</v-layout>

776

</v-layout>

777

<v-layout wrap class="hidden-sm-only hidden-md-only hidden-lg-only hidden-xl-only">

777

<v-layout wrap class="hidden-sm-only hidden-md-only hidden-lg-only hidden-xl-only">

778

<v-flex xs12 sm5>

778

<v-flex xs12 sm5>

779

<v-layout wrap>

779

<v-layout wrap>

780

<v-flex xs12 sm6>

780

<v-flex xs12 sm6>

781

<b>

781

<b>

782

782

783

<b>present Address:-</b>

783

<b>present Address:-</b>

784

</h5>

784

</h5>

785

</b>

785

</b>

786

</v-flex>

786

</v-flex>

787

<v-flex sm5 xs12>

787

<v-flex sm5 xs12>

788

<h5 class="my-1">{{ editedItem.presentAddress }}</h5>

788

<h5 class="my-1">{{ editedItem.presentAddress }}</h5>

789

</v-flex>

789

</v-flex>

790

</v-layout>

790

</v-layout>

791

</v-flex>

791

</v-flex>

792

<v-flex xs12 sm6>

792

<v-flex xs12 sm6>

793

<v-layout wrap>

793

<v-layout wrap>

794

<v-flex xs12 sm6>

794

<v-flex xs12 sm6>

795

<b>

795

<b>

796

796

797

<b>Permanent Address:-</b>

797

<b>Permanent Address:-</b>

798

</h5>

798

</h5>

799

</b>

799

</b>

800

</v-flex>

800

</v-flex>

801

<v-flex sm6 xs12>

801

<v-flex sm6 xs12>

802

<h5 class="my-1">{{ editedItem.permanentAddress }}</h5>

802

<h5 class="my-1">{{ editedItem.permanentAddress }}</h5>

803

</v-flex>

803

</v-flex>

804

</v-layout>

804

</v-layout>

805

</v-flex>

805

</v-flex>

806

</v-layout>

806

</v-layout>

807

</v-container>

807

</v-container>

808

</v-card-text>

808

</v-card-text>

809

</v-card>

809

</v-card>

810

</v-dialog>

810

</v-dialog>

811

812

812

813

<v-toolbar color="transparent" flat>

813

<v-toolbar color="transparent" flat>

814

<v-btn

814

<v-btn

815

fab

815

fab

816

dark

816

dark

817

class="open-dialog-button hidden-xl-only hidden-md-only hidden-lg-only"

817

class="open-dialog-button hidden-xl-only hidden-md-only hidden-lg-only"

818

small

818

small

819

@click="addStudentDialog = true"

819

@click="addStudentDialog = true"

820

>

820

>

821

<v-icon dark>add</v-icon>

821

<v-icon dark>add</v-icon>

822

</v-btn>

822

</v-btn>

823

<v-btn

823

<v-btn

824

v-if="role != 'TEACHER' "

824

v-if="role != 'TEACHER' "

825

round

825

round

826

class="open-dialog-button hidden-sm-only hidden-xs-only"

826

class="open-dialog-button hidden-sm-only hidden-xs-only"

827

dark

827

dark

828

@click="addStudentDialog = true"

828

@click="addStudentDialog = true"

829

>

829

>

830

<v-icon class="white--text pr-1" size="20">add</v-icon>Add Student

830

<v-icon class="white--text pr-1" size="20">add</v-icon>Add Student

831

</v-btn>

831

</v-btn>

832

<v-card-actions class="hidden-xs-only hidden-sm-only">

832

<v-card-actions class="hidden-xs-only hidden-sm-only">

833

<v-flex md13 lg12>

833

<v-flex md13 lg12>

834

<v-layout>

834

<v-layout>

835

<v-flex lg3 md4>

835

<v-flex lg3 md4>

836

<v-select

836

<v-select

837

:items="addclass"

837

:items="addclass"

838

label="Select Class"

838

label="Select Class"

839

v-model="selectStudents.select"

839

v-model="selectStudents.select"

840

item-text="classNum"

840

item-text="classNum"

841

item-value="_id"

841

item-value="_id"

842

name="Select Class"

842

name="Select Class"

843

:rules="classRules"

843

:rules="classRules"

844

@change="getSections(selectStudents.select)"

844

@change="getSections(selectStudents.select)"

845

required

845

required

846

class="ml-2"

846

class="ml-2"

847

></v-select>

847

></v-select>

848

</v-flex>

848

</v-flex>

849

<v-flex lg3 md4 class="ml-2">

849

<v-flex lg3 md4 class="ml-2">

850

<v-layout>

850

<v-layout>

851

<v-select

851

<v-select

852

:items="addSection"

852

:items="addSection"

853

label="Select Section"

853

label="Select Section"

854

v-model="selectStudents.selectSection"

854

v-model="selectStudents.selectSection"

855

item-text="name"

855

item-text="name"

856

item-value="_id"

856

item-value="_id"

857

name="Select Section"

857

name="Select Section"

858

:rules="sectionRules"

858

:rules="sectionRules"

859

required

859

required

860

></v-select>

860

></v-select>

861

</v-layout>

861

</v-layout>

862

</v-flex>

862

</v-flex>

863

</v-layout>

863

</v-layout>

864

</v-flex>

864

</v-flex>

865

</v-card-actions>

865

</v-card-actions>

866

<v-spacer></v-spacer>

866

<v-spacer></v-spacer>

867

<v-btn

867

<v-btn

868

@click="findStudents()"

868

@click="findStudents()"

869

round

869

round

870

dark

870

dark

871

:loading="loading"

871

:loading="loading"

872

class="add-button hidden-xs-only hidden-sm-only"

872

class="add-button hidden-xs-only hidden-sm-only"

873

>Find</v-btn>

873

>Find</v-btn>

874

<v-card-title class="body-1" v-show="show">

874

<v-card-title class="body-1" v-show="show">

875

<v-btn icon large flat @click="displaySearch">

875

<v-btn icon large flat @click="displaySearch">

876

<v-avatar size="27">

876

<v-avatar size="27">

877

877

878

</v-avatar>

878

</v-avatar>

879

</v-btn>

879

</v-btn>

880

</v-card-title>

880

</v-card-title>

881

<v-flex xs8 sm7 lg2 md3 v-show="showSearch">

881

<v-flex xs8 sm7 lg2 md3 v-show="showSearch">

882

<v-layout>

882

<v-layout>

883

<v-text-field v-model="search" label="Search" prepend-inner-icon="search" color="primary"></v-text-field>

883

<v-text-field v-model="search" label="Search" prepend-inner-icon="search" color="primary"></v-text-field>

884

<v-icon @click="closeSearch" color="error">close</v-icon>

884

<v-icon @click="closeSearch" color="error">close</v-icon>

885

</v-layout>

885

</v-layout>

886

</v-flex>

886

</v-flex>

887

</v-toolbar>

887

</v-toolbar>

888

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

888

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

889

<v-flex class="hidden-xl-only hidden-lg-only hidden-md-only">

889

<v-flex class="hidden-xl-only hidden-lg-only hidden-md-only">

890

<v-layout>

890

<v-layout>

891

<v-flex xs4>

891

<v-flex xs4>

892

<label class="right mt-4">Select Class:</label>

892

<label class="right mt-4">Select Class:</label>

893

</v-flex>

893

</v-flex>

894

<v-flex xs8>

894

<v-flex xs8>

895

<v-select

895

<v-select

896

:items="addclass"

896

:items="addclass"

897

label="Select Class"

897

label="Select Class"

898

v-model="selectStudents.select"

898

v-model="selectStudents.select"

899

item-text="classNum"

899

item-text="classNum"

900

item-value="_id"

900

item-value="_id"

901

name="Select Class"

901

name="Select Class"

902

:rules="classRules"

902

:rules="classRules"

903

@change="getSections(selectStudents.select)"

903

@change="getSections(selectStudents.select)"

904

class="px-2"

904

class="px-2"

905

></v-select>

905

></v-select>

906

</v-flex>

906

</v-flex>

907

</v-layout>

907

</v-layout>

908

<v-layout>

908

<v-layout>

909

<v-flex xs4>

909

<v-flex xs4>

910

<label class="right mt-4">Select Section:</label>

910

<label class="right mt-4">Select Section:</label>

911

</v-flex>

911

</v-flex>

912

<v-flex xs8>

912

<v-flex xs8>

913

<v-select

913

<v-select

914

:items="addSection"

914

:items="addSection"

915

label="Select Section"

915

label="Select Section"

916

v-model="selectStudents.selectSection"

916

v-model="selectStudents.selectSection"

917

item-text="name"

917

item-text="name"

918

item-value="_id"

918

item-value="_id"

919

name="Select Section"

919

name="Select Section"

920

:rules="sectionRules"

920

:rules="sectionRules"

921

class="px-2"

921

class="px-2"

922

required

922

required

923

></v-select>

923

></v-select>

924

</v-flex>

924

</v-flex>

925

</v-layout>

925

</v-layout>

926

<v-layout>

926

<v-layout>

927

<v-flex xs5 class="mx-auto mb-2">

927

<v-flex xs5 class="mx-auto mb-2">

928

<v-btn

928

<v-btn

929

@click="findStudents()"

929

@click="findStudents()"

930

block

930

block

931

round

931

round

932

dark

932

dark

933

:loading="loading"

933

:loading="loading"

934

class="add-button"

934

class="add-button"

935

>Find</v-btn>

935

>Find</v-btn>

936

</v-flex>

936

</v-flex>

937

</v-layout>

937

</v-layout>

938

</v-flex>

938

</v-flex>

939

</v-card>

939

</v-card>

940

<v-data-table

940

<v-data-table

941

:headers="headers"

941

:headers="headers"

942

:items="studentsData"

942

:items="studentsData"

943

:pagination.sync="pagination"

943

:pagination.sync="pagination"

944

:search="search"

944

:search="search"

945

>

945

>

946

946

947

947

948

<td class="text-xs-center td td-row">{{ props.item.rollNo}}</td>

948

<td class="text-xs-center td td-row">{{ props.item.rollNo}}</td>

949

949

950

<v-avatar size="40">

950

<v-avatar size="40">

951

951

952

952

953

</v-avatar>

953

</v-avatar>

954

</td>

954

</td>

955

<td class="text-xs-center td td-row">{{ props.item.name}}</td>

955

<td class="text-xs-center td td-row">{{ props.item.name}}</td>

956

<td class="text-xs-center td td-row">{{ props.item.gender }}</td>

956

<td class="text-xs-center td td-row">{{ props.item.gender }}</td>

957

<td class="text-xs-center td td-row">{{ props.item.parentId.fatherName }}</td>

957

<td class="text-xs-center td td-row">{{ props.item.parentId.fatherName }}</td>

958

<td class="text-xs-center td td-row">{{ props.item.parentId.motherName }}</td>

958

<td class="text-xs-center td td-row">{{ props.item.parentId.motherName }}</td>

959

<td class="text-xs-center td td-row">{{ props.item.establishmentYear }}</td>

959

<td class="text-xs-center td td-row">{{ props.item.establishmentYear }}</td>

960

960

961

961

962

<v-switch

962

<v-switch

963

class="pl-3"

963

class="pl-3"

964

v-model="props.item.status"

964

v-model="props.item.status"

965

@change="suspendStudentStatus(props.item.status,props.item._id)"

965

@change="suspendStudentStatus(props.item.status,props.item._id)"

966

></v-switch>

966

></v-switch>

967

</td>

967

</td>

968

968

969

<span>

969

<span>

970

<v-tooltip top>

970

<v-tooltip top>

971

<img

971

<img

972

slot="activator"

972

slot="activator"

973

style="cursor:pointer; width:25px; height:25px; "

973

style="cursor:pointer; width:25px; height:25px; "

974

class="mr-3"

974

class="mr-3"

975

@click="profile(props.item)"

975

@click="profile(props.item)"

976

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

976

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

977

/>

977

/>

978

978

979

</v-tooltip>

979

</v-tooltip>

980

<v-tooltip top v-if="role != 'TEACHER' ">

980

<v-tooltip top v-if="role != 'TEACHER' ">

981

<img

981

<img

982

slot="activator"

982

slot="activator"

983

style="cursor:pointer; width:20px; height:18px; "

983

style="cursor:pointer; width:20px; height:18px; "

984

class="mr-3"

984

class="mr-3"

985

@click="editItem(props.item)"

985

@click="editItem(props.item)"

986

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

986

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

987

/>

987

/>

988

988

989

</v-tooltip>

989

</v-tooltip>

990

<v-tooltip top v-if="role != 'TEACHER' ">

990

<v-tooltip top v-if="role != 'TEACHER' ">

991

<img

991

<img

992

slot="activator"

992

slot="activator"

993

style="cursor:pointer; width:20px; height:20px; "

993

style="cursor:pointer; width:20px; height:20px; "

994

class="mr-3"

994

class="mr-3"

995

@click="deleteItem(props.item)"

995

@click="deleteItem(props.item)"

996

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

996

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

997

/>

997

/>

998

<span>Delete</span>

998

<span>Delete</span>

999

</v-tooltip>

999

</v-tooltip>

1000

</span>

1000

</span>

1001

</td>

1001

</td>

1002

</tr>

1002

</tr>

1003

</template>

1003

</template>

1004

<v-alert

1004

<v-alert

1005

slot="no-results"

1005

slot="no-results"

1006

:value="true"

1006

:value="true"

1007

color="error"

1007

color="error"

1008

icon="warning"

1008

icon="warning"

1009

>Your search for "{{ search }}" found no results.</v-alert>

1009

>Your search for "{{ search }}" found no results.</v-alert>

1010

</v-data-table>

1010

</v-data-table>

1011

1011

1012

<v-dialog v-model="addStudentDialog" max-width="1280">

1012

<v-dialog v-model="addStudentDialog" max-width="1280">

1013

<v-card flat class="card-style pa-2" dark>

1013

<v-card flat class="card-style pa-2" dark>

1014

<v-layout>

1014

<v-layout>

1015

<v-flex xs12>

1015

<v-flex xs12>

1016

<label class="title text-xs-center">Add Student</label>

1016

<label class="title text-xs-center">Add Student</label>

1017

<v-icon size="24" class="right" @click="addStudentDialog = false">cancel</v-icon>

1017

<v-icon size="24" class="right" @click="addStudentDialog = false">cancel</v-icon>

1018

</v-flex>

1018

</v-flex>

1019

</v-layout>

1019

</v-layout>

1020

<v-container fluid>

1020

<v-container fluid>

1021

<v-layout align-center>

1021

<v-layout align-center>

1022

<v-flex xs12>

1022

<v-flex xs12>

1023

<v-stepper v-model="e2" flat class="card-style elevation-0" dark>

1023

<v-stepper v-model="e2" flat class="card-style elevation-0" dark>

1024

<v-stepper-header>

1024

<v-stepper-header>

1025

<v-stepper-step :complete="e2 > 1" step="1">Fill parent Details</v-stepper-step>

1025

<v-stepper-step :complete="e2 > 1" step="1">Fill parent Details</v-stepper-step>

1026

<v-divider></v-divider>

1026

<v-divider></v-divider>

1027

<v-stepper-step step="2">Fill Student Details</v-stepper-step>

1027

<v-stepper-step step="2">Fill Student Details</v-stepper-step>

1028

</v-stepper-header>

1028

</v-stepper-header>

1029

<v-stepper-items>

1029

<v-stepper-items>

1030

<v-stepper-content step="1">

1030

<v-stepper-content step="1">

1031

<v-container fluid class>

1031

<v-container fluid class>

1032

<v-flex xs12 sm12 class="hidden-md-only hidden-lg-only hidden-xl-only">

1032

<v-flex xs12 sm12 class="hidden-md-only hidden-lg-only hidden-xl-only">

1033

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

1033

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

1034

<v-layout wrap>

1034

<v-layout wrap>

1035

<v-flex xs12 sm6>

1035

<v-flex xs12 sm6>

1036

<v-layout wrap>

1036

<v-layout wrap>

1037

<v-flex xs12 class="pt-4 subheading">

1037

<v-flex xs12 class="pt-4 subheading">

1038

<label>Father Cell No:</label>

1038

<label>Father Cell No:</label>

1039

</v-flex>

1039

</v-flex>

1040

<v-flex xs12>

1040

<v-flex xs12>

1041

<v-text-field

1041

<v-text-field

1042

v-model.trim="parentData.fatherCellNo"

1042

v-model.trim="parentData.fatherCellNo"

1043

placeholder="fill your father Cell Number"

1043

placeholder="fill your father Cell Number"

1044

type="number"

1044

type="number"

1045

:rules="fatheCellNoRules"

1045

:rules="fatheCellNoRules"

1046

counter="10"

1046

counter="10"

1047

v-on:keyup="getParentDetails()"

1047

v-on:keyup="getParentDetails()"

1048

required

1048

required

1049

></v-text-field>

1049

></v-text-field>

1050

</v-flex>

1050

</v-flex>

1051

</v-layout>

1051

</v-layout>

1052

</v-flex>

1052

</v-flex>

1053

<v-flex xs12 sm6>

1053

<v-flex xs12 sm6>

1054

<v-layout wrap>

1054

<v-layout wrap>

1055

<v-flex xs12 class="pt-4 subheading">

1055

<v-flex xs12 class="pt-4 subheading">

1056

<label>Parent Email Id:</label>

1056

<label>Parent Email Id:</label>

1057

</v-flex>

1057

</v-flex>

1058

<v-flex xs12>

1058

<v-flex xs12>

1059

<v-text-field

1059

<v-text-field

1060

placeholder="fill Parent email"

1060

placeholder="fill Parent email"

1061

v-model="parentData.email"

1061

v-model="parentData.email"

1062

type="text"

1062

type="text"

1063

required

1063

required

1064

></v-text-field>

1064

></v-text-field>

1065

</v-flex>

1065

</v-flex>

1066

</v-layout>

1066

</v-layout>

1067

</v-flex>

1067

</v-flex>

1068

</v-layout>

1068

</v-layout>

1069

<v-layout wrap>

1069

<v-layout wrap>

1070

<v-flex xs12 sm6>

1070

<v-flex xs12 sm6>

1071

<v-layout wrap>

1071

<v-layout wrap>

1072

<v-flex xs12 class="pt-4 subheading">

1072

<v-flex xs12 class="pt-4 subheading">

1073

<label>Father Name:</label>

1073

<label>Father Name:</label>

1074

</v-flex>

1074

</v-flex>

1075

<v-flex xs12>

1075

<v-flex xs12>

1076

<v-text-field

1076

<v-text-field

1077

v-model="parentData.fatherName"

1077

v-model="parentData.fatherName"

1078

placeholder="Fill your father Name"

1078

placeholder="Fill your father Name"

1079

required

1079

required

1080

></v-text-field>

1080

></v-text-field>

1081

</v-flex>

1081

</v-flex>

1082

</v-layout>

1082

</v-layout>

1083

</v-flex>

1083

</v-flex>

1084

<v-flex xs12 sm6>

1084

<v-flex xs12 sm6>

1085

<v-layout wrap>

1085

<v-layout wrap>

1086

<v-flex xs12 class="pt-4 subheading">

1086

<v-flex xs12 class="pt-4 subheading">

1087

<label>Mother Name:</label>

1087

<label>Mother Name:</label>

1088

</v-flex>

1088

</v-flex>

1089

<v-flex xs12>

1089

<v-flex xs12>

1090

<v-text-field

1090

<v-text-field

1091

v-model="parentData.motherName"

1091

v-model="parentData.motherName"

1092

placeholder="fill your Mother Name"

1092

placeholder="fill your Mother Name"

1093

type="text"

1093

type="text"

1094

required

1094

required

1095

></v-text-field>

1095

></v-text-field>

1096

</v-flex>

1096

</v-flex>

1097

</v-layout>

1097

</v-layout>

1098

</v-flex>

1098

</v-flex>

1099

</v-layout>

1099

</v-layout>

1100

<v-layout wrap>

1100

<v-layout wrap>

1101

<v-flex xs12 sm6>

1101

<v-flex xs12 sm6>

1102

<v-layout wrap>

1102

<v-layout wrap>

1103

<v-flex xs12 class="pt-4 subheading">

1103

<v-flex xs12 class="pt-4 subheading">

1104

<label>Mother Cell No:</label>

1104

<label>Mother Cell No:</label>

1105

</v-flex>

1105

</v-flex>

1106

<v-flex xs12>

1106

<v-flex xs12>

1107

<v-text-field

1107

<v-text-field

1108

v-model="parentData.motherCellNo"

1108

v-model="parentData.motherCellNo"

1109

placeholder="fill your Mother Cell Number"

1109

placeholder="fill your Mother Cell Number"

1110

type="number"

1110

type="number"

1111

required

1111

required

1112

></v-text-field>

1112

></v-text-field>

1113

</v-flex>

1113

</v-flex>

1114

</v-layout>

1114

</v-layout>

1115

</v-flex>

1115

</v-flex>

1116

<v-flex xs12 sm6>

1116

<v-flex xs12 sm6>

1117

<v-layout wrap>

1117

<v-layout wrap>

1118

<v-flex xs12 class="pt-4 subheading">

1118

<v-flex xs12 class="pt-4 subheading">

1119

<label>Father Profession:</label>

1119

<label>Father Profession:</label>

1120

</v-flex>

1120

</v-flex>

1121

<v-flex xs12>

1121

<v-flex xs12>

1122

<v-text-field

1122

<v-text-field

1123

v-model="parentData.fatherProfession"

1123

v-model="parentData.fatherProfession"

1124

placeholder="fill your father profession"

1124

placeholder="fill your father profession"

1125

></v-text-field>

1125

></v-text-field>

1126

</v-flex>

1126

</v-flex>

1127

</v-layout>

1127

</v-layout>

1128

</v-flex>

1128

</v-flex>

1129

</v-layout>

1129

</v-layout>

1130

<v-layout wrap>

1130

<v-layout wrap>

1131

<v-flex xs12 sm6>

1131

<v-flex xs12 sm6>

1132

<v-layout wrap>

1132

<v-layout wrap>

1133

<v-flex xs12 class="pt-4 subheading">

1133

<v-flex xs12 class="pt-4 subheading">

1134

<label>Mother Profession:</label>

1134

<label>Mother Profession:</label>

1135

</v-flex>

1135

</v-flex>

1136

<v-flex xs12>

1136

<v-flex xs12>

1137

<v-text-field

1137

<v-text-field

1138

v-model="parentData.motherProfession"

1138

v-model="parentData.motherProfession"

1139

placeholder="fill your mother profession"

1139

placeholder="fill your mother profession"

1140

></v-text-field>

1140

></v-text-field>

1141

</v-flex>

1141

</v-flex>

1142

</v-layout>

1142

</v-layout>

1143

</v-flex>

1143

</v-flex>

1144

<v-flex xs12 sm6>

1144

<v-flex xs12 sm6>

1145

<v-layout wrap>

1145

<v-layout wrap>

1146

<v-flex xs12 class="pt-4 subheading">

1146

<v-flex xs12 class="pt-4 subheading">

1147

<label>Password:</label>

1147

<label>Password:</label>

1148

</v-flex>

1148

</v-flex>

1149

<v-flex xs12>

1149

<v-flex xs12>

1150

<v-text-field

1150

<v-text-field

1151

v-model="parentData.password"

1151

v-model="parentData.password"

1152

placeholder="Enter Your Password"

1152

placeholder="Enter Your Password"

1153

></v-text-field>

1153

></v-text-field>

1154

</v-flex>

1154

</v-flex>

1155

</v-layout>

1155

</v-layout>

1156

</v-flex>

1156

</v-flex>

1157

</v-layout>

1157

</v-layout>

1158

<v-flex sm12 class="hidden-xs-only">

1158

<v-flex sm12 class="hidden-xs-only">

1159

<v-card-actions>

1159

<v-card-actions>

1160

<v-spacer></v-spacer>

1160

<v-spacer></v-spacer>

1161

<v-btn

1161

<v-btn

1162

@click="submitParentDetails"

1162

@click="submitParentDetails"

1163

round

1163

round

1164

dark

1164

dark

1165

:loading="loading"

1165

:loading="loading"

1166

v-show="showParent"

1166

v-show="showParent"

1167

class="add-button"

1167

class="add-button"

1168

>Add</v-btn>

1168

>Add</v-btn>

1169

<v-btn

1169

<v-btn

1170

v-show="showNext"

1170

v-show="showNext"

1171

@click="e2 = 2"

1171

@click="e2 = 2"

1172

round

1172

round

1173

dark

1173

dark

1174

class="add-button"

1174

class="add-button"

1175

>Next</v-btn>

1175

>Next</v-btn>

1176

</v-card-actions>

1176

</v-card-actions>

1177

</v-flex>

1177

</v-flex>

1178

<v-flex

1178

<v-flex

1179

xs6

1179

xs6

1180

class="hidden-md-only hidden-sm-only hidden-lg-only hidden-xl-only mx-auto mt-2"

1180

class="hidden-md-only hidden-sm-only hidden-lg-only hidden-xl-only mx-auto mt-2"

1181

>

1181

>

1182

<v-btn

1182

<v-btn

1183

@click="submitParentDetails"

1183

@click="submitParentDetails"

1184

round

1184

round

1185

dark

1185

dark

1186

:loading="loading"

1186

:loading="loading"

1187

v-show="showParent"

1187

v-show="showParent"

1188

class="add-button"

1188

class="add-button"

1189

>Add</v-btn>

1189

>Add</v-btn>

1190

<v-btn

1190

<v-btn

1191

v-show="showNext"

1191

v-show="showNext"

1192

@click="e2 = 2"

1192

@click="e2 = 2"

1193

round

1193

round

1194

dark

1194

dark

1195

class="add-button"

1195

class="add-button"

1196

>Next</v-btn>

1196

>Next</v-btn>

1197

</v-flex>

1197

</v-flex>

1198

</v-form>

1198

</v-form>

1199

</v-flex>

1199

</v-flex>

1200

<v-flex xs12 sm12 class="hidden-xs-only hidden-sm-only">

1200

<v-flex xs12 sm12 class="hidden-xs-only hidden-sm-only">

1201

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

1201

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

1202

<v-layout wrap>

1202

<v-layout wrap>

1203

<v-flex xs12 sm6>

1203

<v-flex xs12 sm6>

1204

<v-layout>

1204

<v-layout>

1205

<v-flex xs4 class="pt-4 subheading">

1205

<v-flex xs4 class="pt-4 subheading">

1206

<label class="right">Father Cell No:</label>

1206

<label class="right">Father Cell No:</label>

1207

</v-flex>

1207

</v-flex>

1208

<v-flex xs8 class="ml-3">

1208

<v-flex xs8 class="ml-3">

1209

<v-text-field

1209

<v-text-field

1210

v-model.trim="parentData.fatherCellNo"

1210

v-model.trim="parentData.fatherCellNo"

1211

placeholder="fill your father Cell Number"

1211

placeholder="fill your father Cell Number"

1212

type="number"

1212

type="number"

1213

:rules="fatheCellNoRules"

1213

:rules="fatheCellNoRules"

1214

counter="10"

1214

counter="10"

1215

required

1215

required

1216

v-on:keyup="getParentDetails()"

1216

v-on:keyup="getParentDetails()"

1217

></v-text-field>

1217

></v-text-field>

1218

</v-flex>

1218

</v-flex>

1219

</v-layout>

1219

</v-layout>

1220

</v-flex>

1220

</v-flex>

1221

<v-flex xs12 sm6>

1221

<v-flex xs12 sm6>

1222

<v-layout>

1222

<v-layout>

1223

<v-flex xs4 class="pt-4 subheading">

1223

<v-flex xs4 class="pt-4 subheading">

1224

<label class="right">Parent Email Id:</label>

1224

<label class="right">Parent Email Id:</label>

1225

</v-flex>

1225

</v-flex>

1226

<v-flex xs8 class="ml-3">

1226

<v-flex xs8 class="ml-3">

1227

<v-text-field

1227

<v-text-field

1228

placeholder="fill Parent email"

1228

placeholder="fill Parent email"

1229

v-model="parentData.email"

1229

v-model="parentData.email"

1230

type="text"

1230

type="text"

1231

required

1231

required

1232

></v-text-field>

1232

></v-text-field>

1233

</v-flex>

1233

</v-flex>

1234

</v-layout>

1234

</v-layout>

1235

</v-flex>

1235

</v-flex>

1236

</v-layout>

1236

</v-layout>

1237

<v-layout wrap>

1237

<v-layout wrap>

1238

<v-flex xs12 sm6>

1238

<v-flex xs12 sm6>

1239

<v-layout>

1239

<v-layout>

1240

<v-flex xs4 class="pt-4 subheading">

1240

<v-flex xs4 class="pt-4 subheading">

1241

<label class="right">Father Name:</label>

1241

<label class="right">Father Name:</label>

1242

</v-flex>

1242

</v-flex>

1243

<v-flex xs8 class="ml-3">

1243

<v-flex xs8 class="ml-3">

1244

<v-text-field

1244

<v-text-field

1245

v-model="parentData.fatherName"

1245

v-model="parentData.fatherName"

1246

placeholder="Fill your father Name"

1246

placeholder="Fill your father Name"

1247

required

1247

required

1248

></v-text-field>

1248

></v-text-field>

1249

</v-flex>

1249

</v-flex>

1250

</v-layout>

1250

</v-layout>

1251

</v-flex>

1251

</v-flex>

1252

<v-flex xs12 sm6>

1252

<v-flex xs12 sm6>

1253

<v-layout>

1253

<v-layout>

1254

<v-flex xs4 class="pt-4 subheading">

1254

<v-flex xs4 class="pt-4 subheading">

1255

<label class="right">Mother Name:</label>

1255

<label class="right">Mother Name:</label>

1256

</v-flex>

1256

</v-flex>

1257

<v-flex xs8 class="ml-3">

1257

<v-flex xs8 class="ml-3">

1258

<v-text-field

1258

<v-text-field

1259

v-model="parentData.motherName"

1259

v-model="parentData.motherName"

1260

placeholder="fill your Mother Name"

1260

placeholder="fill your Mother Name"

1261

type="text"

1261

type="text"

1262

required

1262

required

1263

></v-text-field>

1263

></v-text-field>

1264

</v-flex>

1264

</v-flex>

1265

</v-layout>

1265

</v-layout>

1266

</v-flex>

1266

</v-flex>

1267

</v-layout>

1267

</v-layout>

1268

<v-layout wrap>

1268

<v-layout wrap>

1269

<v-flex xs12 sm6>

1269

<v-flex xs12 sm6>

1270

<v-layout>

1270

<v-layout>

1271

<v-flex xs4 class="pt-4 subheading">

1271

<v-flex xs4 class="pt-4 subheading">

1272

<label class="right">Mother Cell No:</label>

1272

<label class="right">Mother Cell No:</label>

1273

</v-flex>

1273

</v-flex>

1274

<v-flex xs8 class="ml-3">

1274

<v-flex xs8 class="ml-3">

1275

<v-text-field

1275

<v-text-field

1276

v-model="parentData.motherCellNo"

1276

v-model="parentData.motherCellNo"

1277

placeholder="fill your Mother Cell Number"

1277

placeholder="fill your Mother Cell Number"

1278

type="number"

1278

type="number"

1279

required

1279

required

1280

></v-text-field>

1280

></v-text-field>

1281

</v-flex>

1281

</v-flex>

1282

</v-layout>

1282

</v-layout>

1283

</v-flex>

1283

</v-flex>

1284

<v-flex xs12 sm6>

1284

<v-flex xs12 sm6>

1285

<v-layout>

1285

<v-layout>

1286

<v-flex xs4 class="pt-4 subheading">

1286

<v-flex xs4 class="pt-4 subheading">

1287

<label class="right">Father Profession:</label>

1287

<label class="right">Father Profession:</label>

1288

</v-flex>

1288

</v-flex>

1289

<v-flex xs8 class="ml-3">

1289

<v-flex xs8 class="ml-3">

1290

<v-text-field

1290

<v-text-field

1291

v-model="parentData.fatherProfession"

1291

v-model="parentData.fatherProfession"

1292

placeholder="fill your father profession"

1292

placeholder="fill your father profession"

1293

></v-text-field>

1293

></v-text-field>

1294

</v-flex>

1294

</v-flex>

1295

</v-layout>

1295

</v-layout>

1296

</v-flex>

1296

</v-flex>

1297

</v-layout>

1297

</v-layout>

1298

<v-layout wrap>

1298

<v-layout wrap>

1299

<v-flex xs12 sm6>

1299

<v-flex xs12 sm6>

1300

<v-layout>

1300

<v-layout>

1301

<v-flex xs4 class="pt-4 subheading">

1301

<v-flex xs4 class="pt-4 subheading">

1302

<label class="right">Mother Profession:</label>

1302

<label class="right">Mother Profession:</label>

1303

</v-flex>

1303

</v-flex>

1304

<v-flex xs8 class="ml-3">

1304

<v-flex xs8 class="ml-3">

1305

<v-text-field

1305

<v-text-field

1306

v-model="parentData.motherProfession"

1306

v-model="parentData.motherProfession"

1307

placeholder="fill your mother profession"

1307

placeholder="fill your mother profession"

1308

></v-text-field>

1308

></v-text-field>

1309

</v-flex>

1309

</v-flex>

1310

</v-layout>

1310

</v-layout>

1311

</v-flex>

1311

</v-flex>

1312

<v-flex xs12 sm6>

1312

<v-flex xs12 sm6>

1313

<v-layout>

1313

<v-layout>

1314

<v-flex xs4 class="pt-4 subheading">

1314

<v-flex xs4 class="pt-4 subheading">

1315

<label class="right">Password:</label>

1315

<label class="right">Password:</label>

1316

</v-flex>

1316

</v-flex>

1317

<v-flex xs8 class="ml-3">

1317

<v-flex xs8 class="ml-3">

1318

<v-text-field

1318

<v-text-field

1319

:append-icon="e1 ? 'visibility_off' : 'visibility'"

1319

:append-icon="e1 ? 'visibility_off' : 'visibility'"

1320

:append-icon-cb="() => (e1 = !e1)"

1320

:append-icon-cb="() => (e1 = !e1)"

1321

:type="e1 ? 'password' : 'text'"

1321

:type="e1 ? 'password' : 'text'"

1322

:rules="password"

1322

:rules="password"

1323

v-model="parentData.password"

1323

v-model="parentData.password"

1324

placeholder="Enter Your Password"

1324

placeholder="Enter Your Password"

1325

:disabled="isFatherCellExists"

1325

:disabled="isFatherCellExists"

1326

required

1326

required

1327

></v-text-field>

1327

></v-text-field>

1328

</v-flex>

1328

</v-flex>

1329

</v-layout>

1329

</v-layout>

1330

</v-flex>

1330

</v-flex>

1331

</v-layout>

1331

</v-layout>

1332

<v-flex sm12 class="hidden-xs-only">

1332

<v-flex sm12 class="hidden-xs-only">

1333

<v-card-actions>

1333

<v-card-actions>

1334

<v-spacer></v-spacer>

1334

<v-spacer></v-spacer>

1335

<v-btn

1335

<v-btn

1336

@click="submitParentDetails"

1336

@click="submitParentDetails"

1337

round

1337

round

1338

dark

1338

dark

1339

:loading="loading"

1339

:loading="loading"

1340

v-show="showParent"

1340

v-show="showParent"

1341

class="add-button"

1341

class="add-button"

1342

>Add</v-btn>

1342

>Add</v-btn>

1343

<v-btn

1343

<v-btn

1344

v-show="showNext"

1344

v-show="showNext"

1345

@click="e2 = 2"

1345

@click="e2 = 2"

1346

round

1346

round

1347

dark

1347

dark

1348

class="add-button"

1348

class="add-button"

1349

>Next</v-btn>

1349

>Next</v-btn>

1350

</v-card-actions>

1350

</v-card-actions>

1351

</v-flex>

1351

</v-flex>

1352

<v-flex

1352

<v-flex

1353

xs6

1353

xs6

1354

class="hidden-md-only hidden-sm-only hidden-lg-only hidden-xl-only mx-auto mt-2"

1354

class="hidden-md-only hidden-sm-only hidden-lg-only hidden-xl-only mx-auto mt-2"

1355

>

1355

>

1356

<v-btn

1356

<v-btn

1357

@click="submitParentDetails"

1357

@click="submitParentDetails"

1358

round

1358

round

1359

dark

1359

dark

1360

:loading="loading"

1360

:loading="loading"

1361

v-show="showParent"

1361

v-show="showParent"

1362

class="add-button"

1362

class="add-button"

1363

>Add</v-btn>

1363

>Add</v-btn>

1364

<v-btn

1364

<v-btn

1365

v-show="showNext"

1365

v-show="showNext"

1366

@click="e2 = 2"

1366

@click="e2 = 2"

1367

round

1367

round

1368

dark

1368

dark

1369

class="add-button"

1369

class="add-button"

1370

>Next</v-btn>

1370

>Next</v-btn>

1371

</v-flex>

1371

</v-flex>

1372

</v-form>

1372

</v-form>

1373

</v-flex>

1373

</v-flex>

1374

</v-container>

1374

</v-container>

1375

</v-stepper-content>

1375

</v-stepper-content>

1376

<v-stepper-content step="2">

1376

<v-stepper-content step="2">

1377

<v-flex xs12 sm12>

1377

<v-flex xs12 sm12>

1378

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

1378

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

1379

<v-layout>

1379

<v-layout>

1380

<v-flex

1380

<v-flex

1381

xs12

1381

xs12

1382

class="text-xs-center text-sm-center text-md-center text-lg-center"

1382

class="text-xs-center text-sm-center text-md-center text-lg-center"

1383

>

1383

>

1384

<v-avatar size="100px">

1384

<v-avatar size="100px">

1385

1385

1386

</v-avatar>

1386

</v-avatar>

1387

<input

1387

<input

1388

type="file"

1388

type="file"

1389

style="display: none"

1389

style="display: none"

1390

ref="image"

1390

ref="image"

1391

accept="image/*"

1391

accept="image/*"

1392

@change="onFilePicked"

1392

@change="onFilePicked"

1393

/>

1393

/>

1394

<img

1394

<img

1395

:src="imageData.imageUrl"

1395

:src="imageData.imageUrl"

1396

height="150"

1396

height="150"

1397

v-if="imageUrl"

1397

v-if="imageUrl"

1398

style="border-radius:50%; width:200px"

1398

style="border-radius:50%; width:200px"

1399

/>

1399

/>

1400

</v-flex>

1400

</v-flex>

1401

</v-layout>

1401

</v-layout>

1402

<v-layout wrap>

1402

<v-layout wrap>

1403

<v-flex xs12 sm6>

1403

<v-flex xs12 sm6>

1404

<v-layout>

1404

<v-layout>

1405

<v-flex x4 sm4 class="pt-4 subheading">

1405

<v-flex x4 sm4 class="pt-4 subheading">

1406

<label class="right hidden-xs-only hidden-sm-only">Select Class:</label>

1406

<label class="right hidden-xs-only hidden-sm-only">Select Class:</label>

1407

<label

1407

<label

1408

class="right hidden-lg-only hidden-md-only hidden-xl-only"

1408

class="right hidden-lg-only hidden-md-only hidden-xl-only"

1409

>Class:</label>

1409

>Class:</label>

1410

</v-flex>

1410

</v-flex>

1411

<v-flex xs8 sm8 class="ml-3">

1411

<v-flex xs8 sm8 class="ml-3">

1412

<v-select

1412

<v-select

1413

:items="addclass"

1413

:items="addclass"

1414

label="Select Class"

1414

label="Select Class"

1415

v-model="addStudents.select"

1415

v-model="addStudents.select"

1416

item-text="classNum"

1416

item-text="classNum"

1417

item-value="_id"

1417

item-value="_id"

1418

name="Select Class"

1418

name="Select Class"

1419

:rules="classRules"

1419

:rules="classRules"

1420

@change="getSection(addStudents.select)"

1420

@change="getSection(addStudents.select)"

1421

required

1421

required

1422

></v-select>

1422

></v-select>

1423

</v-flex>

1423

</v-flex>

1424

</v-layout>

1424

</v-layout>

1425

</v-flex>

1425

</v-flex>

1426

<v-flex xs12 sm6>

1426

<v-flex xs12 sm6>

1427

<v-layout>

1427

<v-layout>

1428

<v-flex xs4 class="pt-4 subheading">

1428

<v-flex xs4 class="pt-4 subheading">

1429

<label class="right hidden-xs-only hidden-sm-only">Select Section:</label>

1429

<label class="right hidden-xs-only hidden-sm-only">Select Section:</label>

1430

<label

1430

<label

1431

class="right hidden-lg-only hidden-md-only hidden-xl-only"

1431

class="right hidden-lg-only hidden-md-only hidden-xl-only"

1432

>Section:</label>

1432

>Section:</label>

1433

</v-flex>

1433

</v-flex>

1434

<v-flex xs8 class="ml-3">

1434

<v-flex xs8 class="ml-3">

1435

<v-select

1435

<v-select

1436

:items="addSection"

1436

:items="addSection"

1437

label="Select Section"

1437

label="Select Section"

1438

v-model="addStudents.selectSection"

1438

v-model="addStudents.selectSection"

1439

item-text="name"

1439

item-text="name"

1440

item-value="_id"

1440

item-value="_id"

1441

name="Select Section"

1441

name="Select Section"

1442

:rules="sectionRules"

1442

:rules="sectionRules"

1443

required

1443

required

1444

></v-select>

1444

></v-select>

1445

</v-flex>

1445

</v-flex>

1446

</v-layout>

1446

</v-layout>

1447

</v-flex>

1447

</v-flex>

1448

</v-layout>

1448

</v-layout>

1449

<v-layout wrap>

1449

<v-layout wrap>

1450

<v-flex xs12 sm6>

1450

<v-flex xs12 sm6>

1451

<v-layout>

1451

<v-layout>

1452

<v-flex xs4 sm4 class="pt-4 subheading">

1452

<v-flex xs4 sm4 class="pt-4 subheading">

1453

1453

1454

<label

1454

<label

1455

class="right hidden-lg-only hidden-md-only hidden-xl-only"

1455

class="right hidden-lg-only hidden-md-only hidden-xl-only"

1456

>Name:</label>

1456

>Name:</label>

1457

</v-flex>

1457

</v-flex>

1458

<v-flex xs8 sm8 class="ml-3">

1458

<v-flex xs8 sm8 class="ml-3">

1459

<v-text-field

1459

<v-text-field

1460

v-model="addStudents.name"

1460

v-model="addStudents.name"

1461

placeholder="fill your full Name"

1461

placeholder="fill your full Name"

1462

name="name"

1462

name="name"

1463

type="text"

1463

type="text"

1464

:rules="nameRules"

1464

:rules="nameRules"

1465

required

1465

required

1466

></v-text-field>

1466

></v-text-field>

1467

</v-flex>

1467

</v-flex>

1468

</v-layout>

1468

</v-layout>

1469

</v-flex>

1469

</v-flex>

1470

<v-flex xs12 sm6>

1470

<v-flex xs12 sm6>

1471

<v-layout>

1471

<v-layout>

1472

<v-flex xs4 sm4 class="pt-4 subheading">

1472

<v-flex xs4 sm4 class="pt-4 subheading">

1473

<label class="right">Email:</label>

1473

<label class="right">Email:</label>

1474

</v-flex>

1474

</v-flex>

1475

<v-flex xs8 sm8 class="ml-3">

1475

<v-flex xs8 sm8 class="ml-3">

1476

<v-text-field

1476

<v-text-field

1477

placeholder="fill your email"

1477

placeholder="fill your email"

1478

v-model="addStudents.email"

1478

v-model="addStudents.email"

1479

type="text"

1479

type="text"

1480

name="email"

1480

name="email"

1481

required

1481

required

1482

></v-text-field>

1482

></v-text-field>

1483

</v-flex>

1483

</v-flex>

1484

</v-layout>

1484

</v-layout>

1485

</v-flex>

1485

</v-flex>

1486

</v-layout>

1486

</v-layout>

1487

<v-layout wrap>

1487

<v-layout wrap>

1488

<v-flex xs12 sm6>

1488

<v-flex xs12 sm6>

1489

<v-layout>

1489

<v-layout>

1490

<v-flex xs4 sm4 class="pt-4 subheading">

1490

<v-flex xs4 sm4 class="pt-4 subheading">

1491

<label class="right hidden-sm-only hidden-xs-only">Date of Birth:</label>

1491

<label class="right hidden-sm-only hidden-xs-only">Date of Birth:</label>

1492

<label

1492

<label

1493

class="right hidden-lg-only hidden-xl-only hidden-md-only"

1493

class="right hidden-lg-only hidden-xl-only hidden-md-only"

1494

>D.O.B:</label>

1494

>D.O.B:</label>

1495

</v-flex>

1495

</v-flex>

1496

<v-flex xs8 sm8 class="ml-3">

1496

<v-flex xs8 sm8 class="ml-3">

1497

<v-menu

1497

<v-menu

1498

ref="menu"

1498

ref="menu"

1499

:close-on-content-click="false"

1499

:close-on-content-click="false"

1500

v-model="menu"

1500

v-model="menu"

1501

:nudge-right="40"

1501

:nudge-right="40"

1502

lazy

1502

lazy

1503

transition="scale-transition"

1503

transition="scale-transition"

1504

offset-y

1504

offset-y

1505

full-width

1505

full-width

1506

min-width="290px"

1506

min-width="290px"

1507

>

1507

>

1508

<v-text-field

1508

<v-text-field

1509

slot="activator"

1509

slot="activator"

1510

:rules="dateRules"

1510

:rules="dateRules"

1511

v-model="addStudents.date"

1511

v-model="addStudents.date"

1512

placeholder="Select date"

1512

placeholder="Select date"

1513

></v-text-field>

1513

></v-text-field>

1514

<v-date-picker

1514

<v-date-picker

1515

ref="picker"

1515

ref="picker"

1516

v-model="addStudents.date"

1516

v-model="addStudents.date"

1517

:max="new Date().toISOString().substr(0, 10)"

1517

:max="new Date().toISOString().substr(0, 10)"

1518

min="1950-01-01"

1518

min="1950-01-01"

1519

@input="menu = false"

1519

@input="menu = false"

1520

></v-date-picker>

1520

></v-date-picker>

1521

</v-menu>

1521

</v-menu>

1522

</v-flex>

1522

</v-flex>

1523

</v-layout>

1523

</v-layout>

1524

</v-flex>

1524

</v-flex>

1525

<v-flex xs12 sm6>

1525

<v-flex xs12 sm6>

1526

<v-layout>

1526

<v-layout>

1527

<v-flex xs4 class="pt-4 subheading">

1527

<v-flex xs4 class="pt-4 subheading">

1528

1528

1529

</v-flex>

1529

</v-flex>

1530

<v-flex xs8 class="ml-3">

1530

<v-flex xs8 class="ml-3">

1531

<v-text-field

1531

<v-text-field

1532

v-model="addStudents.city"

1532

v-model="addStudents.city"

1533

placeholder="fill your City Name"

1533

placeholder="fill your City Name"

1534

name="City"

1534

name="City"

1535

type="text"

1535

type="text"

1536

:rules="cityRules"

1536

:rules="cityRules"

1537

required

1537

required

1538

></v-text-field>

1538

></v-text-field>

1539

</v-flex>

1539

</v-flex>

1540

</v-layout>

1540

</v-layout>

1541

</v-flex>

1541

</v-flex>

1542

</v-layout>

1542

</v-layout>

1543

<v-layout wrap>

1543

<v-layout wrap>

1544

<v-flex xs12 sm6>

1544

<v-flex xs12 sm6>

1545

<v-layout>

1545

<v-layout>

1546

<v-flex xs4 class="pt-4 subheading">

1546

<v-flex xs4 class="pt-4 subheading">

1547

<label class="right">State:</label>

1547

<label class="right">State:</label>

1548

</v-flex>

1548

</v-flex>

1549

<v-flex xs8 class="ml-3">

1549

<v-flex xs8 class="ml-3">

1550

<v-text-field

1550

<v-text-field

1551

v-model="addStudents.state"

1551

v-model="addStudents.state"

1552

placeholder="fill your State Name"

1552

placeholder="fill your State Name"

1553

name="state"

1553

name="state"

1554

type="text"

1554

type="text"

1555

:rules="stateRules"

1555

:rules="stateRules"

1556

required

1556

required

1557

></v-text-field>

1557

></v-text-field>

1558

</v-flex>

1558

</v-flex>

1559

</v-layout>

1559

</v-layout>

1560

</v-flex>

1560

</v-flex>

1561

<v-flex xs12 sm6>

1561

<v-flex xs12 sm6>

1562

<v-layout>

1562

<v-layout>

1563

<v-flex xs4 class="pt-4 subheading">

1563

<v-flex xs4 class="pt-4 subheading">

1564

<label class="right">Pincode:</label>

1564

<label class="right">Pincode:</label>

1565

</v-flex>

1565

</v-flex>

1566

<v-flex xs8 class="ml-3">

1566

<v-flex xs8 class="ml-3">

1567

<v-text-field

1567

<v-text-field

1568

v-model="addStudents.pincode"

1568

v-model="addStudents.pincode"

1569

placeholder="fill your pincode"

1569

placeholder="fill your pincode"

1570

name="pincode"

1570

name="pincode"

1571

type="number"

1571

type="number"

1572

:rules="pincode"

1572

:rules="pincode"

1573

required

1573

required

1574

></v-text-field>

1574

></v-text-field>

1575

</v-flex>

1575

</v-flex>

1576

</v-layout>

1576

</v-layout>

1577

</v-flex>

1577

</v-flex>

1578

</v-layout>

1578

</v-layout>

1579

<v-layout wrap>

1579

<v-layout wrap>

1580

<v-flex xs12 sm6>

1580

<v-flex xs12 sm6>

1581

<v-layout>

1581

<v-layout>

1582

<v-flex xs4 class="pt-4 subheading">

1582

<v-flex xs4 class="pt-4 subheading">

1583

<label class="right hidden-xs-only hidden-sm-only">Mobile No:</label>

1583

<label class="right hidden-xs-only hidden-sm-only">Mobile No:</label>

1584

<label

1584

<label

1585

class="right hidden-lg-only hidden-md-only hidden-xl-only"

1585

class="right hidden-lg-only hidden-md-only hidden-xl-only"

1586

>Mobile:</label>

1586

>Mobile:</label>

1587

</v-flex>

1587

</v-flex>

1588

<v-flex xs8 class="ml-3">

1588

<v-flex xs8 class="ml-3">

1589

<v-text-field

1589

<v-text-field

1590

v-model="addStudents.mobile"

1590

v-model="addStudents.mobile"

1591

placeholder="fill your MobileNo"

1591

placeholder="fill your MobileNo"

1592

name="mobileNo"

1592

name="mobileNo"

1593

type="number"

1593

type="number"

1594

></v-text-field>

1594

></v-text-field>

1595

</v-flex>

1595

</v-flex>

1596

</v-layout>

1596

</v-layout>

1597

</v-flex>

1597

</v-flex>

1598

<v-flex xs12 sm6>

1598

<v-flex xs12 sm6>

1599

<v-layout>

1599

<v-layout>

1600

<v-flex xs4 class="pt-4 subheading">

1600

<v-flex xs4 class="pt-4 subheading">

1601

<label class="right hidden-xs-only hidden-sm-only">Select Country:</label>

1601

<label class="right hidden-xs-only hidden-sm-only">Select Country:</label>

1602

<label

1602

<label

1603

class="right hidden-lg-only hidden-md-only hidden-xl-only"

1603

class="right hidden-lg-only hidden-md-only hidden-xl-only"

1604

>Country:</label>

1604

>Country:</label>

1605

</v-flex>

1605

</v-flex>

1606

<v-flex xs8 class="ml-3">

1606

<v-flex xs8 class="ml-3">

1607

<v-autocomplete

1607

<v-autocomplete

1608

v-model="addStudents.country"

1608

v-model="addStudents.country"

1609

:rules="country"

1609

:rules="country"

1610

:items="countries"

1610

:items="countries"

1611

placeholder="Select Country Name"

1611

placeholder="Select Country Name"

1612

required

1612

required

1613

></v-autocomplete>

1613

></v-autocomplete>

1614

</v-flex>

1614

</v-flex>

1615

</v-layout>

1615

</v-layout>

1616

</v-flex>

1616

</v-flex>

1617

</v-layout>

1617

</v-layout>

1618

<v-layout wrap>

1618

<v-layout wrap>

1619

<v-flex xs12 sm6>

1619

<v-flex xs12 sm6>

1620

<v-layout>

1620

<v-layout>

1621

<v-flex xs4 class="pt-4 subheading">

1621

<v-flex xs4 class="pt-4 subheading">

1622

<label class="right">Gender:</label>

1622

<label class="right">Gender:</label>

1623

</v-flex>

1623

</v-flex>

1624

<v-flex xs8 class="ml-3">

1624

<v-flex xs8 class="ml-3">

1625

<v-select

1625

<v-select

1626

:items="gender"

1626

:items="gender"

1627

v-model="addStudents.gender"

1627

v-model="addStudents.gender"

1628

:rules="genderRules"

1628

:rules="genderRules"

1629

label="Select Gender"

1629

label="Select Gender"

1630

required

1630

required

1631

></v-select>

1631

></v-select>

1632

</v-flex>

1632

</v-flex>

1633

</v-layout>

1633

</v-layout>

1634

</v-flex>

1634

</v-flex>

1635

<v-flex xs12 sm6>

1635

<v-flex xs12 sm6>

1636

<v-layout>

1636

<v-layout>

1637

<v-flex xs4 class="pt-4 subheading">

1637

<v-flex xs4 class="pt-4 subheading">

1638

<label class="right hidden-xs-only hidden-sm-only">Blood Group:</label>

1638

<label class="right hidden-xs-only hidden-sm-only">Blood Group:</label>

1639

<label

1639

<label

1640

class="right hidden-lg-only hidden-md-only hidden-xl-only"

1640

class="right hidden-lg-only hidden-md-only hidden-xl-only"

1641

>Blood:</label>

1641

>Blood:</label>

1642

</v-flex>

1642

</v-flex>

1643

<v-flex xs8 class="ml-3">

1643

<v-flex xs8 class="ml-3">

1644

<v-text-field

1644

<v-text-field

1645

v-model="addStudents.bloodGroup"

1645

v-model="addStudents.bloodGroup"

1646

placeholder="Fill your Blood Group"

1646

placeholder="Fill your Blood Group"

1647

required

1647

required

1648

></v-text-field>

1648

></v-text-field>

1649

</v-flex>

1649

</v-flex>

1650

</v-layout>

1650

</v-layout>

1651

</v-flex>

1651

</v-flex>

1652

</v-layout>

1652

</v-layout>

1653

<v-layout wrap>

1653

<v-layout wrap>

1654

<v-flex xs12 sm6>

1654

<v-flex xs12 sm6>

1655

<v-layout>

1655

<v-layout>

1656

<v-flex xs4 class="pt-4 subheading">

1656

<v-flex xs4 class="pt-4 subheading">

1657

<label class="right hidden-xs-only hidden-sm-only">Roll Number:</label>

1657

<label class="right hidden-xs-only hidden-sm-only">Roll Number:</label>

1658

<label

1658

<label

1659

class="right hidden-lg-only hidden-md-only hidden-xl-only"

1659

class="right hidden-lg-only hidden-md-only hidden-xl-only"

1660

>Roll No:</label>

1660

>Roll No:</label>

1661

</v-flex>

1661

</v-flex>

1662

<v-flex xs8 class="ml-3">

1662

<v-flex xs8 class="ml-3">

1663

<v-text-field

1663

<v-text-field

1664

v-model="addStudents.rollNo"

1664

v-model="addStudents.rollNo"

1665

placeholder="Fill your Roll Number"

1665

placeholder="Fill your Roll Number"

1666

:rules="rollNo"

1666

:rules="rollNo"

1667

required

1667

required

1668

></v-text-field>

1668

></v-text-field>

1669

</v-flex>

1669

</v-flex>

1670

</v-layout>

1670

</v-layout>

1671

</v-flex>

1671

</v-flex>

1672

<v-flex xs12 sm6>

1672

<v-flex xs12 sm6>

1673

<v-layout>

1673

<v-layout>

1674

<v-flex xs4 class="pt-4 subheading">

1674

<v-flex xs4 class="pt-4 subheading">

1675

<label class="right hidden-xs-only hidden-sm-only">Medical Notes:</label>

1675

<label class="right hidden-xs-only hidden-sm-only">Medical Notes:</label>

1676

<label

1676

<label

1677

class="right hidden-lg-only hidden-md-only hidden-xl-only"

1677

class="right hidden-lg-only hidden-md-only hidden-xl-only"

1678

>Medical:</label>

1678

>Medical:</label>

1679

</v-flex>

1679

</v-flex>

1680

<v-flex xs8 class="ml-3">

1680

<v-flex xs8 class="ml-3">

1681

<v-text-field

1681

<v-text-field

1682

v-model="addStudents.medicalNotes"

1682

v-model="addStudents.medicalNotes"

1683

placeholder="Fill your Medical Notes"

1683

placeholder="Fill your Medical Notes"

1684

required

1684

required

1685

></v-text-field>

1685

></v-text-field>

1686

</v-flex>

1686

</v-flex>

1687

</v-layout>

1687

</v-layout>

1688

</v-flex>

1688

</v-flex>

1689

</v-layout>

1689

</v-layout>

1690

<v-layout wrap>

1690

<v-layout wrap>

1691

<v-flex xs12 sm6>

1691

<v-flex xs12 sm6>

1692

<v-layout>

1692

<v-layout>

1693

<v-flex xs4 class="pt-4 subheading">

1693

<v-flex xs4 class="pt-4 subheading">

1694

<label class="right">Height:</label>

1694

<label class="right">Height:</label>

1695

</v-flex>

1695

</v-flex>

1696

<v-flex xs8 class="ml-3">

1696

<v-flex xs8 class="ml-3">

1697

<v-text-field

1697

<v-text-field

1698

v-model="addStudents.height"

1698

v-model="addStudents.height"

1699

placeholder="Fill your Height"

1699

placeholder="Fill your Height"

1700

required

1700

required

1701

></v-text-field>

1701

></v-text-field>

1702

</v-flex>

1702

</v-flex>

1703

</v-layout>

1703

</v-layout>

1704

</v-flex>

1704

</v-flex>

1705

<v-flex xs12 sm6>

1705

<v-flex xs12 sm6>

1706

<v-layout>

1706

<v-layout>

1707

<v-flex xs4 class="pt-4 subheading">

1707

<v-flex xs4 class="pt-4 subheading">

1708

<label class="right">Weight:</label>

1708

<label class="right">Weight:</label>

1709

</v-flex>

1709

</v-flex>

1710

<v-flex xs8 class="ml-3">

1710

<v-flex xs8 class="ml-3">

1711

<v-text-field

1711

<v-text-field

1712

v-model="addStudents.weight"

1712

v-model="addStudents.weight"

1713

placeholder="Fill your Weight"

1713

placeholder="Fill your Weight"

1714

required

1714

required

1715

></v-text-field>

1715

></v-text-field>

1716

</v-flex>

1716

</v-flex>

1717

</v-layout>

1717

</v-layout>

1718

</v-flex>

1718

</v-flex>

1719

</v-layout>

1719

</v-layout>

1720

<v-layout wrap>

1720

<v-layout wrap>

1721

<v-flex xs12 sm6>

1721

<v-flex xs12 sm6>

1722

<v-layout>

1722

<v-layout>

1723

<v-flex xs4 class="pt-4 subheading">

1723

<v-flex xs4 class="pt-4 subheading">

1724

<label class="right hidden-xs-only hidden-sm-only">Uplaod Image:</label>

1724

<label class="right hidden-xs-only hidden-sm-only">Uplaod Image:</label>

1725

<label

1725

<label

1726

class="right hidden-lg-only hidden-md-only hidden-xl-only"

1726

class="right hidden-lg-only hidden-md-only hidden-xl-only"

1727

>Uplaod :</label>

1727

>Uplaod :</label>

1728

</v-flex>

1728

</v-flex>

1729

<v-flex xs8 class="ml-3">

1729

<v-flex xs8 class="ml-3">

1730

<v-text-field

1730

<v-text-field

1731

label="Select Image"

1731

label="Select Image"

1732

@click="pickFile"

1732

@click="pickFile"

1733

v-model="imageName"

1733

v-model="imageName"

1734

append-icon="attach_file"

1734

append-icon="attach_file"

1735

></v-text-field>

1735

></v-text-field>

1736

</v-flex>

1736

</v-flex>

1737

</v-layout>

1737

</v-layout>

1738

</v-flex>

1738

</v-flex>

1739

<v-flex xs12 sm6>

1739

<v-flex xs12 sm6>

1740

<v-layout>

1740

<v-layout>

1741

<v-flex xs4 class="pt-4 subheading">

1741

<v-flex xs4 class="pt-4 subheading">

1742

<label class="right hidden-xs-only hidden-sm-only">Academic Year:</label>

1742

<label class="right hidden-xs-only hidden-sm-only">Academic Year:</label>

1743

<label

1743

<label

1744

class="right hidden-lg-only hidden-md-only hidden-xl-only"

1744

class="right hidden-lg-only hidden-md-only hidden-xl-only"

1745

>Year:</label>

1745

>Year:</label>

1746

</v-flex>

1746

</v-flex>

1747

<v-flex xs8 class="ml-3">

1747

<v-flex xs8 class="ml-3">

1748

<v-text-field

1748

<v-text-field

1749

v-model="addStudents.establishmentYear"

1749

v-model="addStudents.establishmentYear"

1750

placeholder="fill your Academic Year"

1750

placeholder="fill your Academic Year"

1751

name="state"

1751

name="state"

1752

type="number"

1752

type="number"

1753

:rules="establishmentYearRules"

1753

:rules="establishmentYearRules"

1754

required

1754

required

1755

></v-text-field>

1755

></v-text-field>

1756

</v-flex>

1756

</v-flex>

1757

</v-layout>

1757

</v-layout>

1758

</v-flex>

1758

</v-flex>

1759

</v-layout>

1759

</v-layout>

1760

<v-layout wrap class="hidden-xs-only hidden-sm-only">

1760

<v-layout wrap class="hidden-xs-only hidden-sm-only">

1761

<v-flex xs12 sm6>

1761

<v-flex xs12 sm6>

1762

<v-layout>

1762

<v-layout>

1763

<v-flex xs4 sm4 class="pt-4 subheading">

1763

<v-flex xs4 sm4 class="pt-4 subheading">

1764

<label class="right">Present Address:</label>

1764

<label class="right">Present Address:</label>

1765

</v-flex>

1765

</v-flex>

1766

<v-flex xs8 sm8 class="ml-3">

1766

<v-flex xs8 sm8 class="ml-3">

1767

<v-text-field

1767

<v-text-field

1768

v-model="addStudents.presentAddress"

1768

v-model="addStudents.presentAddress"

1769

:rules="presentAddress"

1769

:rules="presentAddress"

1770

placeholder="fill Your present Address"

1770

placeholder="fill Your present Address"

1771

@keyup="copyData"

1771

@keyup="copyData"

1772

></v-text-field>

1772

></v-text-field>

1773

</v-flex>

1773

</v-flex>

1774

</v-layout>

1774

</v-layout>

1775

</v-flex>

1775

</v-flex>

1776

<v-flex xs12 sm6>

1776

<v-flex xs12 sm6>

1777

<v-layout>

1777

<v-layout>

1778

<v-flex xs4 sm4 class="pt-4 subheading addressForm">

1778

<v-flex xs4 sm4 class="pt-4 subheading addressForm">

1779

<label class="right">Permanent Address:</label>

1779

<label class="right">Permanent Address:</label>

1780

</v-flex>

1780

</v-flex>

1781

<v-flex xs12 sm8 class="ml-3">

1781

<v-flex xs12 sm8 class="ml-3">

1782

<v-switch

1782

<v-switch

1783

v-model="addStudents.permanentAddress"

1783

v-model="addStudents.permanentAddress"

1784

label="Select Permanent Address"

1784

label="Select Permanent Address"

1785

:value="addStudents.presentAddress"

1785

:value="addStudents.presentAddress"

1786

></v-switch>

1786

></v-switch>

1787

</v-flex>

1787

</v-flex>

1788

</v-layout>

1788

</v-layout>

1789

</v-flex>

1789

</v-flex>

1790

</v-layout>

1790

</v-layout>

1791

<v-layout class="hidden-xs-only hidden-sm-only">

1791

<v-layout class="hidden-xs-only hidden-sm-only">

1792

<v-flex xs12 sm6>

1792

<v-flex xs12 sm6>

1793

<v-layout>

1793

<v-layout>

1794

<v-flex xs4 sm4 class="pt-4 subheading addressForm">

1794

<v-flex xs4 sm4 class="pt-4 subheading addressForm">

1795

<label class="right">Permanent Address:</label>

1795

<label class="right">Permanent Address:</label>

1796

</v-flex>

1796

</v-flex>

1797

<v-flex xs12 sm8 class="ml-3">

1797

<v-flex xs12 sm8 class="ml-3">

1798

<v-text-field

1798

<v-text-field

1799

v-model="addStudents.permanentAddress"

1799

v-model="addStudents.permanentAddress"

1800

:rules="permanentAddress"

1800

:rules="permanentAddress"

1801

placeholder="fill Your Permanent Address"

1801

placeholder="fill Your Permanent Address"

1802

></v-text-field>

1802

></v-text-field>

1803

</v-flex>

1803

</v-flex>

1804

</v-layout>

1804

</v-layout>

1805

</v-flex>

1805

</v-flex>

1806

</v-layout>

1806

</v-layout>

1807

<v-layout class="hidden-lg-only hidden-md-only hidden-xl-only" wrap>

1807

<v-layout class="hidden-lg-only hidden-md-only hidden-xl-only" wrap>

1808

<v-flex xs12 sm12>

1808

<v-flex xs12 sm12>

1809

<v-layout>

1809

<v-layout>

1810

<v-flex xs12 sm12 class="pt-4 subheading text-xs-center">

1810

<v-flex xs12 sm12 class="pt-4 subheading text-xs-center">

1811

<label class>Present Address:</label>

1811

<label class>Present Address:</label>

1812

</v-flex>

1812

</v-flex>

1813

</v-layout>

1813

</v-layout>

1814

<v-layout>

1814

<v-layout>

1815

<v-flex xs12 sm12>

1815

<v-flex xs12 sm12>

1816

<v-textarea

1816

<v-textarea

1817

name="input-4-3"

1817

name="input-4-3"

1818

v-model="addStudents.presentAddress"

1818

v-model="addStudents.presentAddress"

1819

:rules="presentAddress"

1819

:rules="presentAddress"

1820

placeholder="fill Your present Address"

1820

placeholder="fill Your present Address"

1821

required

1821

required

1822

></v-textarea>

1822

></v-textarea>

1823

</v-flex>

1823

</v-flex>

1824

</v-layout>

1824

</v-layout>

1825

</v-flex>

1825

</v-flex>

1826

<v-flex xs12 sm12>

1826

<v-flex xs12 sm12>

1827

<v-layout>

1827

<v-layout>

1828

<v-flex

1828

<v-flex

1829

xs12

1829

xs12

1830

sm12

1830

sm12

1831

class="pt-4 pr-4 subheading text-xs-center addressForm"

1831

class="pt-4 pr-4 subheading text-xs-center addressForm"

1832

>

1832

>

1833

<label>Permanent Address:</label>

1833

<label>Permanent Address:</label>

1834

</v-flex>

1834

</v-flex>

1835

</v-layout>

1835

</v-layout>

1836

<v-layout>

1836

<v-layout>

1837

<v-flex xs12 sm12>

1837

<v-flex xs12 sm12>

1838

<v-textarea

1838

<v-textarea

1839

name="input-4-3"

1839

name="input-4-3"

1840

v-model="addStudents.permanentAddress"

1840

v-model="addStudents.permanentAddress"

1841

:rules="permanentAddress"

1841

:rules="permanentAddress"

1842

placeholder="fill Your Permanent Address"

1842

placeholder="fill Your Permanent Address"

1843

required

1843

required

1844

></v-textarea>

1844

></v-textarea>

1845

</v-flex>

1845

</v-flex>

1846

</v-layout>

1846

</v-layout>

1847

</v-flex>

1847

</v-flex>

1848

</v-layout>

1848

</v-layout>

1849

<v-layout>

1849

<v-layout>

1850

<v-flex xs12 sm12>

1850

<v-flex xs12 sm12>

1851

<v-layout class="right">

1851

<v-layout class="right">

1852

1852

1853

<v-btn round dark @click="e2 = 1" class="clear-button">Back</v-btn>

1853

<v-btn round dark @click="e2 = 1" class="clear-button">Back</v-btn>

1854

<!-- </v-flex>

1854

<!-- </v-flex>

1855

<v-flex xs6>-->

1855

<v-flex xs6>-->

1856

<v-btn

1856

<v-btn

1857

@click="submit"

1857

@click="submit"

1858

round

1858

round

1859

dark

1859

dark

1860

:loading="loading"

1860

:loading="loading"

1861

class="add-button"

1861

class="add-button"

1862

>Add</v-btn>

1862

>Add</v-btn>

1863

1863

1864

</v-layout>

1864

</v-layout>

1865

</v-flex>

1865

</v-flex>

1866

</v-layout>

1866

</v-layout>

1867

</v-form>

1867

</v-form>

1868

</v-flex>

1868

</v-flex>

1869

</v-stepper-content>

1869

</v-stepper-content>

1870

</v-stepper-items>

1870

</v-stepper-items>

1871

</v-stepper>

1871

</v-stepper>

1872

</v-flex>

1872

</v-flex>

1873

</v-layout>

1873

</v-layout>

1874

</v-container>

1874

</v-container>

1875

</v-card>

1875

</v-card>

1876

</v-dialog>

1876

</v-dialog>

1877

<v-snackbar

1877

<v-snackbar

1878

:timeout="timeout"

1878

:timeout="timeout"

1879

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

1879

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

1880

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

1880

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

1881

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

1881

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

1882

v-model="snackbar"

1882

v-model="snackbar"

1883

:color="color"

1883

:color="color"

1884

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

1884

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

1885

1885

1886

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

1886

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

1887

</div>

1887

</div>

1888

</v-container>

1888

</v-container>

1889

</template>

1889

</template>

1890

1891

1891

1892

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

1892

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

1893

import moment from "moment";

1893

import moment from "moment";

1894

import countryList from "@/script/country.js";

1894

import countryList from "@/script/country.js";

1895

import parent from "@/script/parents.js";

1895

import parent from "@/script/parents.js";

1896

1897

export default {

1897

export default {

1898

data: () => ({

1898

data: () => ({

1899

e1: true,

1899

e1: true,

1900

e2: 0,

1900

e2: 0,

1901

showParent: true,

1901

showParent: true,

1902

showNext: false,

1902

showNext: false,

1903

snackbar: false,

1903

snackbar: false,

1904

y: "top",

1904

y: "top",

1905

x: "right",

1905

x: "right",

1906

role: "",

1906

role: "",

1907

mode: "",

1907

mode: "",

1908

append: "",

1908

append: "",

1909

timeout: 3000,

1909

timeout: 3000,

1910

text: "",

1910

text: "",

1911

show: true,

1911

show: true,

1912

color: "",

1912

color: "",

1913

showSearch: false,

1913

showSearch: false,

1914

showLoader: false,

1914

showLoader: false,

1915

loading: false,

1915

loading: false,

1916

editLoading: false,

1916

editLoading: false,

1917

date: null,

1917

date: null,

1918

search: "",

1918

search: "",

1919

password: "",

1919

password: "",

1920

menu: false,

1920

menu: false,

1921

menu1: false,

1921

menu1: false,

1922

editStudentDialog: false,

1922

editStudentDialog: false,

1923

profileStudentDialog: false,

1923

profileStudentDialog: false,

1924

addStudentDialog: false,

1924

addStudentDialog: false,

1925

valid: true,

1925

valid: true,

1926

addclass: [],

1926

addclass: [],

1927

addSection: [],

1927

addSection: [],

1928

gender: ["Male", "Female"],

1928

gender: ["Male", "Female"],

1929

pagination: {

1929

pagination: {

1930

rowsPerPage: 10

1930

rowsPerPage: 10

1931

},

1931

},

1932

imageData: {},

1932

imageData: {},

1933

imageName: "",

1933

imageName: "",

1934

imageUrl: "",

1934

imageUrl: "",

1935

imageFile: "",

1935

imageFile: "",

1936

editImageName: "",

1936

editImageName: "",

1937

editImageUrl: "",

1937

editImageUrl: "",

1938

nameRules: [v => !!v || " Full Name is required"],

1938

nameRules: [v => !!v || " Full Name is required"],

1939

dateRules: [v => !!v || " DOB is required"],

1939

dateRules: [v => !!v || " DOB is required"],

1940

cityRules: [v => !!v || " City Name is required"],

1940

cityRules: [v => !!v || " City Name is required"],

1941

pincode: [v => !!v || " Pincode is required"],

1941

pincode: [v => !!v || " Pincode is required"],

1942

country: [v => !!v || " Country Name is required"],

1942

country: [v => !!v || " Country Name is required"],

1943

rollNo: [v => !!v || "Roll No is required"],

1943

rollNo: [v => !!v || "Roll No is required"],

1944

permanentAddress: [v => !!v || " Permanent Address is required"],

1944

permanentAddress: [v => !!v || " Permanent Address is required"],

1945

presentAddress: [v => !!v || " Present Address is required"],

1945

presentAddress: [v => !!v || " Present Address is required"],

1946

stateRules: [v => !!v || "State Name is required"],

1946

stateRules: [v => !!v || "State Name is required"],

1947

classRules: [v => !!v || " Class Name is required"],

1947

classRules: [v => !!v || " Class Name is required"],

1948

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

1948

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

1949

genderRules: [v => !!v || " Select Gender is required"],

1949

genderRules: [v => !!v || " Select Gender is required"],

1950

fatheCellNoRules: [

1950

fatheCellNoRules: [

1951

v => !!v || " father Cell Number is required",

1951

v => !!v || " father Cell Number is required",

1952

v => v <= 10000000000 || "Max 10 characters is required"

1952

v => v <= 10000000000 || "Max 10 characters is required"

1953

],

1953

],

1954

password: [

1954

password: [

1955

v => !!v || "Password field is Required."

1955

v => !!v || "Password field is Required."

1956

// v => (/^(?=.*[a-z])(?=.*[0-9])(?=.*[!@#$%^&*])(?=.{8,})/).test(v) && v.length >= 8

1956

// v => (/^(?=.*[a-z])(?=.*[0-9])(?=.*[!@#$%^&*])(?=.{8,})/).test(v) && v.length >= 8

1957

],

1957

],

1958

mobileNoRule: [v => !!v || " Mobile Number is required"],

1958

mobileNoRule: [v => !!v || " Mobile Number is required"],

1959

establishmentYearRules: [v => !!v || " Academic Year is required"],

1959

establishmentYearRules: [v => !!v || " Academic Year is required"],

1960

errorMessages: "",

1960

errorMessages: "",

1961

countries: [],

1961

countries: [],

1962

headers: [

1962

headers: [

1963

{

1963

{

1964

text: "Roll No.",

1964

text: "Roll No.",

1965

align: "center",

1965

align: "center",

1966

sortable: false,

1966

sortable: false,

1967

value: "rollNo"

1967

value: "rollNo"

1968

},

1968

},

1969

{

1969

{

1970

text: "Profile Pic",

1970

text: "Profile Pic",

1971

value: "profilePicUrl",

1971

value: "profilePicUrl",

1972

sortable: false,

1972

sortable: false,

1973

align: "center"

1973

align: "center"

1974

},

1974

},

1975

{ text: "Name", value: "name", sortable: false, align: "center" },

1975

{ text: "Name", value: "name", sortable: false, align: "center" },

1976

{ text: "Gender", value: "gender", sortable: false, align: "center" },

1976

{ text: "Gender", value: "gender", sortable: false, align: "center" },

1977

{

1977

{

1978

text: "Father Name",

1978

text: "Father Name",

1979

value: "fatherName",

1979

value: "fatherName",

1980

sortable: false,

1980

sortable: false,

1981

align: "center"

1981

align: "center"

1982

},

1982

},

1983

{

1983

{

1984

text: "Mother Name",

1984

text: "Mother Name",

1985

value: "motherName",

1985

value: "motherName",

1986

sortable: false,

1986

sortable: false,

1987

align: "center"

1987

align: "center"

1988

},

1988

},

1989

{

1989

{

1990

text: "Academic Year",

1990

text: "Academic Year",

1991

value: "establishmentYear",

1991

value: "establishmentYear",

1992

sortable: false,

1992

sortable: false,

1993

align: "center"

1993

align: "center"

1994

},

1994

},

1995

// { text: "Mobile No", value: "mobile", sortable: false, align: "center" },

1995

// { text: "Mobile No", value: "mobile", sortable: false, align: "center" },

1996

{

1996

{

1997

text: "Status",

1997

text: "Status",

1998

value: "status",

1998

value: "status",

1999

sortable: false,

1999

sortable: false,

2000

align: "center"

2000

align: "center"

2001

},

2001

},

2002

{ text: "Action", value: "", sortable: false, align: "center" }

2002

{ text: "Action", value: "", sortable: false, align: "center" }

2003

],

2003

],

2004

studentsData: [],

2004

studentsData: [],

2005

parentId: "",

2005

parentId: "",

2006

editedIndex: -1,

2006

editedIndex: -1,

2007

parentData: {},

2007

parentData: {},

2008

addStudents: {

2008

addStudents: {

2009

role: "STUDENT",

2009

role: "STUDENT",

2010

2010

2011

email: "",

2011

email: "",

2012

date: "",

2012

date: "",

2013

city: "",

2013

city: "",

2014

pincode: "",

2014

pincode: "",

2015

country: "",

2015

country: "",

2016

permanentAddress: "",

2016

permanentAddress: "",

2017

presentAddress: "",

2017

presentAddress: "",

2018

mobile: "",

2018

mobile: "",

2019

state: "",

2019

state: "",

2020

gender: "",

2020

gender: "",

2021

select: "",

2021

select: "",

2022

selectSection: "",

2022

selectSection: "",

2023

bloodGroup: "",

2023

bloodGroup: "",

2024

allergies: "",

2024

allergies: "",

2025

medicalNotes: "",

2025

medicalNotes: "",

2026

height: "",

2026

height: "",

2027

weight: "",

2027

weight: "",

2028

rollNo: "",

2028

rollNo: "",

2029

establishmentYear: new Date().getFullYear()

2029

establishmentYear: new Date().getFullYear()

2030

},

2030

},

2031

selectStudents: {

2031

selectStudents: {

2032

select: "",

2032

select: "",

2033

selectSection: ""

2033

selectSection: ""

2034

},

2034

},

2035

editedItem: {

2035

editedItem: {

2036

role: "STUDENT",

2036

role: "STUDENT",

2037

2037

2038

email: "",

2038

email: "",

2039

dob: "",

2039

dob: "",

2040

city: "",

2040

city: "",

2041

pincode: "",

2041

pincode: "",

2042

country: "",

2042

country: "",

2043

permanentAddress: "",

2043

permanentAddress: "",

2044

presentAddress: "",

2044

presentAddress: "",

2045

mobile: "",

2045

mobile: "",

2046

state: "",

2046

state: "",

2047

gender: "",

2047

gender: "",

2048

select: "",

2048

select: "",

2049

selectSection: "",

2049

selectSection: "",

2050

bloodGroup: "",

2050

bloodGroup: "",

2051

allergies: "",

2051

allergies: "",

2052

medicalNotes: "",

2052

medicalNotes: "",

2053

height: "",

2053

height: "",

2054

weight: "",

2054

weight: "",

2055

rollNo: "",

2055

rollNo: "",

2056

establishmentYear: new Date().getFullYear()

2056

establishmentYear: new Date().getFullYear()

2057

},

2057

},

2058

isFatherCellExists: false

2058

isFatherCellExists: false

2059

}),

2059

}),

2060

watch: {

2060

watch: {

2061

menu(val) {

2061

menu(val) {

2062

val && this.$nextTick(() => (this.$refs.picker.activePicker = "YEAR"));

2062

val && this.$nextTick(() => (this.$refs.picker.activePicker = "YEAR"));

2063

},

2063

},

2064

menu1(val) {

2064

menu1(val) {

2065

val && this.$nextTick(() => (this.$refs.picker.activePicker = "YEAR"));

2065

val && this.$nextTick(() => (this.$refs.picker.activePicker = "YEAR"));

2066

}

2066

}

2067

},

2067

},

2068

methods: {

2068

methods: {

2069

findStudents() {

2069

findStudents() {

2070

this.showLoader = true;

2070

this.showLoader = true;

2071

http()

2071

http()

2072

.get("/getStudentWithClass", {

2072

.get("/getStudentWithClass", {

2073

params: {

2073

params: {

2074

classId: this.selectStudents.select,

2074

classId: this.selectStudents.select,

2075

sectionId: this.selectStudents.selectSection

2075

sectionId: this.selectStudents.selectSection

2076

}

2076

}

2077

})

2077

})

2078

.then(response => {

2078

.then(response => {

2079

this.studentsData = response.data.data;

2079

this.studentsData = response.data.data;

2080

this.showLoader = false;

2080

this.showLoader = false;

2081

})

2081

})

2082

.catch(err => {

2082

.catch(err => {

2083

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

2083

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

2084

this.showLoader = false;

2084

this.showLoader = false;

2085

});

2085

});

2086

},

2086

},

2087

getSections(_id) {

2087

getSections(_id) {

2088

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

2088

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

2089

this.showLoader = true;

2089

this.showLoader = true;

2090

http()

2090

http()

2091

.get(

2091

.get(

2092

"/getSectionsList",

2092

"/getSectionsList",

2093

{ params: { classId: _id } },

2093

{ params: { classId: _id } },

2094

{

2094

{

2095

headers: { Authorization: "Bearer " + token }

2095

headers: { Authorization: "Bearer " + token }

2096

}

2096

}

2097

)

2097

)

2098

.then(response => {

2098

.then(response => {

2099

this.addSection = response.data.data;

2099

this.addSection = response.data.data;

2100

this.showLoader = false;

2100

this.showLoader = false;

2101

})

2101

})

2102

.catch(err => {

2102

.catch(err => {

2103

this.showLoader = false;

2103

this.showLoader = false;

2104

});

2104

});

2105

},

2105

},

2106

getSection(_id) {

2106

getSection(_id) {

2107

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

2107

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

2108

this.showLoader = true;

2108

this.showLoader = true;

2109

http()

2109

http()

2110

.get(

2110

.get(

2111

"/getSectionsList",

2111

"/getSectionsList",

2112

{ params: { classId: _id } },

2112

{ params: { classId: _id } },

2113

{

2113

{

2114

headers: { Authorization: "Bearer " + token }

2114

headers: { Authorization: "Bearer " + token }

2115

}

2115

}

2116

)

2116

)

2117

.then(response => {

2117

.then(response => {

2118

this.addSection = response.data.data;

2118

this.addSection = response.data.data;

2119

this.showLoader = false;

2119

this.showLoader = false;

2120

})

2120

})

2121

.catch(err => {

2121

.catch(err => {

2122

this.showLoader = false;

2122

this.showLoader = false;

2123

});

2123

});

2124

},

2124

},

2125

pickFile() {

2125

pickFile() {

2126

this.$refs.image.click();

2126

this.$refs.image.click();

2127

},

2127

},

2128

pickEditFile() {

2128

pickEditFile() {

2129

this.$refs.editDataImage.click();

2129

this.$refs.editDataImage.click();

2130

},

2130

},

2131

dates: function(date) {

2131

dates: function(date) {

2132

return moment(date).format("MMMM DD, YYYY");

2132

return moment(date).format("MMMM DD, YYYY");

2133

return date;

2133

return date;

2134

},

2134

},

2135

onFilePicked(e) {

2135

onFilePicked(e) {

2136

// console.log(e)

2136

// console.log(e)

2137

const files = e.target.files;

2137

const files = e.target.files;

2138

this.imageData.upload = e.target.files[0];

2138

this.imageData.upload = e.target.files[0];

2139

if (files[0] !== undefined) {

2139

if (files[0] !== undefined) {

2140

this.imageName = files[0].name;

2140

this.imageName = files[0].name;

2141

if (this.imageName.lastIndexOf(".") <= 0) {

2141

if (this.imageName.lastIndexOf(".") <= 0) {

2142

return;

2142

return;

2143

}

2143

}

2144

const fr = new FileReader();

2144

const fr = new FileReader();

2145

fr.readAsDataURL(files[0]);

2145

fr.readAsDataURL(files[0]);

2146

fr.addEventListener("load", () => {

2146

fr.addEventListener("load", () => {

2147

this.imageUrl = fr.result;

2147

this.imageUrl = fr.result;

2148

this.imageFile = files[0]; // this is an image file that can be sent to server...

2148

this.imageFile = files[0]; // this is an image file that can be sent to server...

2149

this.imageData.imageUrl = URL.createObjectURL(this.imageFile);

2149

this.imageData.imageUrl = URL.createObjectURL(this.imageFile);

2150

});

2150

});

2151

} else {

2151

} else {

2152

this.imageName = "";

2152

this.imageName = "";

2153

this.imageFile = "";

2153

this.imageFile = "";

2154

this.imageUrl = "";

2154

this.imageUrl = "";

2155

}

2155

}

2156

},

2156

},

2157

onEditFilePicked(e) {

2157

onEditFilePicked(e) {

2158

console.log(e);

2158

console.log(e);

2159

const files = e.target.files;

2159

const files = e.target.files;

2160

if (files[0] !== undefined) {

2160

if (files[0] !== undefined) {

2161

this.editImageName = files[0].name;

2161

this.editImageName = files[0].name;

2162

console.log("this.editImageName", this.editImageName);

2162

console.log("this.editImageName", this.editImageName);

2163

2164

if (this.editImageName.lastIndexOf(".") <= 0) {

2164

if (this.editImageName.lastIndexOf(".") <= 0) {

2165

return;

2165

return;

2166

}

2166

}

2167

const fr = new FileReader();

2167

const fr = new FileReader();

2168

fr.readAsDataURL(files[0]);

2168

fr.readAsDataURL(files[0]);

2169

fr.addEventListener("load", () => {

2169

fr.addEventListener("load", () => {

2170

this.editImageUrl = fr.result;

2170

this.editImageUrl = fr.result;

2171

this.editiImageFile = files[0]; // this is an image file that can be sent to server...

2171

this.editiImageFile = files[0]; // this is an image file that can be sent to server...

2172

});

2172

});

2173

} else {

2173

} else {

2174

this.editImageName = "";

2174

this.editImageName = "";

2175

this.editiImageFile = "";

2175

this.editiImageFile = "";

2176

}

2176

}

2177

},

2177

},

2178

editItem(item) {

2178

editItem(item) {

2179

this.editedIndex = this.studentsData.indexOf(item);

2179

this.editedIndex = this.studentsData.indexOf(item);

2180

this.editedItem = Object.assign({}, item);

2180

this.editedItem = Object.assign({}, item);

2181

this.editedItem.fatherName = item.parentId.fatherName;

2181

this.editedItem.fatherName = item.parentId.fatherName;

2182

this.editedItem.fatherCellNo = item.parentId.fatherCellNo;

2182

this.editedItem.fatherCellNo = item.parentId.fatherCellNo;

2183

this.editedItem.motherName = item.parentId.motherName;

2183

this.editedItem.motherName = item.parentId.motherName;

2184

this.editedItem.motherCellNo = item.parentId.motherCellNo;

2184

this.editedItem.motherCellNo = item.parentId.motherCellNo;

2185

this.editedItem.dob =

2185

this.editedItem.dob =

2186

this.editedItem.dob != undefined

2186

this.editedItem.dob != undefined

2187

? (this.editedItem.dob = this.editedItem.dob.substring(0, 10))

2187

? (this.editedItem.dob = this.editedItem.dob.substring(0, 10))

2188

: (this.editedItem.dob = "");

2188

: (this.editedItem.dob = "");

2189

this.editStudentDialog = true;

2189

this.editStudentDialog = true;

2190

},

2190

},

2191

profile(item) {

2191

profile(item) {

2192

this.editedIndex = this.studentsData.indexOf(item);

2192

this.editedIndex = this.studentsData.indexOf(item);

2193

this.editedItem = Object.assign({}, item);

2193

this.editedItem = Object.assign({}, item);

2194

this.editedItem.fatherName = item.parentId.fatherName;

2194

this.editedItem.fatherName = item.parentId.fatherName;

2195

this.editedItem.fatherCellNo = item.parentId.fatherCellNo;

2195

this.editedItem.fatherCellNo = item.parentId.fatherCellNo;

2196

this.editedItem.motherName = item.parentId.motherName;

2196

this.editedItem.motherName = item.parentId.motherName;

2197

this.editedItem.motherCellNo = item.parentId.motherCellNo;

2197

this.editedItem.motherCellNo = item.parentId.motherCellNo;

2198

2199

this.profileStudentDialog = true;

2199

this.profileStudentDialog = true;

2200

},

2200

},

2201

deleteItem(item) {

2201

deleteItem(item) {

2202

let deleteStudent = {

2202

let deleteStudent = {

2203

studentId: item._id

2203

studentId: item._id

2204

};

2204

};

2205

http()

2205

http()

2206

.delete(

2206

.delete(

2207

"/deleteStudent",

2207

"/deleteStudent",

2208

confirm("Are you sure you want to delete this?") && {

2208

confirm("Are you sure you want to delete this?") && {

2209

params: deleteStudent

2209

params: deleteStudent

2210

}

2210

}

2211

)

2211

)

2212

.then(response => {

2212

.then(response => {

2213

this.snackbar = true;

2213

this.snackbar = true;

2214

this.text = response.data.message;

2214

this.text = response.data.message;

2215

this.color = "green";

2215

this.color = "green";

2216

this.findStudents();

2216

this.findStudents();

2217

})

2217

})

2218

.catch(error => {

2218

.catch(error => {

2219

this.snackbar = true;

2219

this.snackbar = true;

2220

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

2220

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

2221

this.color = "error";

2221

this.color = "error";

2222

});

2222

});

2223

},

2223

},

2224

close() {

2224

close() {

2225

this.editStudentDialog = false;

2225

this.editStudentDialog = false;

2226

},

2226

},

2227

closeStudentProfile() {

2227

closeStudentProfile() {

2228

this.profileStudentDialog = false;

2228

this.profileStudentDialog = false;

2229

},

2229

},

2230

copyData() {

2230

copyData() {

2231

this.addStudents.permanentAddress = this.addStudents.presentAddress;

2231

this.addStudents.permanentAddress = this.addStudents.presentAddress;

2232

},

2232

},

2233

submit() {

2233

submit() {

2234

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

2234

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

2235

let addStudent = {

2235

let addStudent = {

2236

parentId: this.parentId,

2236

parentId: this.parentId,

2237

2237

2238

email: this.addStudents.email,

2238

email: this.addStudents.email,

2239

role: this.addStudents.role,

2239

role: this.addStudents.role,

2240

dob: this.addStudents.date,

2240

dob: this.addStudents.date,

2241

city: this.addStudents.city,

2241

city: this.addStudents.city,

2242

pincode: this.addStudents.pincode,

2242

pincode: this.addStudents.pincode,

2243

country: this.addStudents.country,

2243

country: this.addStudents.country,

2244

permanentAddress: this.addStudents.permanentAddress,

2244

permanentAddress: this.addStudents.permanentAddress,

2245

presentAddress: this.addStudents.presentAddress,

2245

presentAddress: this.addStudents.presentAddress,

2246

mobile: this.addStudents.mobile,

2246

mobile: this.addStudents.mobile,

2247

state: this.addStudents.state,

2247

state: this.addStudents.state,

2248

gender: this.addStudents.gender,

2248

gender: this.addStudents.gender,

2249

establishmentYear: this.addStudents.establishmentYear,

2249

establishmentYear: this.addStudents.establishmentYear,

2250

classId: this.addStudents.select,

2250

classId: this.addStudents.select,

2251

sectionId: this.addStudents.selectSection,

2251

sectionId: this.addStudents.selectSection,

2252

bloodGroup: this.addStudents.bloodGroup,

2252

bloodGroup: this.addStudents.bloodGroup,

2253

medicalNotes: this.addStudents.medicalNotes,

2253

medicalNotes: this.addStudents.medicalNotes,

2254

height: this.addStudents.height,

2254

height: this.addStudents.height,

2255

weight: this.addStudents.weight,

2255

weight: this.addStudents.weight,

2256

rollNo: this.addStudents.rollNo

2256

rollNo: this.addStudents.rollNo

2257

};

2257

};

2258

if (this.imageUrl) {

2258

if (this.imageUrl) {

2259

var str = this.imageUrl;

2259

var str = this.imageUrl;

2260

const [baseUrl, imageUrl] = str.split(/,/);

2260

const [baseUrl, imageUrl] = str.split(/,/);

2261

addStudent.upload = imageUrl;

2261

addStudent.upload = imageUrl;

2262

}

2262

}

2263

this.loading = true;

2263

this.loading = true;

2264

http()

2264

http()

2265

.post("/createStudent", addStudent)

2265

.post("/createStudent", addStudent)

2266

.then(response => {

2266

.then(response => {

2267

this.snackbar = true;

2267

this.snackbar = true;

2268

this.text = "New Student added successfully";

2268

this.text = "New Student added successfully";

2269

this.color = "green";

2269

this.color = "green";

2270

this.addStudentDialog = false;

2270

this.addStudentDialog = false;

2271

this.clear();

2271

this.clear();

2272

this.clearParents();

2272

this.clearParents();

2273

this.loading = false;

2273

this.loading = false;

2274

})

2274

})

2275

.catch(error => {

2275

.catch(error => {

2276

this.snackbar = true;

2276

this.snackbar = true;

2277

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

2277

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

2278

this.color = "error";

2278

this.color = "error";

2279

this.loading = false;

2279

this.loading = false;

2280

});

2280

});

2281

}

2281

}

2282

},

2282

},

2283

clear() {

2283

clear() {

2284

this.$refs.form.reset();

2284

this.$refs.form.reset();

2285

this.imageUrl = "";

2285

this.imageUrl = "";

2286

},

2286

},

2287

clearParents() {

2287

clearParents() {

2288

this.$refs.parentForm.reset();

2288

this.$refs.parentForm.reset();

2289

},

2289

},

2290

save() {

2290

save() {

2291

let editStudent = {

2291

let editStudent = {

2292

studentId: this.editedItem._id,

2292

studentId: this.editedItem._id,

2293

2293

2294

email: this.editedItem.email,

2294

email: this.editedItem.email,

2295

role: this.editedItem.role,

2295

role: this.editedItem.role,

2296

dob: this.editedItem.dob,

2296

dob: this.editedItem.dob,

2297

city: this.editedItem.city,

2297

city: this.editedItem.city,

2298

pincode: this.editedItem.pincode,

2298

pincode: this.editedItem.pincode,

2299

country: this.editedItem.country,

2299

country: this.editedItem.country,

2300

permanentAddress: this.editedItem.permanentAddress,

2300

permanentAddress: this.editedItem.permanentAddress,

2301

presentAddress: this.editedItem.presentAddress,

2301

presentAddress: this.editedItem.presentAddress,

2302

mobile: this.editedItem.mobile,

2302

mobile: this.editedItem.mobile,

2303

state: this.editedItem.state,

2303

state: this.editedItem.state,

2304

gender: this.editedItem.gender,

2304

gender: this.editedItem.gender,

2305

establishmentYear: this.editedItem.establishmentYear,

2305

establishmentYear: this.editedItem.establishmentYear,

2306

classId: this.editedItem.select,

2306

classId: this.editedItem.select,

2307

sectionId: this.editedItem.selectSection,

2307

sectionId: this.editedItem.selectSection,

2308

bloodGroup: this.editedItem.bloodGroup,

2308

bloodGroup: this.editedItem.bloodGroup,

2309

medicalNotes: this.editedItem.medicalNotes,

2309

medicalNotes: this.editedItem.medicalNotes,

2310

height: this.editedItem.height,

2310

height: this.editedItem.height,

2311

weight: this.editedItem.weight,

2311

weight: this.editedItem.weight,

2312

rollNo: this.editedItem.rollNo

2312

rollNo: this.editedItem.rollNo

2313

};

2313

};

2314

if (this.editImageUrl) {

2314

if (this.editImageUrl) {

2315

var str = this.editImageUrl;

2315

var str = this.editImageUrl;

2316

const [baseUrl, editImageUrl] = str.split(/,/);

2316

const [baseUrl, editImageUrl] = str.split(/,/);

2317

editStudent.upload = editImageUrl;

2317

editStudent.upload = editImageUrl;

2318

}

2318

}

2319

this.editLoading = true;

2319

this.editLoading = true;

2320

http()

2320

http()

2321

.put("/updateStudent", editStudent)

2321

.put("/updateStudent", editStudent)

2322

.then(response => {

2322

.then(response => {

2323

this.snackbar = true;

2323

this.snackbar = true;

2324

this.text = response.data.message;

2324

this.text = response.data.message;

2325

this.color = "green";

2325

this.color = "green";

2326

this.imageUrl = "";

2326

this.imageUrl = "";

2327

this.findStudents();

2327

this.findStudents();

2328

this.close();

2328

this.close();

2329

this.editLoading = false;

2329

this.editLoading = false;

2330

})

2330

})

2331

.catch(error => {

2331

.catch(error => {

2332

this.snackbar = true;

2332

this.snackbar = true;

2333

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

2333

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

2334

this.color = "error";

2334

this.color = "error";

2335

this.editLoading = false;

2335

this.editLoading = false;

2336

});

2336

});

2337

},

2337

},

2338

submitParentDetails() {

2338

submitParentDetails() {

2339

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

2339

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

2340

this.parentData.fatherCellNo = this.parentData.fatherCellNo;

2340

this.parentData.fatherCellNo = this.parentData.fatherCellNo;

2341

this.parentData.motherCellNo = this.parentData.motherCellNo;

2341

this.parentData.motherCellNo = this.parentData.motherCellNo;

2342

let addparentDetails = {

2342

let addparentDetails = {

2343

email: this.parentData.email,

2343

email: this.parentData.email,

2344

fatherName: this.parentData.fatherName,

2344

fatherName: this.parentData.fatherName,

2345

fatherCellNo: this.parentData.fatherCellNo,

2345

fatherCellNo: this.parentData.fatherCellNo,

2346

motherName: this.parentData.motherName,

2346

motherName: this.parentData.motherName,

2347

motherCellNo: this.parentData.motherCellNo,

2347

motherCellNo: this.parentData.motherCellNo,

2348

fatherProfession: this.parentData.fatherProfession,

2348

fatherProfession: this.parentData.fatherProfession,

2349

motherProfession: this.parentData.motherProfession,

2349

motherProfession: this.parentData.motherProfession,

2350

password: this.parentData.password,

2350

password: this.parentData.password,

2351

role: "PARENT"

2351

role: "PARENT"

2352

};

2352

};

2353

this.loading = true;

2353

this.loading = true;

2354

http()

2354

http()

2355

.post("/createParent", addparentDetails)

2355

.post("/createParent", addparentDetails)

2356

.then(response => {

2356

.then(response => {

2357

this.parentId = response.data.data.id;

2357

this.parentId = response.data.data.id;

2358

this.e2 = 2;

2358

this.e2 = 2;

2359

this.snackbar = true;

2359

this.snackbar = true;

2360

this.text = response.data.message;

2360

this.text = response.data.message;

2361

this.color = "green";

2361

this.color = "green";

2362

// this.getStudentList();

2362

// this.getStudentList();

2363

this.clear();

2363

this.clear();

2364

this.loading = false;

2364

this.loading = false;

2365

})

2365

})

2366

.catch(error => {

2366

.catch(error => {

2367

this.snackbar = true;

2367

this.snackbar = true;

2368

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

2368

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

2369

this.color = "error";

2369

this.color = "error";

2370

if (error.response.data.statusText) {

2370

if (error.response.data.statusText) {

2371

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

2371

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

2372

}

2372

}

2373

this.loading = false;

2373

this.loading = false;

2374

});

2374

});

2375

}

2375

}

2376

},

2376

},

2377

getParentDetails() {

2377

getParentDetails() {

2378

if (this.parentData.fatherCellNo.length > 9) {

2378

if (this.parentData.fatherCellNo.length > 9) {

2379

this.showLoader = true;

2379

this.showLoader = true;

2380

this.isFatherCellExists = false;

2380

http()

2381

http()

2381

.get("getParticularParent", {

2382

.get("getParticularParent", {

2382

params: { fatherCellNo: this.parentData.fatherCellNo },

2383

params: { fatherCellNo: this.parentData.fatherCellNo },

2383

headers: {

2384

headers: {

2384

Authorization: "Bearer " + this.$store.state.token

2385

Authorization: "Bearer " + this.$store.state.token

2385

}

2386

}

2386

})

2387

})

2387

.then(response => {

2388

.then(response => {

2388

this.showNext = true;

2389

this.showNext = true;

2389

this.showParent = false;

2390

this.showParent = false;

2390

this.parentData = response.data.data;

2391

this.parentData = response.data.data;

2391

this.parentId = response.data.data._id;

2392

this.parentId = response.data.data._id;

2392

this.showLoader = false;

2393

this.showLoader = false;

2393

this.isFatherCellExists = true;

2394

this.isFatherCellExists = true;

2394

})

2395

})

2395

.catch(error => {

2396

.catch(error => {

2396

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

2397

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

2397

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

2398

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

2398

this.snackbar = true;

2399

this.snackbar = true;

2399

if (this.text === "Data not found!") {

2400

if (this.text === "Data not found!") {

2400

this.showNext = false;

2401

this.showNext = false;

2401

this.showParent = true;

2402

this.showParent = true;

2402

this.parentData.email = "";

2403

this.parentData.email = "";

2403

this.parentData.fatherName = "";

2404

this.parentData.fatherName = "";

2404

this.parentData.motherName = "";

2405

this.parentData.motherName = "";

2405

this.parentData.motherCellNo = "";

2406

this.parentData.motherCellNo = "";

2406

this.parentData.fatherProfession = "";

2407

this.parentData.fatherProfession = "";

2407

this.parentData.motherProfession = "";

2408

this.parentData.motherProfession = "";

2408

this.parentData.password = "";

2409

this.parentData.password = "";

2409

}

2410

}

2410

this.showLoader = false;

2411

this.showLoader = false;

2411

});

2412

});

2412

}

2413

}

2413

},

2414

},

2414

suspendStudentStatus(status, id) {

2415

suspendStudentStatus(status, id) {

2415

let suspendStudentData = {

2416

let suspendStudentData = {

2416

studentId: id,

2417

studentId: id,

2417

status: status

2418

status: status

2418

};

2419

};

2419

http()

2420

http()

2420

.put("/suspendStudentAccount", suspendStudentData)

2421

.put("/suspendStudentAccount", suspendStudentData)

2421

.then(response => {

2422

.then(response => {

2422

this.findStudents();

2423

this.findStudents();

2423

this.text = response.data.message;

2424

this.text = response.data.message;

2424

this.color = "green";

2425

this.color = "green";

2425

this.snackbar = true;

2426

this.snackbar = true;

2426

})

2427

})

2427

.catch(error => {

2428

.catch(error => {

2428

this.snackbar = true;

2429

this.snackbar = true;

2429

this.color = "error";

2430

this.color = "error";

2430

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

2431

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

2431

});

2432

});

2432

},

2433

},

2433

displaySearch() {

2434

displaySearch() {

2434

(this.show = false), (this.showSearch = true);

2435

(this.show = false), (this.showSearch = true);

2435

},

2436

},

2436

closeSearch() {

2437

closeSearch() {

2437

this.showSearch = false;

2438

this.showSearch = false;

2438

this.show = true;

2439

this.show = true;

2439

this.search = "";

2440

this.search = "";

2440

}

2441

}

2441

},

2442

},

2442

mounted() {

2443

mounted() {

2443

const getCountryList = countryList();

2444

const getCountryList = countryList();

2444

this.role = this.$store.state.role;

2445

this.role = this.$store.state.role;

2445

this.countries = getCountryList;

2446

this.countries = getCountryList;

2446

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

2447

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

2447

http()

2448

http()

2448

.get("/getClassesList", {

2449

.get("/getClassesList", {

2449

headers: { Authorization: "Bearer " + token }

2450

headers: { Authorization: "Bearer " + token }

2450

})

2451

})

2451

.then(response => {

2452

.then(response => {

2452

this.addclass = response.data.data;

2453

this.addclass = response.data.data;

2453

})

2454

})

2454

.catch(error => {

2455

.catch(error => {

2455

this.showLoader = false;

2456

this.showLoader = false;

2456

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

2457

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

2457

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

2458

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

2458

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

2459

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

2459

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

2460

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

2460

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

2461

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

2461

}

2462

}

2462

});

2463

});

2463

}

2464

}

2464

};

2465

};

2465

</script>

2466

</script>

2466

2467

2467

.active {

2468

.active {

2468

background-color: gray;

2469

background-color: gray;

2469

color: white !important;

2470

color: white !important;

2470

}

2471

}

2471

.activebtn {

2472

.activebtn {

2472

color: black !important;

2473

color: black !important;

2473

}

2474

}

2474

</style>

2475

</style>

GITLAB

viithiisys / School-Management-dashboard

disabled password field working properly

 <template>
   <v-container fluid class="body-color">
     <!-- ****** EDITS  STUDENTS DETAILS ****** -->
     <v-dialog v-model="editStudentDialog" max-width="1700px" scrollable>
       <v-card flat class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
             <label class="title text-xs-center">Edit Student Details</label>
             <v-icon size="24" class="right" @click="editStudentDialog = false">cancel</v-icon>
           </v-flex>
         </v-layout>
         <v-card-text>
           <v-form ref="form">
             <v-container fluid>
               <v-layout>
                 <v-flex xs12 class="text-xs-center text-sm-center text-md-center text-lg-center">
                   <v-avatar size="100px" v-if="!editedItem.profilePicUrl && !editImageUrl">
                     <img src="/static/icon/user.png" />
                   </v-avatar>
                   <img
                     :src="editedItem.profilePicUrl"
                     v-else-if="editedItem.profilePicUrl && !editImageUrl"
                     height="150"
                     style="border-radius:50%; width:150px"
                   />
                   <img
                     v-if="editImageUrl"
                     :src="editImageUrl"
                     style="border-radius:50%; width:150px;height:150px"
                   />
                   <input
                     type="file"
                     style="display: none"
                     ref="editDataImage"
                     accept="image/*"
                     @change="onEditFilePicked"
                   />
                 </v-flex>
               </v-layout>
               <v-layout wrap>
                 <v-flex xs12 sm4>
                   <v-layout>
                     <v-flex xs4 class="pt-4 subheading">
                       <label class="right hidden-xs-only hidden-sm-only">Select Class:</label>
                       <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Class:</label>
                     </v-flex>
                     <v-flex xs8 class="ml-3">
                       <v-select
                         :items="addclass"
                         label="Select Class"
                         v-model="editedItem.select"
                         item-text="classNum"
                         item-value="_id"
                         name="Select Class"
                         @change="getSections(editedItem.select)"
                         required
                       ></v-select>
                     </v-flex>
                   </v-layout>
                 </v-flex>
                 <v-flex xs12 sm4>
                   <v-layout>
                     <v-flex xs4 class="pt-4 subheading">
                       <label class="right hidden-xs-only hidden-sm-only">Select Section:</label>
                       <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Section:</label>
                     </v-flex>
                     <v-flex xs8 class="ml-3">
                       <v-select
                         :items="addSection"
                         label="Select Section"
                         v-model="editedItem.selectSection"
                         item-text="name"
                         item-value="_id"
                         name="Select Section"
                         required
                       ></v-select>
                     </v-flex>
                   </v-layout>
                 </v-flex>
                 <v-flex xs12 sm4>
                   <v-layout>
                     <v-flex xs4 class="pt-4 subheading">
                       <label class="right hidden-xs-only hidden-sm-only">Full Name:</label>
                       <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Name:</label>
                     </v-flex>
                     <v-flex xs8 class="ml-3">
                       <v-text-field
                         v-model="editedItem.name"
                         placeholder="fill your full Name"
                         name="name"
                         type="text"
                         required
                       ></v-text-field>
                     </v-flex>
                   </v-layout>
                 </v-flex>
               </v-layout>
               <v-layout wrap>
                 <v-flex xs12 sm4>
                   <v-layout>
                     <v-flex xs4 class="pt-4 subheading">
                       <label class="right hidden-xs-only hidden-sm-only">Email Id:</label>
                       <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Email:</label>
                     </v-flex>
                     <v-flex xs8 class="ml-3">
                       <v-text-field
                         placeholder="fill your email"
                         v-model="editedItem.email"
                         type="text"
                         name="email"
                         required
                       ></v-text-field>
                     </v-flex>
                   </v-layout>
                 </v-flex>
                 <v-flex xs12 sm4>
                   <v-layout>
                     <v-flex xs4 class="pt-4 subheading">
                       <label class="right hidden-sm-only hidden-xs-only">Date of Birth:</label>
                       <label class="right hidden-lg-only hidden-xl-only hidden-md-only">D.O.B:</label>
                     </v-flex>
                     <v-flex xs8 class="ml-3">
                       <v-menu
                         ref="menu"
                         :close-on-content-click="false"
                         v-model="menu1"
                         :nudge-right="40"
                         lazy
                         transition="scale-transition"
                         offset-y
                         full-width
                         min-width="290px"
                       >
                         <v-text-field
                           slot="activator"
                           v-model="editedItem.dob"
                           placeholder="Select Dob"
                         ></v-text-field>
                         <v-date-picker
                           ref="picker"
                           v-model="editedItem.dob"
                           :max="new Date().toISOString().substr(0, 10)"
                           min="1950-01-01"
                           @input="menu1 = false"
                         ></v-date-picker>
                       </v-menu>
                     </v-flex>
                   </v-layout>
                 </v-flex>
                 <v-flex xs12 sm4>
                   <v-layout>
                     <v-flex xs4 class="pt-4 subheading">
                       <label class="right">City:</label>
                     </v-flex>
                     <v-flex xs8 class="ml-3">
                       <v-text-field
                         v-model="editedItem.city"
                         placeholder="fill your City Name"
                         name="City"
                         type="text"
                         required
                       ></v-text-field>
                     </v-flex>
                   </v-layout>
                 </v-flex>
               </v-layout>
               <v-layout wrap>
                 <v-flex xs12 sm4>
                   <v-layout>
                     <v-flex xs4 class="pt-4 subheading">
                       <label class="right hidden-xs-only hidden-sm-only">Blood Group:</label>
                       <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Blood:</label>
                     </v-flex>
                     <v-flex xs8 class="ml-3">
                       <v-text-field
                         v-model="editedItem.bloodGroup"
                         placeholder="fill your BloodGroup"
                         name="state"
                         type="text"
                         required
                       ></v-text-field>
                     </v-flex>
                   </v-layout>
                 </v-flex>
                 <v-flex xs12 sm4>
                   <v-layout>
                     <v-flex xs4 class="pt-4 subheading">
                       <label class="right">Gender:</label>
                     </v-flex>
                     <v-flex xs8 class="ml-3">
                       <v-select
                         :items="gender"
                         v-model="editedItem.gender"
                         placeholder="Select Gender"
                         required
                       ></v-select>
                     </v-flex>
                   </v-layout>
                 </v-flex>
                 <v-flex xs12 sm4>
                   <v-layout>
                     <v-flex xs4 class="pt-4 subheading">
                       <label class="right">Medical Notes:</label>
                     </v-flex>
                     <v-flex xs8 class="ml-3">
                       <v-text-field
                         v-model="editedItem.medicalNotes"
                         placeholder="fill your medicalNotes"
                         required
                       ></v-text-field>
                     </v-flex>
                   </v-layout>
                 </v-flex>
               </v-layout>
               <v-layout wrap>
                 <v-flex xs12 sm4>
                   <v-layout>
                     <v-flex xs4 class="pt-4 subheading">
                       <label class="right">Height:</label>
                     </v-flex>
                     <v-flex xs8 class="ml-3">
                       <v-text-field
                         v-model="editedItem.height"
                         placeholder="fill your Height"
                         name="state"
                         type="text"
                         required
                       ></v-text-field>
                     </v-flex>
                   </v-layout>
                 </v-flex>
                 <v-flex xs12 sm4>
                   <v-layout>
                     <v-flex xs4 class="pt-4 subheading">
                       <label class="right">Weight:</label>
                     </v-flex>
                     <v-flex xs8 class="ml-3">
                       <v-text-field
                         v-model="editedItem.weight"
                         placeholder="fill your Weight"
                         name="pincode"
                         required
                       ></v-text-field>
                     </v-flex>
                   </v-layout>
                 </v-flex>
                 <v-flex xs12 sm4>
                   <v-layout>
                     <v-flex xs4 class="pt-4 subheading">
                       <label class="right hidden-xs-only hidden-sm-only">Uplaod Image:</label>
                       <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Uplaod:</label>
                     </v-flex>
                     <v-flex xs8 class="ml-3">
                       <v-text-field
                         label="Select Image"
                         @click="pickEditFile"
                         v-model="editImageName"
                         append-icon="attach_file"
                       ></v-text-field>
                     </v-flex>
                   </v-layout>
                 </v-flex>
               </v-layout>
               <v-layout wrap>
                 <v-flex xs12 sm4>
                   <v-layout>
                     <v-flex xs4 class="pt-4 subheading">
                       <label class="right">State:</label>
                     </v-flex>
                     <v-flex xs8 class="ml-3">
                       <v-text-field
                         v-model="editedItem.state"
                         placeholder="fill your State Name"
                         name="state"
                         type="text"
                         required
                       ></v-text-field>
                     </v-flex>
                   </v-layout>
                 </v-flex>
                 <v-flex xs12 sm4>
                   <v-layout>
                     <v-flex xs4 class="pt-4 subheading">
                       <label class="right">Pincode:</label>
                     </v-flex>
                     <v-flex xs8 class="ml-3">
                       <v-text-field
                         v-model="editedItem.pincode"
                         placeholder="fill your pincode"
                         name="pincode"
                         type="number"
                         required
                       ></v-text-field>
                     </v-flex>
                   </v-layout>
                 </v-flex>
                 <v-flex xs12 sm4>
                   <v-layout>
                     <v-flex xs4 class="pt-4 subheading">
                       <label class="right hidden-xs-only hidden-sm-only">Mobile No:</label>
                       <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Mobile:</label>
                     </v-flex>
                     <v-flex xs8 class="ml-3">
                       <v-text-field
                         v-model="editedItem.mobile"
                         placeholder="fill your MobileNo"
                         name="mobileNo"
                         type="number"
                         required
                       ></v-text-field>
                     </v-flex>
                   </v-layout>
                 </v-flex>
               </v-layout>
               <v-layout wrap>
                 <v-flex xs12 sm4>
                   <v-layout>
                     <v-flex xs4 class="pt-4 subheading">
                       <label class="right hidden-xs-only hidden-sm-only">Select Country:</label>
                       <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Country:</label>
                     </v-flex>
                     <v-flex xs8 class="ml-3">
                       <v-autocomplete
                         v-model="editedItem.country"
                         :items="countries"
                         placeholder="Select Country Name"
                         required
                       ></v-autocomplete>
                     </v-flex>
                   </v-layout>
                 </v-flex>
                 <v-flex xs12 sm4 class="hidden-xs-only hidden-sm-only">
                   <v-layout>
                     <v-flex xs4 class="pt-4 subheading">
                       <label class="right hidden-xs-only hidden-sm-only">Roll Number:</label>
                       <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Roll No:</label>
                     </v-flex>
                     <v-flex xs8 class="ml-3">
                       <v-text-field
                         v-model="editedItem.rollNo"
                         placeholder="fill roll number"
                         required
                       ></v-text-field>
                     </v-flex>
                   </v-layout>
                 </v-flex>
                 <v-flex xs12 sm4 class="hidden-xs-only hidden-sm-only">
                   <v-layout>
                     <v-flex xs4 sm4 class="pt-4 subheading">
                       <label class="right hidden-xs-only hidden-sm-only">Permanent Address:</label>
                       <label
                         class="right hidden-lg-only hidden-md-only hidden-xl-only"
                       >Permanent Address:</label>
                     </v-flex>
                     <v-flex xs12 sm8 class="ml-3">
                       <v-text-field
                         v-model="editedItem.permanentAddress"
                         placeholder="fill Your Permanent Address"
                         required
                       ></v-text-field>
                     </v-flex>
                   </v-layout>
                 </v-flex>
               </v-layout>
               <v-layout class="hidden-xs-only hidden-sm-only">
                 <v-flex xs12 sm4>
                   <v-layout>
                     <v-flex xs4 class="pt-4 subheading">
                       <label class="right hidden-xs-only hidden-sm-only">Present Address:</label>
                       <label
                         class="right hidden-lg-only hidden-md-only hidden-xl-only"
                       >Present Address:</label>
                     </v-flex>
                     <v-flex xs8 class="ml-3">
                       <v-text-field
                         v-model="editedItem.presentAddress"
                         placeholder="Select Country Name"
                         required
                       ></v-text-field>
                     </v-flex>
                   </v-layout>
                 </v-flex>
               </v-layout>
               <v-layout class="hidden-lg-only hidden-md-only hidden-xl-only" wrap>
                 <v-flex xs12 sm12>
                   <v-layout>
                     <v-flex xs4 class="pt-4 subheading">
                       <label class="right hidden-xs-only hidden-sm-only">Roll Number:</label>
                       <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Roll No:</label>
                     </v-flex>
                     <v-flex xs8 class="ml-3">
                       <v-text-field
                         v-model="editedItem.rollNo"
                         placeholder="fill roll number"
                         required
                       ></v-text-field>
                     </v-flex>
                   </v-layout>
                 </v-flex>
               </v-layout>
               <v-layout class="hidden-lg-only hidden-md-only hidden-xl-only" wrap>
                 <v-flex xs12 sm12>
                   <v-layout>
                     <v-flex xs12 sm3 class="pt-4 subheading text-xs-center">
                       <label class>Present Address :</label>
                     </v-flex>
                   </v-layout>
                   <v-layout>
                     <v-flex xs12 sm12>
                       <v-textarea
                         v-model="editedItem.presentAddress"
                         placeholder="fill Your present Address"
                         required
                       ></v-textarea>
                     </v-flex>
                   </v-layout>
                 </v-flex>
                 <v-flex xs12 sm12>
                   <v-layout>
                     <v-flex xs12 sm3 class="pt-4 pr-4 subheading text-xs-center addressForm">
                       <label>Permanent addr:</label>
                     </v-flex>
                   </v-layout>
                   <v-layout>
                     <v-flex xs12 sm12>
                       <v-textarea
                         name="input-4-3"
                         v-model="editedItem.permanentAddress"
                         placeholder="fill Your Permanent Address"
                         required
                       ></v-textarea>
                     </v-flex>
                   </v-layout>
                 </v-flex>
               </v-layout>
               <v-layout>
                 <v-flex xs12 sm12>
                   <v-layout class="right">
                     <v-btn @click="save" round dark :loading="editLoading" class="add-button">Save</v-btn>
                   </v-layout>
                 </v-flex>
               </v-layout>
             </v-container>
           </v-form>
         </v-card-text>
       </v-card>
     </v-dialog>
     <!-- ****** PROFILE VIEW STUDENTS DEATILS ******  -->
     <v-dialog v-model="profileStudentDialog" max-width="1000px" scrollable>
       <v-card flat class="card-style pa-3" dark>
         <v-layout>
           <v-flex xs12>
             <label class="title text-xs-center">View Student Details</label>
             <v-icon size="24" class="right" @click="profileStudentDialog = false">cancel</v-icon>
           </v-flex>
         </v-layout>
         <v-card-text>
           <v-flex align-center justify-center layout text-xs-center class="mt-3">
             <v-avatar size="100px">
               <img src="/static/icon/user.png" v-if="!editedItem.profilePicUrl" />
               <img :src="editedItem.profilePicUrl" v-else-if="editedItem.profilePicUrl" />
             </v-avatar>
           </v-flex>
           <v-container grid-list-md>
             <v-layout wrap>
               <v-flex xs12 sm5>
                 <v-layout>
                   <v-flex xs6 sm6>
                     <h5 class="right my-1">
                       <b>Full Name:</b>
                     </h5>
                   </v-flex>
                   <v-flex sm6 xs6>
                     <h5 class="my-1 left">{{ editedItem.name }}</h5>
                   </v-flex>
                 </v-layout>
               </v-flex>
               <v-flex xs12 sm7>
                 <v-layout>
                   <v-flex xs6 sm4>
                     <h5 class="right my-1">
                       <b>Email:</b>
                     </h5>
                   </v-flex>
                   <v-flex sm8 xs6>
                     <h5 class="my-1 left">{{ editedItem.email }}</h5>
                   </v-flex>
                 </v-layout>
               </v-flex>
             </v-layout>
             <v-layout wrap>
               <v-flex xs12 sm5>
                 <v-layout>
                   <v-flex xs6 sm6>
                     <b>
                       <h5 class="right my-1">
                         <b>Gender:</b>
                       </h5>
                     </b>
                   </v-flex>
                   <v-flex sm6 xs6>
                     <h5 class="my-1 left">{{ editedItem.gender }}</h5>
                   </v-flex>
                 </v-layout>
               </v-flex>
               <v-flex xs12 sm7>
                 <v-layout>
                   <v-flex xs6 sm4>
                     <b>
                       <h5 class="right my-1">
                         <b>D.O.B:</b>
                       </h5>
                     </b>
                   </v-flex>
                   <v-flex sm8 xs6>
                     <h5 class="my-1">{{ dates(editedItem.dob) }}</h5>
                   </v-flex>
                 </v-layout>
               </v-flex>
             </v-layout>
             <v-layout wrap>
               <v-flex xs12 sm5>
                 <v-layout>
                   <v-flex xs6 sm6>
                     <b>
                       <h5 class="right my-1">
                         <b>BloodGroup:</b>
                       </h5>
                     </b>
                   </v-flex>
                   <v-flex sm6 xs6>
                     <h5 class="my-1 left">{{ editedItem.bloodGroup }}</h5>
                   </v-flex>
                 </v-layout>
               </v-flex>
               <v-flex xs12 sm7>
                 <v-layout>
                   <v-flex xs6 sm4>
                     <b>
                       <h5 class="right my-1">
                         <b>Roll No. :</b>
                       </h5>
                     </b>
                   </v-flex>
                   <v-flex sm8 xs6>
                     <h5 class="my-1">{{ editedItem.rollNo }}</h5>
                   </v-flex>
                 </v-layout>
               </v-flex>
             </v-layout>
             <v-layout wrap>
               <v-flex xs12 sm5>
                 <v-layout>
                   <v-flex xs6 sm6>
                     <b>
                       <h5 class="right my-1">
                         <b>Height:</b>
                       </h5>
                     </b>
                   </v-flex>
                   <v-flex sm6 xs6>
                     <h5 class="my-1 left">{{ editedItem.height }}</h5>
                   </v-flex>
                 </v-layout>
               </v-flex>
               <v-flex xs12 sm7>
                 <v-layout>
                   <v-flex xs6 sm4>
                     <b>
                       <h5 class="right my-1">
                         <b>Weight:</b>
                       </h5>
                     </b>
                   </v-flex>
                   <v-flex sm8 xs6>
                     <h5 class="my-1">{{ editedItem.weight }}</h5>
                   </v-flex>
                 </v-layout>
               </v-flex>
             </v-layout>
             <v-layout wrap>
               <v-flex xs12 sm5>
                 <v-layout>
                   <v-flex xs6 sm6>
                     <b>
                       <h5 class="right my-1">
                         <b>City:</b>
                       </h5>
                     </b>
                   </v-flex>
                   <v-flex sm6 xs6>
                     <h5 class="my-1 left">{{ editedItem.city }}</h5>
                   </v-flex>
                 </v-layout>
               </v-flex>
               <v-flex xs12 sm7>
                 <v-layout>
                   <v-flex xs6 sm4>
                     <b>
                       <h5 class="right my-1">
                         <b>State:</b>
                       </h5>
                     </b>
                   </v-flex>
                   <v-flex sm8 xs6>
                     <h5 class="my-1">{{ editedItem.state }}</h5>
                   </v-flex>
                 </v-layout>
               </v-flex>
             </v-layout>
             <v-layout wrap>
               <v-flex xs12 sm5>
                 <v-layout>
                   <v-flex xs6 sm6>
                     <b>
                       <h5 class="right my-1">
                         <b>Pincode:</b>
                       </h5>
                     </b>
                   </v-flex>
                   <v-flex sm6 xs6>
                     <h5 class="my-1">{{ editedItem.pincode }}</h5>
                   </v-flex>
                 </v-layout>
               </v-flex>
               <v-flex xs12 sm7>
                 <v-layout>
                   <v-flex xs6 sm4>
                     <b>
                       <h5 class="right my-1">
                         <b>Country:</b>
                       </h5>
                     </b>
                   </v-flex>
                   <v-flex sm7 xs6>
                     <h5 class="my-1">{{ editedItem.country }}</h5>
                   </v-flex>
                 </v-layout>
               </v-flex>
             </v-layout>
             <v-layout wrap>
               <v-flex xs12 sm5>
                 <v-layout>
                   <v-flex sm6 xs6>
                     <b>
                       <h5 class="right my-1">
                         <b>Mobile No:</b>
                       </h5>
                     </b>
                   </v-flex>
                   <v-flex sm6 xs6>
                     <h5 class="my-1">{{ editedItem.mobile }}</h5>
                   </v-flex>
                 </v-layout>
               </v-flex>
               <v-flex xs12 sm7>
                 <v-layout>
                   <v-flex xs6 sm4>
                     <b>
                       <h5 class="right my-1">
                         <b>FahterName:</b>
                       </h5>
                     </b>
                   </v-flex>
                   <v-flex sm8 xs6>
                     <h5 class="my-1">{{ editedItem.fatherName }}</h5>
                   </v-flex>
                 </v-layout>
               </v-flex>
             </v-layout>
             <v-layout wrap>
               <v-flex xs12 sm5>
                 <v-layout>
                   <v-flex xs6 sm6>
                     <b>
                       <h5 class="right my-1">
                         <b>MotherName:</b>
                       </h5>
                     </b>
                   </v-flex>
                   <v-flex sm6 xs6>
                     <h5 class="my-1">{{ editedItem.motherName }}</h5>
                   </v-flex>
                 </v-layout>
               </v-flex>
               <v-flex xs12 sm7>
                 <v-layout>
                   <v-flex xs6 sm4>
                     <b>
                       <h5 class="right my-1">
                         <b>FatherCellNo:</b>
                       </h5>
                     </b>
                   </v-flex>
                   <v-flex sm6 xs6>
                     <h5 class="my-1">{{ editedItem.fatherCellNo }}</h5>
                   </v-flex>
                 </v-layout>
               </v-flex>
             </v-layout>
             <v-layout wrap>
               <v-flex xs12 sm5>
                 <v-layout>
                   <v-flex xs6 sm6>
                     <b>
                       <h5 class="right my-1">
                         <b>MotherCellNo:</b>
                       </h5>
                     </b>
                   </v-flex>
                   <v-flex sm6 xs6>
                     <h5 class="my-1">{{ editedItem.motherCellNo }}</h5>
                   </v-flex>
                 </v-layout>
               </v-flex>
               <v-flex xs12 sm7>
                 <v-layout>
                   <v-flex xs6 sm4>
                     <b>
                       <h5 class="my-1 right">
                         <b>AcademicYear:</b>
                       </h5>
                     </b>
                   </v-flex>
                   <v-flex sm5 xs8>
                     <h5 class="my-1">{{ editedItem.establishmentYear }}</h5>
                   </v-flex>
                 </v-layout>
               </v-flex>
             </v-layout>
             <v-layout wrap>
               <v-flex xs12 sm5>
                 <v-layout>
                   <v-flex xs6 sm6>
                     <b>
                       <h5 class="my-1 right">
                         <b>MedicalNotes:</b>
                       </h5>
                     </b>
                   </v-flex>
                   <v-flex sm5 xs6>
                     <h5 class="my-1">{{ editedItem.medicalNotes }}</h5>
                   </v-flex>
                 </v-layout>
               </v-flex>
               <v-flex xs12 sm7 class="hidden-xs-only">
                 <v-layout wrap>
                   <v-flex sm4>
                     <b>
                       <h5 class="my-1 right">
                         <b>present Address:</b>
                       </h5>
                     </b>
                   </v-flex>
                   <v-flex sm8>
                     <h5 class="my-1">{{ editedItem.presentAddress }}</h5>
                   </v-flex>
                 </v-layout>
               </v-flex>
               <v-flex sm6 class="hidden-xs-only">
                 <v-layout wrap>
                   <v-flex sm5>
                     <b>
                       <h5 class="my-1 right">
                         <b>Permanent Address:</b>
                       </h5>
                     </b>
                   </v-flex>
                   <v-flex sm7>
                     <h5 class="my-1">{{ editedItem.permanentAddress }}</h5>
                   </v-flex>
                 </v-layout>
               </v-flex>
             </v-layout>
             <v-layout wrap class="hidden-sm-only hidden-md-only hidden-lg-only hidden-xl-only">
               <v-flex xs12 sm5>
                 <v-layout wrap>
                   <v-flex xs12 sm6>
                     <b>
                       <h5 class="my-1">
                         <b>present Address:-</b>
                       </h5>
                     </b>
                   </v-flex>
                   <v-flex sm5 xs12>
                     <h5 class="my-1">{{ editedItem.presentAddress }}</h5>
                   </v-flex>
                 </v-layout>
               </v-flex>
               <v-flex xs12 sm6>
                 <v-layout wrap>
                   <v-flex xs12 sm6>
                     <b>
                       <h5 class="my-1">
                         <b>Permanent Address:-</b>
                       </h5>
                     </b>
                   </v-flex>
                   <v-flex sm6 xs12>
                     <h5 class="my-1">{{ editedItem.permanentAddress }}</h5>
                   </v-flex>
                 </v-layout>
               </v-flex>
             </v-layout>
           </v-container>
         </v-card-text>
       </v-card>
     </v-dialog>
     <!-- ****** STUDENTS TABLE ****** -->
     <v-toolbar color="transparent" flat>
       <v-btn
         fab
         dark
         class="open-dialog-button hidden-xl-only hidden-md-only hidden-lg-only"
         small
         @click="addStudentDialog = true"
       >
         <v-icon dark>add</v-icon>
       </v-btn>
       <v-btn
         v-if="role != 'TEACHER' "
         round
         class="open-dialog-button hidden-sm-only hidden-xs-only"
         dark
         @click="addStudentDialog = true"
       >
         <v-icon class="white--text pr-1" size="20">add</v-icon>Add Student
       </v-btn>
       <v-card-actions class="hidden-xs-only hidden-sm-only">
         <v-flex md13 lg12>
           <v-layout>
             <v-flex lg3 md4>
               <v-select
                 :items="addclass"
                 label="Select Class"
                 v-model="selectStudents.select"
                 item-text="classNum"
                 item-value="_id"
                 name="Select Class"
                 :rules="classRules"
                 @change="getSections(selectStudents.select)"
                 required
                 class="ml-2"
               ></v-select>
             </v-flex>
             <v-flex lg3 md4 class="ml-2">
               <v-layout>
                 <v-select
                   :items="addSection"
                   label="Select Section"
                   v-model="selectStudents.selectSection"
                   item-text="name"
                   item-value="_id"
                   name="Select Section"
                   :rules="sectionRules"
                   required
                 ></v-select>
               </v-layout>
             </v-flex>
           </v-layout>
         </v-flex>
       </v-card-actions>
       <v-spacer></v-spacer>
       <v-btn
         @click="findStudents()"
         round
         dark
         :loading="loading"
         class="add-button hidden-xs-only hidden-sm-only"
       >Find</v-btn>
       <v-card-title class="body-1" v-show="show">
         <v-btn icon large flat @click="displaySearch">
           <v-avatar size="27">
             <img src="/static/icon/search.png" alt="icon" />
           </v-avatar>
         </v-btn>
       </v-card-title>
       <v-flex xs8 sm7 lg2 md3 v-show="showSearch">
         <v-layout>
           <v-text-field v-model="search" label="Search" prepend-inner-icon="search" color="primary"></v-text-field>
           <v-icon @click="closeSearch" color="error">close</v-icon>
         </v-layout>
       </v-flex>
     </v-toolbar>
     <v-card flat class="elevation-0 transparent">
       <v-flex class="hidden-xl-only hidden-lg-only hidden-md-only">
         <v-layout>
           <v-flex xs4>
             <label class="right mt-4">Select Class:</label>
           </v-flex>
           <v-flex xs8>
             <v-select
               :items="addclass"
               label="Select Class"
               v-model="selectStudents.select"
               item-text="classNum"
               item-value="_id"
               name="Select Class"
               :rules="classRules"
               @change="getSections(selectStudents.select)"
               class="px-2"
             ></v-select>
           </v-flex>
         </v-layout>
         <v-layout>
           <v-flex xs4>
             <label class="right mt-4">Select Section:</label>
           </v-flex>
           <v-flex xs8>
             <v-select
               :items="addSection"
               label="Select Section"
               v-model="selectStudents.selectSection"
               item-text="name"
               item-value="_id"
               name="Select Section"
               :rules="sectionRules"
               class="px-2"
               required
             ></v-select>
           </v-flex>
         </v-layout>
         <v-layout>
           <v-flex xs5 class="mx-auto mb-2">
             <v-btn
               @click="findStudents()"
               block
               round
               dark
               :loading="loading"
               class="add-button"
             >Find</v-btn>
           </v-flex>
         </v-layout>
       </v-flex>
     </v-card>
     <v-data-table
       :headers="headers"
       :items="studentsData"
       :pagination.sync="pagination"
       :search="search"
     >
       <template slot="items" slot-scope="props">
         <tr class="tr">
           <td class="text-xs-center td td-row">{{ props.item.rollNo}}</td>
           <td class="text-xs-center td td-row">
             <v-avatar size="40">
               <img :src="props.item.profilePicUrl" v-if="props.item.profilePicUrl" />
               <img src="/static/icon/user.png" v-else-if="!props.item.profilePicUrl" />
             </v-avatar>
           </td>
           <td class="text-xs-center td td-row">{{ props.item.name}}</td>
           <td class="text-xs-center td td-row">{{ props.item.gender }}</td>
           <td class="text-xs-center td td-row">{{ props.item.parentId.fatherName }}</td>
           <td class="text-xs-center td td-row">{{ props.item.parentId.motherName }}</td>
           <td class="text-xs-center td td-row">{{ props.item.establishmentYear }}</td>
           <!-- <td class="text-xs-center td td-row">{{ props.item.mobile}}</td> -->
           <td class="text-xs-center td td-row">
             <v-switch
               class="pl-3"
               v-model="props.item.status"
               @change="suspendStudentStatus(props.item.status,props.item._id)"
             ></v-switch>
           </td>
           <td class="text-xs-center td td-row">
             <span>
               <v-tooltip top>
                 <img
                   slot="activator"
                   style="cursor:pointer; width:25px; height:25px; "
                   class="mr-3"
                   @click="profile(props.item)"
                   src="/static/icon/view.png"
                 />
                 <span>View</span>
               </v-tooltip>
               <v-tooltip top v-if="role != 'TEACHER' ">
                 <img
                   slot="activator"
                   style="cursor:pointer; width:20px; height:18px; "
                   class="mr-3"
                   @click="editItem(props.item)"
                   src="/static/icon/edit.png"
                 />
                 <span>Edit</span>
               </v-tooltip>
               <v-tooltip top v-if="role != 'TEACHER' ">
                 <img
                   slot="activator"
                   style="cursor:pointer; width:20px; height:20px; "
                   class="mr-3"
                   @click="deleteItem(props.item)"
                   src="/static/icon/delete.png"
                 />
                 <span>Delete</span>
               </v-tooltip>
             </span>
           </td>
         </tr>
       </template>
       <v-alert
         slot="no-results"
         :value="true"
         color="error"
         icon="warning"
       >Your search for "{{ search }}" found no results.</v-alert>
     </v-data-table>
     <!-- ****** ADD STUDENTS DETAILS****** -->
     <v-dialog v-model="addStudentDialog" max-width="1280">
       <v-card flat class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
             <label class="title text-xs-center">Add Student</label>
             <v-icon size="24" class="right" @click="addStudentDialog = false">cancel</v-icon>
           </v-flex>
         </v-layout>
         <v-container fluid>
           <v-layout align-center>
             <v-flex xs12>
               <v-stepper v-model="e2" flat class="card-style elevation-0" dark>
                 <v-stepper-header>
                   <v-stepper-step :complete="e2 > 1" step="1">Fill parent Details</v-stepper-step>
                   <v-divider></v-divider>
                   <v-stepper-step step="2">Fill Student Details</v-stepper-step>
                 </v-stepper-header>
                 <v-stepper-items>
                   <v-stepper-content step="1">
                     <v-container fluid class>
                       <v-flex xs12 sm12 class="hidden-md-only hidden-lg-only hidden-xl-only">
                         <v-form ref="parentForm" v-model="valid" lazy-validation>
                           <v-layout wrap>
                             <v-flex xs12 sm6>
                               <v-layout wrap>
                                 <v-flex xs12 class="pt-4 subheading">
                                   <label>Father Cell No:</label>
                                 </v-flex>
                                 <v-flex xs12>
                                   <v-text-field
                                     v-model.trim="parentData.fatherCellNo"
                                     placeholder="fill your father Cell Number"
                                     type="number"
                                     :rules="fatheCellNoRules"
                                     counter="10"
                                     v-on:keyup="getParentDetails()"
                                     required
                                   ></v-text-field>
                                 </v-flex>
                               </v-layout>
                             </v-flex>
                             <v-flex xs12 sm6>
                               <v-layout wrap>
                                 <v-flex xs12 class="pt-4 subheading">
                                   <label>Parent Email Id:</label>
                                 </v-flex>
                                 <v-flex xs12>
                                   <v-text-field
                                     placeholder="fill Parent email"
                                     v-model="parentData.email"
                                     type="text"
                                     required
                                   ></v-text-field>
                                 </v-flex>
                               </v-layout>
                             </v-flex>
                           </v-layout>
                           <v-layout wrap>
                             <v-flex xs12 sm6>
                               <v-layout wrap>
                                 <v-flex xs12 class="pt-4 subheading">
                                   <label>Father Name:</label>
                                 </v-flex>
                                 <v-flex xs12>
                                   <v-text-field
                                     v-model="parentData.fatherName"
                                     placeholder="Fill your father Name"
                                     required
                                   ></v-text-field>
                                 </v-flex>
                               </v-layout>
                             </v-flex>
                             <v-flex xs12 sm6>
                               <v-layout wrap>
                                 <v-flex xs12 class="pt-4 subheading">
                                   <label>Mother Name:</label>
                                 </v-flex>
                                 <v-flex xs12>
                                   <v-text-field
                                     v-model="parentData.motherName"
                                     placeholder="fill your Mother Name"
                                     type="text"
                                     required
                                   ></v-text-field>
                                 </v-flex>
                               </v-layout>
                             </v-flex>
                           </v-layout>
                           <v-layout wrap>
                             <v-flex xs12 sm6>
                               <v-layout wrap>
                                 <v-flex xs12 class="pt-4 subheading">
                                   <label>Mother Cell No:</label>
                                 </v-flex>
                                 <v-flex xs12>
                                   <v-text-field
                                     v-model="parentData.motherCellNo"
                                     placeholder="fill your  Mother Cell Number"
                                     type="number"
                                     required
                                   ></v-text-field>
                                 </v-flex>
                               </v-layout>
                             </v-flex>
                             <v-flex xs12 sm6>
                               <v-layout wrap>
                                 <v-flex xs12 class="pt-4 subheading">
                                   <label>Father Profession:</label>
                                 </v-flex>
                                 <v-flex xs12>
                                   <v-text-field
                                     v-model="parentData.fatherProfession"
                                     placeholder="fill your father profession"
                                   ></v-text-field>
                                 </v-flex>
                               </v-layout>
                             </v-flex>
                           </v-layout>
                           <v-layout wrap>
                             <v-flex xs12 sm6>
                               <v-layout wrap>
                                 <v-flex xs12 class="pt-4 subheading">
                                   <label>Mother Profession:</label>
                                 </v-flex>
                                 <v-flex xs12>
                                   <v-text-field
                                     v-model="parentData.motherProfession"
                                     placeholder="fill your mother profession"
                                   ></v-text-field>
                                 </v-flex>
                               </v-layout>
                             </v-flex>
                             <v-flex xs12 sm6>
                               <v-layout wrap>
                                 <v-flex xs12 class="pt-4 subheading">
                                   <label>Password:</label>
                                 </v-flex>
                                 <v-flex xs12>
                                   <v-text-field
                                     v-model="parentData.password"
                                     placeholder="Enter Your Password"
                                   ></v-text-field>
                                 </v-flex>
                               </v-layout>
                             </v-flex>
                           </v-layout>
                           <v-flex sm12 class="hidden-xs-only">
                             <v-card-actions>
                               <v-spacer></v-spacer>
                               <v-btn
                                 @click="submitParentDetails"
                                 round
                                 dark
                                 :loading="loading"
                                 v-show="showParent"
                                 class="add-button"
                               >Add</v-btn>
                               <v-btn
                                 v-show="showNext"
                                 @click="e2 = 2"
                                 round
                                 dark
                                 class="add-button"
                               >Next</v-btn>
                             </v-card-actions>
                           </v-flex>
                           <v-flex
                             xs6
                             class="hidden-md-only hidden-sm-only hidden-lg-only hidden-xl-only mx-auto mt-2"
                           >
                             <v-btn
                               @click="submitParentDetails"
                               round
                               dark
                               :loading="loading"
                               v-show="showParent"
                               class="add-button"
                             >Add</v-btn>
                             <v-btn
                               v-show="showNext"
                               @click="e2 = 2"
                               round
                               dark
                               class="add-button"
                             >Next</v-btn>
                           </v-flex>
                         </v-form>
                       </v-flex>
                       <v-flex xs12 sm12 class="hidden-xs-only hidden-sm-only">
                         <v-form ref="parentForm" v-model="valid" lazy-validation>
                           <v-layout wrap>
                             <v-flex xs12 sm6>
                               <v-layout>
                                 <v-flex xs4 class="pt-4 subheading">
                                   <label class="right">Father Cell No:</label>
                                 </v-flex>
                                 <v-flex xs8 class="ml-3">
                                   <v-text-field
                                     v-model.trim="parentData.fatherCellNo"
                                     placeholder="fill your father Cell Number"
                                     type="number"
                                     :rules="fatheCellNoRules"
                                     counter="10"
                                     required
                                     v-on:keyup="getParentDetails()"
                                   ></v-text-field>
                                 </v-flex>
                               </v-layout>
                             </v-flex>
                             <v-flex xs12 sm6>
                               <v-layout>
                                 <v-flex xs4 class="pt-4 subheading">
                                   <label class="right">Parent Email Id:</label>
                                 </v-flex>
                                 <v-flex xs8 class="ml-3">
                                   <v-text-field
                                     placeholder="fill Parent email"
                                     v-model="parentData.email"
                                     type="text"
                                     required
                                   ></v-text-field>
                                 </v-flex>
                               </v-layout>
                             </v-flex>
                           </v-layout>
                           <v-layout wrap>
                             <v-flex xs12 sm6>
                               <v-layout>
                                 <v-flex xs4 class="pt-4 subheading">
                                   <label class="right">Father Name:</label>
                                 </v-flex>
                                 <v-flex xs8 class="ml-3">
                                   <v-text-field
                                     v-model="parentData.fatherName"
                                     placeholder="Fill your father Name"
                                     required
                                   ></v-text-field>
                                 </v-flex>
                               </v-layout>
                             </v-flex>
                             <v-flex xs12 sm6>
                               <v-layout>
                                 <v-flex xs4 class="pt-4 subheading">
                                   <label class="right">Mother Name:</label>
                                 </v-flex>
                                 <v-flex xs8 class="ml-3">
                                   <v-text-field
                                     v-model="parentData.motherName"
                                     placeholder="fill your Mother Name"
                                     type="text"
                                     required
                                   ></v-text-field>
                                 </v-flex>
                               </v-layout>
                             </v-flex>
                           </v-layout>
                           <v-layout wrap>
                             <v-flex xs12 sm6>
                               <v-layout>
                                 <v-flex xs4 class="pt-4 subheading">
                                   <label class="right">Mother Cell No:</label>
                                 </v-flex>
                                 <v-flex xs8 class="ml-3">
                                   <v-text-field
                                     v-model="parentData.motherCellNo"
                                     placeholder="fill your  Mother Cell Number"
                                     type="number"
                                     required
                                   ></v-text-field>
                                 </v-flex>
                               </v-layout>
                             </v-flex>
                             <v-flex xs12 sm6>
                               <v-layout>
                                 <v-flex xs4 class="pt-4 subheading">
                                   <label class="right">Father Profession:</label>
                                 </v-flex>
                                 <v-flex xs8 class="ml-3">
                                   <v-text-field
                                     v-model="parentData.fatherProfession"
                                     placeholder="fill your father profession"
                                   ></v-text-field>
                                 </v-flex>
                               </v-layout>
                             </v-flex>
                           </v-layout>
                           <v-layout wrap>
                             <v-flex xs12 sm6>
                               <v-layout>
                                 <v-flex xs4 class="pt-4 subheading">
                                   <label class="right">Mother Profession:</label>
                                 </v-flex>
                                 <v-flex xs8 class="ml-3">
                                   <v-text-field
                                     v-model="parentData.motherProfession"
                                     placeholder="fill your mother profession"
                                   ></v-text-field>
                                 </v-flex>
                               </v-layout>
                             </v-flex>
                             <v-flex xs12 sm6>
                               <v-layout>
                                 <v-flex xs4 class="pt-4 subheading">
                                   <label class="right">Password:</label>
                                 </v-flex>
                                 <v-flex xs8 class="ml-3">
                                   <v-text-field
                                     :append-icon="e1 ? 'visibility_off' : 'visibility'"
                                     :append-icon-cb="() => (e1 = !e1)"
                                     :type="e1 ? 'password' : 'text'"
                                     :rules="password"
                                     v-model="parentData.password"
                                     placeholder="Enter Your Password"
                                     :disabled="isFatherCellExists"
                                     required
                                   ></v-text-field>
                                 </v-flex>
                               </v-layout>
                             </v-flex>
                           </v-layout>
                           <v-flex sm12 class="hidden-xs-only">
                             <v-card-actions>
                               <v-spacer></v-spacer>
                               <v-btn
                                 @click="submitParentDetails"
                                 round
                                 dark
                                 :loading="loading"
                                 v-show="showParent"
                                 class="add-button"
                               >Add</v-btn>
                               <v-btn
                                 v-show="showNext"
                                 @click="e2 = 2"
                                 round
                                 dark
                                 class="add-button"
                               >Next</v-btn>
                             </v-card-actions>
                           </v-flex>
                           <v-flex
                             xs6
                             class="hidden-md-only hidden-sm-only hidden-lg-only hidden-xl-only mx-auto mt-2"
                           >
                             <v-btn
                               @click="submitParentDetails"
                               round
                               dark
                               :loading="loading"
                               v-show="showParent"
                               class="add-button"
                             >Add</v-btn>
                             <v-btn
                               v-show="showNext"
                               @click="e2 = 2"
                               round
                               dark
                               class="add-button"
                             >Next</v-btn>
                           </v-flex>
                         </v-form>
                       </v-flex>
                     </v-container>
                   </v-stepper-content>
                   <v-stepper-content step="2">
                     <v-flex xs12 sm12>
                       <v-form ref="form" v-model="valid" lazy-validation>
                         <v-layout>
                           <v-flex
                             xs12
                             class="text-xs-center text-sm-center text-md-center text-lg-center"
                           >
                             <v-avatar size="100px">
                               <img src="/static/icon/user.png" v-if="!imageUrl" />
                             </v-avatar>
                             <input
                               type="file"
                               style="display: none"
                               ref="image"
                               accept="image/*"
                               @change="onFilePicked"
                             />
                             <img
                               :src="imageData.imageUrl"
                               height="150"
                               v-if="imageUrl"
                               style="border-radius:50%; width:200px"
                             />
                           </v-flex>
                         </v-layout>
                         <v-layout wrap>
                           <v-flex xs12 sm6>
                             <v-layout>
                               <v-flex x4 sm4 class="pt-4 subheading">
                                 <label class="right hidden-xs-only hidden-sm-only">Select Class:</label>
                                 <label
                                   class="right hidden-lg-only hidden-md-only hidden-xl-only"
                                 >Class:</label>
                               </v-flex>
                               <v-flex xs8 sm8 class="ml-3">
                                 <v-select
                                   :items="addclass"
                                   label="Select Class"
                                   v-model="addStudents.select"
                                   item-text="classNum"
                                   item-value="_id"
                                   name="Select Class"
                                   :rules="classRules"
                                   @change="getSection(addStudents.select)"
                                   required
                                 ></v-select>
                               </v-flex>
                             </v-layout>
                           </v-flex>
                           <v-flex xs12 sm6>
                             <v-layout>
                               <v-flex xs4 class="pt-4 subheading">
                                 <label class="right hidden-xs-only hidden-sm-only">Select Section:</label>
                                 <label
                                   class="right hidden-lg-only hidden-md-only hidden-xl-only"
                                 >Section:</label>
                               </v-flex>
                               <v-flex xs8 class="ml-3">
                                 <v-select
                                   :items="addSection"
                                   label="Select Section"
                                   v-model="addStudents.selectSection"
                                   item-text="name"
                                   item-value="_id"
                                   name="Select Section"
                                   :rules="sectionRules"
                                   required
                                 ></v-select>
                               </v-flex>
                             </v-layout>
                           </v-flex>
                         </v-layout>
                         <v-layout wrap>
                           <v-flex xs12 sm6>
                             <v-layout>
                               <v-flex xs4 sm4 class="pt-4 subheading">
                                 <label class="right hidden-xs-only hidden-sm-only">Full Name:</label>
                                 <label
                                   class="right hidden-lg-only hidden-md-only hidden-xl-only"
                                 >Name:</label>
                               </v-flex>
                               <v-flex xs8 sm8 class="ml-3">
                                 <v-text-field
                                   v-model="addStudents.name"
                                   placeholder="fill your full Name"
                                   name="name"
                                   type="text"
                                   :rules="nameRules"
                                   required
                                 ></v-text-field>
                               </v-flex>
                             </v-layout>
                           </v-flex>
                           <v-flex xs12 sm6>
                             <v-layout>
                               <v-flex xs4 sm4 class="pt-4 subheading">
                                 <label class="right">Email:</label>
                               </v-flex>
                               <v-flex xs8 sm8 class="ml-3">
                                 <v-text-field
                                   placeholder="fill your email"
                                   v-model="addStudents.email"
                                   type="text"
                                   name="email"
                                   required
                                 ></v-text-field>
                               </v-flex>
                             </v-layout>
                           </v-flex>
                         </v-layout>
                         <v-layout wrap>
                           <v-flex xs12 sm6>
                             <v-layout>
                               <v-flex xs4 sm4 class="pt-4 subheading">
                                 <label class="right hidden-sm-only hidden-xs-only">Date of Birth:</label>
                                 <label
                                   class="right hidden-lg-only hidden-xl-only hidden-md-only"
                                 >D.O.B:</label>
                               </v-flex>
                               <v-flex xs8 sm8 class="ml-3">
                                 <v-menu
                                   ref="menu"
                                   :close-on-content-click="false"
                                   v-model="menu"
                                   :nudge-right="40"
                                   lazy
                                   transition="scale-transition"
                                   offset-y
                                   full-width
                                   min-width="290px"
                                 >
                                   <v-text-field
                                     slot="activator"
                                     :rules="dateRules"
                                     v-model="addStudents.date"
                                     placeholder="Select date"
                                   ></v-text-field>
                                   <v-date-picker
                                     ref="picker"
                                     v-model="addStudents.date"
                                     :max="new Date().toISOString().substr(0, 10)"
                                     min="1950-01-01"
                                     @input="menu = false"
                                   ></v-date-picker>
                                 </v-menu>
                               </v-flex>
                             </v-layout>
                           </v-flex>
                           <v-flex xs12 sm6>
                             <v-layout>
                               <v-flex xs4 class="pt-4 subheading">
                                 <label class="right">City:</label>
                               </v-flex>
                               <v-flex xs8 class="ml-3">
                                 <v-text-field
                                   v-model="addStudents.city"
                                   placeholder="fill your City Name"
                                   name="City"
                                   type="text"
                                   :rules="cityRules"
                                   required
                                 ></v-text-field>
                               </v-flex>
                             </v-layout>
                           </v-flex>
                         </v-layout>
                         <v-layout wrap>
                           <v-flex xs12 sm6>
                             <v-layout>
                               <v-flex xs4 class="pt-4 subheading">
                                 <label class="right">State:</label>
                               </v-flex>
                               <v-flex xs8 class="ml-3">
                                 <v-text-field
                                   v-model="addStudents.state"
                                   placeholder="fill your State Name"
                                   name="state"
                                   type="text"
                                   :rules="stateRules"
                                   required
                                 ></v-text-field>
                               </v-flex>
                             </v-layout>
                           </v-flex>
                           <v-flex xs12 sm6>
                             <v-layout>
                               <v-flex xs4 class="pt-4 subheading">
                                 <label class="right">Pincode:</label>
                               </v-flex>
                               <v-flex xs8 class="ml-3">
                                 <v-text-field
                                   v-model="addStudents.pincode"
                                   placeholder="fill your pincode"
                                   name="pincode"
                                   type="number"
                                   :rules="pincode"
                                   required
                                 ></v-text-field>
                               </v-flex>
                             </v-layout>
                           </v-flex>
                         </v-layout>
                         <v-layout wrap>
                           <v-flex xs12 sm6>
                             <v-layout>
                               <v-flex xs4 class="pt-4 subheading">
                                 <label class="right hidden-xs-only hidden-sm-only">Mobile No:</label>
                                 <label
                                   class="right hidden-lg-only hidden-md-only hidden-xl-only"
                                 >Mobile:</label>
                               </v-flex>
                               <v-flex xs8 class="ml-3">
                                 <v-text-field
                                   v-model="addStudents.mobile"
                                   placeholder="fill your MobileNo"
                                   name="mobileNo"
                                   type="number"
                                 ></v-text-field>
                               </v-flex>
                             </v-layout>
                           </v-flex>
                           <v-flex xs12 sm6>
                             <v-layout>
                               <v-flex xs4 class="pt-4 subheading">
                                 <label class="right hidden-xs-only hidden-sm-only">Select Country:</label>
                                 <label
                                   class="right hidden-lg-only hidden-md-only hidden-xl-only"
                                 >Country:</label>
                               </v-flex>
                               <v-flex xs8 class="ml-3">
                                 <v-autocomplete
                                   v-model="addStudents.country"
                                   :rules="country"
                                   :items="countries"
                                   placeholder="Select Country Name"
                                   required
                                 ></v-autocomplete>
                               </v-flex>
                             </v-layout>
                           </v-flex>
                         </v-layout>
                         <v-layout wrap>
                           <v-flex xs12 sm6>
                             <v-layout>
                               <v-flex xs4 class="pt-4 subheading">
                                 <label class="right">Gender:</label>
                               </v-flex>
                               <v-flex xs8 class="ml-3">
                                 <v-select
                                   :items="gender"
                                   v-model="addStudents.gender"
                                   :rules="genderRules"
                                   label="Select Gender"
                                   required
                                 ></v-select>
                               </v-flex>
                             </v-layout>
                           </v-flex>
                           <v-flex xs12 sm6>
                             <v-layout>
                               <v-flex xs4 class="pt-4 subheading">
                                 <label class="right hidden-xs-only hidden-sm-only">Blood Group:</label>
                                 <label
                                   class="right hidden-lg-only hidden-md-only hidden-xl-only"
                                 >Blood:</label>
                               </v-flex>
                               <v-flex xs8 class="ml-3">
                                 <v-text-field
                                   v-model="addStudents.bloodGroup"
                                   placeholder="Fill your Blood Group"
                                   required
                                 ></v-text-field>
                               </v-flex>
                             </v-layout>
                           </v-flex>
                         </v-layout>
                         <v-layout wrap>
                           <v-flex xs12 sm6>
                             <v-layout>
                               <v-flex xs4 class="pt-4 subheading">
                                 <label class="right hidden-xs-only hidden-sm-only">Roll Number:</label>
                                 <label
                                   class="right hidden-lg-only hidden-md-only hidden-xl-only"
                                 >Roll No:</label>
                               </v-flex>
                               <v-flex xs8 class="ml-3">
                                 <v-text-field
                                   v-model="addStudents.rollNo"
                                   placeholder="Fill your Roll Number"
                                   :rules="rollNo"
                                   required
                                 ></v-text-field>
                               </v-flex>
                             </v-layout>
                           </v-flex>
                           <v-flex xs12 sm6>
                             <v-layout>
                               <v-flex xs4 class="pt-4 subheading">
                                 <label class="right hidden-xs-only hidden-sm-only">Medical Notes:</label>
                                 <label
                                   class="right hidden-lg-only hidden-md-only hidden-xl-only"
                                 >Medical:</label>
                               </v-flex>
                               <v-flex xs8 class="ml-3">
                                 <v-text-field
                                   v-model="addStudents.medicalNotes"
                                   placeholder="Fill your Medical Notes"
                                   required
                                 ></v-text-field>
                               </v-flex>
                             </v-layout>
                           </v-flex>
                         </v-layout>
                         <v-layout wrap>
                           <v-flex xs12 sm6>
                             <v-layout>
                               <v-flex xs4 class="pt-4 subheading">
                                 <label class="right">Height:</label>
                               </v-flex>
                               <v-flex xs8 class="ml-3">
                                 <v-text-field
                                   v-model="addStudents.height"
                                   placeholder="Fill your Height"
                                   required
                                 ></v-text-field>
                               </v-flex>
                             </v-layout>
                           </v-flex>
                           <v-flex xs12 sm6>
                             <v-layout>
                               <v-flex xs4 class="pt-4 subheading">
                                 <label class="right">Weight:</label>
                               </v-flex>
                               <v-flex xs8 class="ml-3">
                                 <v-text-field
                                   v-model="addStudents.weight"
                                   placeholder="Fill your Weight"
                                   required
                                 ></v-text-field>
                               </v-flex>
                             </v-layout>
                           </v-flex>
                         </v-layout>
                         <v-layout wrap>
                           <v-flex xs12 sm6>
                             <v-layout>
                               <v-flex xs4 class="pt-4 subheading">
                                 <label class="right hidden-xs-only hidden-sm-only">Uplaod Image:</label>
                                 <label
                                   class="right hidden-lg-only hidden-md-only hidden-xl-only"
                                 >Uplaod :</label>
                               </v-flex>
                               <v-flex xs8 class="ml-3">
                                 <v-text-field
                                   label="Select Image"
                                   @click="pickFile"
                                   v-model="imageName"
                                   append-icon="attach_file"
                                 ></v-text-field>
                               </v-flex>
                             </v-layout>
                           </v-flex>
                           <v-flex xs12 sm6>
                             <v-layout>
                               <v-flex xs4 class="pt-4 subheading">
                                 <label class="right hidden-xs-only hidden-sm-only">Academic Year:</label>
                                 <label
                                   class="right hidden-lg-only hidden-md-only hidden-xl-only"
                                 >Year:</label>
                               </v-flex>
                               <v-flex xs8 class="ml-3">
                                 <v-text-field
                                   v-model="addStudents.establishmentYear"
                                   placeholder="fill your Academic Year"
                                   name="state"
                                   type="number"
                                   :rules="establishmentYearRules"
                                   required
                                 ></v-text-field>
                               </v-flex>
                             </v-layout>
                           </v-flex>
                         </v-layout>
                         <v-layout wrap class="hidden-xs-only hidden-sm-only">
                           <v-flex xs12 sm6>
                             <v-layout>
                               <v-flex xs4 sm4 class="pt-4 subheading">
                                 <label class="right">Present Address:</label>
                               </v-flex>
                               <v-flex xs8 sm8 class="ml-3">
                                 <v-text-field
                                   v-model="addStudents.presentAddress"
                                   :rules="presentAddress"
                                   placeholder="fill Your present Address"
                                   @keyup="copyData"
                                 ></v-text-field>
                               </v-flex>
                             </v-layout>
                           </v-flex>
                           <v-flex xs12 sm6>
                             <v-layout>
                               <v-flex xs4 sm4 class="pt-4 subheading addressForm">
                                 <label class="right">Permanent Address:</label>
                               </v-flex>
                               <v-flex xs12 sm8 class="ml-3">
                                 <v-switch
                                   v-model="addStudents.permanentAddress"
                                   label="Select Permanent Address"
                                   :value="addStudents.presentAddress"
                                 ></v-switch>
                               </v-flex>
                             </v-layout>
                           </v-flex>
                         </v-layout>
                         <v-layout class="hidden-xs-only hidden-sm-only">
                           <v-flex xs12 sm6>
                             <v-layout>
                               <v-flex xs4 sm4 class="pt-4 subheading addressForm">
                                 <label class="right">Permanent Address:</label>
                               </v-flex>
                               <v-flex xs12 sm8 class="ml-3">
                                 <v-text-field
                                   v-model="addStudents.permanentAddress"
                                   :rules="permanentAddress"
                                   placeholder="fill Your Permanent Address"
                                 ></v-text-field>
                               </v-flex>
                             </v-layout>
                           </v-flex>
                         </v-layout>
                         <v-layout class="hidden-lg-only hidden-md-only hidden-xl-only" wrap>
                           <v-flex xs12 sm12>
                             <v-layout>
                               <v-flex xs12 sm12 class="pt-4 subheading text-xs-center">
                                 <label class>Present Address:</label>
                               </v-flex>
                             </v-layout>
                             <v-layout>
                               <v-flex xs12 sm12>
                                 <v-textarea
                                   name="input-4-3"
                                   v-model="addStudents.presentAddress"
                                   :rules="presentAddress"
                                   placeholder="fill Your present Address"
                                   required
                                 ></v-textarea>
                               </v-flex>
                             </v-layout>
                           </v-flex>
                           <v-flex xs12 sm12>
                             <v-layout>
                               <v-flex
                                 xs12
                                 sm12
                                 class="pt-4 pr-4 subheading text-xs-center addressForm"
                               >
                                 <label>Permanent Address:</label>
                               </v-flex>
                             </v-layout>
                             <v-layout>
                               <v-flex xs12 sm12>
                                 <v-textarea
                                   name="input-4-3"
                                   v-model="addStudents.permanentAddress"
                                   :rules="permanentAddress"
                                   placeholder="fill Your Permanent Address"
                                   required
                                 ></v-textarea>
                               </v-flex>
                             </v-layout>
                           </v-flex>
                         </v-layout>
                         <v-layout>
                           <v-flex xs12 sm12>
                             <v-layout class="right">
                               <!-- <v-flex xs6> -->
                               <v-btn round dark @click="e2 = 1" class="clear-button">Back</v-btn>
                               <!-- </v-flex>
                               <v-flex xs6>-->
                               <v-btn
                                 @click="submit"
                                 round
                                 dark
                                 :loading="loading"
                                 class="add-button"
                               >Add</v-btn>
                               <!-- </v-flex> -->
                             </v-layout>
                           </v-flex>
                         </v-layout>
                       </v-form>
                     </v-flex>
                   </v-stepper-content>
                 </v-stepper-items>
               </v-stepper>
             </v-flex>
           </v-layout>
         </v-container>
       </v-card>
     </v-dialog>
     <v-snackbar
       :timeout="timeout"
       :top="y === 'top'"
       :right="x === 'right'"
       :vertical="mode === 'vertical'"
       v-model="snackbar"
       :color="color"
     >{{ text }}</v-snackbar>
     <div class="loader" v-if="showLoader">
       <v-progress-circular indeterminate color="white"></v-progress-circular>
     </div>
   </v-container>
 </template>
 <script>
 import http from "@/Services/http.js";
 import moment from "moment";
 import countryList from "@/script/country.js";
 import parent from "@/script/parents.js";
 export default {
   data: () => ({
     e1: true,
     e2: 0,
     showParent: true,
     showNext: false,
     snackbar: false,
     y: "top",
     x: "right",
     role: "",
     mode: "",
     append: "",
     timeout: 3000,
     text: "",
     show: true,
     color: "",
     showSearch: false,
     showLoader: false,
     loading: false,
     editLoading: false,
     date: null,
     search: "",
     password: "",
     menu: false,
     menu1: false,
     editStudentDialog: false,
     profileStudentDialog: false,
     addStudentDialog: false,
     valid: true,
     addclass: [],
     addSection: [],
     gender: ["Male", "Female"],
     pagination: {
       rowsPerPage: 10
     },
     imageData: {},
     imageName: "",
     imageUrl: "",
     imageFile: "",
     editImageName: "",
     editImageUrl: "",
     nameRules: [v => !!v || " Full Name is required"],
     dateRules: [v => !!v || " DOB is required"],
     cityRules: [v => !!v || " City Name is required"],
     pincode: [v => !!v || " Pincode is required"],
     country: [v => !!v || " Country Name is required"],
     rollNo: [v => !!v || "Roll No is required"],
     permanentAddress: [v => !!v || " Permanent Address is required"],
     presentAddress: [v => !!v || " Present Address  is required"],
     stateRules: [v => !!v || "State Name is required"],
     classRules: [v => !!v || " Class Name is required"],
     sectionRules: [v => !!v || " Section Name is required"],
     genderRules: [v => !!v || " Select Gender is required"],
     fatheCellNoRules: [
       v => !!v || " father Cell Number  is required",
       v => v <= 10000000000 || "Max 10 characters is required"
     ],
     password: [
       v => !!v || "Password field is Required."
       // v => (/^(?=.*[a-z])(?=.*[0-9])(?=.*[!@#$%^&*])(?=.{8,})/).test(v) && v.length >= 8
     ],
     mobileNoRule: [v => !!v || " Mobile Number is required"],
     establishmentYearRules: [v => !!v || " Academic Year  is required"],
     errorMessages: "",
     countries: [],
     headers: [
       {
         text: "Roll No.",
         align: "center",
         sortable: false,
         value: "rollNo"
       },
       {
         text: "Profile Pic",
         value: "profilePicUrl",
         sortable: false,
         align: "center"
       },
       { text: "Name", value: "name", sortable: false, align: "center" },
       { text: "Gender", value: "gender", sortable: false, align: "center" },
       {
         text: "Father Name",
         value: "fatherName",
         sortable: false,
         align: "center"
       },
       {
         text: "Mother Name",
         value: "motherName",
         sortable: false,
         align: "center"
       },
       {
         text: "Academic Year",
         value: "establishmentYear",
         sortable: false,
         align: "center"
       },
       // { text: "Mobile No", value: "mobile", sortable: false, align: "center" },
       {
         text: "Status",
         value: "status",
         sortable: false,
         align: "center"
       },
       { text: "Action", value: "", sortable: false, align: "center" }
     ],
     studentsData: [],
     parentId: "",
     editedIndex: -1,
     parentData: {},
     addStudents: {
       role: "STUDENT",
       name: "",
       email: "",
       date: "",
       city: "",
       pincode: "",
       country: "",
       permanentAddress: "",
       presentAddress: "",
       mobile: "",
       state: "",
       gender: "",
       select: "",
       selectSection: "",
       bloodGroup: "",
       allergies: "",
       medicalNotes: "",
       height: "",
       weight: "",
       rollNo: "",
       establishmentYear: new Date().getFullYear()
     },
     selectStudents: {
       select: "",
       selectSection: ""
     },
     editedItem: {
       role: "STUDENT",
       name: "",
       email: "",
       dob: "",
       city: "",
       pincode: "",
       country: "",
       permanentAddress: "",
       presentAddress: "",
       mobile: "",
       state: "",
       gender: "",
       select: "",
       selectSection: "",
       bloodGroup: "",
       allergies: "",
       medicalNotes: "",
       height: "",
       weight: "",
       rollNo: "",
       establishmentYear: new Date().getFullYear()
     },
     isFatherCellExists: false
   }),
   watch: {
     menu(val) {
       val && this.$nextTick(() => (this.$refs.picker.activePicker = "YEAR"));
     },
     menu1(val) {
       val && this.$nextTick(() => (this.$refs.picker.activePicker = "YEAR"));
     }
   },
   methods: {
     findStudents() {
       this.showLoader = true;
       http()
         .get("/getStudentWithClass", {
           params: {
             classId: this.selectStudents.select,
             sectionId: this.selectStudents.selectSection
           }
         })
         .then(response => {
           this.studentsData = response.data.data;
           this.showLoader = false;
         })
         .catch(err => {
           console.log("err====>", err);
           this.showLoader = false;
         });
     },
     getSections(_id) {
       var token = this.$store.state.token;
       this.showLoader = true;
       http()
         .get(
           "/getSectionsList",
           { params: { classId: _id } },
           {
             headers: { Authorization: "Bearer " + token }
           }
         )
         .then(response => {
           this.addSection = response.data.data;
           this.showLoader = false;
         })
         .catch(err => {
           this.showLoader = false;
         });
     },
     getSection(_id) {
       var token = this.$store.state.token;
       this.showLoader = true;
       http()
         .get(
           "/getSectionsList",
           { params: { classId: _id } },
           {
             headers: { Authorization: "Bearer " + token }
           }
         )
         .then(response => {
           this.addSection = response.data.data;
           this.showLoader = false;
         })
         .catch(err => {
           this.showLoader = false;
         });
     },
     pickFile() {
       this.$refs.image.click();
     },
     pickEditFile() {
       this.$refs.editDataImage.click();
     },
     dates: function(date) {
       return moment(date).format("MMMM DD, YYYY");
       return date;
     },
     onFilePicked(e) {
       // console.log(e)
       const files = e.target.files;
       this.imageData.upload = e.target.files[0];
       if (files[0] !== undefined) {
         this.imageName = files[0].name;
         if (this.imageName.lastIndexOf(".") <= 0) {
           return;
         }
         const fr = new FileReader();
         fr.readAsDataURL(files[0]);
         fr.addEventListener("load", () => {
           this.imageUrl = fr.result;
           this.imageFile = files[0]; // this is an image file that can be sent to server...
           this.imageData.imageUrl = URL.createObjectURL(this.imageFile);
         });
       } else {
         this.imageName = "";
         this.imageFile = "";
         this.imageUrl = "";
       }
     },
     onEditFilePicked(e) {
       console.log(e);
       const files = e.target.files;
       if (files[0] !== undefined) {
         this.editImageName = files[0].name;
         console.log("this.editImageName", this.editImageName);
         if (this.editImageName.lastIndexOf(".") <= 0) {
           return;
         }
         const fr = new FileReader();
         fr.readAsDataURL(files[0]);
         fr.addEventListener("load", () => {
           this.editImageUrl = fr.result;
           this.editiImageFile = files[0]; // this is an image file that can be sent to server...
         });
       } else {
         this.editImageName = "";
         this.editiImageFile = "";
       }
     },
     editItem(item) {
       this.editedIndex = this.studentsData.indexOf(item);
       this.editedItem = Object.assign({}, item);
       this.editedItem.fatherName = item.parentId.fatherName;
       this.editedItem.fatherCellNo = item.parentId.fatherCellNo;
       this.editedItem.motherName = item.parentId.motherName;
       this.editedItem.motherCellNo = item.parentId.motherCellNo;
       this.editedItem.dob =
         this.editedItem.dob != undefined
           ? (this.editedItem.dob = this.editedItem.dob.substring(0, 10))
           : (this.editedItem.dob = "");
       this.editStudentDialog = true;
     },
     profile(item) {
       this.editedIndex = this.studentsData.indexOf(item);
       this.editedItem = Object.assign({}, item);
       this.editedItem.fatherName = item.parentId.fatherName;
       this.editedItem.fatherCellNo = item.parentId.fatherCellNo;
       this.editedItem.motherName = item.parentId.motherName;
       this.editedItem.motherCellNo = item.parentId.motherCellNo;
       this.profileStudentDialog = true;
     },
     deleteItem(item) {
       let deleteStudent = {
         studentId: item._id
       };
       http()
         .delete(
           "/deleteStudent",
           confirm("Are you sure you want to delete this?") && {
             params: deleteStudent
           }
         )
         .then(response => {
           this.snackbar = true;
           this.text = response.data.message;
           this.color = "green";
           this.findStudents();
         })
         .catch(error => {
           this.snackbar = true;
           this.text = error.response.data.message;
           this.color = "error";
         });
     },
     close() {
       this.editStudentDialog = false;
     },
     closeStudentProfile() {
       this.profileStudentDialog = false;
     },
     copyData() {
       this.addStudents.permanentAddress = this.addStudents.presentAddress;
     },
     submit() {
       if (this.$refs.form.validate()) {
         let addStudent = {
           parentId: this.parentId,
           name: this.addStudents.name,
           email: this.addStudents.email,
           role: this.addStudents.role,
           dob: this.addStudents.date,
           city: this.addStudents.city,
           pincode: this.addStudents.pincode,
           country: this.addStudents.country,
           permanentAddress: this.addStudents.permanentAddress,
           presentAddress: this.addStudents.presentAddress,
           mobile: this.addStudents.mobile,
           state: this.addStudents.state,
           gender: this.addStudents.gender,
           establishmentYear: this.addStudents.establishmentYear,
           classId: this.addStudents.select,
           sectionId: this.addStudents.selectSection,
           bloodGroup: this.addStudents.bloodGroup,
           medicalNotes: this.addStudents.medicalNotes,
           height: this.addStudents.height,
           weight: this.addStudents.weight,
           rollNo: this.addStudents.rollNo
         };
         if (this.imageUrl) {
           var str = this.imageUrl;
           const [baseUrl, imageUrl] = str.split(/,/);
           addStudent.upload = imageUrl;
         }
         this.loading = true;
         http()
           .post("/createStudent", addStudent)
           .then(response => {
             this.snackbar = true;
             this.text = "New Student added successfully";
             this.color = "green";
             this.addStudentDialog = false;
             this.clear();
             this.clearParents();
             this.loading = false;
           })
           .catch(error => {
             this.snackbar = true;
             this.text = error.response.data.message;
             this.color = "error";
             this.loading = false;
           });
       }
     },
     clear() {
       this.$refs.form.reset();
       this.imageUrl = "";
     },
     clearParents() {
       this.$refs.parentForm.reset();
     },
     save() {
       let editStudent = {
         studentId: this.editedItem._id,
         name: this.editedItem.name,
         email: this.editedItem.email,
         role: this.editedItem.role,
         dob: this.editedItem.dob,
         city: this.editedItem.city,
         pincode: this.editedItem.pincode,
         country: this.editedItem.country,
         permanentAddress: this.editedItem.permanentAddress,
         presentAddress: this.editedItem.presentAddress,
         mobile: this.editedItem.mobile,
         state: this.editedItem.state,
         gender: this.editedItem.gender,
         establishmentYear: this.editedItem.establishmentYear,
         classId: this.editedItem.select,
         sectionId: this.editedItem.selectSection,
         bloodGroup: this.editedItem.bloodGroup,
         medicalNotes: this.editedItem.medicalNotes,
         height: this.editedItem.height,
         weight: this.editedItem.weight,
         rollNo: this.editedItem.rollNo
       };
       if (this.editImageUrl) {
         var str = this.editImageUrl;
         const [baseUrl, editImageUrl] = str.split(/,/);
         editStudent.upload = editImageUrl;
       }
       this.editLoading = true;
       http()
         .put("/updateStudent", editStudent)
         .then(response => {
           this.snackbar = true;
           this.text = response.data.message;
           this.color = "green";
           this.imageUrl = "";
           this.findStudents();
           this.close();
           this.editLoading = false;
         })
         .catch(error => {
           this.snackbar = true;
           this.text = error.response.data.statusText;
           this.color = "error";
           this.editLoading = false;
         });
     },
     submitParentDetails() {
       if (this.$refs.parentForm.validate()) {
         this.parentData.fatherCellNo = this.parentData.fatherCellNo;
         this.parentData.motherCellNo = this.parentData.motherCellNo;
         let addparentDetails = {
           email: this.parentData.email,
           fatherName: this.parentData.fatherName,
           fatherCellNo: this.parentData.fatherCellNo,
           motherName: this.parentData.motherName,
           motherCellNo: this.parentData.motherCellNo,
           fatherProfession: this.parentData.fatherProfession,
           motherProfession: this.parentData.motherProfession,
           password: this.parentData.password,
           role: "PARENT"
         };
         this.loading = true;
         http()
           .post("/createParent", addparentDetails)
           .then(response => {
             this.parentId = response.data.data.id;
             this.e2 = 2;
             this.snackbar = true;
             this.text = response.data.message;
             this.color = "green";
             // this.getStudentList();
             this.clear();
             this.loading = false;
           })
           .catch(error => {
             this.snackbar = true;
             this.text = error.response.data.message;
             this.color = "error";
             if (error.response.data.statusText) {
               this.text = error.response.data.statusText;
             }
             this.loading = false;
           });
       }
     },
     getParentDetails() {
       if (this.parentData.fatherCellNo.length > 9) {
         this.showLoader = true;
+        this.isFatherCellExists = false;
         http()
           .get("getParticularParent", {
             params: { fatherCellNo: this.parentData.fatherCellNo },
             headers: {
               Authorization: "Bearer " + this.$store.state.token
             }
           })
           .then(response => {
             this.showNext = true;
             this.showParent = false;
             this.parentData = response.data.data;
             this.parentId = response.data.data._id;
             this.showLoader = false;
             this.isFatherCellExists = true;
           })
           .catch(error => {
             console.log("err====>", error.response.data.message);
             this.text = error.response.data.message;
             this.snackbar = true;
             if (this.text === "Data not found!") {
               this.showNext = false;
               this.showParent = true;
               this.parentData.email = "";
               this.parentData.fatherName = "";
               this.parentData.motherName = "";
               this.parentData.motherCellNo = "";
               this.parentData.fatherProfession = "";
               this.parentData.motherProfession = "";
               this.parentData.password = "";
             }
             this.showLoader = false;
           });
       }
     },
     suspendStudentStatus(status, id) {
       let suspendStudentData = {
         studentId: id,
         status: status
       };
       http()
         .put("/suspendStudentAccount", suspendStudentData)
         .then(response => {
           this.findStudents();
           this.text = response.data.message;
           this.color = "green";
           this.snackbar = true;
         })
         .catch(error => {
           this.snackbar = true;
           this.color = "error";
           this.text = error.response.data.message;
         });
     },
     displaySearch() {
       (this.show = false), (this.showSearch = true);
     },
     closeSearch() {
       this.showSearch = false;
       this.show = true;
       this.search = "";
     }
   },
   mounted() {
     const getCountryList = countryList();
     this.role = this.$store.state.role;
     this.countries = getCountryList;
     var token = this.$store.state.token;
     http()
       .get("/getClassesList", {
         headers: { Authorization: "Bearer " + token }
       })
       .then(response => {
         this.addclass = response.data.data;
       })
       .catch(error => {
         this.showLoader = false;
         if (error.response.status === 401) {
           this.$router.replace({ path: "/" });
           this.$store.dispatch("setToken", null);
           this.$store.dispatch("Id", null);
           this.$store.dispatch("Role", null);
         }
       });
   }
 };
 </script>
 <style scoped>
 .active {
   background-color: gray;
   color: white !important;
 }
 .activebtn {
   color: black !important;
 }
 </style>