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 && !imageUrl"

51

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

52

/>

52

/>

53

<img

53

<img

54

:src="editedItem.profilePicUrl"

54

:src="editedItem.profilePicUrl"

55

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

55

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

56

/>

56

/>

57

<img

57

<img

58

v-if="imageUrl"

58

v-if="imageUrl"

59

:src="imageUrl"

59

:src="imageUrl"

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="image"

67

ref="image"

68

accept="image/*"

68

accept="image/*"

69

@change="onFilePicked"

69

@change="onFilePicked"

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

name="mobileNo"

242

name="mobileNo"

243

required

243

required

244

></v-text-field>

244

></v-text-field>

245

</v-flex>

245

</v-flex>

246

</v-layout>

246

</v-layout>

247

</v-flex>

247

</v-flex>

248

</v-layout>

248

</v-layout>

249

<v-layout>

249

<v-layout>

250

<v-flex xs12 sm4>

250

<v-flex xs12 sm4>

251

<v-layout>

251

<v-layout>

252

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

252

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

253

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

253

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

254

</v-flex>

254

</v-flex>

255

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

255

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

256

<v-text-field

256

<v-text-field

257

v-model="editedItem.height"

257

v-model="editedItem.height"

258

placeholder="fill your Height"

258

placeholder="fill your Height"

259

name="state"

259

name="state"

260

type="text"

260

type="text"

261

required

261

required

262

></v-text-field>

262

></v-text-field>

263

</v-flex>

263

</v-flex>

264

</v-layout>

264

</v-layout>

265

</v-flex>

265

</v-flex>

266

<v-flex xs12 sm4>

266

<v-flex xs12 sm4>

267

<v-layout>

267

<v-layout>

268

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

268

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

269

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

269

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

270

</v-flex>

270

</v-flex>

271

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

271

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

272

<v-text-field

272

<v-text-field

273

v-model="editedItem.weight"

273

v-model="editedItem.weight"

274

placeholder="fill your Weight"

274

placeholder="fill your Weight"

275

name="pincode"

275

name="pincode"

276

required

276

required

277

></v-text-field>

277

></v-text-field>

278

</v-flex>

278

</v-flex>

279

</v-layout>

279

</v-layout>

280

</v-flex>

280

</v-flex>

281

<v-flex xs12 sm4>

281

<v-flex xs12 sm4>

282

<v-layout>

282

<v-layout>

283

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

283

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

284

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

284

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

285

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

285

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

286

</v-flex>

286

</v-flex>

287

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

287

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

288

<v-text-field

288

<v-text-field

289

label="Select Image"

289

label="Select Image"

290

@click="pickFile"

290

@click="pickFile"

291

v-model="imageName"

291

v-model="imageName"

292

append-icon="attach_file"

292

append-icon="attach_file"

293

></v-text-field>

293

></v-text-field>

294

</v-flex>

294

</v-flex>

295

</v-layout>

295

</v-layout>

296

</v-flex>

296

</v-flex>

297

</v-layout>

297

</v-layout>

298

<v-layout>

298

<v-layout>

299

<v-flex xs12 sm4>

299

<v-flex xs12 sm4>

300

<v-layout>

300

<v-layout>

301

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

301

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

302

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

302

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

303

</v-flex>

303

</v-flex>

304

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

304

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

305

<v-text-field

305

<v-text-field

306

v-model="editedItem.state"

306

v-model="editedItem.state"

307

placeholder="fill your State Name"

307

placeholder="fill your State Name"

308

name="state"

308

name="state"

309

type="text"

309

type="text"

310

required

310

required

311

></v-text-field>

311

></v-text-field>

312

</v-flex>

312

</v-flex>

313

</v-layout>

313

</v-layout>

314

</v-flex>

314

</v-flex>

315

<v-flex xs12 sm4>

315

<v-flex xs12 sm4>

316

<v-layout>

316

<v-layout>

317

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

317

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

318

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

318

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

319

</v-flex>

319

</v-flex>

320

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

320

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

321

<v-text-field

321

<v-text-field

322

v-model="editedItem.pincode"

322

v-model="editedItem.pincode"

323

placeholder="fill your pincode"

323

placeholder="fill your pincode"

324

name="pincode"

324

name="pincode"

325

type="number"

325

type="number"

326

required

326

required

327

></v-text-field>

327

></v-text-field>

328

</v-flex>

328

</v-flex>

329

</v-layout>

329

</v-layout>

330

</v-flex>

330

</v-flex>

331

<v-flex xs12 sm4>

331

<v-flex xs12 sm4>

332

<v-layout>

332

<v-layout>

333

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

333

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

334

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

334

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

335

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

335

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

336

</v-flex>

336

</v-flex>

337

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

337

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

338

<v-text-field

338

<v-text-field

339

v-model="editedItem.mobile"

339

v-model="editedItem.mobile"

340

placeholder="fill your MobileNo"

340

placeholder="fill your MobileNo"

341

name="mobileNo"

341

name="mobileNo"

342

type="number"

342

type="number"

343

required

343

required

344

></v-text-field>

344

></v-text-field>

345

</v-flex>

345

</v-flex>

346

</v-layout>

346

</v-layout>

347

</v-flex>

347

</v-flex>

348

</v-layout>

348

</v-layout>

349

<v-layout>

349

<v-layout>

350

<v-flex xs12 sm4>

350

<v-flex xs12 sm4>

351

<v-layout>

351

<v-layout>

352

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

352

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

353

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

353

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

354

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

354

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

355

</v-flex>

355

</v-flex>

356

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

356

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

357

<v-autocomplete

357

<v-autocomplete

358

v-model="editedItem.country"

358

v-model="editedItem.country"

359

:items="countries"

359

:items="countries"

360

placeholder="Select Country Name"

360

placeholder="Select Country Name"

361

required

361

required

362

></v-autocomplete>

362

></v-autocomplete>

363

</v-flex>

363

</v-flex>

364

</v-layout>

364

</v-layout>

365

</v-flex>

365

</v-flex>

366

<v-flex xs12 sm4>

366

<v-flex xs12 sm4>

367

<v-layout>

367

<v-layout>

368

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

368

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

369

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

369

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

370

370

371

</v-flex>

371

</v-flex>

372

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

372

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

373

<v-text-field

373

<v-text-field

374

:items="gender"

374

:items="gender"

375

v-model="editedItem.rollNo"

375

v-model="editedItem.rollNo"

376

placeholder="fill roll number"

376

placeholder="fill roll number"

377

required

377

required

378

></v-text-field>

378

></v-text-field>

379

</v-flex>

379

</v-flex>

380

</v-layout>

380

</v-layout>

381

</v-flex>

381

</v-flex>

382

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

382

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

383

<v-layout>

383

<v-layout>

384

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

384

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

385

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

385

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

386

<label

386

<label

387

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

387

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

388

>Permanent Address:</label>

388

>Permanent Address:</label>

389

</v-flex>

389

</v-flex>

390

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

390

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

391

<v-text-field

391

<v-text-field

392

v-model="editedItem.permanentAddress"

392

v-model="editedItem.permanentAddress"

393

placeholder="fill Your Permanent Address"

393

placeholder="fill Your Permanent Address"

394

required

394

required

395

></v-text-field>

395

></v-text-field>

396

</v-flex>

396

</v-flex>

397

</v-layout>

397

</v-layout>

398

</v-flex>

398

</v-flex>

399

</v-layout>

399

</v-layout>

400

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

400

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

401

<v-flex xs12 sm4>

401

<v-flex xs12 sm4>

402

<v-layout>

402

<v-layout>

403

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

403

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

404

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

404

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

405

<label

405

<label

406

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

406

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

407

>Present Address:</label>

407

>Present Address:</label>

408

</v-flex>

408

</v-flex>

409

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

409

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

410

<v-text-field

410

<v-text-field

411

v-model="editedItem.presentAddress"

411

v-model="editedItem.presentAddress"

412

placeholder="Select Country Name"

412

placeholder="Select Country Name"

413

required

413

required

414

></v-text-field>

414

></v-text-field>

415

</v-flex>

415

</v-flex>

416

</v-layout>

416

</v-layout>

417

</v-flex>

417

</v-flex>

418

</v-layout>

418

</v-layout>

419

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

419

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

420

<v-flex xs12 sm12>

420

<v-flex xs12 sm12>

421

<v-layout>

421

<v-layout>

422

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

422

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

423

<label class>Present Address :</label>

423

<label class>Present Address :</label>

424

</v-flex>

424

</v-flex>

425

</v-layout>

425

</v-layout>

426

<v-layout>

426

<v-layout>

427

<v-flex xs12 sm12>

427

<v-flex xs12 sm12>

428

<v-textarea

428

<v-textarea

429

v-model="editedItem.presentAddress"

429

v-model="editedItem.presentAddress"

430

placeholder="fill Your present Address"

430

placeholder="fill Your present Address"

431

required

431

required

432

></v-textarea>

432

></v-textarea>

433

</v-flex>

433

</v-flex>

434

</v-layout>

434

</v-layout>

435

</v-flex>

435

</v-flex>

436

<v-flex xs12 sm12>

436

<v-flex xs12 sm12>

437

<v-layout>

437

<v-layout>

438

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

438

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

439

<label>Permanent addr:</label>

439

<label>Permanent addr:</label>

440

</v-flex>

440

</v-flex>

441

</v-layout>

441

</v-layout>

442

<v-layout>

442

<v-layout>

443

<v-flex xs12 sm12>

443

<v-flex xs12 sm12>

444

<v-textarea

444

<v-textarea

445

name="input-4-3"

445

name="input-4-3"

446

v-model="editedItem.permanentAddress"

446

v-model="editedItem.permanentAddress"

447

placeholder="fill Your Permanent Address"

447

placeholder="fill Your Permanent Address"

448

required

448

required

449

></v-textarea>

449

></v-textarea>

450

</v-flex>

450

</v-flex>

451

</v-layout>

451

</v-layout>

452

</v-flex>

452

</v-flex>

453

</v-layout>

453

</v-layout>

454

<v-layout>

454

<v-layout>

455

<v-flex xs12 sm12>

455

<v-flex xs12 sm12>

456

<v-layout>

456

<v-layout>

457

<v-flex xs6>

457

<v-flex xs6>

458

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

458

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

459

</v-flex>

459

</v-flex>

460

<v-flex xs6>

460

<v-flex xs6>

461

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

461

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

462

</v-flex>

462

</v-flex>

463

</v-layout>

463

</v-layout>

464

</v-flex>

464

</v-flex>

465

</v-layout>

465

</v-layout>

466

</v-container>

466

</v-container>

467

</v-form>

467

</v-form>

468

</v-card-text>

468

</v-card-text>

469

</v-card>

469

</v-card>

470

</v-dialog>

470

</v-dialog>

471

472

472

473

474

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

474

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

475

<v-card>

475

<v-card>

476

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

476

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

477

<v-spacer></v-spacer>

477

<v-spacer></v-spacer>

478

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

478

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

479

<v-spacer></v-spacer>

479

<v-spacer></v-spacer>

480

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

480

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

481

</v-toolbar>

481

</v-toolbar>

482

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

482

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

483

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

483

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

484

<v-avatar size="160px">

484

<v-avatar size="160px">

485

485

486

486

487

</v-avatar>

487

</v-avatar>

488

</v-flex>

488

</v-flex>

489

<v-container grid-list-md>

489

<v-container grid-list-md>

490

<v-layout wrap>

490

<v-layout wrap>

491

<v-flex xs12 sm6>

491

<v-flex xs12 sm6>

492

<v-layout>

492

<v-layout>

493

<v-flex xs6 sm5>

493

<v-flex xs6 sm5>

494

494

495

495

496

</h5>

496

</h5>

497

</v-flex>

497

</v-flex>

498

<v-flex sm7 xs6>

498

<v-flex sm7 xs6>

499

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

499

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

500

</v-flex>

500

</v-flex>

501

</v-layout>

501

</v-layout>

502

</v-flex>

502

</v-flex>

503

<v-flex xs12 sm6>

503

<v-flex xs12 sm6>

504

<v-layout>

504

<v-layout>

505

<v-flex xs6 sm4>

505

<v-flex xs6 sm4>

506

506

507

<b>Email:</b>

507

<b>Email:</b>

508

</h5>

508

</h5>

509

</v-flex>

509

</v-flex>

510

<v-flex sm8 xs6>

510

<v-flex sm8 xs6>

511

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

511

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

512

</v-flex>

512

</v-flex>

513

</v-layout>

513

</v-layout>

514

</v-flex>

514

</v-flex>

515

</v-layout>

515

</v-layout>

516

<v-layout wrap>

516

<v-layout wrap>

517

<v-flex xs12 sm6>

517

<v-flex xs12 sm6>

518

<v-layout>

518

<v-layout>

519

<v-flex xs6 sm5>

519

<v-flex xs6 sm5>

520

<b>

520

<b>

521

521

522

<b>Gender:</b>

522

<b>Gender:</b>

523

</h5>

523

</h5>

524

</b>

524

</b>

525

</v-flex>

525

</v-flex>

526

<v-flex sm7 xs6>

526

<v-flex sm7 xs6>

527

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

527

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

528

</v-flex>

528

</v-flex>

529

</v-layout>

529

</v-layout>

530

</v-flex>

530

</v-flex>

531

<v-flex xs12 sm6>

531

<v-flex xs12 sm6>

532

<v-layout>

532

<v-layout>

533

<v-flex xs6 sm4>

533

<v-flex xs6 sm4>

534

<b>

534

<b>

535

535

536

536

537

</h5>

537

</h5>

538

</b>

538

</b>

539

</v-flex>

539

</v-flex>

540

<v-flex sm7 xs6>

540

<v-flex sm7 xs6>

