viithiisys / School-Management-dashboard

1

1

2

<div>

2

<div>

3

<v-tabs grow slider-color="gray">

3

<v-tabs grow slider-color="gray">

4

<v-tab

4

<v-tab

5

ripple

5

ripple

6

@click="activeTab('existing')"

6

@click="activeTab('existing')"

7

v-bind:class="{ active: isActive }"

7

v-bind:class="{ active: isActive }"

8

id="tab"

8

id="tab"

9

class="subheading"

9

class="subheading"

10

>Existing Students</v-tab>

10

>Existing Students</v-tab>

11

<v-tab

11

<v-tab

12

ripple

12

ripple

13

@click="activeTab('new')"

13

@click="activeTab('new')"

14

v-bind:class="{ active: newActive }"

14

v-bind:class="{ active: newActive }"

15

id="tab1"

15

id="tab1"

16

User

16

User

17

class="subheading"

17

class="subheading"

18

>Add New Students</v-tab>

18

>Add New Students</v-tab>

19

20

20

21

22

<v-tab-item>

22

<v-tab-item>

23

<v-snackbar

23

<v-snackbar

24

:timeout="timeout"

24

:timeout="timeout"

25

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

25

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

26

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

26

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

27

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

27

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

28

v-model="snackbar"

28

v-model="snackbar"

29

color="success"

29

color="success"

30

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

30

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

31

<v-dialog v-model="dialog" max-width="170 0px" scrollable>

31

<v-dialog v-model="dialog" max-width="170 0px" scrollable>

32

<v-card flat>

32

<v-card flat>

33

<v-toolbar color="grey lighten-2" flat>

33

<v-toolbar color="grey lighten-2" flat>

34

<v-spacer></v-spacer>

34

<v-spacer></v-spacer>

35

<v-toolbar-title>

35

<v-toolbar-title>

36

<h3>Edit Student Profile</h3>

36

<h3>Edit Student Profile</h3>

37

</v-toolbar-title>

37

</v-toolbar-title>

38

<v-spacer></v-spacer>

38

<v-spacer></v-spacer>

39

</v-toolbar>

39

</v-toolbar>

40

<v-card-text style="height: 680px;">

40

<v-card-text style="height: 680px;">

41

<v-form ref="form">

41

<v-form ref="form">

42

<v-container fluid>

42

<v-container fluid>

43

<v-layout>

43

<v-layout>

44

<v-flex

44

<v-flex

45

xs12

45

xs12

46

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

46

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

47

>

47

>

48

<v-avatar size="160px">

48

<v-avatar size="160px">

49

<img

49

<img

50

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

50

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

51

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

51

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

52

/>

52

/>

53

<img

53

<img

54

:src="editedItem.profilePicUrl"

54

:src="editedItem.profilePicUrl"

55

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

55

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

56

/>

56

/>

57

<img

57

<img

58

v-if="editImageUrl"

58

v-if="editImageUrl"

59

:src="editImageUrl"

59

:src="editImageUrl"

60

height="150"

60

height="150"

61

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

61

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

62

/>

62

/>

63

</v-avatar>

63

</v-avatar>

64

<input

64

<input

65

type="file"

65

type="file"

66

style="display: none"

66

style="display: none"

67

ref="editDataImage"

67

ref="editDataImage"

68

accept="image/*"

68

accept="image/*"

69

@change="onEditFilePicked"

69

@change="onEditFilePicked"

70

/>

70

/>

71

</v-flex>

71

</v-flex>

72

</v-layout>

72

</v-layout>

73

<v-layout>

73

<v-layout>

74

<v-flex xs12 sm4>

74

<v-flex xs12 sm4>

75

<v-layout>

75

<v-layout>

76

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

76

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

77

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

77

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

78

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

78

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

79

</v-flex>

79

</v-flex>

80

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

80

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

81

<v-select

81

<v-select

82

:items="addclass"

82

:items="addclass"

83

label="Select Class"

83

label="Select Class"

84

v-model="editedItem.select"

84

v-model="editedItem.select"

85

item-text="classNum"

85

item-text="classNum"

86

item-value="_id"

86

item-value="_id"

87

name="Select Class"

87

name="Select Class"

88

@change="getSections(editedItem.select)"

88

@change="getSections(editedItem.select)"

89

required

89

required

90

></v-select>

90

></v-select>

91

</v-flex>

91

</v-flex>

92

</v-layout>

92

</v-layout>

93

</v-flex>

93

</v-flex>

94

<v-flex xs12 sm4>

94

<v-flex xs12 sm4>

95

<v-layout>

95

<v-layout>

96

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

96

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

97

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

97

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

98

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

98

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

99

</v-flex>

99

</v-flex>

100

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

100

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

101

<v-select

101

<v-select

102

:items="addSection"

102

:items="addSection"

103

label="Select Section"

103

label="Select Section"

104

v-model="editedItem.selectSection"

104

v-model="editedItem.selectSection"

105

item-text="name"

105

item-text="name"

106

item-value="_id"

106

item-value="_id"

107

name="Select Section"

107

name="Select Section"

108

required

108

required

109

></v-select>

109

></v-select>

110

</v-flex>

110

</v-flex>

111

</v-layout>

111

</v-layout>

112

</v-flex>

112

</v-flex>

113

<v-flex xs12 sm4>

113

<v-flex xs12 sm4>

114

<v-layout>

114

<v-layout>

115

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

115

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

116

116

117

117

118

</v-flex>

118

</v-flex>

119

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

119

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

120

<v-text-field

120

<v-text-field

121

v-model="editedItem.name"

121

v-model="editedItem.name"

122

placeholder="fill your full Name"

122

placeholder="fill your full Name"

123

name="name"

123

name="name"

124

type="text"

124

type="text"

125

required

125

required

126

></v-text-field>

126

></v-text-field>

127

</v-flex>

127

</v-flex>

128

</v-layout>

128

</v-layout>

129

</v-flex>

129

</v-flex>

130

</v-layout>

130

</v-layout>

131

<v-layout>

131

<v-layout>

132

<v-flex xs12 sm4>

132

<v-flex xs12 sm4>

133

<v-layout>

133

<v-layout>

134

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

134

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

135

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

135

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

136

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

136

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

137

</v-flex>

137

</v-flex>

138

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

138

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

139

<v-text-field

139

<v-text-field

140

placeholder="fill your email"

140

placeholder="fill your email"

141

v-model="editedItem.email"

141

v-model="editedItem.email"

142

type="text"

142

type="text"

143

name="email"

143

name="email"

144

required

144

required

145

></v-text-field>

145

></v-text-field>

146

</v-flex>

146

</v-flex>

147

</v-layout>

147

</v-layout>

148

</v-flex>

148

</v-flex>

149

<v-flex xs12 sm4>

149

<v-flex xs12 sm4>

150

<v-layout>

150

<v-layout>

151

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

151

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

152

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

152

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

153

153

154

</v-flex>

154

</v-flex>

155

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

155

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

156

<v-menu

156

<v-menu

157

ref="menu"

157

ref="menu"

158

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

158

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

159

v-model="menu1"

159

v-model="menu1"

160

:nudge-right="40"

160

:nudge-right="40"

161

lazy

161

lazy

162

transition="scale-transition"

162

transition="scale-transition"

163

offset-y

163

offset-y

164

full-width

164

full-width

165

min-width="290px"

165

min-width="290px"

166

>

166

>

167

<v-text-field

167

<v-text-field

168

slot="activator"

168

slot="activator"

169

v-model="editedItem.dob"

169

v-model="editedItem.dob"

170

placeholder="Select Dob"

170

placeholder="Select Dob"

171

></v-text-field>

171

></v-text-field>

172

<v-date-picker

172

<v-date-picker

173

ref="picker"

173

ref="picker"

174

v-model="editedItem.dob"

174

v-model="editedItem.dob"

175

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

175

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

176

min="1950-01-01"

176

min="1950-01-01"

177

@input="menu1 = false"

177

@input="menu1 = false"

178

></v-date-picker>

178

></v-date-picker>

179

</v-menu>

179

</v-menu>

180

</v-flex>

180

</v-flex>

181

</v-layout>

181

</v-layout>

182

</v-flex>

182

</v-flex>

183

<v-flex xs12 sm4>

183

<v-flex xs12 sm4>

184

<v-layout>

184

<v-layout>

185

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

185

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

186

186

187

</v-flex>

187

</v-flex>

188

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

188

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

189

<v-text-field

189

<v-text-field

190

v-model="editedItem.city"

190

v-model="editedItem.city"

191

placeholder="fill your City Name"

191

placeholder="fill your City Name"

192

name="City"

192

name="City"

193

type="text"

193

type="text"

194

required

194

required

195

></v-text-field>

195

></v-text-field>

196

</v-flex>

196

</v-flex>

197

</v-layout>

197

</v-layout>

198

</v-flex>

198

</v-flex>

199

</v-layout>

199

</v-layout>

200

<v-layout>

200

<v-layout>

201

<v-flex xs12 sm4>

201

<v-flex xs12 sm4>

202

<v-layout>

202

<v-layout>

203

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

203

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

204

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

204

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

205

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

205

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

206

</v-flex>

206

</v-flex>

207

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

207

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

208

<v-text-field

208

<v-text-field

209

v-model="editedItem.bloodGroup"

209

v-model="editedItem.bloodGroup"

210

placeholder="fill your BloodGroup"

210

placeholder="fill your BloodGroup"

211

name="state"

211

name="state"

212

type="text"

212

type="text"

213

required

213

required

214

></v-text-field>

214

></v-text-field>

215

</v-flex>

215

</v-flex>

216

</v-layout>

216

</v-layout>

217

</v-flex>

217

</v-flex>

218

<v-flex xs12 sm4>

218

<v-flex xs12 sm4>

219

<v-layout>

219

<v-layout>

220

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

220

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

221

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

221

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

222

</v-flex>

222

</v-flex>

223

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

223

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

224

<v-select

224

<v-select

225

:items="gender"

225

:items="gender"

226

v-model="editedItem.gender"

226

v-model="editedItem.gender"

227

placeholder="Select Gender"

227

placeholder="Select Gender"

228

required

228

required

229

></v-select>

229

></v-select>

230

</v-flex>

230

</v-flex>

231

</v-layout>

231

</v-layout>

232

</v-flex>

232

</v-flex>

233

<v-flex xs12 sm4>

233

<v-flex xs12 sm4>

234

<v-layout>

234

<v-layout>

235

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

235

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

236

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

236

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

237

</v-flex>

237

</v-flex>

238

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

238

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

239

<v-text-field

239

<v-text-field

240

v-model="editedItem.medicalNotes"

240

v-model="editedItem.medicalNotes"

241

placeholder="fill your medicalNotes"

241

placeholder="fill your medicalNotes"

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

247

</v-layout>

248

<v-layout>

248

<v-layout>

249

<v-flex xs12 sm4>

249

<v-flex xs12 sm4>

250

<v-layout>

250

<v-layout>

251

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

251

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

252

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

252

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

253

</v-flex>

253

</v-flex>

254

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

254

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

255

<v-text-field

255

<v-text-field

256

v-model="editedItem.height"

256

v-model="editedItem.height"

257

placeholder="fill your Height"

257

placeholder="fill your Height"

258

name="state"

258

name="state"

259

type="text"

259

type="text"

260

required

260

required

261

></v-text-field>

261

></v-text-field>

262

</v-flex>

262

</v-flex>

263

</v-layout>

263

</v-layout>

264

</v-flex>

264

</v-flex>

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">Weight:</label>

268

<label class="right">Weight:</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.weight"

272

v-model="editedItem.weight"

273

placeholder="fill your Weight"

273

placeholder="fill your Weight"

274

name="pincode"

274

name="pincode"

275

required

275

required

276

></v-text-field>

276

></v-text-field>

277

</v-flex>

277

</v-flex>

278

</v-layout>

278

</v-layout>

279

</v-flex>

279

</v-flex>

280

<v-flex xs12 sm4>

280

<v-flex xs12 sm4>

281

<v-layout>

281

<v-layout>

282

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

282

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

283

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

283

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

284

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

284

<label class="right hidden-lg-only hidden-md-only hidden-xl-only">Uplaod:</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

label="Select Image"

288

label="Select Image"

289

@click="pickEditFile"

289

@click="pickEditFile"

290

v-model="editImageName"

290

v-model="editImageName"

291

append-icon="attach_file"

291

append-icon="attach_file"

292

></v-text-field>

292

></v-text-field>

293

</v-flex>

293

</v-flex>

294

</v-layout>

294

</v-layout>

295

</v-flex>

295

</v-flex>

296

</v-layout>

296

</v-layout>

297

<v-layout>

297

<v-layout>

298

<v-flex xs12 sm4>

298

<v-flex xs12 sm4>

299

<v-layout>

299

<v-layout>

300

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

300

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

301

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

301

<label class="right">State:</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.state"

305

v-model="editedItem.state"

306

placeholder="fill your State Name"

306

placeholder="fill your State Name"

307

name="state"

307

name="state"

308

type="text"

308

type="text"

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-flex xs12 sm4>

314

<v-flex xs12 sm4>

315

<v-layout>

315

<v-layout>

316

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

316

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

317

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

317

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

318

</v-flex>

318

</v-flex>

319

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

319

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

320

<v-text-field

320

<v-text-field

321

v-model="editedItem.pincode"

321

v-model="editedItem.pincode"

322

placeholder="fill your pincode"

322

placeholder="fill your pincode"

323

name="pincode"

323

name="pincode"

324

type="number"

324

type="number"

325

required

325

required

326

></v-text-field>

326

></v-text-field>

327

</v-flex>

327

</v-flex>

328

</v-layout>

328

</v-layout>

329

</v-flex>

329

</v-flex>

330

<v-flex xs12 sm4>

330

<v-flex xs12 sm4>

331

<v-layout>

331

<v-layout>

332

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

332

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

333

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

333

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

334

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

334

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

335

</v-flex>

335

</v-flex>

336

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

336

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

337

<v-text-field

337

<v-text-field

338

v-model="editedItem.mobile"

338

v-model="editedItem.mobile"

339

placeholder="fill your MobileNo"

339

placeholder="fill your MobileNo"

340

name="mobileNo"

340

name="mobileNo"

341

type="number"

341

type="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-layout>

347

</v-layout>

348

<v-layout>

348

<v-layout>

349

<v-flex xs12 sm4>

349

<v-flex xs12 sm4>

350

<v-layout>

350

<v-layout>

351

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

351

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

352

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

352

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

353

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

353

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

354

</v-flex>

354

</v-flex>

355

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

355

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

356

<v-autocomplete

356

<v-autocomplete

357

v-model="editedItem.country"

357

v-model="editedItem.country"

358

:items="countries"

358

:items="countries"

359

placeholder="Select Country Name"

359

placeholder="Select Country Name"

360

required

360

required

361

></v-autocomplete>

361

></v-autocomplete>

362

</v-flex>

362

</v-flex>

363

</v-layout>

363

</v-layout>

364

</v-flex>

364

</v-flex>

365

<v-flex xs12 sm4>

365

<v-flex xs12 sm4>

366

<v-layout>

366

<v-layout>

367

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

367

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

368

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

368

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

369

369

370

</v-flex>

370

</v-flex>

371

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

371

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

372

<v-text-field

372

<v-text-field

373

:items="gender"

373

:items="gender"

374

v-model="editedItem.rollNo"

374

v-model="editedItem.rollNo"

375

placeholder="fill roll number"

375

placeholder="fill roll number"

376

required

376

required

377

></v-text-field>

377

></v-text-field>

378

</v-flex>

378

</v-flex>

379

</v-layout>

379

</v-layout>

380

</v-flex>

380

</v-flex>

381

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

381

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

382

<v-layout>

382

<v-layout>

383

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

383

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

384

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

384

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

385

<label

385

<label

386

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

386

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

387

>Permanent Address:</label>

387

>Permanent Address:</label>

388

</v-flex>

388

</v-flex>

389

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

389

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

390

<v-text-field

390

<v-text-field

391

v-model="editedItem.permanentAddress"