541

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

541

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

542

</v-flex>

542

</v-flex>

543

</v-layout>

543

</v-layout>

544

</v-flex>

544

</v-flex>

545

</v-layout>

545

</v-layout>

546

<v-layout wrap>

546

<v-layout wrap>

547

<v-flex xs12 sm6>

547

<v-flex xs12 sm6>

548

<v-layout>

548

<v-layout>

549

<v-flex xs6 sm5>

549

<v-flex xs6 sm5>

550

<b>

550

<b>

551

551

552

<b>Blood Group:</b>

552

<b>Blood Group:</b>

553

</h5>

553

</h5>

554

</b>

554

</b>

555

</v-flex>

555

</v-flex>

556

<v-flex sm7 xs6>

556

<v-flex sm7 xs6>

557

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

557

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

558

</v-flex>

558

</v-flex>

559

</v-layout>

559

</v-layout>

560

</v-flex>

560

</v-flex>

561

<!-- <v-flex xs12 sm6>

561

<!-- <v-flex xs12 sm6>

562

<v-layout>

562

<v-layout>

563

<v-flex xs6 sm4>

563

<v-flex xs6 sm4>

564

<b>

564

<b>

565

565

566

<b>Allergies:</b>

566

<b>Allergies:</b>

567

</h5>

567

</h5>

568

</b>

568

</b>

569

</v-flex>

569

</v-flex>

570

<v-flex sm8 xs6>

570

<v-flex sm8 xs6>

571

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

571

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

572

</v-flex>

572

</v-flex>

573

</v-layout>

573

</v-layout>

574

</v-flex>-->

574

</v-flex>-->

575

<v-flex xs12 sm6>

575

<v-flex xs12 sm6>

576

<v-layout>

576

<v-layout>

577

<v-flex xs6 sm4>

577

<v-flex xs6 sm4>

578

<b>

578

<b>

579

579

580

580

581

</h5>

581

</h5>

582

</b>

582

</b>

583

</v-flex>

583

</v-flex>

584

<v-flex sm6 xs6>

584

<v-flex sm6 xs6>

585

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

585

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

586

</v-flex>

586

</v-flex>

587

</v-layout>

587

</v-layout>

588

</v-flex>

588

</v-flex>

589

</v-layout>

589

</v-layout>

590

<v-layout wrap>

590

<v-layout wrap>

591

<v-flex xs12 sm6>

591

<v-flex xs12 sm6>

592

<v-layout>

592

<v-layout>

593

<v-flex xs6 sm5>

593

<v-flex xs6 sm5>

594

<b>

594

<b>

595

595

596

<b>Height:</b>

596

<b>Height:</b>

597

</h5>

597

</h5>

598

</b>

598

</b>

599

</v-flex>

599

</v-flex>

600

<v-flex sm7 xs6>

600

<v-flex sm7 xs6>

601

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

601

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

602

</v-flex>

602

</v-flex>

603

</v-layout>

603

</v-layout>

604

</v-flex>

604

</v-flex>

605

<v-flex xs12 sm6>

605

<v-flex xs12 sm6>

606

<v-layout>

606

<v-layout>

607

<v-flex xs6 sm4>

607

<v-flex xs6 sm4>

608

<b>

608

<b>

609

609

610

<b>Weight:</b>

610

<b>Weight:</b>

611

</h5>

611

</h5>

612

</b>

612

</b>

613

</v-flex>

613

</v-flex>

614

<v-flex sm8 xs6>

614

<v-flex sm8 xs6>

615

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

615

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

616

</v-flex>

616

</v-flex>

617

</v-layout>

617

</v-layout>

618

</v-flex>

618

</v-flex>

619

</v-layout>

619

</v-layout>

620

<v-layout wrap>

620

<v-layout wrap>

621

<v-flex xs12 sm6>

621

<v-flex xs12 sm6>

622

<v-layout>

622

<v-layout>

623

<v-flex xs6 sm5>

623

<v-flex xs6 sm5>

624

<b>

624

<b>

625

625

626

626

627

</h5>

627

</h5>

628

</b>

628

</b>

629

</v-flex>

629

</v-flex>

630

<v-flex sm7 xs6>

630

<v-flex sm7 xs6>

631

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

631

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

632

</v-flex>

632

</v-flex>

633

</v-layout>

633

</v-layout>

634

</v-flex>

634

</v-flex>

635

<v-flex xs12 sm6>

635

<v-flex xs12 sm6>

636

<v-layout>

636

<v-layout>

637

<v-flex xs6 sm4>

637

<v-flex xs6 sm4>

638

<b>

638

<b>

639

639

640

<b>State:</b>

640

<b>State:</b>

641

</h5>

641

</h5>

642

</b>

642

</b>

643

</v-flex>

643

</v-flex>

644

<v-flex sm8 xs6>

644

<v-flex sm8 xs6>

645

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

645

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

646

</v-flex>

646

</v-flex>

647

</v-layout>

647

</v-layout>

648

</v-flex>

648

</v-flex>

649

</v-layout>

649

</v-layout>

650

<v-layout wrap>

650

<v-layout wrap>

651

<v-flex xs12 sm6>

651

<v-flex xs12 sm6>

652

<v-layout>

652

<v-layout>

653

<v-flex xs6 sm5>

653

<v-flex xs6 sm5>

654

<b>

654

<b>

655

655

656

<b>Pincode:</b>

656

<b>Pincode:</b>

657

</h5>

657

</h5>

658

</b>

658

</b>

659

</v-flex>

659

</v-flex>

660

<v-flex sm7 xs6>

660

<v-flex sm7 xs6>

661

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

661

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

662

</v-flex>

662

</v-flex>

663

</v-layout>

663

</v-layout>

664

</v-flex>

664

</v-flex>

665

<v-flex xs12 sm5>

665

<v-flex xs12 sm5>

666

<v-layout>

666

<v-layout>

667

<v-flex xs6 sm5>

667

<v-flex xs6 sm5>

668

<b>

668

<b>

669

669

670

<b>Country:</b>

670

<b>Country:</b>

671

</h5>

671

</h5>

672

</b>

672

</b>

673

</v-flex>

673

</v-flex>

674

<v-flex sm7 xs6>

674

<v-flex sm7 xs6>

675

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

675

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

676

</v-flex>

676

</v-flex>

677

</v-layout>

677

</v-layout>

678

</v-flex>

678

</v-flex>

679

</v-layout>

679

</v-layout>

680

<v-layout wrap>

680

<v-layout wrap>

681

<v-flex xs12 sm6>

681

<v-flex xs12 sm6>

682

<v-layout>

682

<v-layout>

683

<v-flex sm5 xs6>

683

<v-flex sm5 xs6>

684

<b>

684

<b>

685

685

686

<b>Mobile No:</b>

686

<b>Mobile No:</b>

687

</h5>

687

</h5>

688

</b>

688

</b>

689

</v-flex>

689

</v-flex>

690

<v-flex sm6 xs6>

690

<v-flex sm6 xs6>

691

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

691

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

692

</v-flex>

692

</v-flex>

693

</v-layout>

693

</v-layout>

694

</v-flex>

694

</v-flex>

695

<v-flex xs12 sm6>

695

<v-flex xs12 sm6>

696

<v-layout>

696

<v-layout>

697

<v-flex xs6 sm4>

697

<v-flex xs6 sm4>

698

<b>

698

<b>

699

699

700

<b>FahterName:</b>

700

<b>FahterName:</b>

701

</h5>

701

</h5>

702

</b>

702

</b>

703

</v-flex>

703

</v-flex>

704

<v-flex sm8 xs6>

704

<v-flex sm8 xs6>

705

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

705

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

706

</v-flex>

706

</v-flex>

707

</v-layout>

707

</v-layout>

708

</v-flex>

708

</v-flex>

709

</v-layout>

709

</v-layout>

710

<v-layout wrap>

710

<v-layout wrap>

711

<v-flex xs12 sm5>

711

<v-flex xs12 sm5>

712

<v-layout>

712

<v-layout>

713

<v-flex xs6 sm6>

713

<v-flex xs6 sm6>

714

<b>

714

<b>

715

715

716

<b>MotherName:</b>

716

<b>MotherName:</b>

717

</h5>

717

</h5>

718

</b>

718

</b>

719

</v-flex>

719

</v-flex>

720

<v-flex sm6 xs6>

720

<v-flex sm6 xs6>

721

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

721

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

722

</v-flex>

722

</v-flex>

723

</v-layout>

723

</v-layout>

724

</v-flex>

724

</v-flex>

725

<v-flex xs12 sm6>

725

<v-flex xs12 sm6>

726

<v-layout>

726

<v-layout>

727

<v-flex xs6 sm6>

727

<v-flex xs6 sm6>

728

<b>

728

<b>

729

729

730

<b>FatherCellNo:</b>

730

<b>FatherCellNo:</b>

731

</h5>

731

</h5>

732

</b>

732

</b>

733

</v-flex>

733

</v-flex>

734

<v-flex sm6 xs6>

734

<v-flex sm6 xs6>

735

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

735

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

736

</v-flex>

736

</v-flex>

737

</v-layout>

737

</v-layout>

738

</v-flex>

738

</v-flex>

739

</v-layout>

739

</v-layout>

740

<v-layout wrap>

740

<v-layout wrap>

741

<v-flex xs12 sm5>

741

<v-flex xs12 sm5>

742

<v-layout>

742

<v-layout>

743

<v-flex xs6 sm6>

743

<v-flex xs6 sm6>

744

<b>

744

<b>

745

745

746

<b>MotherCellNo:</b>

746

<b>MotherCellNo:</b>

747

</h5>

747

</h5>

748

</b>

748

</b>

749

</v-flex>

749

</v-flex>

750

<v-flex sm6 xs6>

750

<v-flex sm6 xs6>

751

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

751

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

752

</v-flex>

752

</v-flex>

753

</v-layout>

753

</v-layout>

754

</v-flex>

754

</v-flex>

755

<v-flex xs12 sm6>

755

<v-flex xs12 sm6>

756

<v-layout>

756

<v-layout>

757

<v-flex xs6 sm6>

757

<v-flex xs6 sm6>

758

<b>

758

<b>

759

759

760

<b>AcademicYear:</b>

760

<b>AcademicYear:</b>

761

</h5>

761

</h5>

762

</b>

762

</b>

763

</v-flex>

763

</v-flex>

764

<v-flex sm5 xs6>

764

<v-flex sm5 xs6>

765

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

765

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

766

</v-flex>

766

</v-flex>

767

</v-layout>

767

</v-layout>

768

</v-flex>

768

</v-flex>

769

</v-layout>

769

</v-layout>

770

<v-layout wrap>

770

<v-layout wrap>

771

<v-flex xs12 sm5>

771

<v-flex xs12 sm5>

772

<v-layout>

772

<v-layout>

773

<v-flex xs6 sm6>

773

<v-flex xs6 sm6>

774

<b>

774

<b>

775

775

776

<b>MedicalNotes:</b>

776

<b>MedicalNotes:</b>

777

</h5>

777

</h5>

778

</b>

778

</b>

779

</v-flex>

779

</v-flex>

780

<v-flex sm5 xs6>

780

<v-flex sm5 xs6>

781

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

781

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

782

</v-flex>

782

</v-flex>

783

</v-layout>

783

</v-layout>

784

</v-flex>

784

</v-flex>

785

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

785

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

786

<v-layout wrap>

786

<v-layout wrap>

787

<v-flex sm6>

787

<v-flex sm6>

788

<b>

788

<b>

789

789

790

<b>present Address:</b>

790

<b>present Address:</b>

791

</h5>

791

</h5>

792

</b>

792

</b>

793

</v-flex>

793

</v-flex>

794

<v-flex sm5>

794

<v-flex sm5>

795

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

795

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

796

</v-flex>

796

</v-flex>

797

</v-layout>

797

</v-layout>

798

</v-flex>

798

</v-flex>

799

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

799

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

800

<v-layout wrap>

800

<v-layout wrap>

801

<v-flex sm6>

801

<v-flex sm6>

802

<b>

802

<b>

803

803

804

<b>Permanent Address:</b>

804

<b>Permanent Address:</b>

805

</h5>

805

</h5>

806

</b>

806

</b>

807

</v-flex>

807

</v-flex>

808

<v-flex sm6>

808

<v-flex sm6>

809

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

809

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

810

</v-flex>

810

</v-flex>

811

</v-layout>

811

</v-layout>

812

</v-flex>

812

</v-flex>

813

</v-layout>

813

</v-layout>

814

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

814

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

815

<v-flex xs12 sm5>

815

<v-flex xs12 sm5>

816

<v-layout wrap>

816

<v-layout wrap>

817

<v-flex xs12 sm6>

817

<v-flex xs12 sm6>

818

<b>

818

<b>

819

819

820

<b>present Address:-</b>

820

<b>present Address:-</b>

821

</h5>

821

</h5>

822

</b>

822

</b>

823

</v-flex>

823

</v-flex>

824

<v-flex sm5 xs12>

824

<v-flex sm5 xs12>

825

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

825

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

826

</v-flex>

826

</v-flex>

827

</v-layout>

827

</v-layout>

828

</v-flex>

828

</v-flex>

829

<v-flex xs12 sm6>

829

<v-flex xs12 sm6>

830

<v-layout wrap>

830

<v-layout wrap>

831

<v-flex xs12 sm6>

831

<v-flex xs12 sm6>

832

<b>

832

<b>

833

833

834

<b>Permanent Address:-</b>

834

<b>Permanent Address:-</b>

835

</h5>

835

</h5>

836

</b>

836

</b>

837

</v-flex>

837

</v-flex>

838

<v-flex sm6 xs12>

838

<v-flex sm6 xs12>

839

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

839

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

840

</v-flex>

840

</v-flex>

841

</v-layout>

841

</v-layout>

842

</v-flex>

842

</v-flex>

843

</v-layout>

843

</v-layout>

844

</v-container>

844

</v-container>

845

</v-card-text>

845

</v-card-text>

846

</v-card>

846

</v-card>

847

</v-dialog>

847

</v-dialog>

848

849

<v-snackbar

849

<v-snackbar

850

:timeout="timeout"

850

:timeout="timeout"

851

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

851

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

852

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

852

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

853

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

853

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

854

v-model="snackbar"

854

v-model="snackbar"

855

color="success"

855

color="success"

856

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

856

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

857

858

858

859

<v-card flat>

859

<v-card flat>

860

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

860

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

861

<v-layout>

861

<v-layout>

862

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

862

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

863

<v-select

863

<v-select

864

:items="addclass"

864

:items="addclass"

865

label="Select Class"

865

label="Select Class"

866

v-model="selectStudents.select"

866

v-model="selectStudents.select"

867

item-text="classNum"

867

item-text="classNum"

868

item-value="_id"

868

item-value="_id"

869

name="Select Class"

869

name="Select Class"

870

:rules="classRules"

870

:rules="classRules"

871

@change="getSections(selectStudents.select)"

871

@change="getSections(selectStudents.select)"

872

class="px-4"

872

class="px-4"

873

required

873

required

874

></v-select>

874

></v-select>

875

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

875

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

876

<v-select

876

<v-select

877

:items="addSection"

877

:items="addSection"

878

label="Select Section"

878

label="Select Section"

879

v-model="selectStudents.selectSection"

879

v-model="selectStudents.selectSection"

880

item-text="name"

880

item-text="name"

881

item-value="_id"

881

item-value="_id"

882

name="Select Section"

882

name="Select Section"

883

:rules="sectionRules"

883

:rules="sectionRules"

884

class="pl-3"

884

class="pl-3"

885

required

885

required

886

></v-select>

886

></v-select>

887

</v-layout>

887

</v-layout>

888

<v-spacer></v-spacer>

888

<v-spacer></v-spacer>

889

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

889

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

890

</v-card-actions>

890

</v-card-actions>

891

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

891

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

892

<v-layout>

892

<v-layout>

893

<v-flex xs4>

893

<v-flex xs4>

894

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

894

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

895

</v-flex>

895

</v-flex>

896

<v-flex xs8>

896

<v-flex xs8>

897

<v-select

897

<v-select

898

:items="addclass"

898

:items="addclass"

899

label="Select Class"

899

label="Select Class"

900

v-model="selectStudents.select"

900

v-model="selectStudents.select"

901

item-text="classNum"

901

item-text="classNum"

902

item-value="_id"

902

item-value="_id"

903

name="Select Class"

903

name="Select Class"

904

:rules="classRules"

904

:rules="classRules"

905

@change="getSections(selectStudents.select)"

905

@change="getSections(selectStudents.select)"

906

class="px-2"

906

class="px-2"

907

required

907

required

908

></v-select>

908

></v-select>

909

</v-flex>

909

</v-flex>

910

</v-layout>

910

</v-layout>

911

<v-layout>

911

<v-layout>

912

<v-flex xs4>

912

<v-flex xs4>

913

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

913

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

914

</v-flex>

914

</v-flex>

915

<v-flex xs8>

915

<v-flex xs8>

916

<v-select

916

<v-select

917

:items="addSection"

917

:items="addSection"

918

label="Select Section"

918

label="Select Section"

919

v-model="selectStudents.selectSection"

919

v-model="selectStudents.selectSection"

920

item-text="name"

920

item-text="name"

921

item-value="_id"

921

item-value="_id"

922

name="Select Section"

922

name="Select Section"

923

:rules="sectionRules"

923

:rules="sectionRules"

924

class="px-2"

924

class="px-2"

925

required

925

required

926

></v-select>

926

></v-select>

927

</v-flex>

927

</v-flex>

928

</v-layout>

928

</v-layout>

929

<v-layout>

929

<v-layout>

930

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

930

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

931

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

931

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

932

</v-flex>

932

</v-flex>

933

</v-layout>

933

</v-layout>

934

</v-flex>

934

</v-flex>

935

</v-card>

935

</v-card>

936

<v-data-table

936

<v-data-table

937

:headers="headers"

937

:headers="headers"

938

:items="desserts"

938

:items="desserts"

939

:pagination.sync="pagination"

939

:pagination.sync="pagination"

940

:search="search"

940

:search="search"

941

>

941

>

942

942

943

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

943

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

944

944

945

<v-avatar>

945

<v-avatar>

946

946

947

947

948

</v-avatar>

948

</v-avatar>

949

</td>

949

</td>

950

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

950

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

951

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

951

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

952

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

952

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

953

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

953

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

954

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

954

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

955

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

955

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

956

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

956

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

957

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

957

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

958

959

959

960

<span>

960

<span>

961

<v-tooltip top>

961

<v-tooltip top>

962

<img

962

<img

963

slot="activator"

963

slot="activator"

964

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

964

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

965

class="mr5"

965

class="mr5"

966

@click="profile(props.item)"

966

@click="profile(props.item)"

967

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

967

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

968

/>

968

/>

969

969

970

</v-tooltip>

970

</v-tooltip>

971

<v-tooltip top>

971

<v-tooltip top>

972

<img

972

<img

973

slot="activator"

973

slot="activator"

974

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

974

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

975

class="mr5"

975

class="mr5"

976

@click="editItem(props.item)"

976

@click="editItem(props.item)"

977

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

977

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

978

/>

978

/>

979

979

980

</v-tooltip>

980

</v-tooltip>

981

<v-tooltip top>

981

<v-tooltip top>

982

<img

982

<img

983

slot="activator"

983

slot="activator"

984

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

984

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

985

class="mr5"

985

class="mr5"

986

@click="deleteItem(props.item)"

986

@click="deleteItem(props.item)"

987

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

987

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

988

/>

988

/>

989

<span>Delete</span>

989

<span>Delete</span>

990

</v-tooltip>

990

</v-tooltip>

991

</span>

991

</span>

992

</td>

992

</td>

993

</template>

993

</template>

994

<v-alert

994

<v-alert

995

slot="no-results"

995

slot="no-results"

996

:value="true"

996

:value="true"

997

color="error"

997

color="error"

998

icon="warning"

998

icon="warning"

999

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

999

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

1000

</v-data-table>

1000

</v-data-table>

1001

</v-tab-item>

1001

</v-tab-item>

1002

1003

1003

1004

<v-tab-item>

1004

<v-tab-item>

1005

<v-container fluid>

1005

<v-container fluid>

1006

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

1006

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

1007

<v-flex xs12 sm12 md10 lg11>

1007

<v-flex xs12 sm12 md10 lg11>

1008

<div>

1008

<div>

1009

<v-app>

1009

<v-app>

1010

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

1010

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

1011

<v-stepper-header>

1011

<v-stepper-header>

1012

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

1012

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

1013

<v-divider></v-divider>

1013

<v-divider></v-divider>

1014

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

1014

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

1015

</v-stepper-header>

1015

</v-stepper-header>

1016

<v-stepper-items>

1016

<v-stepper-items>

1017

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

1017

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

1018

<v-container fluid class>

1018

<v-container fluid class>

1019

<v-snackbar

1019

<v-snackbar

1020

:timeout="timeout"

1020

:timeout="timeout"

1021

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

1021

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

1022

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

1022

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

1023

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

1023

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

1024

v-model="snackbar"

1024

v-model="snackbar"

1025

color="success"

1025

color="success"

1026

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

1026

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

1027

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

1027

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

1028

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

1028

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

1029

<v-layout wrap>

1029

<v-layout wrap>

1030

<v-flex xs12 sm6>

1030

<v-flex xs12 sm6>

1031

<v-layout wrap>

1031

<v-layout wrap>

1032

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

1032

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

1033

<label>Father Cell No:</label>

1033

<label>Father Cell No:</label>

1034

</v-flex>

1034

</v-flex>

1035

<v-flex xs12>

1035

<v-flex xs12>

1036

<v-text-field

1036

<v-text-field

1037

v-model.trim="parentData.fatherCellNo"

1037

v-model.trim="parentData.fatherCellNo"

1038

placeholder="fill your father Cell Number"

1038

placeholder="fill your father Cell Number"

1039

type="number"

1039

type="number"

1040

:rules="fatheCellNoRules"

1040

:rules="fatheCellNoRules"

1041

v-on:keyup="getParentDetails()"

1041

v-on:keyup="getParentDetails()"

1042

required

1042

required

1043

></v-text-field>

1043

></v-text-field>

1044

</v-flex>

1044

</v-flex>

1045

</v-layout>

1045

</v-layout>

1046

</v-flex>

1046

</v-flex>

1047

<v-flex xs12 sm6>

1047

<v-flex xs12 sm6>

1048

<v-layout wrap>

1048

<v-layout wrap>

1049

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

1049

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

1050

<label>Parent Email Id:</label>

1050

<label>Parent Email Id:</label>

1051

</v-flex>

1051

</v-flex>

1052

<v-flex xs12>

1052

<v-flex xs12>

1053

<v-text-field

1053

<v-text-field

1054

placeholder="fill Parent email"

1054

placeholder="fill Parent email"

1055

v-model="parentData.email"

1055

v-model="parentData.email"

1056

type="text"

1056

type="text"

1057

required

1057

required

1058

></v-text-field>

1058

></v-text-field>

1059

</v-flex>

1059

</v-flex>

1060

</v-layout>

1060

</v-layout>

1061

</v-flex>

1061

</v-flex>

1062

</v-layout>

1062

</v-layout>

1063

<v-layout wrap>

1063

<v-layout wrap>

1064

<v-flex xs12 sm6>

1064

<v-flex xs12 sm6>

1065

<v-layout wrap>

1065

<v-layout wrap>

1066

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

1066

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

1067

<label>Father Name:</label>

1067

<label>Father Name:</label>

1068

</v-flex>

1068

</v-flex>

1069

<v-flex xs12>

1069

<v-flex xs12>

1070

<v-text-field

1070

<v-text-field

1071

v-model="parentData.fatherName"

1071

v-model="parentData.fatherName"

1072

placeholder="Fill your father Name"

1072

placeholder="Fill your father Name"

1073

required

1073

required

1074

></v-text-field>

1074

></v-text-field>

1075

</v-flex>

1075

</v-flex>

1076

</v-layout>

1076

</v-layout>

1077

</v-flex>

1077

</v-flex>

1078

<v-flex xs12 sm6>

1078

<v-flex xs12 sm6>

1079

<v-layout wrap>

1079

<v-layout wrap>

1080

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

1080

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

1081

<label>Mother Name:</label>

1081

<label>Mother Name:</label>

1082

</v-flex>

1082

</v-flex>

1083

<v-flex xs12>

1083

<v-flex xs12>

1084

<v-text-field

1084

<v-text-field

1085

v-model="parentData.motherName"

1085

v-model="parentData.motherName"

1086

placeholder="fill your Mother Name"

1086

placeholder="fill your Mother Name"

1087

name="state"

1087

name="state"

1088

type="text"

1088

type="text"

1089

required

1089

required

1090

></v-text-field>

1090

></v-text-field>

1091

</v-flex>

1091

</v-flex>

1092

</v-layout>

1092

</v-layout>

1093

</v-flex>

1093

</v-flex>

1094

</v-layout>

1094

</v-layout>

1095

<v-layout wrap>

1095

<v-layout wrap>

1096

<v-flex xs12 sm6>

1096

<v-flex xs12 sm6>

1097

<v-layout wrap>

1097

<v-layout wrap>

1098

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

1098

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

1099

<label>Mother Cell No:</label>

1099

<label>Mother Cell No:</label>

1100

</v-flex>

1100

</v-flex>

1101

<v-flex xs12>

1101

<v-flex xs12>

1102

<v-text-field

1102

<v-text-field

1103

v-model="parentData.motherCellNo"

1103

v-model="parentData.motherCellNo"

1104

placeholder="fill your Mother Cell Number"

1104

placeholder="fill your Mother Cell Number"

1105

name="state"

1105

name="state"

1106

type="number"

1106

type="number"

1107

required

1107

required

1108

></v-text-field>

1108

></v-text-field>

1109

</v-flex>

1109

</v-flex>

1110

</v-layout>

1110

</v-layout>

1111

</v-flex>

1111

</v-flex>

1112

<v-flex xs12 sm6>

1112

<v-flex xs12 sm6>

1113

<v-layout wrap>

1113

<v-layout wrap>

1114

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

1114

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

1115

<label>Father Profession:</label>

1115

<label>Father Profession:</label>

1116

</v-flex>

1116

</v-flex>

1117

<v-flex xs12>

1117

<v-flex xs12>

1118

<v-text-field

1118

<v-text-field

1119

v-model="parentData.fatherProfession"

1119

v-model="parentData.fatherProfession"

1120

placeholder="fill your father profession"

1120

placeholder="fill your father profession"

1121

></v-text-field>

1121

></v-text-field>

1122

</v-flex>

1122

</v-flex>

1123

</v-layout>

1123

</v-layout>

1124

</v-flex>

1124

</v-flex>

1125

</v-layout>

1125

</v-layout>

1126

<v-layout wrap>

1126

<v-layout wrap>

1127

<v-flex xs12 sm6>

1127

<v-flex xs12 sm6>

1128

<v-layout wrap>

1128

<v-layout wrap>

1129

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

1129

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

1130

<label>Mother Profession:</label>

1130

<label>Mother Profession:</label>

1131

</v-flex>

1131

</v-flex>

1132

<v-flex xs12>

1132

<v-flex xs12>