391

v-model="editedItem.permanentAddress"

392

placeholder="fill Your Permanent Address"

392

placeholder="fill Your Permanent Address"

393

required

393

required

394

></v-text-field>

394

></v-text-field>

395

</v-flex>

395

</v-flex>

396

</v-layout>

396

</v-layout>

397

</v-flex>

397

</v-flex>

398

</v-layout>

398

</v-layout>

399

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

399

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

400

<v-flex xs12 sm4>

400

<v-flex xs12 sm4>

401

<v-layout>

401

<v-layout>

402

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

402

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

403

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

403

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

404

<label

404

<label

405

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

405

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

406

>Present Address:</label>

406

>Present Address:</label>

407

</v-flex>

407

</v-flex>

408

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

408

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

409

<v-text-field

409

<v-text-field

410

v-model="editedItem.presentAddress"

410

v-model="editedItem.presentAddress"

411

placeholder="Select Country Name"

411

placeholder="Select Country Name"

412

required

412

required

413

></v-text-field>

413

></v-text-field>

414

</v-flex>

414

</v-flex>

415

</v-layout>

415

</v-layout>

416

</v-flex>

416

</v-flex>

417

</v-layout>

417

</v-layout>

418

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

418

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

419

<v-flex xs12 sm12>

419

<v-flex xs12 sm12>

420

<v-layout>

420

<v-layout>

421

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

421

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

422

<label class>Present Address :</label>

422

<label class>Present Address :</label>

423

</v-flex>

423

</v-flex>

424

</v-layout>

424

</v-layout>

425

<v-layout>

425

<v-layout>

426

<v-flex xs12 sm12>

426

<v-flex xs12 sm12>

427

<v-textarea

427

<v-textarea

428

v-model="editedItem.presentAddress"

428

v-model="editedItem.presentAddress"

429

placeholder="fill Your present Address"

429

placeholder="fill Your present 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-flex xs12 sm12>

435

<v-flex xs12 sm12>

436

<v-layout>

436

<v-layout>

437

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

437

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

438

<label>Permanent addr:</label>

438

<label>Permanent addr:</label>

439

</v-flex>

439

</v-flex>

440

</v-layout>

440

</v-layout>

441

<v-layout>

441

<v-layout>

442

<v-flex xs12 sm12>

442

<v-flex xs12 sm12>

443

<v-textarea

443

<v-textarea

444

name="input-4-3"

444

name="input-4-3"

445

v-model="editedItem.permanentAddress"

445

v-model="editedItem.permanentAddress"

446

placeholder="fill Your Permanent Address"

446

placeholder="fill Your Permanent Address"

447

required

447

required

448

></v-textarea>

448

></v-textarea>

449

</v-flex>

449

</v-flex>

450

</v-layout>

450

</v-layout>

451

</v-flex>

451

</v-flex>

452

</v-layout>

452

</v-layout>

453

<v-layout>

453

<v-layout>

454

<v-flex xs12 sm12>

454

<v-flex xs12 sm12>

455

<v-layout>

455

<v-layout>

456

<v-flex xs6>

456

<v-flex xs6>

457

<v-btn round dark @click.native="close">Cancel</v-btn>

457

<v-btn round dark @click.native="close">Cancel</v-btn>

458

</v-flex>

458

</v-flex>

459

<v-flex xs6>

459

<v-flex xs6>

460

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

460

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

461

</v-flex>

461

</v-flex>

462

</v-layout>

462

</v-layout>

463

</v-flex>

463

</v-flex>

464

</v-layout>

464

</v-layout>

465

</v-container>

465

</v-container>

466

</v-form>

466

</v-form>

467

</v-card-text>

467

</v-card-text>

468

</v-card>

468

</v-card>

469

</v-dialog>

469

</v-dialog>

470

471

471

472

473

<v-dialog v-model="dialog1" max-width="1200px" scrollable>

473

<v-dialog v-model="dialog1" max-width="1200px" scrollable>

474

<v-card>

474

<v-card>

475

<v-toolbar color="grey lighten-2" flat>

475

<v-toolbar color="grey lighten-2" flat>

476

<v-spacer></v-spacer>

476

<v-spacer></v-spacer>

477

<v-toolbar-title>Student Profile</v-toolbar-title>

477

<v-toolbar-title>Student Profile</v-toolbar-title>

478

<v-spacer></v-spacer>

478

<v-spacer></v-spacer>

479

<v-icon @click="close1">close</v-icon>

479

<v-icon @click="close1">close</v-icon>

480

</v-toolbar>

480

</v-toolbar>

481

<v-card-text style="height: 700px;">

481

<v-card-text style="height: 700px;">

482

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

482

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

483

<v-avatar size="160px">

483

<v-avatar size="160px">

484

484

485

485

486

</v-avatar>

486

</v-avatar>

487

</v-flex>

487

</v-flex>

488

<v-container grid-list-md>

488

<v-container grid-list-md>

489

<v-layout wrap>

489

<v-layout wrap>

490

<v-flex xs12 sm5>

490

<v-flex xs12 sm5>

491

<v-layout>

491

<v-layout>

492

<v-flex xs6 sm6>

492

<v-flex xs6 sm6>

493

493

494

494

495

</h5>

495

</h5>

496

</v-flex>

496

</v-flex>

497

<v-flex sm6 xs6>

497

<v-flex sm6 xs6>

498

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

498

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

499

</v-flex>

499

</v-flex>

500

</v-layout>

500

</v-layout>

501

</v-flex>

501

</v-flex>

502

<v-flex xs12 sm7>

502

<v-flex xs12 sm7>

503

<v-layout>

503

<v-layout>

504

<v-flex xs6 sm4>

504

<v-flex xs6 sm4>

505

505

506

<b>Email:</b>

506

<b>Email:</b>

507

</h5>

507

</h5>

508

</v-flex>

508

</v-flex>

509

<v-flex sm8 xs6>

509

<v-flex sm8 xs6>

510

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

510

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

511

</v-flex>

511

</v-flex>

512

</v-layout>

512

</v-layout>

513

</v-flex>

513

</v-flex>

514

</v-layout>

514

</v-layout>

515

<v-layout wrap>

515

<v-layout wrap>

516

<v-flex xs12 sm5>

516

<v-flex xs12 sm5>

517

<v-layout>

517

<v-layout>

518

<v-flex xs6 sm6>

518

<v-flex xs6 sm6>

519

<b>

519

<b>

520

520

521

<b>Gender:</b>

521

<b>Gender:</b>

522

</h5>

522

</h5>

523

</b>

523

</b>

524

</v-flex>

524

</v-flex>

525

<v-flex sm6 xs6>

525

<v-flex sm6 xs6>

526

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

526

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

527

</v-flex>

527

</v-flex>

528

</v-layout>

528

</v-layout>

529

</v-flex>

529

</v-flex>

530

<v-flex xs12 sm7>

530

<v-flex xs12 sm7>

531

<v-layout>

531

<v-layout>

532

<v-flex xs6 sm4>

532

<v-flex xs6 sm4>

533

<b>

533

<b>

534

534

535

535

536

</h5>

536

</h5>

537

</b>

537

</b>

538

</v-flex>

538

</v-flex>

539

<v-flex sm8 xs6>

539

<v-flex sm8 xs6>

540

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

540

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

541

</v-flex>

541

</v-flex>

542

</v-layout>

542

</v-layout>

543

</v-flex>

543

</v-flex>

544

</v-layout>

544

</v-layout>

545

<v-layout wrap>

545

<v-layout wrap>

546

<v-flex xs12 sm5>

546

<v-flex xs12 sm5>

547

<v-layout>

547

<v-layout>

548

<v-flex xs6 sm6>

548

<v-flex xs6 sm6>

549

<b>

549

<b>

550

550

551

<b>Blood Group:</b>

551

<b>Blood Group:</b>

552

</h5>

552

</h5>

553

</b>

553

</b>

554

</v-flex>

554

</v-flex>

555

<v-flex sm6 xs6>

555

<v-flex sm6 xs6>

556

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

556

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

557

</v-flex>

557

</v-flex>

558

</v-layout>

558

</v-layout>

559

</v-flex>

559

</v-flex>

560

<v-flex xs12 sm7>

560

<v-flex xs12 sm7>

561

<v-layout>

561

<v-layout>

562

<v-flex xs6 sm4>

562

<v-flex xs6 sm4>

563

<b>

563

<b>

564

564

565

565

566

</h5>

566

</h5>

567

</b>

567

</b>

568

</v-flex>

568

</v-flex>

569

<v-flex sm8 xs6>

569

<v-flex sm8 xs6>

570

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

570

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

571

</v-flex>

571

</v-flex>

572

</v-layout>

572

</v-layout>

573

</v-flex>

573

</v-flex>

574

</v-layout>

574

</v-layout>

575

<v-layout wrap>

575

<v-layout wrap>

576

<v-flex xs12 sm5>

576

<v-flex xs12 sm5>

577

<v-layout>

577

<v-layout>

578

<v-flex xs6 sm6>

578

<v-flex xs6 sm6>

579

<b>

579

<b>

580

580

581

<b>Height:</b>

581

<b>Height:</b>

582

</h5>

582

</h5>

583

</b>

583

</b>

584

</v-flex>

584

</v-flex>

585

<v-flex sm6 xs6>

585

<v-flex sm6 xs6>

586

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

586

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

587

</v-flex>

587

</v-flex>

588

</v-layout>

588

</v-layout>

589

</v-flex>

589

</v-flex>

590

<v-flex xs12 sm7>

590

<v-flex xs12 sm7>

591

<v-layout>

591

<v-layout>

592

<v-flex xs6 sm4>

592

<v-flex xs6 sm4>

593

<b>

593

<b>

594

594

595

<b>Weight:</b>

595

<b>Weight:</b>

596

</h5>

596

</h5>

597

</b>

597

</b>

598

</v-flex>

598

</v-flex>

599

<v-flex sm8 xs6>

599

<v-flex sm8 xs6>

600

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

600

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

601

</v-flex>

601

</v-flex>

602

</v-layout>

602

</v-layout>

603

</v-flex>

603

</v-flex>

604

</v-layout>

604

</v-layout>

605

<v-layout wrap>

605

<v-layout wrap>

606

<v-flex xs12 sm5>

606

<v-flex xs12 sm5>

607

<v-layout>

607

<v-layout>

608

<v-flex xs6 sm6>

608

<v-flex xs6 sm6>

609

<b>

609

<b>

610

610

611

611

612

</h5>

612

</h5>

613

</b>

613

</b>

614

</v-flex>

614

</v-flex>

615

<v-flex sm6 xs6>

615

<v-flex sm6 xs6>

616

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

616

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

617

</v-flex>

617

</v-flex>

618

</v-layout>

618

</v-layout>

619

</v-flex>

619

</v-flex>

620

<v-flex xs12 sm7>

620

<v-flex xs12 sm7>

621

<v-layout>

621

<v-layout>

622

<v-flex xs6 sm4>

622

<v-flex xs6 sm4>

623

<b>

623

<b>

624

624

625

<b>State:</b>

625

<b>State:</b>

626

</h5>

626

</h5>

627

</b>

627

</b>

628

</v-flex>

628

</v-flex>

629

<v-flex sm8 xs6>

629

<v-flex sm8 xs6>

630

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

630

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

631

</v-flex>

631

</v-flex>

632

</v-layout>

632

</v-layout>

633

</v-flex>

633

</v-flex>

634

</v-layout>

634

</v-layout>

635

<v-layout wrap>

635

<v-layout wrap>

636

<v-flex xs12 sm5>

636

<v-flex xs12 sm5>

637

<v-layout>

637

<v-layout>

638

<v-flex xs6 sm6>

638

<v-flex xs6 sm6>

639

<b>

639

<b>

640

640

641

<b>Pincode:</b>

641

<b>Pincode:</b>

642

</h5>

642

</h5>

643

</b>

643

</b>

644

</v-flex>

644

</v-flex>

645

<v-flex sm6 xs6>

645

<v-flex sm6 xs6>

646

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

646

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

647

</v-flex>

647

</v-flex>

648

</v-layout>

648

</v-layout>

649

</v-flex>

649

</v-flex>

650

<v-flex xs12 sm7>

650

<v-flex xs12 sm7>

651

<v-layout>

651

<v-layout>

652

<v-flex xs6 sm4>

652

<v-flex xs6 sm4>

653

<b>

653

<b>

654

654

655

<b>Country:</b>

655

<b>Country:</b>

656

</h5>

656

</h5>

657

</b>

657

</b>

658

</v-flex>

658

</v-flex>

659

<v-flex sm7 xs6>

659

<v-flex sm7 xs6>

660

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

660

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

661

</v-flex>

661

</v-flex>

662

</v-layout>

662

</v-layout>

663

</v-flex>

663

</v-flex>

664

</v-layout>

664

</v-layout>

665

<v-layout wrap>

665

<v-layout wrap>

666

<v-flex xs12 sm5>

666

<v-flex xs12 sm5>

667

<v-layout>

667

<v-layout>

668

<v-flex sm6 xs6>

668

<v-flex sm6 xs6>

669

<b>

669

<b>

670

670

671

<b>Mobile No:</b>

671

<b>Mobile No:</b>

672

</h5>

672

</h5>

673

</b>

673

</b>

674

</v-flex>

674

</v-flex>

675

<v-flex sm6 xs6>

675

<v-flex sm6 xs6>

676

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

676

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

677

</v-flex>

677

</v-flex>

678

</v-layout>

678

</v-layout>

679

</v-flex>

679

</v-flex>

680

<v-flex xs12 sm7>

680

<v-flex xs12 sm7>

681

<v-layout>

681

<v-layout>

682

<v-flex xs6 sm4>

682

<v-flex xs6 sm4>

683

<b>

683

<b>

684

684

685

<b>FahterName:</b>

685

<b>FahterName:</b>

686

</h5>

686

</h5>

687

</b>

687

</b>

688

</v-flex>

688

</v-flex>

689

<v-flex sm8 xs6>

689

<v-flex sm8 xs6>

690

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

690

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

691

</v-flex>

691

</v-flex>

692

</v-layout>

692

</v-layout>

693

</v-flex>

693

</v-flex>

694

</v-layout>

694

</v-layout>

695

<v-layout wrap>

695

<v-layout wrap>

696

<v-flex xs12 sm5>

696

<v-flex xs12 sm5>

697

<v-layout>

697

<v-layout>

698

<v-flex xs6 sm6>

698

<v-flex xs6 sm6>

699

<b>

699

<b>

700

700

701

<b>MotherName:</b>

701

<b>MotherName:</b>

702

</h5>

702

</h5>

703

</b>

703

</b>

704

</v-flex>

704

</v-flex>

705

<v-flex sm6 xs6>

705

<v-flex sm6 xs6>

706

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

706

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

707

</v-flex>

707

</v-flex>

708

</v-layout>

708

</v-layout>

709

</v-flex>

709

</v-flex>

710

<v-flex xs12 sm7>

710

<v-flex xs12 sm7>

711

<v-layout>

711

<v-layout>

712

<v-flex xs6 sm4>

712

<v-flex xs6 sm4>

713

<b>

713

<b>

714

714

715

<b>FatherCellNo:</b>

715

<b>FatherCellNo:</b>

716

</h5>

716

</h5>

717

</b>

717

</b>

718

</v-flex>

718

</v-flex>

719

<v-flex sm6 xs6>

719

<v-flex sm6 xs6>

720

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

720

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

721

</v-flex>

721

</v-flex>

722

</v-layout>

722

</v-layout>

723

</v-flex>

723

</v-flex>

724

</v-layout>

724

</v-layout>

725

<v-layout wrap>

725

<v-layout wrap>

726

<v-flex xs12 sm5>

726

<v-flex xs12 sm5>

727

<v-layout>

727

<v-layout>

728

<v-flex xs6 sm6>

728

<v-flex xs6 sm6>

729

<b>

729

<b>

730

730

731

<b>MotherCellNo:</b>

731

<b>MotherCellNo:</b>

732

</h5>

732

</h5>

733

</b>

733

</b>

734