1133

<v-text-field

1133

<v-text-field

1134

v-model="parentData.motherProfession"

1134

v-model="parentData.motherProfession"

1135

placeholder="fill your mother profession"

1135

placeholder="fill your mother profession"

1136

></v-text-field>

1136

></v-text-field>

1137

</v-flex>

1137

</v-flex>

1138

</v-layout>

1138

</v-layout>

1139

</v-flex>

1139

</v-flex>

1140

</v-layout>

1140

</v-layout>

1141

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

1141

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

1142

<v-card-actions>

1142

<v-card-actions>

1143

<v-spacer></v-spacer>

1143

<v-spacer></v-spacer>

1144

<v-btn

1144

<v-btn

1145

@click="submitParentDetails"

1145

@click="submitParentDetails"

1146

round

1146

round

1147

dark

1147

dark

1148

:loading="loading"

1148

:loading="loading"

1149

v-show="showParent"

1149

v-show="showParent"

1150

>Add</v-btn>

1150

>Add</v-btn>

1151

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

1151

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

1152

</v-card-actions>

1152

</v-card-actions>

1153

</v-flex>

1153

</v-flex>

1154

<v-flex

1154

<v-flex

1155

xs6

1155

xs6

1156

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

1156

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

1157

>

1157

>

1158

<v-btn

1158

<v-btn

1159

@click="submitParentDetails"

1159

@click="submitParentDetails"

1160

round

1160

round

1161

dark

1161

dark

1162

:loading="loading"

1162

:loading="loading"

1163

v-show="showParent"

1163

v-show="showParent"

1164

>Add</v-btn>

1164

>Add</v-btn>

1165

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

1165

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

1166

</v-flex>

1166

</v-flex>

1167

</v-form>

1167

</v-form>

1168

</v-flex>

1168

</v-flex>

1169

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

1169

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

1170

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

1170

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

1171

<v-layout wrap>

1171

<v-layout wrap>

1172

<v-flex xs12 sm6>

1172

<v-flex xs12 sm6>

1173

<v-layout>

1173

<v-layout>

1174

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

1174

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

1175

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

1175

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

1176

</v-flex>

1176

</v-flex>

1177

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

1177

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

1178

<v-text-field

1178

<v-text-field

1179

v-model.trim="parentData.fatherCellNo"

1179

v-model.trim="parentData.fatherCellNo"

1180

placeholder="fill your father Cell Number"

1180

placeholder="fill your father Cell Number"

1181

type="number"

1181

type="number"

1182

:rules="fatheCellNoRules"

1182

:rules="fatheCellNoRules"

1183

v-on:keyup="getParentDetails()"

1183

v-on:keyup="getParentDetails()"

1184

required

1184

required

1185

></v-text-field>

1185

></v-text-field>

1186

</v-flex>

1186

</v-flex>

1187

</v-layout>

1187

</v-layout>

1188

</v-flex>

1188

</v-flex>

1189

<v-flex xs12 sm6>

1189

<v-flex xs12 sm6>

1190

<v-layout>

1190

<v-layout>

1191

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

1191

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

1192

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

1192

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

1193

</v-flex>

1193

</v-flex>

1194

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

1194

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

1195

<v-text-field

1195

<v-text-field

1196

placeholder="fill Parent email"

1196

placeholder="fill Parent email"

1197

v-model="parentData.email"

1197

v-model="parentData.email"

1198

type="text"

1198

type="text"

1199

required

1199

required

1200

></v-text-field>

1200

></v-text-field>

1201

</v-flex>

1201

</v-flex>

1202

</v-layout>

1202

</v-layout>

1203

</v-flex>

1203

</v-flex>

1204

</v-layout>

1204

</v-layout>

1205

<v-layout wrap>

1205

<v-layout wrap>

1206

<v-flex xs12 sm6>

1206

<v-flex xs12 sm6>

1207

<v-layout>

1207

<v-layout>

1208

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

1208

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

1209

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

1209

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

1210

</v-flex>

1210

</v-flex>

1211

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

1211

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

1212

<v-text-field

1212

<v-text-field

1213

v-model="parentData.fatherName"

1213

v-model="parentData.fatherName"

1214

placeholder="Fill your father Name"

1214

placeholder="Fill your father Name"

1215

required

1215

required

1216

></v-text-field>

1216

></v-text-field>

1217

</v-flex>

1217

</v-flex>

1218

</v-layout>

1218

</v-layout>

1219

</v-flex>

1219

</v-flex>

1220

<v-flex xs12 sm6>

1220

<v-flex xs12 sm6>

1221

<v-layout>

1221

<v-layout>

1222

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

1222

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

1223

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

1223

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

1224

</v-flex>

1224

</v-flex>

1225

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

1225

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

1226

<v-text-field

1226

<v-text-field

1227

v-model="parentData.motherName"

1227

v-model="parentData.motherName"

1228

placeholder="fill your Mother Name"

1228

placeholder="fill your Mother Name"

1229

name="state"

1229

name="state"

1230

type="text"

1230

type="text"

1231

required

1231

required

1232

></v-text-field>

1232

></v-text-field>

1233

</v-flex>

1233

</v-flex>

1234

</v-layout>

1234

</v-layout>

1235

</v-flex>

1235

</v-flex>

1236

</v-layout>

1236

</v-layout>

1237

<v-layout wrap>

1237

<v-layout wrap>

1238

<v-flex xs12 sm6>

1238

<v-flex xs12 sm6>

1239

<v-layout>

1239

<v-layout>

1240

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

1240

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

1241

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

1241

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

1242

</v-flex>

1242

</v-flex>

1243

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

1243

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

1244

<v-text-field

1244

<v-text-field

1245

v-model="parentData.motherCellNo"

1245

v-model="parentData.motherCellNo"

1246

placeholder="fill your Mother Cell Number"

1246

placeholder="fill your Mother Cell Number"

1247

name="state"

1247

name="state"

1248

type="number"

1248

type="number"

1249

required

1249

required

1250

></v-text-field>

1250

></v-text-field>

1251

</v-flex>

1251

</v-flex>

1252

</v-layout>

1252

</v-layout>

1253

</v-flex>

1253

</v-flex>

1254

<v-flex xs12 sm6>

1254

<v-flex xs12 sm6>

1255

<v-layout>

1255

<v-layout>

1256

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

1256

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

1257

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

1257

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

1258

</v-flex>

1258

</v-flex>

1259

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

1259

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

1260

<v-text-field

1260

<v-text-field

1261

v-model="parentData.fatherProfession"

1261

v-model="parentData.fatherProfession"

1262

placeholder="fill your father profession"

1262

placeholder="fill your father profession"

1263

></v-text-field>

1263

></v-text-field>

1264

</v-flex>

1264

</v-flex>

1265

</v-layout>

1265

</v-layout>

1266

</v-flex>

1266

</v-flex>

1267

</v-layout>

1267

</v-layout>

1268

<v-layout wrap>

1268

<v-layout wrap>

1269

<v-flex xs12 sm6>

1269

<v-flex xs12 sm6>

1270

<v-layout>

1270

<v-layout>

1271

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

1271

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

1272

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

1272

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

1273

</v-flex>

1273

</v-flex>

1274

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

1274

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

1275

<v-text-field

1275

<v-text-field

1276

v-model="parentData.motherProfession"

1276

v-model="parentData.motherProfession"

1277

placeholder="fill your mother profession"

1277

placeholder="fill your mother profession"

1278

></v-text-field>

1278

></v-text-field>

1279

</v-flex>

1279

</v-flex>

1280

</v-layout>

1280

</v-layout>

1281

</v-flex>

1281

</v-flex>

1282

</v-layout>

1282

</v-layout>

1283

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

1283

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

1284

<v-card-actions>

1284

<v-card-actions>

1285

<v-spacer></v-spacer>

1285

<v-spacer></v-spacer>

1286

<v-btn

1286

<v-btn

1287

@click="submitParentDetails"

1287

@click="submitParentDetails"

1288

round

1288

round

1289

dark

1289

dark

1290

:loading="loading"

1290

:loading="loading"

1291

v-show="showParent"

1291

v-show="showParent"

1292

>Add</v-btn>

1292

>Add</v-btn>

1293

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

1293

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

1294

</v-card-actions>

1294

</v-card-actions>

1295

</v-flex>

1295

</v-flex>

1296

<v-flex

1296

<v-flex

1297

xs6

1297

xs6

1298

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

1298

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

1299

>

1299

>

1300

<v-btn

1300

<v-btn

1301

@click="submitParentDetails"

1301

@click="submitParentDetails"

1302

round

1302

round

1303

dark

1303

dark

1304

:loading="loading"

1304

:loading="loading"

1305

v-show="showParent"

1305

v-show="showParent"

1306

>Add</v-btn>

1306

>Add</v-btn>

1307

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

1307

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

1308

</v-flex>

1308

</v-flex>

1309

</v-form>

1309

</v-form>

1310

</v-flex>

1310

</v-flex>

1311

</v-container>

1311

</v-container>

1312

</v-stepper-content>

1312

</v-stepper-content>

1313

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

1313

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

1314

<v-snackbar

1314

<v-snackbar

1315

:timeout="timeout"

1315

:timeout="timeout"

1316

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

1316

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

1317

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

1317

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

1318

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

1318

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

1319

v-model="snackbar"

1319

v-model="snackbar"

1320

color="success"

1320

color="success"

1321

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

1321

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

1322

<v-flex xs12 sm12>

1322

<v-flex xs12 sm12>

1323

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

1323

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

1324

<v-layout>

1324

<v-layout>

1325

<v-flex

1325

<v-flex

1326

xs12

1326

xs12

1327

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

1327

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

1328

>

1328

>

1329

<v-avatar size="100px">

1329

<v-avatar size="100px">

1330

1330

1331

</v-avatar>

1331

</v-avatar>

1332

<input

1332

<input

1333

type="file"

1333

type="file"

1334

style="display: none"

1334

style="display: none"

1335

ref="image"

1335

ref="image"

1336

accept="image/*"

1336

accept="image/*"

1337

@change="onFilePicked"

1337

@change="onFilePicked"

1338

/>

1338

/>

1339

<img

1339

<img

1340

:src="imageData.imageUrl"

1340

:src="imageData.imageUrl"

1341

height="150"

1341

height="150"

1342

v-if="imageUrl"

1342

v-if="imageUrl"

1343

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

1343

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

1344

/>

1344

/>

1345

</v-flex>

1345

</v-flex>

1346

</v-layout>

1346

</v-layout>

1347

<v-layout wrap>

1347

<v-layout wrap>

1348

<v-flex xs12 sm6>

1348

<v-flex xs12 sm6>

1349

<v-layout>

1349

<v-layout>

1350

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

1350

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

1351

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

1351

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

1352

<label

1352

<label

1353

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

1353

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

1354

>Class:</label>

1354

>Class:</label>

1355

</v-flex>

1355

</v-flex>

1356

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

1356

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

1357

<v-select

1357

<v-select

1358

:items="addclass"

1358

:items="addclass"

1359

label="Select Class"

1359

label="Select Class"

1360

v-model="addStudents.select"

1360

v-model="addStudents.select"

1361

item-text="classNum"

1361

item-text="classNum"

1362

item-value="_id"

1362

item-value="_id"

1363

name="Select Class"

1363

name="Select Class"

1364

:rules="classRules"

1364

:rules="classRules"

1365

@change="getSection(addStudents.select)"

1365

@change="getSection(addStudents.select)"

1366

required

1366

required

1367

></v-select>

1367

></v-select>

1368

</v-flex>

1368

</v-flex>

1369

</v-layout>

1369

</v-layout>

1370

</v-flex>

1370

</v-flex>

1371

<v-flex xs12 sm6>

1371

<v-flex xs12 sm6>

1372

<v-layout>

1372

<v-layout>

1373

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

1373

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

1374

<label

1374

<label

1375

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

1375

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

1376

>Select Section:</label>

1376

>Select Section:</label>

1377

<label

1377

<label

1378

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

1378

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

1379

>Section:</label>

1379

>Section:</label>

1380

</v-flex>

1380

</v-flex>

1381

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

1381

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

1382

<v-select

1382

<v-select

1383

:items="addSection"

1383

:items="addSection"

1384

label="Select Section"

1384

label="Select Section"

1385

v-model="addStudents.selectSection"

1385

v-model="addStudents.selectSection"

1386

item-text="name"

1386

item-text="name"

1387

item-value="_id"

1387

item-value="_id"

1388

name="Select Section"

1388

name="Select Section"

1389

:rules="sectionRules"

1389

:rules="sectionRules"

1390

required

1390

required

1391

></v-select>

1391

></v-select>

1392

</v-flex>

1392

</v-flex>

1393

</v-layout>

1393

</v-layout>

1394

</v-flex>

1394

</v-flex>

1395

</v-layout>

1395

</v-layout>

1396

<v-layout wrap>

1396

<v-layout wrap>

1397

<v-flex xs12 sm6>

1397

<v-flex xs12 sm6>

1398

<v-layout>

1398

<v-layout>

1399

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

1399

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

1400

1400

1401

<label

1401

<label

1402

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

1402

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

1403

>Name:</label>

1403

>Name:</label>

1404

</v-flex>

1404

</v-flex>

1405

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

1405

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

1406

<v-text-field

1406

<v-text-field

1407

v-model="addStudents.name"

1407

v-model="addStudents.name"

1408

placeholder="fill your full Name"

1408

placeholder="fill your full Name"

1409

name="name"

1409

name="name"

1410

type="text"

1410

type="text"

1411

:rules="nameRules"

1411

:rules="nameRules"

1412

required

1412

required

1413

></v-text-field>

1413

></v-text-field>

1414

</v-flex>

1414

</v-flex>