</v-flex>

734

</v-flex>

735

<v-flex sm6 xs6>

735

<v-flex sm6 xs6>

736

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

736

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

737

</v-flex>

737

</v-flex>

738

</v-layout>

738

</v-layout>

739

</v-flex>

739

</v-flex>

740

<v-flex xs12 sm7>

740

<v-flex xs12 sm7>

741

<v-layout>

741

<v-layout>

742

<v-flex xs6 sm4>

742

<v-flex xs6 sm4>

743

<b>

743

<b>

744

744

745

<b>AcademicYear:</b>

745

<b>AcademicYear:</b>

746

</h5>

746

</h5>

747

</b>

747

</b>

748

</v-flex>

748

</v-flex>

749

<v-flex sm5 xs8>

749

<v-flex sm5 xs8>

750

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

750

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

751

</v-flex>

751

</v-flex>

752

</v-layout>

752

</v-layout>

753

</v-flex>

753

</v-flex>

754

</v-layout>

754

</v-layout>

755

<v-layout wrap>

755

<v-layout wrap>

756

<v-flex xs12 sm5>

756

<v-flex xs12 sm5>

757

<v-layout>

757

<v-layout>

758

<v-flex xs6 sm6>

758

<v-flex xs6 sm6>

759

<b>

759

<b>

760

760

761

<b>MedicalNotes:</b>

761

<b>MedicalNotes:</b>

762

</h5>

762

</h5>

763

</b>

763

</b>

764

</v-flex>

764

</v-flex>

765

<v-flex sm5 xs6>

765

<v-flex sm5 xs6>

766

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

766

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

767

</v-flex>

767

</v-flex>

768

</v-layout>

768

</v-layout>

769

</v-flex>

769

</v-flex>

770

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

770

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

771

<v-layout wrap>

771

<v-layout wrap>

772

<v-flex sm4>

772

<v-flex sm4>

773

<b>

773

<b>

774

774

775

<b>present Address:</b>

775

<b>present Address:</b>

776

</h5>

776

</h5>

777

</b>

777

</b>

778

</v-flex>

778

</v-flex>

779

<v-flex sm8>

779

<v-flex sm8>

780

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

780

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

781

</v-flex>

781

</v-flex>

782

</v-layout>

782

</v-layout>

783

</v-flex>

783

</v-flex>

784

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

784

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

785

<v-layout wrap>

785

<v-layout wrap>

786

<v-flex sm5>

786

<v-flex sm5>

787

<b>

787

<b>

788

788

789

<b>Permanent Address:</b>

789

<b>Permanent Address:</b>

790

</h5>

790

</h5>

791

</b>

791

</b>

792

</v-flex>

792

</v-flex>

793

<v-flex sm7>

793

<v-flex sm7>

794

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

794

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

795

</v-flex>

795

</v-flex>

796

</v-layout>

796

</v-layout>

797

</v-flex>

797

</v-flex>

798

</v-layout>

798

</v-layout>

799

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

799

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

800

<v-flex xs12 sm5>

800

<v-flex xs12 sm5>

801

<v-layout wrap>

801

<v-layout wrap>

802

<v-flex xs12 sm6>

802

<v-flex xs12 sm6>

803

<b>

803

<b>

804

804

805

<b>present Address:-</b>

805

<b>present Address:-</b>

806

</h5>

806

</h5>

807

</b>

807

</b>

808

</v-flex>

808

</v-flex>

809

<v-flex sm5 xs12>

809

<v-flex sm5 xs12>

810

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

810

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

811

</v-flex>

811

</v-flex>

812

</v-layout>

812

</v-layout>

813

</v-flex>

813

</v-flex>

814

<v-flex xs12 sm6>

814

<v-flex xs12 sm6>

815

<v-layout wrap>

815

<v-layout wrap>

816

<v-flex xs12 sm6>

816

<v-flex xs12 sm6>

817

<b>

817

<b>

818

818

819

<b>Permanent Address:-</b>

819

<b>Permanent Address:-</b>

820

</h5>

820

</h5>

821

</b>

821

</b>

822

</v-flex>

822

</v-flex>

823

<v-flex sm6 xs12>

823

<v-flex sm6 xs12>

824

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

824

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

825

</v-flex>

825

</v-flex>

826

</v-layout>

826

</v-layout>

827

</v-flex>

827

</v-flex>

828

</v-layout>

828

</v-layout>

829

</v-container>

829

</v-container>

830

</v-card-text>

830

</v-card-text>

831

</v-card>

831

</v-card>

832

</v-dialog>

832

</v-dialog>

833

834

<v-snackbar

834

<v-snackbar

835

:timeout="timeout"

835

:timeout="timeout"

836

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

836

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

837

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

837

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

838

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

838

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

839

v-model="snackbar"

839

v-model="snackbar"

840

color="success"

840

color="success"

841

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

841

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

842

843

843

844

<v-card flat>

844

<v-card flat>

845

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

845

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

846

<v-layout>

846

<v-layout>

847

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

847

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

848

<v-select

848

<v-select

849

:items="addclass"

849

:items="addclass"

850

label="Select Class"

850

label="Select Class"

851

v-model="selectStudents.select"

851

v-model="selectStudents.select"

852

item-text="classNum"

852

item-text="classNum"

853

item-value="_id"

853

item-value="_id"

854

name="Select Class"

854

name="Select Class"

855

:rules="classRules"

855

:rules="classRules"

856

@change="getSections(selectStudents.select)"

856

@change="getSections(selectStudents.select)"

857

class="px-4"

857

class="px-4"

858

required

858

required

859

></v-select>

859

></v-select>

860

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

860

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

861

<v-select

861

<v-select

862

:items="addSection"

862

:items="addSection"

863

label="Select Section"

863

label="Select Section"

864

v-model="selectStudents.selectSection"

864

v-model="selectStudents.selectSection"

865

item-text="name"

865

item-text="name"

866

item-value="_id"

866

item-value="_id"

867

name="Select Section"

867

name="Select Section"

868

:rules="sectionRules"

868

:rules="sectionRules"

869

class="pl-3"

869

class="pl-3"

870

required

870

required

871

></v-select>

871

></v-select>

872

</v-layout>

872

</v-layout>

873

<v-spacer></v-spacer>

873

<v-spacer></v-spacer>

874

<v-btn @click="findStudents()" round dark :loading="loading" class="left">Find</v-btn>

874

<v-btn @click="findStudents()" round dark :loading="loading" class="left">Find</v-btn>

875

</v-card-actions>

875

</v-card-actions>

876

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

876

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

877

<v-layout>

877

<v-layout>

878

<v-flex xs4>

878

<v-flex xs4>

879

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

879

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

880

</v-flex>

880

</v-flex>

881

<v-flex xs8>

881

<v-flex xs8>

882

<v-select

882

<v-select

883

:items="addclass"

883

:items="addclass"

884

label="Select Class"

884

label="Select Class"

885

v-model="selectStudents.select"

885

v-model="selectStudents.select"

886

item-text="classNum"

886

item-text="classNum"

887

item-value="_id"

887

item-value="_id"

888

name="Select Class"

888

name="Select Class"

889

:rules="classRules"

889

:rules="classRules"

890

@change="getSections(selectStudents.select)"

890

@change="getSections(selectStudents.select)"

891

class="px-2"

891

class="px-2"

892

required

892

required

893

></v-select>

893

></v-select>

894

</v-flex>

894

</v-flex>

895

</v-layout>

895

</v-layout>

896

<v-layout>

896

<v-layout>

897

<v-flex xs4>

897

<v-flex xs4>

898

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

898

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

899

</v-flex>

899

</v-flex>

900

<v-flex xs8>

900

<v-flex xs8>

901

<v-select

901

<v-select

902

:items="addSection"

902

:items="addSection"

903

label="Select Section"

903

label="Select Section"

904

v-model="selectStudents.selectSection"

904

v-model="selectStudents.selectSection"

905

item-text="name"

905

item-text="name"

906

item-value="_id"

906

item-value="_id"

907

name="Select Section"

907

name="Select Section"

908

:rules="sectionRules"

908

:rules="sectionRules"

909

class="px-2"

909

class="px-2"

910

required

910

required

911

></v-select>

911

></v-select>

912

</v-flex>

912

</v-flex>

913

</v-layout>

913

</v-layout>

914

<v-layout>

914

<v-layout>

915

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

915

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

916

<v-btn @click="findStudents()" block round dark :loading="loading">Find</v-btn>

916

<v-btn @click="findStudents()" block round dark :loading="loading">Find</v-btn>

917

</v-flex>

917

</v-flex>

918

</v-layout>

918

</v-layout>

919

</v-flex>

919

</v-flex>

920

</v-card>

920

</v-card>

921

<v-data-table

921

<v-data-table

922

:headers="headers"

922

:headers="headers"

923

:items="desserts"

923

:items="desserts"

924

:pagination.sync="pagination"

924

:pagination.sync="pagination"

925

:search="search"

925

:search="search"

926

>

926

>

927

927

928

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

928

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

929

929

930

<v-avatar>

930

<v-avatar>

931

931

932

932

933

</v-avatar>

933

</v-avatar>

934

</td>

934

</td>

935

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

935

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

936

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

936

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

937

<td id="td" class="text-xs-center">{{ dates(props.item.dob) }}</td>

937

<td id="td" class="text-xs-center">{{ dates(props.item.dob) }}</td>

938

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

938

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

939

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

939

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

940

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

940

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

941

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

941

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

942

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

942

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

943

943

944

<v-switch

944

<v-switch

945

class="pl-3"

945

class="pl-3"

946

v-model="props.item.status"

946

v-model="props.item.status"

947

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

947

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

948

></v-switch>

948

></v-switch>

949

</td>

949

</td>

950

950

951

<span>

951

<span>

952

<v-tooltip top>

952

<v-tooltip top>

953

<img

953

<img

954

slot="activator"

954

slot="activator"

955

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

955

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

956

class="mr5"

956

class="mr5"

957

@click="profile(props.item)"

957

@click="profile(props.item)"

958

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

958

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

959

/>

959

/>

960

960

961

</v-tooltip>

961

</v-tooltip>

962

<v-tooltip top>

962

<v-tooltip top>

963

<img

963

<img

964

slot="activator"

964

slot="activator"

965

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

965

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

966

class="mr5"

966

class="mr5"

967

@click="editItem(props.item)"

967

@click="editItem(props.item)"

968

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

968

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

969

/>

969

/>

970

970

971

</v-tooltip>

971

</v-tooltip>

972

<v-tooltip top>

972

<v-tooltip top>

973

<img

973

<img

974

slot="activator"

974

slot="activator"

975

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

975

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

976

class="mr5"

976

class="mr5"

977

@click="deleteItem(props.item)"

977

@click="deleteItem(props.item)"

978

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

978

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

979

/>

979

/>

980

<span>Delete</span>

980

<span>Delete</span>

981

</v-tooltip>

981

</v-tooltip>

982

</span>

982

</span>

983

</td>

983

</td>

984

</template>

984

</template>

985

<v-alert

985

<v-alert

986

slot="no-results"

986

slot="no-results"

987

:value="true"

987

:value="true"

988

color="error"

988

color="error"

989

icon="warning"

989

icon="warning"

990

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

990

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

991

</v-data-table>

991

</v-data-table>

992

</v-tab-item>

992

</v-tab-item>

993

994

994

995

<v-tab-item>

995

<v-tab-item>

996

<v-container fluid>

996

<v-container fluid>

997

<v-layout align-center justify-center fill-height>

997

<v-layout align-center justify-center fill-height>

998

<v-flex xs12 sm12 md10 lg11>

998

<v-flex xs12 sm12 md10 lg11>

999

<div>

999

<div>

1000

<v-app>

1000

<v-app>

1001

<v-stepper v-model="e2">

1001

<v-stepper v-model="e2">

1002

<v-stepper-header>

1002

<v-stepper-header>

1003

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

1003

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

1004

<v-divider></v-divider>

1004

<v-divider></v-divider>

1005

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

1005

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

1006

</v-stepper-header>

1006

</v-stepper-header>

1007

<v-stepper-items>

1007

<v-stepper-items>

1008

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

1008

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

1009

<v-container fluid class>

1009

<v-container fluid class>

1010

<v-snackbar

1010

<v-snackbar

1011

:timeout="timeout"

1011

:timeout="timeout"

1012

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

1012

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

1013

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

1013

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

1014

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

1014

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

1015

v-model="snackbar"

1015

v-model="snackbar"

1016

color="success"

1016

color="success"

1017

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

1017

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

1018

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

1018

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

1019

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

1019

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

1020

<v-layout wrap>

1020

<v-layout wrap>

1021

<v-flex xs12 sm6>

1021

<v-flex xs12 sm6>

1022

<v-layout wrap>

1022

<v-layout wrap>

1023

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

1023

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

1024

<label>Father Cell No:</label>

1024

<label>Father Cell No:</label>

1025

</v-flex>

1025

</v-flex>

1026

<v-flex xs12>

1026

<v-flex xs12>

1027

<v-text-field

1027

<v-text-field

1028

v-model.trim="parentData.fatherCellNo"

1028

v-model.trim="parentData.fatherCellNo"

1029

placeholder="fill your father Cell Number"

1029

placeholder="fill your father Cell Number"

1030

type="number"

1030

type="number"

1031

:rules="fatheCellNoRules"

1031

:rules="fatheCellNoRules"

1032

counter="10"

1032

counter="10"

1033

v-on:keyup="getParentDetails()"

1033

v-on:keyup="getParentDetails()"

1034

required

1034

required

1035

></v-text-field>

1035

></v-text-field>

1036

</v-flex>

1036

</v-flex>

1037

</v-layout>

1037

</v-layout>

1038

</v-flex>

1038

</v-flex>

1039

<v-flex xs12 sm6>

1039

<v-flex xs12 sm6>

1040

<v-layout wrap>

1040

<v-layout wrap>

1041

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

1041

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

1042

<label>Parent Email Id:</label>

1042

<label>Parent Email Id:</label>

1043

</v-flex>

1043

</v-flex>

1044

<v-flex xs12>

1044

<v-flex xs12>

1045

<v-text-field

1045

<v-text-field

1046

placeholder="fill Parent email"

1046

placeholder="fill Parent email"

1047

v-model="parentData.email"

1047

v-model="parentData.email"

1048

type="text"

1048

type="text"

1049

required

1049

required

1050

></v-text-field>

1050

></v-text-field>

1051

</v-flex>

1051

</v-flex>

1052

</v-layout>

1052

</v-layout>

1053

</v-flex>

1053

</v-flex>

1054

</v-layout>

1054

</v-layout>

1055

<v-layout wrap>

1055

<v-layout wrap>

1056

<v-flex xs12 sm6>

1056

<v-flex xs12 sm6>

1057

<v-layout wrap>

1057

<v-layout wrap>

1058

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

1058

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

1059

<label>Father Name:</label>

1059

<label>Father Name:</label>

1060

</v-flex>

1060

</v-flex>

1061

<v-flex xs12>

1061

<v-flex xs12>

1062

<v-text-field

1062

<v-text-field

1063

v-model="parentData.fatherName"

1063

v-model="parentData.fatherName"

1064

placeholder="Fill your father Name"

1064

placeholder="Fill your father Name"

1065

required

1065

required

1066

></v-text-field>

1066

></v-text-field>

1067

</v-flex>

1067

</v-flex>

1068

</v-layout>

1068

</v-layout>

1069

</v-flex>

1069

</v-flex>

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>Mother Name:</label>

1073

<label>Mother 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.motherName"

1077

v-model="parentData.motherName"

1078

placeholder="fill your Mother Name"

1078

placeholder="fill your Mother Name"

1079

type="text"

1079

type="text"

1080

required

1080

required

1081

></v-text-field>

1081

></v-text-field>

1082

</v-flex>

1082

</v-flex>

1083

</v-layout>

1083

</v-layout>

1084

</v-flex>

1084

</v-flex>

1085

</v-layout>

1085

</v-layout>

1086

<v-layout wrap>

1086

<v-layout wrap>

1087

<v-flex xs12 sm6>

1087

<v-flex xs12 sm6>

1088

<v-layout wrap>

1088

<v-layout wrap>

1089

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

1089

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

1090

<label>Mother Cell No:</label>

1090

<label>Mother Cell No:</label>

1091

</v-flex>

1091

</v-flex>

1092

<v-flex xs12>

1092

<v-flex xs12>

1093

<v-text-field

1093

<v-text-field

1094

v-model="parentData.motherCellNo"

1094

v-model="parentData.motherCellNo"

1095

placeholder="fill your Mother Cell Number"

1095

placeholder="fill your Mother Cell Number"

1096

type="number"

1096

type="number"

1097

required

1097

required

1098

></v-text-field>

1098

></v-text-field>

1099

</v-flex>

1099

</v-flex>

1100

</v-layout>

1100

</v-layout>

1101

</v-flex>

1101

</v-flex>

1102

<v-flex xs12 sm6>

1102

<v-flex xs12 sm6>

1103

<v-layout wrap>

1103

<v-layout wrap>

1104

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

1104

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

1105

<label>Father Profession:</label>

1105

<label>Father Profession:</label>

1106

</v-flex>

1106

</v-flex>

1107

<v-flex xs12>

1107

<v-flex xs12>

1108

<v-text-field

1108

<v-text-field

1109

v-model="parentData.fatherProfession"

1109

v-model="parentData.fatherProfession"

1110

placeholder="fill your father profession"

1110

placeholder="fill your father profession"

1111

></v-text-field>

1111

></v-text-field>

1112

</v-flex>

1112

</v-flex>

1113

</v-layout>

1113

</v-layout>

1114

</v-flex>

1114

</v-flex>

1115

</v-layout>

1115

</v-layout>

1116

<v-layout wrap>

1116

<v-layout wrap>

1117

<v-flex xs12 sm6>

1117

<v-flex xs12 sm6>

1118

<v-layout wrap>

1118

<v-layout wrap>

1119

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

1119

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

1120

<label>Mother Profession:</label>

1120

<label>Mother Profession:</label>

1121

</v-flex>

1121

</v-flex>

1122

<v-flex xs12>

1122

<v-flex xs12>

1123

<v-text-field

1123

<v-text-field

1124

v-model="parentData.motherProfession"

1124

v-model="parentData.motherProfession"

1125

placeholder="fill your mother profession"

1125

placeholder="fill your mother profession"

1126

></v-text-field>

1126

></v-text-field>

1127

</v-flex>

1127

</v-flex>

1128

</v-layout>

1128

</v-layout>

1129

</v-flex>

1129

</v-flex>

1130

</v-layout>

1130

</v-layout>

1131

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

1131

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

1132

<v-card-actions>

1132

<v-card-actions>

1133

<v-spacer></v-spacer>

1133

<v-spacer></v-spacer>

1134

<v-btn

1134

<v-btn

1135

@click="submitParentDetails"

1135

@click="submitParentDetails"

1136

round

1136

round

1137

dark

1137

dark

1138

:loading="loading"

1138

:loading="loading"

1139

v-show="showParent"

1139

v-show="showParent"

1140

>Add</v-btn>

1140

>Add</v-btn>

1141

<v-btn v-show="showNext" @click="e2 = 2" round dark>Next</v-btn>

1141

<v-btn v-show="showNext" @click="e2 = 2" round dark>Next</v-btn>

1142

</v-card-actions>

1142

</v-card-actions>

1143

</v-flex>

1143

</v-flex>

1144

<v-flex

1144

<v-flex

1145

xs6

1145

xs6

1146

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

1146

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

1147

>

1147

>

1148

<v-btn

1148

<v-btn

1149

@click="submitParentDetails"

1149

@click="submitParentDetails"

1150

round

1150

round

1151

dark

1151

dark

1152

:loading="loading"

1152

:loading="loading"

1153

v-show="showParent"

1153

v-show="showParent"

1154

>Add</v-btn>

1154

>Add</v-btn>

1155

<v-btn v-show="showNext" @click="e2 = 2" round dark>Next</v-btn>

1155

<v-btn v-show="showNext" @click="e2 = 2" round dark>Next</v-btn>

1156

</v-flex>

1156

</v-flex>

1157

</v-form>

1157

</v-form>

1158

</v-flex>

1158

</v-flex>

1159

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

1159

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

1160

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

1160

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

1161

<v-layout wrap>

1161

<v-layout wrap>

1162

<v-flex xs12 sm6>

1162

<v-flex xs12 sm6>

1163

<v-layout>

1163

<v-layout>

1164

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

1164

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

1165

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

1165

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

1166

</v-flex>

1166

</v-flex>

1167

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

1167

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

1168

<v-text-field

1168

<v-text-field

1169

v-model.trim="parentData.fatherCellNo"

1169

v-model.trim="parentData.fatherCellNo"

1170

placeholder="fill your father Cell Number"

1170

placeholder="fill your father Cell Number"

1171

type="number"

1171

type="number"

1172

:rules="fatheCellNoRules"

1172

:rules="fatheCellNoRules"

1173

counter="10"

1173

counter="10"

1174

v-on:keyup="getParentDetails()"

1174

v-on:keyup="getParentDetails()"

1175

required

1175

required

1176

></v-text-field>

1176

></v-text-field>

1177

</v-flex>

1177

</v-flex>

1178

</v-layout>

1178

</v-layout>

1179

</v-flex>

1179

</v-flex>

1180

<v-flex xs12 sm6>

1180

<v-flex xs12 sm6>

1181

<v-layout>

1181

<v-layout>

1182

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

1182

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

1183

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

1183

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

1184

</v-flex>

1184

</v-flex>

1185

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

1185

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

1186

<v-text-field

1186

<v-text-field

1187

placeholder="fill Parent email"

1187

placeholder="fill Parent email"

1188

v-model="parentData.email"

1188

v-model="parentData.email"

1189

type="text"

1189

type="text"

1190

required

1190

required

1191

></v-text-field>

1191

></v-text-field>

1192

</v-flex>

1192

</v-flex>

1193

</v-layout>

1193

</v-layout>

1194

</v-flex>

1194

</v-flex>

1195

</v-layout>

1195

</v-layout>

1196

<v-layout wrap>

1196

<v-layout wrap>

1197

<v-flex xs12 sm6>

1197

<v-flex xs12 sm6>

1198

<v-layout>

1198

<v-layout>

1199

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

1199

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

1200

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

1200

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

1201

</v-flex>

1201

</v-flex>

1202

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

1202

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

1203

<v-text-field

1203

<v-text-field

1204

v-model="parentData.fatherName"

1204

v-model="parentData.fatherName"

1205

placeholder="Fill your father Name"

1205

placeholder="Fill your father Name"

1206

required

1206

required

1207

></v-text-field>

1207

></v-text-field>

1208

</v-flex>

1208

</v-flex>

1209

</v-layout>

1209

</v-layout>

1210

</v-flex>

1210

</v-flex>

1211

<v-flex xs12 sm6>

1211

<v-flex xs12 sm6>

1212

<v-layout>

1212

<v-layout>

1213

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

1213

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

1214

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

1214

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

1215

</v-flex>

1215

</v-flex>

1216

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

1216

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

1217

<v-text-field

1217

<v-text-field

1218

v-model="parentData.motherName"

1218

v-model="parentData.motherName"

1219

placeholder="fill your Mother Name"

1219

placeholder="fill your Mother Name"

1220

type="text"

1220

type="text"

1221

required

1221

required

1222

></v-text-field>

1222

></v-text-field>

1223

</v-flex>

1223

</v-flex>

1224

</v-layout>

1224

</v-layout>

1225

</v-flex>

1225

</v-flex>

1226

</v-layout>

1226

</v-layout>

1227

<v-layout wrap>

1227

<v-layout wrap>

1228

<v-flex xs12 sm6>

1228

<v-flex xs12 sm6>

1229

<v-layout>

1229

<v-layout>

1230

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

1230

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

1231

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

1231

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

1232

</v-flex>

1232

</v-flex>

1233

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

1233

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

1234

<v-text-field

1234

<v-text-field

1235

v-model="parentData.motherCellNo"

1235

v-model="parentData.motherCellNo"

1236

placeholder="fill your Mother Cell Number"

1236

placeholder="fill your Mother Cell Number"

1237

type="number"

1237

type="number"

1238

required

1238

required

1239

></v-text-field>

1239

></v-text-field>

1240

</v-flex>

1240

</v-flex>

1241

</v-layout>

1241

</v-layout>

1242

</v-flex>

1242

</v-flex>

1243

<v-flex xs12 sm6>

1243

<v-flex xs12 sm6>

1244

<v-layout>

1244

<v-layout>

1245

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

1245

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

1246

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

1246

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

1247

</v-flex>

1247

</v-flex>

1248

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

1248

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

1249

<v-text-field

1249

<v-text-field

1250

v-model="parentData.fatherProfession"

1250

v-model="parentData.fatherProfession"

1251

placeholder="fill your father profession"

1251

placeholder="fill your father profession"

1252

></v-text-field>

1252

></v-text-field>

1253

</v-flex>

1253

</v-flex>

1254

</v-layout>

1254

</v-layout>

1255

</v-flex>

1255

</v-flex>

1256

</v-layout>

1256

</v-layout>

1257

<v-layout wrap>

1257

<v-layout wrap>

1258

<v-flex xs12 sm6>

1258

<v-flex xs12 sm6>

1259

<v-layout>

1259

<v-layout>

1260

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

1260

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

1261

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

1261

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

1262

</v-flex>

1262

</v-flex>

1263

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

1263

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

1264

<v-text-field

1264

<v-text-field

1265

v-model="parentData.motherProfession"

1265

v-model="parentData.motherProfession"

1266

placeholder="fill your mother profession"

1266

placeholder="fill your mother profession"

1267

></v-text-field>

1267

></v-text-field>

1268

</v-flex>

1268

</v-flex>

1269

</v-layout>

1269

</v-layout>

1270

</v-flex>

1270

</v-flex>

1271

</v-layout>

1271

</v-layout>

1272

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

1272

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

1273

<v-card-actions>

1273

<v-card-actions>

1274

<v-spacer></v-spacer>

1274

<v-spacer></v-spacer>

1275

<v-btn

1275

<v-btn

1276

@click="submitParentDetails"

1276

@click="submitParentDetails"

1277

round

1277

round

1278

dark

1278

dark

1279

:loading="loading"

1279

:loading="loading"

1280

v-show="showParent"

1280

v-show="showParent"

1281

>Add</v-btn>

1281

>Add</v-btn>

1282

<v-btn v-show="showNext" @click="e2 = 2" round dark>Next</v-btn>

1282

<v-btn v-show="showNext" @click="e2 = 2" round dark>Next</v-btn>

1283

</v-card-actions>

1283

</v-card-actions>

1284

</v-flex>

1284

</v-flex>

1285

<v-flex

1285

<v-flex

1286

xs6

1286

xs6

1287

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

1287

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

1288

>

1288

>

1289

<v-btn

1289

<v-btn

1290

@click="submitParentDetails"

1290

@click="submitParentDetails"

1291

round

1291

round

1292

dark

1292

dark

1293

:loading="loading"

1293

:loading="loading"

1294

v-show="showParent"

1294

v-show="showParent"

1295

>Add</v-btn>

1295

>Add</v-btn>

1296

<v-btn v-show="showNext" @click="e2 = 2" round dark>Next</v-btn>

1296

<v-btn v-show="showNext" @click="e2 = 2" round dark>Next</v-btn>

1297

</v-flex>

1297

</v-flex>

1298

</v-form>

1298

</v-form>

1299

</v-flex>

1299

</v-flex>

1300

</v-container>

1300

</v-container>

1301

</v-stepper-content>

1301

</v-stepper-content>

1302

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

1302

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

1303

<v-snackbar

1303

<v-snackbar

1304

:timeout="timeout"

1304

:timeout="timeout"

1305

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

1305

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

1306

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

1306

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

1307

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

1307

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

1308

v-model="snackbar"

1308

v-model="snackbar"

1309

color="success"

1309

color="success"

1310

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

1310

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

1311

<v-flex xs12 sm12>

1311

<v-flex xs12 sm12>

1312

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

1312

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

1313

<v-layout>

1313

<v-layout>

1314

<v-flex

1314

<v-flex

1315

xs12

1315

xs12

1316

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

1316

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

1317

>

1317

>

1318

<v-avatar size="100px">

1318

<v-avatar size="100px">

1319

1319

1320

</v-avatar>

1320

</v-avatar>

1321

<input

1321

<input

1322

type="file"

1322

type="file"

1323

style="display: none"

1323

style="display: none"

1324

ref="image"

1324

ref="image"

1325

accept="image/*"

1325

accept="image/*"

1326

@change="onFilePicked"

1326

@change="onFilePicked"

1327

/>

1327

/>

1328

<img

1328

<img

1329

:src="imageData.imageUrl"

1329

:src="imageData.imageUrl"

1330

height="150"

1330

height="150"

1331

v-if="imageUrl"

1331

v-if="imageUrl"

1332

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

1332

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

1333

/>

1333

/>

1334

</v-flex>

1334

</v-flex>

1335

</v-layout>

1335

</v-layout>

1336

<v-layout wrap>

1336

<v-layout wrap>

1337

<v-flex xs12 sm6>

1337

<v-flex xs12 sm6>

1338

<v-layout>

1338

<v-layout>

1339

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

1339

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

1340

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

1340

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

1341

<label

1341

<label

1342

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

1342

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

1343

>Class:</label>

1343

>Class:</label>

1344

</v-flex>

1344

</v-flex>

1345

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

1345

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

1346

<v-select

1346

<v-select

1347

:items="addclass"

1347

:items="addclass"

1348

label="Select Class"

1348

label="Select Class"

1349

v-model="addStudents.select"

1349

v-model="addStudents.select"

1350

item-text="classNum"

1350

item-text="classNum"

1351

item-value="_id"

1351

item-value="_id"

1352

name="Select Class"

1352

name="Select Class"

1353

:rules="classRules"

1353

:rules="classRules"

1354

@change="getSection(addStudents.select)"

1354

@change="getSection(addStudents.select)"

1355

required

1355

required

1356

></v-select>

1356

></v-select>

1357

</v-flex>

1357

</v-flex>

1358

</v-layout>

1358

</v-layout>

1359

</v-flex>

1359

</v-flex>

1360

<v-flex xs12 sm6>

1360

<v-flex xs12 sm6>

1361

<v-layout>

1361

<v-layout>

1362

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

1362

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

1363

<label

1363

<label

1364

class="right hidden-xs-only hidden-sm-only"

1364

class="right hidden-xs-only hidden-sm-only"

1365

>Select Section:</label>

1365

>Select Section:</label>

1366

<label

1366

<label

1367

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

1367

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

1368

>Section:</label>

1368

>Section:</label>

1369

</v-flex>

1369

</v-flex>

1370

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

1370

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

1371

<v-select

1371

<v-select

1372

:items="addSection"

1372

:items="addSection"

1373

label="Select Section"

1373

label="Select Section"

1374

v-model="addStudents.selectSection"

1374

v-model="addStudents.selectSection"

1375

item-text="name"

1375

item-text="name"

1376

item-value="_id"

1376

item-value="_id"

1377

name="Select Section"

1377

name="Select Section"

1378

:rules="sectionRules"

1378

:rules="sectionRules"

1379

required

1379

required

1380

></v-select>

1380

></v-select>

1381

</v-flex>

1381

</v-flex>

1382

</v-layout>

1382

</v-layout>

1383

</v-flex>

1383

</v-flex>

1384

</v-layout>

1384

</v-layout>

1385

<v-layout wrap>

1385

<v-layout wrap>

1386

<v-flex xs12 sm6>

1386

<v-flex xs12 sm6>

1387

<v-layout>

1387

<v-layout>

1388

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

1388

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

1389

1389

1390

<label

1390

<label

1391

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

1391

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

1392

>Name:</label>

1392

>Name:</label>

1393

</v-flex>

1393

</v-flex>

1394

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