1415

</v-layout>

1415

</v-layout>

1416

</v-flex>

1416

</v-flex>

1417

<v-flex xs12 sm6>

1417

<v-flex xs12 sm6>

1418

<v-layout>

1418

<v-layout>

1419

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

1419

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

1420

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

1420

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

1421

</v-flex>

1421

</v-flex>

1422

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

1422

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

1423

<v-text-field

1423

<v-text-field

1424

placeholder="fill your email"

1424

placeholder="fill your email"

1425

v-model="addStudents.email"

1425

v-model="addStudents.email"

1426

type="text"

1426

type="text"

1427

name="email"

1427

name="email"

1428

required

1428

required

1429

></v-text-field>

1429

></v-text-field>

1430

</v-flex>

1430

</v-flex>

1431

</v-layout>

1431

</v-layout>

1432

</v-flex>

1432

</v-flex>

1433

</v-layout>

1433

</v-layout>

1434

<v-layout wrap>

1434

<v-layout wrap>

1435

<v-flex xs12 sm6>

1435

<v-flex xs12 sm6>

1436

<v-layout>

1436

<v-layout>

1437

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

1437

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

1438

<label

1438

<label

1439

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

1439

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

1440

>Date of Birth:</label>

1440

>Date of Birth:</label>

1441

<label

1441

<label

1442

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

1442

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

1443

>D.O.B:</label>

1443

>D.O.B:</label>

1444

</v-flex>

1444

</v-flex>

1445

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

1445

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

1446

<v-menu

1446

<v-menu

1447

ref="menu"

1447

ref="menu"

1448

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

1448

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

1449

v-model="menu"

1449

v-model="menu"

1450

:nudge-right="40"

1450

:nudge-right="40"

1451

lazy

1451

lazy

1452

transition="scale-transition"

1452

transition="scale-transition"

1453

offset-y

1453

offset-y

1454

full-width

1454

full-width

1455

min-width="290px"

1455

min-width="290px"

1456

>

1456

>

1457

<v-text-field

1457

<v-text-field

1458

slot="activator"

1458

slot="activator"

1459

:rules="dateRules"

1459

:rules="dateRules"

1460

v-model="addStudents.date"

1460

v-model="addStudents.date"

1461

placeholder="Select date"

1461

placeholder="Select date"

1462

></v-text-field>

1462

></v-text-field>

1463

<v-date-picker

1463

<v-date-picker

1464

ref="picker"

1464

ref="picker"

1465

v-model="addStudents.date"

1465

v-model="addStudents.date"

1466

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

1466

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

1467

min="1950-01-01"

1467

min="1950-01-01"

1468

@input="menu = false"

1468

@input="menu = false"

1469

></v-date-picker>

1469

></v-date-picker>

1470

</v-menu>

1470

</v-menu>

1471

</v-flex>

1471

</v-flex>

1472

</v-layout>

1472

</v-layout>

1473

</v-flex>

1473

</v-flex>

1474

<v-flex xs12 sm6>

1474

<v-flex xs12 sm6>

1475

<v-layout>

1475

<v-layout>

1476

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

1476

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

1477

1477

1478

</v-flex>

1478

</v-flex>

1479

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

1479

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

1480

<v-text-field

1480

<v-text-field

1481

v-model="addStudents.city"

1481

v-model="addStudents.city"

1482

placeholder="fill your City Name"

1482

placeholder="fill your City Name"

1483

name="City"

1483

name="City"

1484

type="text"

1484

type="text"

1485

:rules="cityRules"

1485

:rules="cityRules"

1486

required

1486

required

1487

></v-text-field>

1487

></v-text-field>

1488

</v-flex>

1488

</v-flex>

1489

</v-layout>

1489

</v-layout>

1490

</v-flex>

1490

</v-flex>

1491

</v-layout>

1491

</v-layout>

1492

<v-layout wrap>

1492

<v-layout wrap>

1493

<v-flex xs12 sm6>

1493

<v-flex xs12 sm6>

1494

<v-layout>

1494

<v-layout>

1495

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

1495

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

1496

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

1496

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

1497

</v-flex>

1497

</v-flex>

1498

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

1498

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

1499

<v-text-field

1499

<v-text-field

1500

v-model="addStudents.state"

1500

v-model="addStudents.state"

1501

placeholder="fill your State Name"

1501

placeholder="fill your State Name"

1502

name="state"

1502

name="state"

1503

type="text"

1503

type="text"

1504

:rules="stateRules"

1504

:rules="stateRules"

1505

required

1505

required

1506

></v-text-field>

1506

></v-text-field>

1507

</v-flex>

1507

</v-flex>

1508

</v-layout>

1508

</v-layout>

1509

</v-flex>

1509

</v-flex>

1510

<v-flex xs12 sm6>

1510

<v-flex xs12 sm6>

1511

<v-layout>

1511

<v-layout>

1512

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

1512

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

1513

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

1513

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

1514

</v-flex>

1514

</v-flex>

1515

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

1515

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

1516

<v-text-field

1516

<v-text-field

1517

v-model="addStudents.pincode"

1517

v-model="addStudents.pincode"

1518

placeholder="fill your pincode"

1518

placeholder="fill your pincode"

1519

name="pincode"

1519

name="pincode"

1520

type="number"

1520

type="number"

1521

:rules="pincode"

1521

:rules="pincode"

1522

required

1522

required

1523

></v-text-field>

1523

></v-text-field>

1524

</v-flex>

1524

</v-flex>

1525

</v-layout>

1525

</v-layout>

1526

</v-flex>

1526

</v-flex>

1527

</v-layout>

1527

</v-layout>

1528

<v-layout wrap>

1528

<v-layout wrap>

1529

<v-flex xs12 sm6>

1529

<v-flex xs12 sm6>

1530

<v-layout>

1530

<v-layout>

1531

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

1531

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

1532

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

1532

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

1533

<label

1533

<label

1534

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

1534

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

1535

>Mobile:</label>

1535

>Mobile:</label>

1536

</v-flex>

1536

</v-flex>

1537

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

1537

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

1538

<v-text-field

1538

<v-text-field

1539

v-model="addStudents.mobile"

1539

v-model="addStudents.mobile"

1540

placeholder="fill your MobileNo"

1540

placeholder="fill your MobileNo"

1541

name="mobileNo"

1541

name="mobileNo"

1542

type="number"

1542

type="number"

1543

required

1543

required

1544

></v-text-field>

1544

></v-text-field>

1545

</v-flex>

1545

</v-flex>

1546

</v-layout>

1546

</v-layout>

1547

</v-flex>

1547

</v-flex>

1548

<v-flex xs12 sm6>

1548

<v-flex xs12 sm6>

1549

<v-layout>

1549

<v-layout>

1550

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

1550

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

1551

<label

1551

<label

1552

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

1552

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

1553

>Select Country:</label>

1553

>Select Country:</label>

1554

<label

1554

<label

1555

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

1555

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

1556

>Country:</label>

1556

>Country:</label>

1557

</v-flex>

1557

</v-flex>

1558

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

1558

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

1559

<v-autocomplete

1559

<v-autocomplete

1560

v-model="addStudents.country"

1560

v-model="addStudents.country"

1561

:rules="country"

1561

:rules="country"

1562

:items="countries"

1562

:items="countries"

1563

placeholder="Select Country Name"

1563

placeholder="Select Country Name"

1564

required

1564

required

1565

></v-autocomplete>

1565

></v-autocomplete>

1566

</v-flex>

1566

</v-flex>

1567

</v-layout>

1567

</v-layout>

1568

</v-flex>

1568

</v-flex>

1569

</v-layout>

1569

</v-layout>

1570

<v-layout wrap>

1570

<v-layout wrap>

1571

<v-flex xs12 sm6>

1571

<v-flex xs12 sm6>

1572

<v-layout>

1572

<v-layout>

1573

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

1573

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

1574

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

1574

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

1575

</v-flex>

1575

</v-flex>

1576

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

1576

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

1577

<v-select

1577

<v-select

1578

:items="gender"

1578

:items="gender"

1579

v-model="addStudents.gender"

1579

v-model="addStudents.gender"

1580

:rules="genderRules"

1580

:rules="genderRules"

1581

label="Select Gender"

1581

label="Select Gender"

1582

required

1582

required

1583

></v-select>

1583

></v-select>

1584

</v-flex>

1584

</v-flex>

1585

</v-layout>

1585

</v-layout>

1586

</v-flex>

1586

</v-flex>

1587

<v-flex xs12 sm6>

1587

<v-flex xs12 sm6>

1588

<v-layout>

1588

<v-layout>

1589

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

1589

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

1590

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

1590

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

1591

<label

1591

<label

1592

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

1592

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

1593

>Blood:</label>

1593

>Blood:</label>

1594

</v-flex>

1594

</v-flex>

1595

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

1595

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

1596

<v-text-field

1596

<v-text-field

1597

v-model="addStudents.bloodGroup"

1597

v-model="addStudents.bloodGroup"

1598

placeholder="Fill your Blood Group"

1598

placeholder="Fill your Blood Group"

1599

required

1599

required

1600

></v-text-field>

1600

></v-text-field>

1601

</v-flex>

1601

</v-flex>

1602

</v-layout>

1602

</v-layout>

1603

</v-flex>

1603

</v-flex>

1604

</v-layout>

1604

</v-layout>

1605

<v-layout wrap>

1605

<v-layout wrap>

1606

<!-- <v-flex xs12 sm6>

1606

<!-- <v-flex xs12 sm6>

1607

<v-layout>

1607

<v-layout>

1608

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

1608

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

1609

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

1609

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

1610

</v-flex>

1610

</v-flex>

1611

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

1611

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

1612

<v-text-field

1612

<v-text-field

1613

v-model="addStudents.allergies"

1613

v-model="addStudents.allergies"

1614

placeholder="Fill your Allergies"

1614

placeholder="Fill your Allergies"

1615

required

1615

required

1616

></v-text-field>

1616

></v-text-field>

1617

</v-flex>

1617

</v-flex>

1618

</v-layout>

1618

</v-layout>

1619

</v-flex>-->

1619

</v-flex>-->

1620

<v-flex xs12 sm6>

1620

<v-flex xs12 sm6>

1621

<v-layout>

1621

<v-layout>

1622

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

1622

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

1623

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

1623

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

1624

<label

1624

<label

1625

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

1625

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

1626

>Roll No:</label>

1626

>Roll No:</label>

1627

</v-flex>

1627

</v-flex>

1628

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

1628

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

1629

<v-text-field

1629

<v-text-field

1630

v-model="addStudents.rollNo"

1630

v-model="addStudents.rollNo"

1631

placeholder="Fill your Roll Number"

1631

placeholder="Fill your Roll Number"

1632

required

1632

required

1633

></v-text-field>

1633

></v-text-field>

1634

</v-flex>

1634

</v-flex>

1635

</v-layout>

1635

</v-layout>

1636

</v-flex>

1636

</v-flex>

1637

<v-flex xs12 sm6>

1637

<v-flex xs12 sm6>

1638

<v-layout>

1638

<v-layout>

1639

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

1639

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

1640

<label

1640

<label

1641

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

1641

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

1642

>Medical Notes:</label>

1642

>Medical Notes:</label>

1643

<label

1643

<label

1644

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

1644

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

1645

>Medical:</label>

1645

>Medical:</label>

1646

</v-flex>

1646

</v-flex>

1647

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

1647

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

1648

<v-text-field

1648

<v-text-field

1649

v-model="addStudents.medicalNotes"

1649

v-model="addStudents.medicalNotes"

1650

placeholder="Fill your Medical Notes"

1650

placeholder="Fill your Medical Notes"

1651

required

1651

required

1652

></v-text-field>

1652

></v-text-field>

1653

</v-flex>

1653

</v-flex>

1654

</v-layout>

1654

</v-layout>

1655

</v-flex>

1655

</v-flex>

1656

</v-layout>

1656

</v-layout>

1657

<v-layout wrap>

1657

<v-layout wrap>

1658

<v-flex xs12 sm6>

1658

<v-flex xs12 sm6>

1659

<v-layout>

1659

<v-layout>

1660

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

1660

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

1661

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

1661

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

1662

</v-flex>

1662

</v-flex>

1663

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

1663

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

1664

<v-text-field

1664

<v-text-field

1665

v-model="addStudents.height"

1665

v-model="addStudents.height"

1666

placeholder="Fill your Height"

1666

placeholder="Fill your Height"

1667

required

1667

required

1668

></v-text-field>

1668

></v-text-field>

1669

</v-flex>

1669

</v-flex>

1670

</v-layout>

1670

</v-layout>

1671

</v-flex>

1671

</v-flex>

1672

<v-flex xs12 sm6>

1672

<v-flex xs12 sm6>

1673

<v-layout>

1673

<v-layout>

1674

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

1674

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

1675

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

1675

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

1676

</v-flex>

1676

</v-flex>

1677

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

1677

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

1678

<v-text-field

1678

<v-text-field

1679

v-model="addStudents.weight"

1679

v-model="addStudents.weight"

1680

placeholder="Fill your Weight"

1680

placeholder="Fill your Weight"

1681

required

1681

required

1682

></v-text-field>

1682

></v-text-field>

1683

</v-flex>

1683

</v-flex>

1684

</v-layout>

1684

</v-layout>

1685

</v-flex>

1685

</v-flex>

1686

</v-layout>

1686

</v-layout>

1687

<v-layout wrap>

1687

<v-layout wrap>

1688

<v-flex xs12 sm6>

1688

<v-flex xs12 sm6>

1689

<v-layout>

1689

<v-layout>

1690

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

1690

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

1691

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

1691

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

1692

<label

1692

<label

1693

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

1693

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

1694

>Uplaod :</label>

1694

>Uplaod :</label>

1695

</v-flex>

1695

</v-flex>

1696

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

1696

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

1697

<v-text-field

1697

<v-text-field

1698

label="Select Image"

1698

label="Select Image"

1699

@click="pickFile"

1699

@click="pickFile"

1700

v-model="imageName"

1700

v-model="imageName"

1701

append-icon="attach_file"

1701

append-icon="attach_file"

1702

></v-text-field>

1702

></v-text-field>

1703

</v-flex>

1703

</v-flex>

1704

</v-layout>

1704

</v-layout>

1705

</v-flex>

1705

</v-flex>

1706

<v-flex xs12 sm6>

1706

<v-flex xs12 sm6>

1707

<v-layout>

1707

<v-layout>

1708

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

1708

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

1709

<label

1709

<label

1710

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

1710

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

1711

>Academic Year:</label>

1711

>Academic Year:</label>

1712

<label

1712

<label

1713

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

1713

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

1714

>Year:</label>

1714

>Year:</label>

1715

</v-flex>

1715

</v-flex>

1716

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

1716

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

1717

<v-text-field

1717

<v-text-field

1718

v-model="addStudents.establishmentYear"

1718

v-model="addStudents.establishmentYear"

1719

placeholder="fill your Academic Year"

1719

placeholder="fill your Academic Year"

1720

name="state"

1720

name="state"

1721

type="number"

1721

type="number"

1722

:rules="establishmentYearRules"

1722

:rules="establishmentYearRules"

1723

required

1723

required

1724

></v-text-field>

1724

></v-text-field>

1725

</v-flex>

1725

</v-flex>

1726

</v-layout>

1726

</v-layout>

1727

</v-flex>

1727

</v-flex>

1728

</v-layout>

1728

</v-layout>

1729

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

1729

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

1730

<v-flex xs12 sm6>

1730

<v-flex xs12 sm6>

1731

<v-layout>

1731

<v-layout>

1732

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

1732

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

1733

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

1733

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

1734

</v-flex>

1734

</v-flex>

1735

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

1735

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

1736

<v-text-field

1736

<v-text-field

1737

v-model="addStudents.presentAddress"

1737

v-model="addStudents.presentAddress"

1738

:rules="presentAddress"

1738

:rules="presentAddress"

1739

placeholder="fill Your present Address"

1739

placeholder="fill Your present Address"

1740

@keyup="copyData"

1740

@keyup="copyData"

1741

></v-text-field>

1741

></v-text-field>

1742

</v-flex>

1742

</v-flex>

1743

</v-layout>

1743

</v-layout>

1744

</v-flex>

1744

</v-flex>

1745

<v-flex xs12 sm6>

1745

<v-flex xs12 sm6>

1746

<v-layout>

1746

<v-layout>

1747

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

1747

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

1748

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

1748

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

1749

</v-flex>

1749

</v-flex>

1750

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

1750

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

1751

<v-switch

1751

<v-switch

1752

v-model="addStudents.permanentAddress"

1752

v-model="addStudents.permanentAddress"

1753

label="Select Permanent Address"

1753

label="Select Permanent Address"

1754

:value="addStudents.presentAddress"

1754

:value="addStudents.presentAddress"

1755

></v-switch>

1755

></v-switch>

1756

</v-flex>

1756

</v-flex>

1757

</v-layout>

1757

</v-layout>

1758

</v-flex>

1758

</v-flex>

1759

</v-layout>

1759

</v-layout>

1760

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

1760

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

1761

<v-flex xs12 sm6>

1761

<v-flex xs12 sm6>

1762

<v-layout>

1762

<v-layout>

1763

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

1763

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

1764

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

1764

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

1765

</v-flex>

1765

</v-flex>

1766

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

1766

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

1767

<v-text-field

1767

<v-text-field

1768

v-model="addStudents.permanentAddress"

1768

v-model="addStudents.permanentAddress"

1769

:rules="permanentAddress"

1769

:rules="permanentAddress"

1770

placeholder="fill Your Permanent Address"

1770

placeholder="fill Your Permanent Address"

1771

></v-text-field>

1771

></v-text-field>

1772

</v-flex>

1772

</v-flex>

1773

</v-layout>

1773

</v-layout>

1774

</v-flex>

1774

</v-flex>

1775

</v-layout>

1775

</v-layout>

1776

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

1776

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

1777

<v-flex xs12 sm12>

1777

<v-flex xs12 sm12>

1778

<v-layout>

1778

<v-layout>

1779

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

1779

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

1780

<label class>Present Address:</label>

1780

<label class>Present Address:</label>

1781

</v-flex>

1781

</v-flex>

1782

</v-layout>

1782

</v-layout>

1783

<v-layout>

1783

<v-layout>

1784

<v-flex xs12 sm12>

1784

<v-flex xs12 sm12>

1785

<v-textarea

1785

<v-textarea

1786

name="input-4-3"

1786

name="input-4-3"

1787

v-model="addStudents.presentAddress"

1787

v-model="addStudents.presentAddress"

1788

:rules="presentAddress"

1788

:rules="presentAddress"

1789

placeholder="fill Your present Address"

1789

placeholder="fill Your present Address"

1790

required

1790

required

1791

></v-textarea>

1791

></v-textarea>

1792

</v-flex>

1792

</v-flex>

1793

</v-layout>

1793

</v-layout>

1794

</v-flex>

1794

</v-flex>

1795

<v-flex xs12 sm12>

1795

<v-flex xs12 sm12>

1796

<v-layout>

1796

<v-layout>

1797

<v-flex

1797

<v-flex

1798

xs12

1798

xs12

1799

sm12

1799

sm12

1800

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

1800

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

1801

>

1801

>

1802

<label>Permanent Address:</label>

1802

<label>Permanent Address:</label>

1803

</v-flex>

1803

</v-flex>

1804

</v-layout>

1804

</v-layout>

1805

<v-layout>

1805

<v-layout>

1806

<v-flex xs12 sm12>

1806

<v-flex xs12 sm12>

1807

<v-textarea

1807

<v-textarea

1808

name="input-4-3"

1808

name="input-4-3"

1809

v-model="addStudents.permanentAddress"

1809

v-model="addStudents.permanentAddress"

1810

:rules="permanentAddress"

1810

:rules="permanentAddress"

1811

placeholder="fill Your Permanent Address"

1811

placeholder="fill Your Permanent Address"

1812

required

1812

required

1813

></v-textarea>

1813

></v-textarea>

1814

</v-flex>

1814

</v-flex>

1815

</v-layout>

1815

</v-layout>

1816

</v-flex>

1816

</v-flex>

1817

</v-layout>

1817

</v-layout>

1818

<v-layout>

1818

<v-layout>

1819

<v-flex xs12 sm11 offset-sm1>

1819

<v-flex xs12 sm11 offset-sm1>

1820

<v-layout>

1820

<v-layout>

1821

<v-flex xs6>

1821

<v-flex xs6>

1822

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

1822

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

1823

</v-flex>

1823

</v-flex>

1824

<v-flex xs6>

1824

<v-flex xs6>

1825

<v-btn

1825

<v-btn

1826

@click="submit"

1826

@click="submit"

1827

round

1827

round

1828

dark

1828

dark

1829

:loading="loading"

1829

:loading="loading"

1830

class="right"

1830

class="right"

1831

>Add</v-btn>

1831

>Add</v-btn>

1832

</v-flex>

1832

</v-flex>

1833

</v-layout>

1833

</v-layout>

1834

</v-flex>

1834

</v-flex>

1835

</v-layout>

1835

</v-layout>

1836

</v-form>

1836

</v-form>

1837

</v-flex>

1837

</v-flex>

1838

</v-stepper-content>

1838

</v-stepper-content>

1839

</v-stepper-items>

1839

</v-stepper-items>

1840

</v-stepper>

1840

</v-stepper>

1841

</v-app>

1841

</v-app>

1842

</div>

1842

</div>

1843

</v-flex>

1843

</v-flex>

1844

</v-layout>

1844

</v-layout>

1845

</v-container>

1845

</v-container>

1846

</v-tab-item>

1846

</v-tab-item>

1847

</v-tabs>

1847

</v-tabs>

1848

1848

1849

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

1849

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

1850

</div>

1850

</div>

1851

</div>

1851

</div>

1852

</template>

1852

</template>

1853

1854

1854

1855

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

1855

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

1856

import moment from "moment";

1856

import moment from "moment";

1857

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

1857

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

1858

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

1858

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

1859

1860

export default {

1860

export default {

1861

data: () => ({

1861

data: () => ({

1862

e2: 0,

1862

e2: 0,

1863

showParent: true,

1863

showParent: true,

1864

showNext: false,

1864

showNext: false,

1865

snackbar: false,

1865

snackbar: false,

1866

y: "top",

1866

y: "top",

1867

x: "right",

1867

x: "right",

1868

mode: "",

1868

mode: "",

1869

timeout: 3000,

1869

timeout: 3000,

1870

text: "",

1870

text: "",

1871

showLoader: false,

1871

showLoader: false,

1872

loading: false,

1872

loading: false,

1873

date: null,

1873

date: null,

1874

search: "",

1874

search: "",

1875

menu: false,

1875

menu: false,

1876

menu1: false,

1876

menu1: false,

1877

dialog: false,

1877

dialog: false,

1878

dialog1: false,

1878

dialog1: false,

1879

valid: true,

1879

valid: true,

1880

isActive: true,

1880

isActive: true,

1881

newActive: false,

1881

newActive: false,

1882

addclass: [],

1882

addclass: [],

1883

addSection: [],

1883

addSection: [],

1884

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

1884

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

1885

pagination: {

1885

pagination: {

1886

rowsPerPage: 15

1886

rowsPerPage: 15

1887

},

1887

},

1888

imageData: {},

1888

imageData: {},

1889

imageName: "",

1889

imageName: "",

1890

imageUrl: "",

1890

imageUrl: "",

1891

imageFile: "",

1891

imageFile: "",

1892

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

1892

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

1893

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

1893

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

1894

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

1894

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

1895

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

1895

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

1896

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

1896

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

1897

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

1897

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

1898

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

1898

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

1899

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

1899

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

1900

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

1900

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

1901

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

1901

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

1902

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

1902

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

1903

fatheCellNoRules: [v => !!v || " father Cell Number is required"],

1903

fatheCellNoRules: [v => !!v || " father Cell Number is required"],

1904

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

1904

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

1905

errorMessages: "",

1905

errorMessages: "",

1906

countries: [],

1906

countries: [],

1907

headers: [

1907

headers: [

1908

{

1908

{

1909

text: "Roll No.",

1909

text: "Roll No.",

1910

align: "center",

1910

align: "center",

1911

sortable: false,

1911

sortable: false,

1912

value: "rollNo"

1912

value: "rollNo"

1913

},

1913

},

1914

{

1914

{

1915

text: "Profile Pic",

1915

text: "Profile Pic",

1916

value: "profilePicUrl",

1916

value: "profilePicUrl",

1917

sortable: false,

1917

sortable: false,

1918

align: "center"

1918

align: "center"

1919

},

1919

},

1920

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

1920

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

1921

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

1921

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

1922

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

1922

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

1923

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

1923

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

1924

{

1924

{

1925

text: "Father Name",

1925

text: "Father Name",

1926

value: "fatherName",

1926

value: "fatherName",

1927

sortable: false,

1927

sortable: false,

1928

align: "center"

1928

align: "center"

1929

},

1929

},

1930

{

1930

{

1931

text: "Mother Name",

1931

text: "Mother Name",

1932

value: "motherName",

1932

value: "motherName",

1933

sortable: false,

1933

sortable: false,

1934

align: "center"

1934

align: "center"

1935

},

1935

},

1936

{

1936

{

1937

text: "Academic Year",

1937

text: "Academic Year",

1938

value: "establishmentYear",

1938

value: "establishmentYear",

1939

sortable: false,

1939

sortable: false,

1940

align: "center"

1940

align: "center"

1941

},

1941

},

1942

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

1942

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

1943

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

1943

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

1944

],

1944

],

1945

desserts: [],

1945

desserts: [],

1946

parentId: "",

1946

parentId: "",

1947

editedIndex: -1,

1947

editedIndex: -1,

1948

parentData: {},

1948

parentData: {},

1949

addStudents: {

1949

addStudents: {

1950

role: "STUDENT",

1950

role: "STUDENT",

1951

1951

1952

email: "",

1952

email: "",

1953

date: "",

1953

date: "",

1954

city: "",

1954

city: "",

1955

pincode: "",

1955

pincode: "",

1956

country: "",

1956

country: "",

1957

permanentAddress: "",

1957

permanentAddress: "",

1958

presentAddress: "",

1958

presentAddress: "",

1959

mobile: "",

1959

mobile: "",

1960

state: "",

1960

state: "",

1961

gender: "",

1961

gender: "",

1962

select: "",

1962

select: "",

1963

selectSection: "",

1963

selectSection: "",

1964

bloodGroup: "",

1964

bloodGroup: "",

1965

allergies: "",

1965

allergies: "",

1966

medicalNotes: "",

1966

medicalNotes: "",

1967

height: "",

1967

height: "",

1968

weight: "",

1968

weight: "",

1969

rollNo: "",

1969

rollNo: "",

1970

establishmentYear: new Date().getFullYear()

1970

establishmentYear: new Date().getFullYear()

1971

},

1971

},

1972

selectStudents: {

1972

selectStudents: {

1973

select: "",

1973

select: "",

1974

selectSection: ""

1974

selectSection: ""

1975

},

1975

},

1976

editedItem: {

1976

editedItem: {

1977

role: "STUDENT",

1977

role: "STUDENT",

1978

1978

1979

email: "",

1979

email: "",

1980

dob: "",

1980

dob: "",

1981

city: "",

1981

city: "",

1982

pincode: "",

1982

pincode: "",

1983

country: "",

1983

country: "",

1984

permanentAddress: "",

1984

permanentAddress: "",

1985

presentAddress: "",

1985

presentAddress: "",

1986

mobile: "",

1986

mobile: "",

1987

state: "",

1987

state: "",

1988

gender: "",

1988

gender: "",

1989

select: "",

1989

select: "",

1990

selectSection: "",

1990

selectSection: "",

1991

bloodGroup: "",

1991

bloodGroup: "",

1992

allergies: "",

1992

allergies: "",

1993

medicalNotes: "",

1993

medicalNotes: "",

1994

height: "",

1994

height: "",

1995

weight: "",

1995

weight: "",

1996

rollNo: "",

1996

rollNo: "",

1997

establishmentYear: new Date().getFullYear()

1997

establishmentYear: new Date().getFullYear()

1998

}

1998

}

1999

}),

1999

}),

2000

watch: {

2000

watch: {

2001

menu(val) {

2001

menu(val) {

2002

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

2002

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

2003

},

2003

},

2004

menu1(val) {

2004

menu1(val) {

2005

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

2005

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

2006

}

2006

}

2007

},

2007

},

2008

methods: {

2008

methods: {

2009

findStudents() {

2009

findStudents() {

2010

this.showLoader = true;

2010

this.showLoader = true;

2011

http()

2011

http()

2012

.get("/getStudentWithClass", {

2012

.get("/getStudentWithClass", {

2013

params: {

2013

params: {

2014

classId: this.selectStudents.select,

2014

classId: this.selectStudents.select,

2015

sectionId: this.selectStudents.selectSection

2015

sectionId: this.selectStudents.selectSection

2016

}

2016

}

2017

})

2017

})

2018

.then(response => {

2018

.then(response => {

2019

this.desserts = response.data.data;

2019

this.desserts = response.data.data;

2020

this.showLoader = false;

2020

this.showLoader = false;

2021

})

2021

})

2022

.catch(err => {

2022

.catch(err => {

2023

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

2023

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

2024

this.showLoader = false;

2024

this.showLoader = false;

2025

});

2025

});

2026

},

2026

},

2027

getSections(_id) {

2027

getSections(_id) {

2028

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

2028

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

2029

this.showLoader = true;

2029

this.showLoader = true;

2030

http()

2030

http()

2031

.get(

2031

.get(

2032

"/getSectionsList",

2032

"/getSectionsList",

2033

{ params: { classId: _id } },

2033

{ params: { classId: _id } },

2034

{

2034

{

2035

headers: { Authorization: "Bearer " + token }

2035

headers: { Authorization: "Bearer " + token }

2036

}

2036

}

2037

)

2037

)

2038

.then(response => {

2038

.then(response => {

2039

this.addSection = response.data.data;

2039

this.addSection = response.data.data;

2040

this.showLoader = false;

2040

this.showLoader = false;

2041

})

2041

})

2042

.catch(err => {

2042

.catch(err => {

2043

this.showLoader = false;

2043

this.showLoader = false;

2044

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

2044

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

2045

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

2045

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

2046

});

2046

});

2047

},

2047

},

2048

getSection(_id) {

2048

getSection(_id) {

2049

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

2049

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

2050

this.showLoader = true;

2050

this.showLoader = true;

2051

http()

2051

http()

2052

.get(

2052

.get(

2053

"/getSectionsList",

2053

"/getSectionsList",

2054

{ params: { classId: _id } },

2054

{ params: { classId: _id } },

2055

{

2055

{

2056

headers: { Authorization: "Bearer " + token }

2056

headers: { Authorization: "Bearer " + token }

2057

}

2057

}

2058

)

2058

)

2059

.then(response => {

2059

.then(response => {

2060

this.addSection = response.data.data;

2060

this.addSection = response.data.data;

2061

this.showLoader = false;

2061

this.showLoader = false;

2062

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

2062

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

2063

})

2063

})

2064

.catch(err => {

2064

.catch(err => {

2065

this.showLoader = false;

2065

this.showLoader = false;

2066

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

2066

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

2067

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

2067

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

2068

});

2068

});

2069

},

2069

},

2070

pickFile() {

2070

pickFile() {

2071

this.$refs.image.click();

2071

this.$refs.image.click();

2072

},

2072

},

2073

dates: function(date) {

2073

dates: function(date) {

2074

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

2074

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

2075

},

2075

},

2076

onFilePicked(e) {

2076

onFilePicked(e) {

2077

// console.log(e)

2077

// console.log(e)

2078

const files = e.target.files;

2078

const files = e.target.files;

2079

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

2079

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

2080

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

2080

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

2081

this.imageName = files[0].name;

2081

this.imageName = files[0].name;

2082

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

2082

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

2083

return;

2083

return;

2084

}

2084

}

2085

const fr = new FileReader();

2085

const fr = new FileReader();

2086

fr.readAsDataURL(files[0]);

2086

fr.readAsDataURL(files[0]);

2087

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

2087

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

2088

this.imageUrl = fr.result;

2088

this.imageUrl = fr.result;

2089

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

2089

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

2090

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

2090

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

2091

});

2091

});