1394

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

1395

<v-text-field

1395

<v-text-field

1396

v-model="addStudents.name"

1396

v-model="addStudents.name"

1397

placeholder="fill your full Name"

1397

placeholder="fill your full Name"

1398

name="name"

1398

name="name"

1399

type="text"

1399

type="text"

1400

:rules="nameRules"

1400

:rules="nameRules"

1401

required

1401

required

1402

></v-text-field>

1402

></v-text-field>

1403

</v-flex>

1403

</v-flex>

1404

</v-layout>

1404

</v-layout>

1405

</v-flex>

1405

</v-flex>

1406

<v-flex xs12 sm6>

1406

<v-flex xs12 sm6>

1407

<v-layout>

1407

<v-layout>

1408

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

1408

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

1409

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

1409

<label class="right">Email ID:</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-text-field

1412

<v-text-field

1413

placeholder="fill your email"

1413

placeholder="fill your email"

1414

v-model="addStudents.email"

1414

v-model="addStudents.email"

1415

type="text"

1415

type="text"

1416

name="email"

1416

name="email"

1417

required

1417

required

1418

></v-text-field>

1418

></v-text-field>

1419

</v-flex>

1419

</v-flex>

1420

</v-layout>

1420

</v-layout>

1421

</v-flex>

1421

</v-flex>

1422

</v-layout>

1422

</v-layout>

1423

<v-layout wrap>

1423

<v-layout wrap>

1424

<v-flex xs12 sm6>

1424

<v-flex xs12 sm6>

1425

<v-layout>

1425

<v-layout>

1426

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

1426

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

1427

<label

1427

<label

1428

class="right hidden-sm-only hidden-xs-only"

1428

class="right hidden-sm-only hidden-xs-only"

1429

>Date of Birth:</label>

1429

>Date of Birth:</label>

1430

<label

1430

<label

1431

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

1431

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

1432

>D.O.B:</label>

1432

>D.O.B:</label>

1433

</v-flex>

1433

</v-flex>

1434

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

1434

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

1435

<v-menu

1435

<v-menu

1436

ref="menu"

1436

ref="menu"

1437

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

1437

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

1438

v-model="menu"

1438

v-model="menu"

1439

:nudge-right="40"

1439

:nudge-right="40"

1440

lazy

1440

lazy

1441

transition="scale-transition"

1441

transition="scale-transition"

1442

offset-y

1442

offset-y

1443

full-width

1443

full-width

1444

min-width="290px"

1444

min-width="290px"

1445

>

1445

>

1446

<v-text-field

1446

<v-text-field

1447

slot="activator"

1447

slot="activator"

1448

:rules="dateRules"

1448

:rules="dateRules"

1449

v-model="addStudents.date"

1449

v-model="addStudents.date"

1450

placeholder="Select date"

1450

placeholder="Select date"

1451

></v-text-field>

1451

></v-text-field>

1452

<v-date-picker

1452

<v-date-picker

1453

ref="picker"

1453

ref="picker"

1454

v-model="addStudents.date"

1454

v-model="addStudents.date"

1455

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

1455

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

1456

min="1950-01-01"

1456

min="1950-01-01"

1457

@input="menu = false"

1457

@input="menu = false"

1458

></v-date-picker>

1458

></v-date-picker>

1459

</v-menu>

1459

</v-menu>

1460

</v-flex>

1460

</v-flex>

1461

</v-layout>

1461

</v-layout>

1462

</v-flex>

1462

</v-flex>

1463

<v-flex xs12 sm6>

1463

<v-flex xs12 sm6>

1464

<v-layout>

1464

<v-layout>

1465

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

1465

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

1466

1466

1467

</v-flex>

1467

</v-flex>

1468

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

1468

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

1469

<v-text-field

1469

<v-text-field

1470

v-model="addStudents.city"

1470

v-model="addStudents.city"

1471

placeholder="fill your City Name"

1471

placeholder="fill your City Name"

1472

name="City"

1472

name="City"

1473

type="text"

1473

type="text"

1474

:rules="cityRules"

1474

:rules="cityRules"

1475

required

1475

required

1476

></v-text-field>

1476

></v-text-field>

1477

</v-flex>

1477

</v-flex>

1478

</v-layout>

1478

</v-layout>

1479

</v-flex>

1479

</v-flex>

1480

</v-layout>

1480

</v-layout>

1481

<v-layout wrap>

1481

<v-layout wrap>

1482

<v-flex xs12 sm6>

1482

<v-flex xs12 sm6>

1483

<v-layout>

1483

<v-layout>

1484

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

1484

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

1485

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

1485

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

1486

</v-flex>

1486

</v-flex>

1487

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

1487

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

1488

<v-text-field

1488

<v-text-field

1489

v-model="addStudents.state"

1489

v-model="addStudents.state"

1490

placeholder="fill your State Name"

1490

placeholder="fill your State Name"

1491

name="state"

1491

name="state"

1492

type="text"

1492

type="text"

1493

:rules="stateRules"

1493

:rules="stateRules"

1494

required

1494

required

1495

></v-text-field>

1495

></v-text-field>

1496

</v-flex>

1496

</v-flex>

1497

</v-layout>

1497

</v-layout>

1498

</v-flex>

1498

</v-flex>

1499

<v-flex xs12 sm6>

1499

<v-flex xs12 sm6>

1500

<v-layout>

1500

<v-layout>

1501

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

1501

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

1502

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

1502

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

1503

</v-flex>

1503

</v-flex>

1504

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

1504

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

1505

<v-text-field

1505

<v-text-field

1506

v-model="addStudents.pincode"

1506

v-model="addStudents.pincode"

1507

placeholder="fill your pincode"

1507

placeholder="fill your pincode"

1508

name="pincode"

1508

name="pincode"

1509

type="number"

1509

type="number"

1510

:rules="pincode"

1510

:rules="pincode"

1511

required

1511

required

1512

></v-text-field>

1512

></v-text-field>

1513

</v-flex>

1513

</v-flex>

1514

</v-layout>

1514

</v-layout>

1515

</v-flex>

1515

</v-flex>

1516

</v-layout>

1516

</v-layout>

1517

<v-layout wrap>

1517

<v-layout wrap>

1518

<v-flex xs12 sm6>

1518

<v-flex xs12 sm6>

1519

<v-layout>

1519

<v-layout>

1520

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

1520

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

1521

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

1521

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

1522

<label

1522

<label

1523

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

1523

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

1524

>Mobile:</label>

1524

>Mobile:</label>

1525

</v-flex>

1525

</v-flex>

1526

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

1526

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

1527

<v-text-field

1527

<v-text-field

1528

v-model="addStudents.mobile"

1528

v-model="addStudents.mobile"

1529

placeholder="fill your MobileNo"

1529

placeholder="fill your MobileNo"

1530

:rules="mobileNoRule"

1530

:rules="mobileNoRule"

1531

name="mobileNo"

1531

name="mobileNo"

1532

type="number"

1532

type="number"

1533

required

1533

required

1534

></v-text-field>

1534

></v-text-field>

1535

</v-flex>

1535

</v-flex>

1536

</v-layout>

1536

</v-layout>

1537

</v-flex>

1537

</v-flex>

1538

<v-flex xs12 sm6>

1538

<v-flex xs12 sm6>

1539

<v-layout>

1539

<v-layout>

1540

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

1540

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

1541

<label

1541

<label

1542

class="right hidden-xs-only hidden-sm-only"

1542

class="right hidden-xs-only hidden-sm-only"

1543

>Select Country:</label>

1543

>Select Country:</label>

1544

<label

1544

<label

1545

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

1545

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

1546

>Country:</label>

1546

>Country:</label>

1547

</v-flex>

1547

</v-flex>

1548

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

1548

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

1549

<v-autocomplete

1549

<v-autocomplete

1550

v-model="addStudents.country"

1550

v-model="addStudents.country"

1551

:rules="country"

1551

:rules="country"

1552

:items="countries"

1552

:items="countries"

1553

placeholder="Select Country Name"

1553

placeholder="Select Country Name"

1554

required

1554

required

1555

></v-autocomplete>

1555

></v-autocomplete>

1556

</v-flex>

1556

</v-flex>

1557

</v-layout>

1557

</v-layout>

1558

</v-flex>

1558

</v-flex>

1559

</v-layout>

1559

</v-layout>

1560

<v-layout wrap>

1560

<v-layout wrap>

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">Gender:</label>

1564

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

1565

</v-flex>

1565

</v-flex>

1566

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

1566

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

1567

<v-select

1567

<v-select

1568

:items="gender"

1568

:items="gender"

1569

v-model="addStudents.gender"

1569

v-model="addStudents.gender"

1570

:rules="genderRules"

1570

:rules="genderRules"

1571

label="Select Gender"

1571

label="Select Gender"

1572

required

1572

required

1573

></v-select>

1573

></v-select>

1574

</v-flex>

1574

</v-flex>

1575

</v-layout>

1575

</v-layout>

1576

</v-flex>

1576

</v-flex>

1577

<v-flex xs12 sm6>

1577

<v-flex xs12 sm6>

1578

<v-layout>

1578

<v-layout>

1579

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

1579

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

1580

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

1580

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

1581

<label

1581

<label

1582

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

1582

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

1583

>Blood:</label>

1583

>Blood:</label>

1584

</v-flex>

1584

</v-flex>

1585

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

1585

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

1586

<v-text-field

1586

<v-text-field

1587

v-model="addStudents.bloodGroup"

1587

v-model="addStudents.bloodGroup"

1588

placeholder="Fill your Blood Group"

1588

placeholder="Fill your Blood Group"

1589

required

1589

required

1590

></v-text-field>

1590

></v-text-field>

1591

</v-flex>

1591

</v-flex>

1592

</v-layout>

1592

</v-layout>

1593

</v-flex>

1593

</v-flex>

1594

</v-layout>

1594

</v-layout>

1595

<v-layout wrap>

1595

<v-layout wrap>

1596

<!-- <v-flex xs12 sm6>

1596

<!-- <v-flex xs12 sm6>

1597

<v-layout>

1597

<v-layout>

1598

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

1598

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

1599

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

1599

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

1600

</v-flex>

1600

</v-flex>

1601

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

1601

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

1602

<v-text-field

1602

<v-text-field

1603

v-model="addStudents.allergies"

1603

v-model="addStudents.allergies"

1604

placeholder="Fill your Allergies"

1604

placeholder="Fill your Allergies"

1605

required

1605

required

1606

></v-text-field>

1606

></v-text-field>

1607

</v-flex>

1607

</v-flex>

1608

</v-layout>

1608

</v-layout>

1609

</v-flex>-->

1609

</v-flex>-->

1610

<v-flex xs12 sm6>

1610

<v-flex xs12 sm6>

1611

<v-layout>

1611

<v-layout>

1612

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

1612

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

1613

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

1613

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

1614

<label

1614

<label

1615

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

1615

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

1616

>Roll No:</label>

1616

>Roll No:</label>

1617

</v-flex>

1617

</v-flex>

1618

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

1618

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

1619

<v-text-field

1619

<v-text-field

1620

v-model="addStudents.rollNo"

1620

v-model="addStudents.rollNo"

1621

placeholder="Fill your Roll Number"

1621

placeholder="Fill your Roll Number"

1622

required

1622

required

1623

></v-text-field>

1623

></v-text-field>

1624

</v-flex>

1624

</v-flex>

1625

</v-layout>

1625

</v-layout>

1626

</v-flex>

1626

</v-flex>

1627

<v-flex xs12 sm6>

1627

<v-flex xs12 sm6>

1628

<v-layout>

1628

<v-layout>

1629

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

1629

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

1630

<label

1630

<label

1631

class="right hidden-xs-only hidden-sm-only"

1631

class="right hidden-xs-only hidden-sm-only"

1632

>Medical Notes:</label>

1632

>Medical Notes:</label>

1633

<label

1633

<label

1634

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

1634

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

1635

>Medical:</label>

1635

>Medical:</label>

1636

</v-flex>

1636

</v-flex>

1637

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

1637

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

1638

<v-text-field

1638

<v-text-field

1639

v-model="addStudents.medicalNotes"

1639

v-model="addStudents.medicalNotes"

1640

placeholder="Fill your Medical Notes"

1640

placeholder="Fill your Medical Notes"

1641

required

1641

required

1642

></v-text-field>

1642

></v-text-field>

1643

</v-flex>

1643

</v-flex>

1644

</v-layout>

1644

</v-layout>

1645

</v-flex>

1645

</v-flex>

1646

</v-layout>

1646

</v-layout>

1647

<v-layout wrap>

1647

<v-layout wrap>

1648

<v-flex xs12 sm6>

1648

<v-flex xs12 sm6>

1649

<v-layout>

1649

<v-layout>

1650

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

1650

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

1651

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

1651

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

1652

</v-flex>

1652

</v-flex>

1653

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

1653

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

1654

<v-text-field

1654

<v-text-field

1655

v-model="addStudents.height"

1655

v-model="addStudents.height"

1656

placeholder="Fill your Height"

1656

placeholder="Fill your Height"

1657

required

1657

required

1658

></v-text-field>

1658

></v-text-field>

1659

</v-flex>

1659

</v-flex>

1660

</v-layout>

1660

</v-layout>

1661

</v-flex>

1661

</v-flex>

1662

<v-flex xs12 sm6>

1662

<v-flex xs12 sm6>

1663

<v-layout>

1663

<v-layout>

1664

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

1664

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

1665

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

1665

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

1666

</v-flex>

1666

</v-flex>

1667

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

1667

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

1668

<v-text-field

1668

<v-text-field

1669

v-model="addStudents.weight"

1669

v-model="addStudents.weight"

1670

placeholder="Fill your Weight"

1670

placeholder="Fill your Weight"

1671

required

1671

required

1672

></v-text-field>

1672

></v-text-field>

1673

</v-flex>

1673

</v-flex>

1674

</v-layout>

1674

</v-layout>

1675

</v-flex>

1675

</v-flex>

1676

</v-layout>

1676

</v-layout>

1677

<v-layout wrap>

1677

<v-layout wrap>

1678

<v-flex xs12 sm6>

1678

<v-flex xs12 sm6>

1679

<v-layout>

1679

<v-layout>

1680

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

1680

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

1681

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

1681

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

1682

<label

1682

<label

1683

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

1683

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

1684

>Uplaod :</label>

1684

>Uplaod :</label>

1685

</v-flex>

1685

</v-flex>

1686

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

1686

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

1687

<v-text-field

1687

<v-text-field

1688

label="Select Image"

1688

label="Select Image"

1689

@click="pickFile"

1689

@click="pickFile"

1690

v-model="imageName"

1690

v-model="imageName"

1691

append-icon="attach_file"

1691

append-icon="attach_file"

1692

></v-text-field>

1692

></v-text-field>

1693

</v-flex>

1693

</v-flex>

1694

</v-layout>

1694

</v-layout>

1695

</v-flex>

1695

</v-flex>

1696

<v-flex xs12 sm6>

1696

<v-flex xs12 sm6>

1697

<v-layout>

1697

<v-layout>

1698

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

1698

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

1699

<label

1699

<label

1700

class="right hidden-xs-only hidden-sm-only"

1700

class="right hidden-xs-only hidden-sm-only"

1701

>Academic Year:</label>

1701

>Academic Year:</label>

1702

<label

1702

<label

1703

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

1703

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

1704

>Year:</label>

1704

>Year:</label>

1705

</v-flex>

1705

</v-flex>

1706

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

1706

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

1707

<v-text-field

1707

<v-text-field

1708

v-model="addStudents.establishmentYear"

1708

v-model="addStudents.establishmentYear"

1709

placeholder="fill your Academic Year"

1709

placeholder="fill your Academic Year"

1710

name="state"

1710

name="state"

1711

type="number"

1711

type="number"

1712

:rules="establishmentYearRules"

1712

:rules="establishmentYearRules"

1713

required

1713

required

1714

></v-text-field>

1714

></v-text-field>

1715

</v-flex>

1715

</v-flex>

1716

</v-layout>

1716

</v-layout>

1717

</v-flex>