2092

} else {

2092

} else {

2093

this.imageName = "";

2093

this.imageName = "";

2094

this.imageFile = "";

2094

this.imageFile = "";

2095

this.imageUrl = "";

2095

this.imageUrl = "";

2096

}

2096

}

2097

},

2097

},

2098

// getStudentList() {

2098

// getStudentList() {

2099

// this.showLoader = true;

2099

// this.showLoader = true;

2100

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

2100

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

2101

// http()

2101

// http()

2102

// .get("/getStudentsList", {

2102

// .get("/getStudentsList", {

2103

// headers: { Authorization: "Bearer " + token }

2103

// headers: { Authorization: "Bearer " + token }

2104

// })

2104

// })

2105

// .then(response => {

2105

// .then(response => {

2106

// this.desserts = response.data.data;

2106

// this.desserts = response.data.data;

2107

// this.showLoader = false;

2107

// this.showLoader = false;

2108

// // console.log("getStudentList=====>",this.desserts)

2108

// // console.log("getStudentList=====>",this.desserts)

2109

// })

2109

// })

2110

// .catch(err => {

2110

// .catch(err => {

2111

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

2111

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

2112

// this.showLoader = false;

2112

// this.showLoader = false;

2113

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

2113

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

2114

// });

2114

// });

2115

// },

2115

// },

2116

editItem(item) {

2116

editItem(item) {

2117

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

2117

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

2118

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

2118

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

2119

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

2119

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

2120

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

2120

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

2121

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

2121

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

2122

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

2122

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

2123

this.editedItem.dob =

2123

this.editedItem.dob =

2124

this.editedItem.dob != undefined

2124

this.editedItem.dob != undefined

2125

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

2125

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

2126

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

2126

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

2127

this.dialog = true;

2127

this.dialog = true;

2128

},

2128

},

2129

profile(item) {

2129

profile(item) {

2130

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

2130

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

2131

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

2131

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

2132

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

2132

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

2133

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

2133

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

2134

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

2134

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

2135

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

2135

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

2136

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

2136

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

2137

2138

this.dialog1 = true;

2138

this.dialog1 = true;

2139

},

2139

},

2140

deleteItem(item) {

2140

deleteItem(item) {

2141

let deleteStudent = {

2141

let deleteStudent = {

2142

studentId: item._id

2142

studentId: item._id

2143

};

2143

};

2144

http()

2144

http()

2145

.delete(

2145

.delete(

2146

"/deleteStudent",

2146

"/deleteStudent",

2147

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

2147

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

2148

params: deleteStudent

2148

params: deleteStudent

2149

}

2149

}

2150

)

2150

)

2151

.then(response => {

2151

.then(response => {

2152

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

2152

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

2153

this.snackbar = true;

2153

this.snackbar = true;

2154

this.text = "Successfully delete Existing Student";

2154

this.text = "Successfully delete Existing Student";

2155

this.getStudentList();

2155

this.getStudentList();

2156

})

2156

})

2157

.catch(error => {

2157

.catch(error => {

2158

// console.log(error);

2158

// console.log(error);

2159

});

2159

});

2160

},

2160

},

2161

activeTab(type) {

2161

activeTab(type) {

2162

switch (type) {

2162

switch (type) {

2163

case "existing":

2163

case "existing":

2164

this.newActive = false;

2164

this.newActive = false;

2165

this.isActive = true;

2165

this.isActive = true;

2166

break;

2166

break;

2167

2168

default:

2168

default:

2169

this.newActive = true;

2169

this.newActive = true;

2170

this.isActive = false;

2170

this.isActive = false;

2171

break;

2171

break;

2172

}

2172

}

2173

},

2173

},

2174

close() {

2174

close() {

2175

this.dialog = false;

2175

this.dialog = false;

2176

setTimeout(() => {

2176

setTimeout(() => {

2177

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

2177

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

2178

this.editedIndex = -1;

2178

this.editedIndex = -1;

2179

}, 300);

2179

}, 300);

2180

},

2180

},

2181

close1() {

2181

close1() {

2182

this.dialog1 = false;

2182

this.dialog1 = false;

2183

},

2183

},

2184

copyData() {

2184

copyData() {

2185

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

2185

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

2186

},

2186

},

2187

submit() {

2187

submit() {

2188

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

2188

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

2189

let addStudent = {

2189

let addStudent = {

2190

parentId: this.parentId,

2190

parentId: this.parentId,

2191

2191

2192

email: this.addStudents.email,

2192

email: this.addStudents.email,

2193

role: this.addStudents.role,

2193

role: this.addStudents.role,

2194

dob: this.addStudents.date,

2194

dob: this.addStudents.date,

2195

city: this.addStudents.city,

2195

city: this.addStudents.city,

2196

pincode: this.addStudents.pincode,

2196

pincode: this.addStudents.pincode,

2197

country: this.addStudents.country,

2197

country: this.addStudents.country,

2198

permanentAddress: this.addStudents.permanentAddress,

2198

permanentAddress: this.addStudents.permanentAddress,

2199

presentAddress: this.addStudents.presentAddress,

2199

presentAddress: this.addStudents.presentAddress,

2200

mobile: this.addStudents.mobile,

2200

mobile: this.addStudents.mobile,

2201

state: this.addStudents.state,

2201

state: this.addStudents.state,

2202

gender: this.addStudents.gender,

2202

gender: this.addStudents.gender,

2203

establishmentYear: this.addStudents.establishmentYear,

2203

establishmentYear: this.addStudents.establishmentYear,

2204

classId: this.addStudents.select,

2204

classId: this.addStudents.select,

2205

sectionId: this.addStudents.selectSection,

2205

sectionId: this.addStudents.selectSection,

2206

bloodGroup: this.addStudents.bloodGroup,

2206

bloodGroup: this.addStudents.bloodGroup,

2207

medicalNotes: this.addStudents.medicalNotes,

2207

medicalNotes: this.addStudents.medicalNotes,

2208

height: this.addStudents.height,

2208

height: this.addStudents.height,

2209

weight: this.addStudents.weight,

2209

weight: this.addStudents.weight,

2210

rollNo: this.addStudents.rollNo

2210

rollNo: this.addStudents.rollNo

2211

};

2211

};

2212

if (this.imageUrl) {

2212

if (this.imageUrl) {

2213

var str = this.imageUrl;

2213

var str = this.imageUrl;

2214

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

2214

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

2215

addStudent.upload = imageUrl;

2215

addStudent.upload = imageUrl;

2216

}

2216

}

2217

this.loading = true;

2217

this.loading = true;

2218

http()

2218

http()

2219

.post("/createStudent", addStudent)

2219

.post("/createStudent", addStudent)

2220

.then(response => {

2220

.then(response => {

2221

// console.log(addStudent);

2221

// console.log(addStudent);

2222

this.snackbar = true;

2222

this.snackbar = true;

2223

this.text = "New Student added successfully";

2223

this.text = "New Student added successfully";

2224

// this.getStudentList();

2224

// this.getStudentList();

2225

this.clear();

2225

this.clear();

2226

this.loading = false;

2226

this.loading = false;

2227

})

2227

})

2228

.catch(error => {

2228

.catch(error => {

2229

// console.log(error);

2229

// console.log(error);

2230

this.snackbar = true;

2230

this.snackbar = true;

2231

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

2231

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

2232

this.loading = false;

2232

this.loading = false;

2233

});

2233

});

2234

}

2234

}

2235

},

2235

},

2236

clear() {

2236

clear() {

2237

this.$refs.form.reset();

2237

this.$refs.form.reset();

2238

this.imageUrl = "";

2238

this.imageUrl = "";

2239

},

2239

},

2240