1717

</v-flex>

1718

</v-layout>

1718

</v-layout>

1719

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

1719

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

1720

<v-flex xs12 sm6>

1720

<v-flex xs12 sm6>

1721

<v-layout>

1721

<v-layout>

1722

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

1722

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

1723

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

1723

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

1724

</v-flex>

1724

</v-flex>

1725

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

1725

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

1726

<v-text-field

1726

<v-text-field

1727

v-model="addStudents.presentAddress"

1727

v-model="addStudents.presentAddress"

1728

:rules="presentAddress"

1728

:rules="presentAddress"

1729

placeholder="fill Your present Address"

1729

placeholder="fill Your present Address"

1730

@keyup="copyData"

1730

@keyup="copyData"

1731

></v-text-field>

1731

></v-text-field>

1732

</v-flex>

1732

</v-flex>

1733

</v-layout>

1733

</v-layout>

1734

</v-flex>

1734

</v-flex>

1735

<v-flex xs12 sm6>

1735

<v-flex xs12 sm6>

1736

<v-layout>

1736

<v-layout>

1737

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

1737

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

1738

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

1738

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

1739

</v-flex>

1739

</v-flex>

1740

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

1740

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

1741

<v-switch

1741

<v-switch

1742

v-model="addStudents.permanentAddress"

1742

v-model="addStudents.permanentAddress"

1743

label="Select Permanent Address"

1743

label="Select Permanent Address"

1744

:value="addStudents.presentAddress"

1744

:value="addStudents.presentAddress"

1745

></v-switch>

1745

></v-switch>

1746

</v-flex>

1746

</v-flex>

1747

</v-layout>

1747

</v-layout>

1748

</v-flex>

1748

</v-flex>

1749

</v-layout>

1749

</v-layout>

1750

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

1750

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

1751

<v-flex xs12 sm6>

1751

<v-flex xs12 sm6>

1752

<v-layout>

1752

<v-layout>

1753

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

1753

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

1754

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

1754

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

1755

</v-flex>

1755

</v-flex>

1756

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

1756

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

1757

<v-text-field

1757

<v-text-field

1758

v-model="addStudents.permanentAddress"

1758

v-model="addStudents.permanentAddress"

1759

:rules="permanentAddress"

1759

:rules="permanentAddress"

1760

placeholder="fill Your Permanent Address"

1760

placeholder="fill Your Permanent Address"

1761

></v-text-field>

1761

></v-text-field>

1762

</v-flex>

1762

</v-flex>

1763

</v-layout>

1763

</v-layout>

1764

</v-flex>

1764

</v-flex>

1765

</v-layout>

1765

</v-layout>

1766

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

1766

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

1767

<v-flex xs12 sm12>

1767

<v-flex xs12 sm12>

1768

<v-layout>

1768

<v-layout>

1769

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

1769

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

1770

<label class>Present Address:</label>

1770

<label class>Present Address:</label>

1771

</v-flex>

1771

</v-flex>

1772

</v-layout>

1772

</v-layout>

1773

<v-layout>

1773

<v-layout>

1774

<v-flex xs12 sm12>

1774

<v-flex xs12 sm12>

1775

<v-textarea

1775

<v-textarea

1776

name="input-4-3"

1776

name="input-4-3"

1777

v-model="addStudents.presentAddress"

1777

v-model="addStudents.presentAddress"

1778

:rules="presentAddress"

1778

:rules="presentAddress"

1779

placeholder="fill Your present Address"

1779

placeholder="fill Your present Address"

1780

required

1780

required

1781

></v-textarea>

1781

></v-textarea>

1782

</v-flex>

1782

</v-flex>

1783

</v-layout>

1783

</v-layout>

1784

</v-flex>

1784

</v-flex>

1785

<v-flex xs12 sm12>

1785

<v-flex xs12 sm12>

1786

<v-layout>

1786

<v-layout>

1787

<v-flex

1787

<v-flex

1788

xs12

1788

xs12

1789

sm12

1789

sm12

1790

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

1790

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

1791

>

1791

>

1792

<label>Permanent Address:</label>

1792

<label>Permanent Address:</label>

1793

</v-flex>

1793

</v-flex>

1794

</v-layout>

1794

</v-layout>

1795

<v-layout>

1795

<v-layout>

1796

<v-flex xs12 sm12>

1796

<v-flex xs12 sm12>

1797

<v-textarea

1797

<v-textarea

1798

name="input-4-3"

1798

name="input-4-3"

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

required

1802

required

1803

></v-textarea>

1803

></v-textarea>

1804

</v-flex>

1804

</v-flex>

1805

</v-layout>

1805

</v-layout>

1806

</v-flex>

1806

</v-flex>

1807

</v-layout>

1807

</v-layout>

1808

<v-layout>

1808

<v-layout>

1809

<v-flex xs12 sm11 offset-sm1>

1809

<v-flex xs12 sm11 offset-sm1>

1810

<v-layout>

1810

<v-layout>

1811

<v-flex xs6>

1811

<v-flex xs6>

1812

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

1812

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

1813

</v-flex>

1813

</v-flex>

1814

<v-flex xs6>

1814

<v-flex xs6>

1815

<v-btn

1815

<v-btn

1816

@click="submit"

1816

@click="submit"

1817

round

1817

round

1818

dark

1818

dark

1819

:loading="loading"

1819

:loading="loading"

1820

class="right"

1820

class="right"

1821

>Add</v-btn>

1821

>Add</v-btn>

1822

</v-flex>

1822

</v-flex>

1823

</v-layout>

1823

</v-layout>

1824

</v-flex>

1824

</v-flex>

1825

</v-layout>

1825

</v-layout>

1826

</v-form>

1826

</v-form>

1827

</v-flex>

1827

</v-flex>

1828

</v-stepper-content>

1828

</v-stepper-content>

1829

</v-stepper-items>

1829

</v-stepper-items>

1830

</v-stepper>

1830

</v-stepper>

1831

</v-app>

1831

</v-app>

1832

</div>

1832

</div>

1833

</v-flex>

1833

</v-flex>

1834

</v-layout>

1834

</v-layout>

1835

</v-container>

1835

</v-container>

1836

</v-tab-item>

1836

</v-tab-item>

1837

</v-tabs>

1837

</v-tabs>

1838

1838

1839

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

1839

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

1840

</div>

1840

</div>

1841

</div>

1841

</div>

1842

</template>

1842

</template>

1843

1844

1844

1845

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

1845

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

1846

import moment from "moment";

1846

import moment from "moment";

1847

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

1847

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

1848

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

1848

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

1849

1850

export default {

1850

export default {

1851

data: () => ({

1851

data: () => ({

1852

e2: 0,

1852

e2: 0,

1853

showParent: true,

1853

showParent: true,

1854

showNext: false,

1854

showNext: false,

1855

snackbar: false,

1855

snackbar: false,

1856

y: "top",

1856

y: "top",

1857

x: "right",

1857

x: "right",

1858

mode: "",

1858

mode: "",

1859

timeout: 3000,

1859

timeout: 3000,

1860

text: "",

1860

text: "",

1861

showLoader: false,

1861

showLoader: false,

1862

loading: false,

1862

loading: false,

1863

editLoading: false,

1863

editLoading: false,

1864

date: null,

1864

date: null,

1865

search: "",

1865

search: "",

1866

menu: false,

1866

menu: false,

1867

menu1: false,

1867

menu1: false,

1868

dialog: false,

1868

dialog: false,

1869

dialog1: false,

1869

dialog1: false,

1870

valid: true,

1870

valid: true,

1871

isActive: true,

1871

isActive: true,

1872

newActive: false,

1872

newActive: false,

1873

addclass: [],

1873

addclass: [],

1874

addSection: [],

1874

addSection: [],

1875

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

1875

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

1876

pagination: {

1876

pagination: {

1877

rowsPerPage: 15

1877

rowsPerPage: 15

1878

},

1878

},

1879

imageData: {},

1879

imageData: {},

1880

imageName: "",

1880

imageName: "",

1881

imageUrl: "",

1881

imageUrl: "",

1882

imageFile: "",

1882

imageFile: "",

1883

editImageName: "",

1883

editImageName: "",

1884

editImageUrl: "",

1884

editImageUrl: "",

1885

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

1885

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

1886

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

1886

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

1887

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

1887

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

1888

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

1888

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

1889

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

1889

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

1890

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

1890

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

1891

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

1891

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

1892

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

1892

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

1893

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

1893

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

1894

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

1894

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

1895

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

1895

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

1896

fatheCellNoRules: [

1896

fatheCellNoRules: [

1897

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

1897

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

1898

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

1898

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

1899

],

1899

],

1900

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

1900

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

1901

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

1901

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

1902

errorMessages: "",

1902

errorMessages: "",

1903

countries: [],

1903

countries: [],

1904

headers: [

1904

headers: [

1905

{

1905

{

1906

text: "Roll No.",

1906

text: "Roll No.",

1907

align: "center",

1907

align: "center",

1908

sortable: false,

1908

sortable: false,

1909

value: "rollNo"

1909

value: "rollNo"

1910

},

1910

},

1911

{

1911

{

1912

text: "Profile Pic",

1912

text: "Profile Pic",

1913

value: "profilePicUrl",

1913

value: "profilePicUrl",

1914

sortable: false,

1914

sortable: false,

1915

align: "center"

1915

align: "center"

1916

},

1916

},

1917

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

1917

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

1918

{ text: "Email", value: "email", sortable: false, align: "center" },

1918

{ text: "Email", value: "email", sortable: false, align: "center" },

1919

{ text: "Dob", value: "dob", sortable: false, align: "center" },

1919

{ text: "Dob", value: "dob", sortable: false, align: "center" },

1920

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

1920

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

1921

{

1921

{

1922

text: "Father Name",

1922

text: "Father Name",

1923

value: "fatherName",

1923

value: "fatherName",

1924

sortable: false,

1924

sortable: false,

1925

align: "center"

1925

align: "center"

1926

},

1926

},

1927

{

1927

{

1928

text: "Mother Name",

1928

text: "Mother Name",

1929

value: "motherName",

1929

value: "motherName",

1930

sortable: false,

1930

sortable: false,

1931

align: "center"

1931

align: "center"

1932

},

1932

},

1933

{

1933

{

1934

text: "Academic Year",

1934

text: "Academic Year",

1935

value: "establishmentYear",

1935

value: "establishmentYear",

1936

sortable: false,

1936

sortable: false,

1937

align: "center"

1937

align: "center"

1938

},

1938

},

1939

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

1939

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

1940

{

1940

{

1941

text: "Status",

1941

text: "Status",

1942

value: "status",

1942

value: "status",

1943

sortable: false,

1943

sortable: false,

1944

align: "center"

1944

align: "center"

1945

},

1945

},

1946

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

1946

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

1947

],

1947

],

1948

desserts: [],

1948

desserts: [],

1949

parentId: "",

1949

parentId: "",

1950

editedIndex: -1,

1950

editedIndex: -1,

1951

parentData: {},

1951

parentData: {},

1952

addStudents: {

1952

addStudents: {

1953

role: "STUDENT",

1953

role: "STUDENT",

1954

1954

1955

email: "",

1955

email: "",

1956

date: "",

1956

date: "",

1957

city: "",

1957

city: "",

1958

pincode: "",

1958

pincode: "",

1959

country: "",

1959

country: "",

1960

permanentAddress: "",

1960

permanentAddress: "",

1961

presentAddress: "",

1961

presentAddress: "",

1962

mobile: "",

1962

mobile: "",

1963

state: "",

1963

state: "",

1964

gender: "",

1964

gender: "",

1965

select: "",

1965

select: "",

1966

selectSection: "",

1966

selectSection: "",

1967

bloodGroup: "",

1967

bloodGroup: "",

1968

allergies: "",

1968

allergies: "",

1969

medicalNotes: "",

1969

medicalNotes: "",

1970

height: "",

1970

height: "",

1971

weight: "",

1971

weight: "",

1972

rollNo: "",

1972

rollNo: "",

1973

establishmentYear: new Date().getFullYear()

1973

establishmentYear: new Date().getFullYear()

1974

},

1974

},

1975

selectStudents: {

1975

selectStudents: {

1976

select: "",

1976

select: "",

1977

selectSection: ""

1977

selectSection: ""

1978

},

1978

},

1979

editedItem: {

1979

editedItem: {

1980

role: "STUDENT",

1980

role: "STUDENT",

1981

1981

1982

email: "",

1982

email: "",

1983

dob: "",

1983

dob: "",

1984

city: "",

1984

city: "",

1985

pincode: "",

1985

pincode: "",

1986

country: "",

1986

country: "",

1987

permanentAddress: "",

1987

permanentAddress: "",

1988

presentAddress: "",

1988

presentAddress: "",

1989

mobile: "",

1989

mobile: "",

1990

state: "",

1990

state: "",

1991

gender: "",

1991

gender: "",

1992

select: "",

1992

select: "",

1993

selectSection: "",

1993

selectSection: "",

1994

bloodGroup: "",

1994

bloodGroup: "",

1995

allergies: "",

1995

allergies: "",

1996

medicalNotes: "",

1996

medicalNotes: "",

1997

height: "",

1997

height: "",

1998

weight: "",

1998

weight: "",

1999

rollNo: "",

1999

rollNo: "",

2000

establishmentYear: new Date().getFullYear()

2000

establishmentYear: new Date().getFullYear()

2001

}

2001

}

2002

}),

2002

}),

2003

watch: {

2003

watch: {

2004

menu(val) {

2004

menu(val) {

2005

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

2005

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

2006

},

2006

},

2007

menu1(val) {

2007

menu1(val) {

2008

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

2008

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

2009

}

2009

}

2010

},

2010

},

2011

methods: {

2011

methods: {

2012

findStudents() {

2012

findStudents() {

2013

this.showLoader = true;

2013

this.showLoader = true;

2014

http()

2014

http()

2015

.get("/getStudentWithClass", {

2015

.get("/getStudentWithClass", {

2016

params: {

2016

params: {

2017

classId: this.selectStudents.select,

2017

classId: this.selectStudents.select,

2018

sectionId: this.selectStudents.selectSection

2018

sectionId: this.selectStudents.selectSection

2019

}

2019

}

2020

})

2020

})

2021

.then(response => {

2021

.then(response => {

2022

this.desserts = response.data.data;

2022

this.desserts = response.data.data;

2023

this.showLoader = false;

2023

this.showLoader = false;

2024

})

2024

})

2025

.catch(err => {

2025

.catch(err => {

2026

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

2026

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

2027

this.showLoader = false;

2027

this.showLoader = false;

2028

});

2028

});

2029

},

2029

},

2030

getSections(_id) {

2030

getSections(_id) {

2031

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

2031

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

2032

this.showLoader = true;

2032

this.showLoader = true;

2033

http()

2033

http()

2034

.get(

2034

.get(

2035

"/getSectionsList",

2035

"/getSectionsList",

2036

{ params: { classId: _id } },

2036

{ params: { classId: _id } },

2037

{

2037

{

2038

headers: { Authorization: "Bearer " + token }

2038

headers: { Authorization: "Bearer " + token }

2039

}

2039

}

2040

)

2040

)

2041

.then(response => {

2041

.then(response => {

2042

this.addSection = response.data.data;

2042

this.addSection = response.data.data;

2043

this.showLoader = false;

2043

this.showLoader = false;

2044

})

2044

})

2045

.catch(err => {

2045

.catch(err => {

2046

this.showLoader = false;

2046

this.showLoader = false;

2047

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

2047

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

2048

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

2048

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

2049

});

2049

});

2050

},

2050

},

2051

getSection(_id) {

2051

getSection(_id) {

2052

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

2052

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

2053

this.showLoader = true;

2053

this.showLoader = true;

2054

http()

2054

http()

2055

.get(

2055

.get(

2056

"/getSectionsList",

2056

"/getSectionsList",

2057

{ params: { classId: _id } },

2057

{ params: { classId: _id } },

2058

{

2058

{

2059

headers: { Authorization: "Bearer " + token }

2059

headers: { Authorization: "Bearer " + token }

2060

}

2060

}

2061

)

2061

)

2062

.then(response => {

2062

.then(response => {

2063

this.addSection = response.data.data;

2063

this.addSection = response.data.data;

2064

this.showLoader = false;

2064

this.showLoader = false;

2065

// console.log("getSectionsList=====>", this.addSection);

2065

// console.log("getSectionsList=====>", this.addSection);

2066

})

2066

})

2067

.catch(err => {

2067

.catch(err => {

2068

this.showLoader = false;

2068

this.showLoader = false;

2069

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

2069

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

2070

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

2070

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

2071

});

2071

});

2072

},

2072

},

2073

pickFile() {

2073

pickFile() {

2074

this.$refs.image.click();

2074

this.$refs.image.click();

2075

},

2075

},

2076

pickEditFile() {

2076

pickEditFile() {

2077

this.$refs.editDataImage.click();

2077

this.$refs.editDataImage.click();

2078

},

2078

},

2079

dates: function(date) {

2079

dates: function(date) {

2080

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

2080

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

2081

},

2081

},

2082

onFilePicked(e) {

2082

onFilePicked(e) {

2083

// console.log(e)

2083

// console.log(e)

2084

const files = e.target.files;

2084

const files = e.target.files;

2085

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

2085

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

2086

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

2086

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

2087

this.imageName = files[0].name;

2087

this.imageName = files[0].name;

2088

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

2088

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

2089

return;

2089

return;

2090

}

2090

}

2091

const fr = new FileReader();

2091

const fr = new FileReader();

2092

fr.readAsDataURL(files[0]);

2092

fr.readAsDataURL(files[0]);

2093

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

2093

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

2094

this.imageUrl = fr.result;

2094

this.imageUrl = fr.result;

2095

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

2095

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

2096

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

2096

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

2097

});

2097

});

2098

} else {

2098

} else {

2099

this.imageName = "";

2099

this.imageName = "";

2100

this.imageFile = "";

2100

this.imageFile = "";

2101

this.imageUrl = "";

2101

this.imageUrl = "";

2102

}

2102

}

2103

},

2103

},

2104

onEditFilePicked(e) {

2104

onEditFilePicked(e) {

2105

console.log(e);

2105

console.log(e);

2106

const files = e.target.files;

2106

const files = e.target.files;

2107

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

2107

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

2108

this.editImageName = files[0].name;

2108

this.editImageName = files[0].name;

2109

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

2109

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

2110

2111

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

2111

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

2112

return;

2112

return;

2113

}

2113

}

2114

const fr = new FileReader();

2114

const fr = new FileReader();

2115

fr.readAsDataURL(files[0]);

2115

fr.readAsDataURL(files[0]);

2116

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

2116

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

2117

this.editImageUrl = fr.result;

2117

this.editImageUrl = fr.result;

2118

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

2118

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

2119

});

2119

});

2120

} else {

2120

} else {

2121

this.editImageName = "";

2121

this.editImageName = "";

2122

this.editiImageFile = "";

2122

this.editiImageFile = "";

2123

}

2123

}

2124

},

2124

},

2125

editItem(item) {

2125

editItem(item) {

2126

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

2126

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

2127

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

2127

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

2128

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

2128

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

2129

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

2129

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

2130

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

2130

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

2131

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

2131

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

2132

this.editedItem.dob =

2132

this.editedItem.dob =

2133

this.editedItem.dob != undefined

2133

this.editedItem.dob != undefined

2134

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

2134

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

2135

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

2135

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

2136

this.dialog = true;

2136

this.dialog = true;

2137

},

2137

},

2138

profile(item) {

2138

profile(item) {

2139

// console.log("item", item);

2139

// console.log("item", item);

2140

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

2140

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

2141

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

2141

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

2142

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

2142

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

2143

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

2143

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

2144

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

2144

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

2145

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

2145

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

2146

2147

this.dialog1 = true;

2147

this.dialog1 = true;

2148

},

2148

},

2149

deleteItem(item) {

2149

deleteItem(item) {

2150

let deleteStudent = {

2150

let deleteStudent = {

2151

studentId: item._id

2151

studentId: item._id

2152

};

2152

};

2153

http()

2153

http()

2154

.delete(

2154

.delete(

2155

"/deleteStudent",

2155

"/deleteStudent",

2156

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

2156

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

2157

params: deleteStudent

2157

params: deleteStudent

2158

}

2158

}

2159

)

2159

)

2160

.then(response => {

2160

.then(response => {

2161

// console.log("deleteUers",deleteStudent)

2161

// console.log("deleteUers",deleteStudent)

2162

this.snackbar = true;

2162

this.snackbar = true;

2163

this.text = "Successfully delete Existing Student";

2163

this.text = "Successfully delete Existing Student";

2164

this.findStudents();

2164

this.findStudents();

2165

})

2165

})

2166

.catch(error => {

2166

.catch(error => {

2167

// console.log(error);

2167

// console.log(error);

2168

});

2168

});

2169

},

2169

},

2170

activeTab(type) {

2170

activeTab(type) {

2171

switch (type) {

2171

switch (type) {

2172

case "existing":

2172

case "existing":

2173

this.newActive = false;

2173

this.newActive = false;

2174

this.isActive = true;

2174

this.isActive = true;

2175

break;

2175

break;

2176

2177

default:

2177

default:

2178

this.newActive = true;

2178

this.newActive = true;

2179

this.isActive = false;

2179

this.isActive = false;

2180

break;

2180

break;

2181

}

2181

}

2182

},

2182

},

2183

close() {

2183

close() {

2184

this.dialog = false;

2184

this.dialog = false;

2185

setTimeout(() => {

2185

setTimeout(() => {

2186

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

2186

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

2187

this.editedIndex = -1;

2187

this.editedIndex = -1;

2188

}, 300);

2188

}, 300);

2189

},

2189

},

2190

close1() {

2190

close1() {

2191

this.dialog1 = false;

2191

this.dialog1 = false;

2192

},

2192

},

2193

copyData() {

2193

copyData() {

2194

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

2194

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

2195

},

2195

},

2196

submit() {

2196

submit() {

2197

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

2197

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

2198

let addStudent = {

2198

let addStudent = {

2199

parentId: this.parentId,

2199

parentId: this.parentId,

2200

2200

2201

email: this.addStudents.email,

2201

email: this.addStudents.email,

2202

role: this.addStudents.role,

2202

role: this.addStudents.role,

2203

dob: this.addStudents.date,

2203

dob: this.addStudents.date,

2204

city: this.addStudents.city,

2204

city: this.addStudents.city,

2205

pincode: this.addStudents.pincode,

2205

pincode: this.addStudents.pincode,

2206

country: this.addStudents.country,

2206

country: this.addStudents.country,

2207

permanentAddress: this.addStudents.permanentAddress,

2207

permanentAddress: this.addStudents.permanentAddress,

2208

presentAddress: this.addStudents.presentAddress,

2208

presentAddress: this.addStudents.presentAddress,

2209

mobile: this.addStudents.mobile,

2209

mobile: this.addStudents.mobile,

2210

state: this.addStudents.state,

2210

state: this.addStudents.state,

2211

gender: this.addStudents.gender,

2211

gender: this.addStudents.gender,

2212

establishmentYear: this.addStudents.establishmentYear,

2212

establishmentYear: this.addStudents.establishmentYear,

2213

classId: this.addStudents.select,

2213

classId: this.addStudents.select,

2214

sectionId: this.addStudents.selectSection,

2214

sectionId: this.addStudents.selectSection,

2215

bloodGroup: this.addStudents.bloodGroup,

2215

bloodGroup: this.addStudents.bloodGroup,

2216

medicalNotes: this.addStudents.medicalNotes,

2216

medicalNotes: this.addStudents.medicalNotes,

2217

height: this.addStudents.height,

2217

height: this.addStudents.height,

2218

weight: this.addStudents.weight,

2218

weight: this.addStudents.weight,

2219

rollNo: this.addStudents.rollNo

2219

rollNo: this.addStudents.rollNo

2220

};

2220

};

2221

if (this.imageUrl) {

2221

if (this.imageUrl) {

2222

var str = this.imageUrl;

2222

var str = this.imageUrl;

2223

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

2223

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

2224

addStudent.upload = imageUrl;

2224

addStudent.upload = imageUrl;

2225

}

2225

}

2226

this.loading = true;

2226

this.loading = true;

2227

http()

2227

http()

2228

.post("/createStudent", addStudent)

2228

.post("/createStudent", addStudent)

2229

.then(response => {

2229

.then(response => {

2230

// console.log(addStudent);

2230

// console.log(addStudent);

2231

this.snackbar = true;

2231

this.snackbar = true;

2232

this.text = "New Student added successfully";

2232

this.text = "New Student added successfully";

2233

// this.getStudentList();

2233

// this.getStudentList();

2234

this.clear();

2234

this.clear();

2235

this.clearParents();

2235

this.clearParents();

2236

this.loading = false;

2236

this.loading = false;

2237

})

2237

})

2238

.catch(error => {

2238

.catch(error => {

2239

// console.log(error);

2239

// console.log(error);

2240

this.snackbar = true;

2240

this.snackbar = true;

2241

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

2241

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

2242

this.loading = false;

2242

this.loading = false;

2243

});

2243

});

2244

}

2244

}

2245

},

2245

},

2246

clear() {

2246

clear() {

2247

this.$refs.form.reset();

2247

this.$refs.form.reset();

2248

this.imageUrl = "";

2248

this.imageUrl = "";

2249

},

2249

},

2250

clearParents() {

2250

clearParents() {

2251

this.$refs.parentForm.reset();

2251

this.$refs.parentForm.reset();

2252

},

2252

},

2253

save() {

2253

save() {

2254

let editStudent = {

2254

let editStudent = {

2255

studentId: this.editedItem._id,

2255

studentId: this.editedItem._id,

2256

2256

2257

email: this.editedItem.email,

2257

email: this.editedItem.email,

2258

role: this.editedItem.role,

2258

role: this.editedItem.role,

2259

dob: this.editedItem.dob,

2259

dob: this.editedItem.dob,

2260

city: this.editedItem.city,

2260

city: this.editedItem.city,

2261

pincode: this.editedItem.pincode,

2261

pincode: this.editedItem.pincode,

2262

country: this.editedItem.country,

2262

country: this.editedItem.country,

2263

permanentAddress: this.editedItem.permanentAddress,

2263

permanentAddress: this.editedItem.permanentAddress,

2264

presentAddress: this.editedItem.presentAddress,

2264

presentAddress: this.editedItem.presentAddress,

2265

mobile: this.editedItem.mobile,

2265

mobile: this.editedItem.mobile,

2266

state: this.editedItem.state,

2266

state: this.editedItem.state,

2267

gender: this.editedItem.gender,

2267

gender: this.editedItem.gender,

2268

establishmentYear: this.editedItem.establishmentYear,

2268

establishmentYear: this.editedItem.establishmentYear,

2269

classId: this.editedItem.select,

2269

classId: this.editedItem.select,

2270

sectionId: this.editedItem.selectSection,

2270

sectionId: this.editedItem.selectSection,

2271

bloodGroup: this.editedItem.bloodGroup,

2271

bloodGroup: this.editedItem.bloodGroup,

2272

medicalNotes: this.editedItem.medicalNotes,

2272

medicalNotes: this.editedItem.medicalNotes,

2273

height: this.editedItem.height,

2273

height: this.editedItem.height,

2274

weight: this.editedItem.weight,

2274

weight: this.editedItem.weight,

2275

rollNo: this.editedItem.rollNo

2275

rollNo: this.editedItem.rollNo

2276

};

2276

};

2277

if (this.editImageUrl) {

2277

if (this.editImageUrl) {

2278

var str = this.editImageUrl;

2278

var str = this.editImageUrl;

2279

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

2279

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

2280

editStudent.upload = editImageUrl;

2280

editStudent.upload = editImageUrl;

2281

}

2281

}

2282

this.editLoading = true;

2282

this.editLoading = true;

2283

http()

2283

http()

2284

.put("/updateStudent", editStudent)

2284

.put("/updateStudent", editStudent)

2285

.then(response => {

2285

.then(response => {

2286

this.snackbar = true;

2286

this.snackbar = true;

2287

this.text = response.data.message;

2287

this.text = response.data.message;

2288

this.imageUrl = "";

2288

this.imageUrl = "";

2289

this.findStudents();

2289

this.findStudents();

2290

this.close();

2290

this.close();

2291

this.editLoading = false;

2291

this.editLoading = false;

2292

})

2292

})

2293

.catch(error => {

2293

.catch(error => {

2294

// console.log(error);

2294

// console.log(error);

2295

this.snackbar = true;

2295

this.snackbar = true;

2296

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

2296

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

2297

this.editLoading = false;

2297

this.editLoading = false;

2298

});

2298

});

2299

},

2299

},

2300

submitParentDetails() {

2300

submitParentDetails() {

2301

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

2301

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

2302

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

2302

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

2303

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

2303

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

2304

let addparentDetails = {

2304

let addparentDetails = {

2305

email: this.parentData.email,

2305

email: this.parentData.email,

2306

fatherName: this.parentData.fatherName,

2306

fatherName: this.parentData.fatherName,

2307

fatherCellNo: this.parentData.fatherCellNo,

2307

fatherCellNo: this.parentData.fatherCellNo,

2308

motherName: this.parentData.motherName,

2308

motherName: this.parentData.motherName,

2309

motherCellNo: this.parentData.motherCellNo,

2309

motherCellNo: this.parentData.motherCellNo,

2310

fatherProfession: this.parentData.fatherProfession,

2310

fatherProfession: this.parentData.fatherProfession,

2311

motherProfession: this.parentData.motherProfession,

2311

motherProfession: this.parentData.motherProfession,

2312

role: "PARENT"

2312

role: "PARENT"

2313

};

2313

};

2314

this.loading = true;

2314

this.loading = true;

2315

http()

2315

http()

2316

.post("/createParent", addparentDetails)

2316

.post("/createParent", addparentDetails)

2317

.then(response => {

2317

.then(response => {

2318

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

2318

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

2319

this.e2 = 2;

2319

this.e2 = 2;

2320

this.snackbar = true;

2320

this.snackbar = true;

2321

this.text = "successfully";

2321

this.text = "successfully";

2322

// this.getStudentList();

2322

// this.getStudentList();

2323

this.clear();

2323

this.clear();

2324

this.loading = false;

2324

this.loading = false;

2325

})

2325

})

2326

.catch(error => {

2326

.catch(error => {

2327

this.snackbar = true;

2327

this.snackbar = true;

2328

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

2328

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

2329

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

2329

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

2330

this.loading = false;

2330

this.loading = false;

2331

});

2331

});

2332

}

2332

}

2333

},

2333

},

2334

getParentDetails() {

2334

getParentDetails() {

2335

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

2335

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

2336

this.showLoader = true;

2336

this.showLoader = true;

2337

http()

2337

http()

2338

.get("getParticularParent", {

2338

.get("getParticularParent", {

2339

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

2339

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

2340

headers: {

2340

headers: {

2341

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

2341

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

2342

}

2342

}

2343

})

2343

})

2344

.then(response => {

2344

.then(response => {

2345

this.showNext = true;

2345

this.showNext = true;

2346

this.showParent = false;

2346

this.showParent = false;

2347

this.parentData = response.data.data;

2347

this.parentData = response.data.data;

2348

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

2348

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

2349

this.showLoader = false;

2349

this.showLoader = false;

2350

})

2350

})

2351

.catch(error => {

2351

.catch(error => {

2352

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

2352

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

2353

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

2353

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

2354

this.snackbar = true;

2354

this.snackbar = true;

2355

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

2355

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

2356

this.showNext = false;

2356

this.showNext = false;

2357

this.showParent = true;

2357

this.showParent = true;

2358

this.parentData.email = "";

2358

this.parentData.email = "";

2359

this.parentData.fatherName = "";

2359

this.parentData.fatherName = "";

2360

this.parentData.motherName = "";

2360

this.parentData.motherName = "";

2361

this.parentData.motherCellNo = "";

2361

this.parentData.motherCellNo = "";

2362

this.parentData.fatherProfession = "";

2362

this.parentData.fatherProfession = "";

2363

this.parentData.motherProfession = "";

2363

this.parentData.motherProfession = "";

2364

}

2364

}

2365

this.showLoader = false;

2365

this.showLoader = false;

2366

});

2366

});