save() {

2240

save() {

2241

let editStudent = {

2241

let editStudent = {

2242

studentId: this.editedItem._id,

2242

studentId: this.editedItem._id,

2243

2243

2244

email: this.editedItem.email,

2244

email: this.editedItem.email,

2245

role: this.editedItem.role,

2245

role: this.editedItem.role,

2246

dob: this.editedItem.dob,

2246

dob: this.editedItem.dob,

2247

city: this.editedItem.city,

2247

city: this.editedItem.city,

2248

pincode: this.editedItem.pincode,

2248

pincode: this.editedItem.pincode,

2249

country: this.editedItem.country,

2249

country: this.editedItem.country,

2250

permanentAddress: this.editedItem.permanentAddress,

2250

permanentAddress: this.editedItem.permanentAddress,

2251

presentAddress: this.editedItem.presentAddress,

2251

presentAddress: this.editedItem.presentAddress,

2252

mobile: this.editedItem.mobile,

2252

mobile: this.editedItem.mobile,

2253

state: this.editedItem.state,

2253

state: this.editedItem.state,

2254

gender: this.editedItem.gender,

2254

gender: this.editedItem.gender,

2255

establishmentYear: this.editedItem.establishmentYear,

2255

establishmentYear: this.editedItem.establishmentYear,

2256

classId: this.editedItem.select,

2256

classId: this.editedItem.select,

2257

sectionId: this.editedItem.selectSection,

2257

sectionId: this.editedItem.selectSection,

2258

bloodGroup: this.editedItem.bloodGroup,

2258

bloodGroup: this.editedItem.bloodGroup,

2259

medicalNotes: this.editedItem.medicalNotes,

2259

medicalNotes: this.editedItem.medicalNotes,

2260

height: this.editedItem.height,

2260

height: this.editedItem.height,

2261

weight: this.editedItem.weight,

2261

weight: this.editedItem.weight,

2262

rollNo: this.editedItem.rollNo

2262

rollNo: this.editedItem.rollNo

2263

};

2263

};

2264

if (this.imageUrl) {

2264

if (this.imageUrl) {

2265

var str = this.imageUrl;

2265

var str = this.imageUrl;

2266

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

2266

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

2267

editStudent.upload = imageUrl;

2267

editStudent.upload = imageUrl;

2268

}

2268

}

2269

http()

2269

http()

2270

.put("/updateStudent", editStudent)

2270

.put("/updateStudent", editStudent)

2271

.then(response => {

2271

.then(response => {

2272

this.snackbar = true;

2272

this.snackbar = true;

2273

this.text = response.data.message;

2273

this.text = response.data.message;

2274

this.imageUrl = "";

2274

this.imageUrl = "";

2275

this.findStudents();

2275

this.findStudents();

2276

this.close();

2276

this.close();

2277

})

2277

})

2278

.catch(error => {

2278

.catch(error => {

2279

// console.log(error);

2279

// console.log(error);

2280

this.snackbar = true;

2280

this.snackbar = true;

2281

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

2281

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

2282

});

2282

});

2283

},

2283

},

2284

submitParentDetails() {

2284

submitParentDetails() {

2285

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

2285

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

2286

let addparentDetails = {

2286

let addparentDetails = {

2287

email: this.parentData.email,

2287

email: this.parentData.email,

2288

fatherName: this.parentData.fatherName,

2288

fatherName: this.parentData.fatherName,

2289

fatherCellNo: this.parentData.fatherCellNo,

2289

fatherCellNo: this.parentData.fatherCellNo,

2290

motherName: this.parentData.motherName,

2290

motherName: this.parentData.motherName,

2291

motherCellNo: this.parentData.motherCellNo,

2291

motherCellNo: this.parentData.motherCellNo,

2292

fatherProfession: this.parentData.fatherProfession,

2293

motherProfession: this.parentData.motherProfession,

2292

role: "PARENT"

2294

role: "PARENT"

2293

};

2295

};

2294

this.loading = true;

2296

this.loading = true;

2295

http()

2297

http()

2296

.post("/createParent", addparentDetails)

2298

.post("/createParent", addparentDetails)

2297

.then(response => {

2299

.then(response => {

2298

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

2300

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

2299

this.e2 = 2;

2301

this.e2 = 2;

2300

this.snackbar = true;

2302

this.snackbar = true;

2301

this.text = "successfully";

2303

this.text = "successfully";

2302

// this.getStudentList();

2304

// this.getStudentList();

2303

this.clear();

2305

this.clear();

2304

this.loading = false;

2306

this.loading = false;

2305

})

2307

})

2306

.catch(error => {

2308

.catch(error => {

2307

this.snackbar = true;

2309

this.snackbar = true;

2308

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

2310

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

2309

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

2311

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

2310

this.loading = false;

2312

this.loading = false;

2311

});

2313

});

2312

}

2314

}

2313

},

2315

},

2314

getParentDetails() {

2316

getParentDetails() {

2315

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

2317

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

2316

this.showLoader = true;

2318

this.showLoader = true;

2317

http()

2319

http()

2318

.get("getParticularParent", {

2320

.get("getParticularParent", {

2319

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

2321

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

2320

headers: {

2322

headers: {

2321

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

2323

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

2322

}

2324

}

2323

})

2325

})

2324

.then(response => {

2326

.then(response => {

2325

this.showNext = true;

2327

this.showNext = true;

2326

this.showParent = false;

2328

this.showParent = false;

2327

this.parentData = response.data.data;

2329

this.parentData = response.data.data;

2328

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

2330

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

2329

this.showLoader = false;

2331

this.showLoader = false;

2330

})

2332

})

2331

.catch(error => {

2333

.catch(error => {

2332

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

2334

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

2333

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

2335

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

2334

this.snackbar = true;

2336

this.snackbar = true;

2335

this.showLoader = false;

2337

this.showLoader = false;

2336

});

2338

});

2337

}

2339

}

2338

}

2340

}

2339

},

2341

},

2340

mounted() {

2342

mounted() {

2341

const getCountryList = countryList();

2343

const getCountryList = countryList();

2342

this.countries = getCountryList;

2344

this.countries = getCountryList;

2343

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

2345

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

2344

http()

2346

http()

2345

.get("/getClassesList", {

2347

.get("/getClassesList", {

2346

headers: { Authorization: "Bearer " + token }

2348

headers: { Authorization: "Bearer " + token }

2347

})

2349

})

2348

.then(response => {

2350

.then(response => {

2349

this.addclass = response.data.data;

2351

this.addclass = response.data.data;

2350

})

2352

})

2351

.catch(error => {

2353

.catch(error => {

2352

this.showLoader = false;

2354

this.showLoader = false;

2353

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

2355

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

2354

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

2356

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

2355

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

2357

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

2356

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

2358

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

2357

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

2359

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

2358

}

2360

}

2359

});

2361

});

2360

},

2362

},

2361

created() {

2363

created() {

2362

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

2364

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

2363

this.search = search;

2365

this.search = search;

2364

});

2366

});

2365

},

2367

},

2366

beforeDestroy() {

2368

beforeDestroy() {

2367

// dont forget to remove the listener

2369

// dont forget to remove the listener

2368

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

2370

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

2369

}

2371

}

2370

};

2372

};

2371

</script>

2373

</script>

2372

2374

2373

.active {

2375

.active {

2374

background-color: gray;

2376

background-color: gray;

2375

color: white !important;

2377

color: white !important;

2376

}

2378

}

2377

.activebtn {

2379

.activebtn {

2378

color: black !important;

2380

color: black !important;

2379

}

2381

}

2380

</style>

2382

</style>

GITLAB

viithiisys / School-Management-dashboard

pass the value mother and father proffessin in parents

 <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 && !imageUrl"
                         />
                         <img
                           :src="editedItem.profilePicUrl"
                           v-else-if="editedItem.profilePicUrl && !imageUrl"
                         />
                         <img
                           v-if="imageUrl"
                           :src="imageUrl"
                           height="150"
                           style="border-radius:50%; width:200px"
                         />
                       </v-avatar>
                       <input
                         type="file"
                         style="display: none"
                         ref="image"
                         accept="image/*"
                         @change="onFilePicked"
                       />
                     </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"
                             name="mobileNo"
                             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="pickFile"
                             v-model="imageName"
                             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="loading" 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="1100px" 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 sm6>
                     <v-layout>
                       <v-flex xs6 sm5>
                         <h5 class="right my-1">
                           <b>Full Name:</b>
                         </h5>
                       </v-flex>
                       <v-flex sm7 xs6>
                         <h5 class="my-1 left">{{ editedItem.name }}</h5>
                       </v-flex>
                     </v-layout>
                   </v-flex>
                   <v-flex xs12 sm6>
                     <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 sm6>
                     <v-layout>
                       <v-flex xs6 sm5>
                         <b>
                           <h5 class="right my-1">
                             <b>Gender:</b>
                           </h5>
                         </b>
                       </v-flex>
                       <v-flex sm7 xs6>
                         <h5 class="my-1 left">{{ editedItem.gender }}</h5>
                       </v-flex>
                     </v-layout>
                   </v-flex>
                   <v-flex xs12 sm6>
                     <v-layout>
                       <v-flex xs6 sm4>
                         <b>
                           <h5 class="right my-1">
                             <b>D.O.B:</b>
                           </h5>
                         </b>
                       </v-flex>
                       <v-flex sm7 xs6>
                         <h5 class="my-1">{{ dates(editedItem.dob) }}</h5>
                       </v-flex>
                     </v-layout>
                   </v-flex>
                 </v-layout>
                 <v-layout wrap>
                   <v-flex xs12 sm6>
                     <v-layout>
                       <v-flex xs6 sm5>
                         <b>
                           <h5 class="right my-1">
                             <b>Blood Group:</b>
                           </h5>
                         </b>
                       </v-flex>
                       <v-flex sm7 xs6>
                         <h5 class="my-1 left">{{ editedItem.bloodGroup }}</h5>
                       </v-flex>
                     </v-layout>
                   </v-flex>
                   <!-- <v-flex xs12 sm6>
                     <v-layout>
                       <v-flex xs6 sm4>
                         <b>
                           <h5 class="right my-1">
                             <b>Allergies:</b>
                           </h5>
                         </b>
                       </v-flex>
                       <v-flex sm8 xs6>
                         <h5 class="my-1">{{ editedItem.allergies }}</h5>
                       </v-flex>
                     </v-layout>
                   </v-flex>-->
                   <v-flex xs12 sm6>
                     <v-layout>
                       <v-flex xs6 sm4>
                         <b>
                           <h5 class="right my-1">
                             <b>Roll No. :</b>
                           </h5>
                         </b>
                       </v-flex>
                       <v-flex sm6 xs6>
                         <h5 class="my-1">{{ editedItem.rollNo }}</h5>
                       </v-flex>
                     </v-layout>
                   </v-flex>
                 </v-layout>
                 <v-layout wrap>
                   <v-flex xs12 sm6>
                     <v-layout>
                       <v-flex xs6 sm5>
                         <b>
                           <h5 class="right my-1">
                             <b>Height:</b>
                           </h5>
                         </b>
                       </v-flex>
                       <v-flex sm7 xs6>
                         <h5 class="my-1 left">{{ editedItem.height }}</h5>
                       </v-flex>
                     </v-layout>
                   </v-flex>
                   <v-flex xs12 sm6>
                     <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 sm6>
                     <v-layout>
                       <v-flex xs6 sm5>
                         <b>
                           <h5 class="right my-1">
                             <b>City:</b>
                           </h5>
                         </b>
                       </v-flex>
                       <v-flex sm7 xs6>
                         <h5 class="my-1 left">{{ editedItem.city }}</h5>
                       </v-flex>
                     </v-layout>
                   </v-flex>
                   <v-flex xs12 sm6>
                     <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 sm6>
                     <v-layout>
                       <v-flex xs6 sm5>
                         <b>
                           <h5 class="right my-1">
                             <b>Pincode:</b>
                           </h5>
                         </b>
                       </v-flex>
                       <v-flex sm7 xs6>
                         <h5 class="my-1">{{ editedItem.pincode }}</h5>
                       </v-flex>
                     </v-layout>
                   </v-flex>
                   <v-flex xs12 sm5>
                     <v-layout>
                       <v-flex xs6 sm5>
                         <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 sm6>
                     <v-layout>
                       <v-flex sm5 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 sm6>
                     <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 sm6>
                     <v-layout>
                       <v-flex xs6 sm6>
                         <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 sm6>
                     <v-layout>
                       <v-flex xs6 sm6>
                         <b>
                           <h5 class="my-1 right">
                             <b>AcademicYear:</b>
                           </h5>
                         </b>
                       </v-flex>
                       <v-flex sm5 xs6>
                         <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 sm5 class="hidden-xs-only">
                     <v-layout wrap>
                       <v-flex sm6>
                         <b>
                           <h5 class="my-1 right">
                             <b>present Address:</b>
                           </h5>
                         </b>
                       </v-flex>
                       <v-flex sm5>
                         <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 sm6>
                         <b>
                           <h5 class="my-1 right">
                             <b>Permanent Address:</b>
                           </h5>
                         </b>
                       </v-flex>
                       <v-flex sm6>
                         <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 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"
                                         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"
                                         name="state"
                                         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"
                                         name="state"
                                         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"
                                         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"
                                         name="state"
                                         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"
                                         name="state"
                                         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"
                                       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,
     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: "",
     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"],
     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: "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();
     },
     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 = "";
       }
     },
     // getStudentList() {
     //   this.showLoader = true;
     //   var token = this.$store.state.token;
     //   http()
     //     .get("/getStudentsList", {
     //       headers: { Authorization: "Bearer " + token }
     //     })
     //     .then(response => {
     //       this.desserts = response.data.data;
     //       this.showLoader = false;
     //       // console.log("getStudentList=====>",this.desserts)
     //     })
     //     .catch(err => {
     //       // console.log("err====>", err);
     //       this.showLoader = false;
     //       this.$router.replace({ path: "/" });
     //     });
     // },
     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.getStudentList();
         })
         .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.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 = "";
     },
     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.imageUrl) {
         var str = this.imageUrl;
         const [baseUrl, imageUrl] = str.split(/,/);
         editStudent.upload = imageUrl;
       }
       http()
         .put("/updateStudent", editStudent)
         .then(response => {
           this.snackbar = true;
           this.text = response.data.message;
           this.imageUrl = "";
           this.findStudents();
           this.close();
         })
         .catch(error => {
           // console.log(error);
           this.snackbar = true;
           this.text = error.response.data.statusText;
         });
     },
     submitParentDetails() {
       if (this.$refs.parentForm.validate()) {
         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;
             this.showLoader = false;
           });
       }
     }
   },
   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>