2367

}

2367

}

2368

},

2368

},

2369

suspendStudentStatus(status, id) {

2369

suspendStudentStatus(status, id) {

2370

let suspendStudentData = {

2370

let suspendStudentData = {

2371

studentId: id,

2371

studentId: id,

2372

status: status

2372

status: status

2373

};

2373

};

2374

http()

2374

http()

2375

.put("/suspendStudentAccount", suspendStudentData)

2375

.put("/suspendStudentAccount", suspendStudentData)

2376

.then(response => {

2376

.then(response => {

2377

this.findStudents()();

2377

this.findStudents();

2378

this.text = response.data.message;

2378

this.text = response.data.message;

2379

this.snackbar = true;

2379

this.snackbar = true;

2380

})

2380

})

2381

.catch(error => {

2381

.catch(error => {

2382

// console.log(error.response.data.data);

2382

// console.log(error.response.data.data);

2383

this.snackbar = true;

2383

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

2384

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

2384

});

2385

});

2385

}

2386

}

2386

},

2387

},

2387

mounted() {

2388

mounted() {

2388

const getCountryList = countryList();

2389

const getCountryList = countryList();

2389

this.countries = getCountryList;

2390

this.countries = getCountryList;

2390

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

2391

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

2391

http()

2392

http()

2392

.get("/getClassesList", {

2393

.get("/getClassesList", {

2393

headers: { Authorization: "Bearer " + token }

2394

headers: { Authorization: "Bearer " + token }

2394

})

2395

})

2395

.then(response => {

2396

.then(response => {

2396

this.addclass = response.data.data;

2397

this.addclass = response.data.data;

2397

})

2398

})

2398

.catch(error => {

2399

.catch(error => {

2399

this.showLoader = false;

2400

this.showLoader = false;

2400

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

2401

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

2401

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

2402

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

2402

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

2403

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

2403

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

2404

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

2404

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

2405

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

2405

}

2406

}

2406

});

2407

});

2407

},

2408

},

2408

created() {

2409

created() {

2409

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

2410

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

2410

this.search = search;

2411

this.search = search;

2411

});

2412

});

2412

},

2413

},

2413

beforeDestroy() {

2414

beforeDestroy() {

2414

// dont forget to remove the listener

2415

// dont forget to remove the listener

2415

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

2416

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

2416

}

2417

}

2417

};

2418

};

2418

</script>

2419

</script>

2419

2420

2420

.active {

2421

.active {

2421

background-color: gray;

2422

background-color: gray;

2422

color: white !important;

2423

color: white !important;

2423

}

2424

}

2424

.activebtn {

2425

.activebtn {

2425

color: black !important;

2426

color: black !important;

2426

}

2427

}

2427

</style>

2428

</style>

GITLAB

viithiisys / School-Management-dashboard

implement change status in student and teacher

 <template>
   <div>
     <v-tabs grow slider-color="gray">
       <v-tab
         ripple
         @click="activeTab('existing')"
         v-bind:class="{ active: isActive }"
         id="tab"
         class="subheading"
       >Existing Students</v-tab>
       <v-tab
         ripple
         @click="activeTab('new')"
         v-bind:class="{ active: newActive }"
         id="tab1"
         User
         class="subheading"
       >Add New Students</v-tab>
       <!-- ****** EDITS  STUDENTS DETAILS ****** -->
       <v-tab-item>
         <v-snackbar
           :timeout="timeout"
           :top="y === 'top'"
           :right="x === 'right'"
           :vertical="mode === 'vertical'"
           v-model="snackbar"
           color="success"
         >{{ text }}</v-snackbar>
         <v-dialog v-model="dialog" max-width="170 0px" scrollable>
           <v-card flat>
             <v-toolbar color="grey lighten-2" flat>
               <v-spacer></v-spacer>
               <v-toolbar-title>
                 <h3>Edit Student Profile</h3>
               </v-toolbar-title>
               <v-spacer></v-spacer>
             </v-toolbar>
             <v-card-text style="height: 680px;">
               <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="160px">
                         <img
                           src="/static/icon/user.png"
                           v-if="!editedItem.profilePicUrl && !editImageUrl"
                         />
                         <img
                           :src="editedItem.profilePicUrl"
                           v-else-if="editedItem.profilePicUrl && !editImageUrl"
                         />
                         <img
                           v-if="editImageUrl"
                           :src="editImageUrl"
                           height="150"
                           style="border-radius:50%; width:200px"
                         />
                       </v-avatar>
                       <input
                         type="file"
                         style="display: none"
                         ref="editDataImage"
                         accept="image/*"
                         @change="onEditFilePicked"
                       />
                     </v-flex>
                   </v-layout>
                   <v-layout>
                     <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>
                     <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>
                     <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>
                     <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>
                     <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>
                     <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>
                       <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
                             :items="gender"
                             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">
                     <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>
                         <v-flex xs6>
                           <v-btn round dark @click.native="close">Cancel</v-btn>
                         </v-flex>
                         <v-flex xs6>
                           <v-btn @click="save" round dark :loading="editLoading" class="right">Save</v-btn>
                         </v-flex>
                       </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="dialog1" max-width="1200px" scrollable>
           <v-card>
             <v-toolbar color="grey lighten-2" flat>
               <v-spacer></v-spacer>
               <v-toolbar-title>Student Profile</v-toolbar-title>
               <v-spacer></v-spacer>
               <v-icon @click="close1">close</v-icon>
             </v-toolbar>
             <v-card-text style="height: 700px;">
               <v-flex align-center justify-center layout text-xs-center class="mt-3">
                 <v-avatar size="160px">
                   <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>Blood Group:</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>
         <v-snackbar
           :timeout="timeout"
           :top="y === 'top'"
           :right="x === 'right'"
           :vertical="mode === 'vertical'"
           v-model="snackbar"
           color="success"
         >{{ text }}</v-snackbar>
         <!-- ****** EXISTING-USERS STUDENTS TABLE ****** -->
         <v-card flat>
           <v-card-actions class="hidden-xs-only hidden-sm-only">
             <v-layout>
               <label class="right mt-4 ml-5">Select Class:</label>
               <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-4"
                 required
               ></v-select>
               <label class="right mt-4">Select Section:</label>
               <v-select
                 :items="addSection"
                 label="Select Section"
                 v-model="selectStudents.selectSection"
                 item-text="name"
                 item-value="_id"
                 name="Select Section"
                 :rules="sectionRules"
                 class="pl-3"
                 required
               ></v-select>
             </v-layout>
             <v-spacer></v-spacer>
             <v-btn @click="findStudents()" round dark :loading="loading" class="left">Find</v-btn>
           </v-card-actions>
           <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"
                   required
                 ></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">Find</v-btn>
               </v-flex>
             </v-layout>
           </v-flex>
         </v-card>
         <v-data-table
           :headers="headers"
           :items="desserts"
           :pagination.sync="pagination"
           :search="search"
         >
           <template slot="items" slot-scope="props">
             <td id="td" class="text-xs-center">{{ props.item.rollNo}}</td>
             <td id="td" class="text-xs-center">
               <v-avatar>
                 <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 id="td" class="text-xs-center">{{ props.item.name}}</td>
             <td id="td" class="text-xs-center">{{ props.item.email }}</td>
             <td id="td" class="text-xs-center">{{ dates(props.item.dob) }}</td>
             <td id="td" class="text-xs-center">{{ props.item.gender }}</td>
             <td id="td" class="text-xs-center">{{ props.item.parentId.fatherName }}</td>
             <td id="td" class="text-xs-center">{{ props.item.parentId.motherName }}</td>
             <td id="td" class="text-xs-center">{{ props.item.establishmentYear }}</td>
             <td id="td" class="text-xs-center">{{ props.item.mobile}}</td>
             <td id="td">
               <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">
               <span>
                 <v-tooltip top>
                   <img
                     slot="activator"
                     style="cursor:pointer; width:25px; height:18px; "
                     class="mr5"
                     @click="profile(props.item)"
                     src="/static/icon/eye1.png"
                   />
                   <span>View</span>
                 </v-tooltip>
                 <v-tooltip top>
                   <img
                     slot="activator"
                     style="cursor:pointer; width:20px; height:18px; "
                     class="mr5"
                     @click="editItem(props.item)"
                     src="/static/icon/edit1.png"
                   />
                   <span>Edit</span>
                 </v-tooltip>
                 <v-tooltip top>
                   <img
                     slot="activator"
                     style="cursor:pointer; width:20px; height:20px; "
                     class="mr5"
                     @click="deleteItem(props.item)"
                     src="/static/icon/delete1.png"
                   />
                   <span>Delete</span>
                 </v-tooltip>
               </span>
             </td>
           </template>
           <v-alert
             slot="no-results"
             :value="true"
             color="error"
             icon="warning"
           >Your search for "{{ search }}" found no results.</v-alert>
         </v-data-table>
       </v-tab-item>
       <!-- ****** ADD STUDENTS DETAILS****** -->
       <v-tab-item>
         <v-container fluid>
           <v-layout align-center justify-center fill-height>
             <v-flex xs12 sm12 md10 lg11>
               <div>
                 <v-app>
                   <v-stepper v-model="e2">
                     <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-snackbar
                             :timeout="timeout"
                             :top="y === 'top'"
                             :right="x === 'right'"
                             :vertical="mode === 'vertical'"
                             v-model="snackbar"
                             color="success"
                           >{{ text }}</v-snackbar>
                           <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-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"
                                   >Add</v-btn>
                                   <v-btn v-show="showNext" @click="e2 = 2" round dark>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"
                                 >Add</v-btn>
                                 <v-btn v-show="showNext" @click="e2 = 2" round dark>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"
                                         v-on:keyup="getParentDetails()"
                                         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">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-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"
                                   >Add</v-btn>
                                   <v-btn v-show="showNext" @click="e2 = 2" round dark>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"
                                 >Add</v-btn>
                                 <v-btn v-show="showNext" @click="e2 = 2" round dark>Next</v-btn>
                               </v-flex>
                             </v-form>
                           </v-flex>
                         </v-container>
                       </v-stepper-content>
                       <v-stepper-content step="2">
                         <v-snackbar
                           :timeout="timeout"
                           :top="y === 'top'"
                           :right="x === 'right'"
                           :vertical="mode === 'vertical'"
                           v-model="snackbar"
                           color="success"
                         >{{ text }}</v-snackbar>
                         <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 ID:</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"
                                       :rules="mobileNoRule"
                                       name="mobileNo"
                                       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 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">Allergies:</label>
                                   </v-flex>
                                   <v-flex xs8 class="ml-3">
                                     <v-text-field
                                       v-model="addStudents.allergies"
                                       placeholder="Fill your Allergies"
                                       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">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"
                                       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 sm11 offset-sm1>
                                 <v-layout>
                                   <v-flex xs6>
                                     <v-btn round dark @click="e2 = 1">Back</v-btn>
                                   </v-flex>
                                   <v-flex xs6>
                                     <v-btn
                                       @click="submit"
                                       round
                                       dark
                                       :loading="loading"
                                       class="right"
                                     >Add</v-btn>
                                   </v-flex>
                                 </v-layout>
                               </v-flex>
                             </v-layout>
                           </v-form>
                         </v-flex>
                       </v-stepper-content>
                     </v-stepper-items>
                   </v-stepper>
                 </v-app>
               </div>
             </v-flex>
           </v-layout>
         </v-container>
       </v-tab-item>
     </v-tabs>
     <div class="loader" v-if="showLoader">
       <v-progress-circular indeterminate color="white"></v-progress-circular>
     </div>
   </div>
 </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: () => ({
     e2: 0,
     showParent: true,
     showNext: false,
     snackbar: false,
     y: "top",
     x: "right",
     mode: "",
     timeout: 3000,
     text: "",
     showLoader: false,
     loading: false,
     editLoading: false,
     date: null,
     search: "",
     menu: false,
     menu1: false,
     dialog: false,
     dialog1: false,
     valid: true,
     isActive: true,
     newActive: false,
     addclass: [],
     addSection: [],
     gender: ["Male", "Female"],
     pagination: {
       rowsPerPage: 15
     },
     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"],
     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"
     ],
     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: "Email", value: "email", sortable: false, align: "center" },
       { text: "Dob", value: "dob", 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" }
     ],
     desserts: [],
     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()
     }
   }),
   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.desserts = 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;
           // console.log("err====>", err);
           // this.$router.replace({ path: '/' });
         });
     },
     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;
           // console.log("getSectionsList=====>", this.addSection);
         })
         .catch(err => {
           this.showLoader = false;
           // console.log("err====>", err);
           // this.$router.replace({ path: '/' });
         });
     },
     pickFile() {
       this.$refs.image.click();
     },
     pickEditFile() {
       this.$refs.editDataImage.click();
     },
     dates: function(date) {
       return moment(date).format("MMMM DD, YYYY");
     },
     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.desserts.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.dialog = true;
     },
     profile(item) {
       // console.log("item", item);
       this.editedIndex = this.desserts.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.dialog1 = true;
     },
     deleteItem(item) {
       let deleteStudent = {
         studentId: item._id
       };
       http()
         .delete(
           "/deleteStudent",
           confirm("Are you sure you want to delete this?") && {
             params: deleteStudent
           }
         )
         .then(response => {
           // console.log("deleteUers",deleteStudent)
           this.snackbar = true;
           this.text = "Successfully delete Existing Student";
           this.findStudents();
         })
         .catch(error => {
           // console.log(error);
         });
     },
     activeTab(type) {
       switch (type) {
         case "existing":
           this.newActive = false;
           this.isActive = true;
           break;
         default:
           this.newActive = true;
           this.isActive = false;
           break;
       }
     },
     close() {
       this.dialog = false;
       setTimeout(() => {
         this.editedItem = Object.assign({}, this.defaultItem);
         this.editedIndex = -1;
       }, 300);
     },
     close1() {
       this.dialog1 = 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 => {
             // console.log(addStudent);
             this.snackbar = true;
             this.text = "New Student added successfully";
             // this.getStudentList();
             this.clear();
             this.clearParents();
             this.loading = false;
           })
           .catch(error => {
             // console.log(error);
             this.snackbar = true;
             this.text = error.response.data.message;
             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.imageUrl = "";
           this.findStudents();
           this.close();
           this.editLoading = false;
         })
         .catch(error => {
           // console.log(error);
           this.snackbar = true;
           this.text = error.response.data.statusText;
           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,
           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 = "successfully";
             // this.getStudentList();
             this.clear();
             this.loading = false;
           })
           .catch(error => {
             this.snackbar = true;
             this.text = error.response.data.message;
             this.text = error.response.data.statusText;
             this.loading = false;
           });
       }
     },
     getParentDetails() {
       if (this.parentData.fatherCellNo.length > 9) {
         this.showLoader = true;
         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;
           })
           .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.showLoader = false;
           });
       }
     },
     suspendStudentStatus(status, id) {
       let suspendStudentData = {
         studentId: id,
         status: status
       };
       http()
         .put("/suspendStudentAccount", suspendStudentData)
         .then(response => {
-          this.findStudents()();
+          this.findStudents();
           this.text = response.data.message;
           this.snackbar = true;
         })
         .catch(error => {
           // console.log(error.response.data.data);
+          this.snackbar = true;
           this.text = error.response.data.message;
         });
     }
   },
   mounted() {
     const getCountryList = countryList();
     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);
         }
       });
   },
   created() {
     this.$root.$on("app:search", search => {
       this.search = search;
     });
   },
   beforeDestroy() {
     // dont forget to remove the listener
     this.$root.$off("app:search");
   }
 };
 </script>
 <style scoped>
 .active {
   background-color: gray;
   color: white !important;
 }
 .activebtn {
   color: black !important;
 }
 </style>