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

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

56

/>

56

/>

57

<img

57

<img

58

v-if="imageUrl"

58

v-if="editImageUrl"

59

:src="imageUrl"

59

:src="editImageUrl"

60

height="150"

60

height="150"

61

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

61

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

62

/>

62

/>

63

</v-avatar>

63

</v-avatar>

64

<input

64

<input

65

type="file"

65

type="file"

66

style="display: none"

66

style="display: none"

67

ref="image"

67

ref="editDataImage"

68

accept="image/*"

68

accept="image/*"

69

@change="onFilePicked"

69

@change="onEditFilePicked"

70

/>

70

/>

71

</v-flex>

71

</v-flex>

72

</v-layout>

72

</v-layout>

73

<v-layout>

73

<v-layout>

74

<v-flex xs12 sm4>

74

<v-flex xs12 sm4>

75

<v-layout>

75

<v-layout>

76

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

76

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

77

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

77

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

78

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

78

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

79

</v-flex>

79

</v-flex>

80

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

80

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

81

<v-select

81

<v-select

82

:items="addclass"

82

:items="addclass"

83

label="Select Class"

83

label="Select Class"

84

v-model="editedItem.select"

84

v-model="editedItem.select"

85

item-text="classNum"

85

item-text="classNum"

86

item-value="_id"

86

item-value="_id"

87

name="Select Class"

87

name="Select Class"

88

@change="getSections(editedItem.select)"

88

@change="getSections(editedItem.select)"

89

required

89

required

90

></v-select>

90

></v-select>

91

</v-flex>

91

</v-flex>

92

</v-layout>

92

</v-layout>

93

</v-flex>

93

</v-flex>

94

<v-flex xs12 sm4>

94

<v-flex xs12 sm4>

95

<v-layout>

95

<v-layout>

96

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

96

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

97

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

97

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

98

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

98

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

99

</v-flex>

99

</v-flex>

100

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

100

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

101

<v-select

101

<v-select

102

:items="addSection"

102

:items="addSection"

103

label="Select Section"

103

label="Select Section"

104

v-model="editedItem.selectSection"

104

v-model="editedItem.selectSection"

105

item-text="name"

105

item-text="name"

106

item-value="_id"

106

item-value="_id"

107

name="Select Section"

107

name="Select Section"

108

required

108

required

109

></v-select>

109

></v-select>

110

</v-flex>

110

</v-flex>

111

</v-layout>

111

</v-layout>

112

</v-flex>

112

</v-flex>

113

<v-flex xs12 sm4>

113

<v-flex xs12 sm4>

114

<v-layout>

114

<v-layout>

115

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

115

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

116

116

117

117

118

</v-flex>

118

</v-flex>

119

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

119

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

120

<v-text-field

120

<v-text-field

121

v-model="editedItem.name"

121

v-model="editedItem.name"

122

placeholder="fill your full Name"

122

placeholder="fill your full Name"

123

name="name"

123

name="name"

124

type="text"

124

type="text"

125

required

125

required

126

></v-text-field>

126

></v-text-field>

127

</v-flex>

127

</v-flex>

128

</v-layout>

128

</v-layout>

129

</v-flex>

129

</v-flex>

130

</v-layout>

130

</v-layout>

131

<v-layout>

131

<v-layout>

132

<v-flex xs12 sm4>

132

<v-flex xs12 sm4>

133

<v-layout>

133

<v-layout>

134

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

134

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

135

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

135

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

136

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

136

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

137

</v-flex>

137

</v-flex>

138

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

138

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

139

<v-text-field

139

<v-text-field

140

placeholder="fill your email"

140

placeholder="fill your email"

141

v-model="editedItem.email"

141

v-model="editedItem.email"

142

type="text"

142

type="text"

143

name="email"

143

name="email"

144

required

144

required

145

></v-text-field>

145

></v-text-field>

146

</v-flex>

146

</v-flex>

147

</v-layout>

147

</v-layout>

148

</v-flex>

148

</v-flex>

149

<v-flex xs12 sm4>

149

<v-flex xs12 sm4>

150

<v-layout>

150

<v-layout>

151

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

151

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

152

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

152

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

153

153

154

</v-flex>

154

</v-flex>

155

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

155

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

156

<v-menu

156

<v-menu

157

ref="menu"

157

ref="menu"

158

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

158

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

159

v-model="menu1"

159

v-model="menu1"

160

:nudge-right="40"

160

:nudge-right="40"

161

lazy

161

lazy

162

transition="scale-transition"

162

transition="scale-transition"

163

offset-y

163

offset-y

164

full-width

164

full-width

165

min-width="290px"

165

min-width="290px"

166

>

166

>

167

<v-text-field

167

<v-text-field

168

slot="activator"

168

slot="activator"

169

v-model="editedItem.dob"

169

v-model="editedItem.dob"

170

placeholder="Select Dob"

170

placeholder="Select Dob"

171

></v-text-field>

171

></v-text-field>

172

<v-date-picker

172

<v-date-picker

173

ref="picker"

173

ref="picker"

174

v-model="editedItem.dob"

174

v-model="editedItem.dob"

175

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

175

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

176

min="1950-01-01"

176

min="1950-01-01"

177

@input="menu1 = false"

177

@input="menu1 = false"

178

></v-date-picker>

178

></v-date-picker>

179

</v-menu>

179

</v-menu>

180

</v-flex>

180

</v-flex>

181

</v-layout>

181

</v-layout>

182

</v-flex>

182

</v-flex>

183

<v-flex xs12 sm4>

183

<v-flex xs12 sm4>

184

<v-layout>

184

<v-layout>

185

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

185

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

186

186

187

</v-flex>

187

</v-flex>

188

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

188

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

189

<v-text-field

189

<v-text-field

190

v-model="editedItem.city"

190

v-model="editedItem.city"

191

placeholder="fill your City Name"

191

placeholder="fill your City Name"

192

name="City"

192

name="City"

193

type="text"

193

type="text"

194

required

194

required

195

></v-text-field>

195

></v-text-field>

196

</v-flex>

196

</v-flex>

197

</v-layout>

197

</v-layout>

198

</v-flex>

198

</v-flex>

199

</v-layout>

199

</v-layout>

200

<v-layout>

200

<v-layout>

201

<v-flex xs12 sm4>

201

<v-flex xs12 sm4>

202

<v-layout>

202

<v-layout>

203

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

203

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

204

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

204

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

205

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

205

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

206

</v-flex>

206

</v-flex>

207

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

207

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

208

<v-text-field

208

<v-text-field

209

v-model="editedItem.bloodGroup"

209

v-model="editedItem.bloodGroup"

210

placeholder="fill your BloodGroup"

210

placeholder="fill your BloodGroup"

211

name="state"

211

name="state"

212

type="text"

212

type="text"

213

required

213

required

214

></v-text-field>

214

></v-text-field>

215

</v-flex>

215

</v-flex>

216

</v-layout>

216

</v-layout>

217

</v-flex>

217

</v-flex>

218

<v-flex xs12 sm4>

218

<v-flex xs12 sm4>

219

<v-layout>

219

<v-layout>

220

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

220

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

221

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

221

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

222

</v-flex>

222

</v-flex>

223

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

223

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

224

<v-select

224

<v-select

225

:items="gender"

225

:items="gender"

226

v-model="editedItem.gender"

226

v-model="editedItem.gender"

227

placeholder="Select Gender"

227

placeholder="Select Gender"

228

required

228

required

229

></v-select>

229

></v-select>

230

</v-flex>

230

</v-flex>

231

</v-layout>

231

</v-layout>

232

</v-flex>

232

</v-flex>

233

<v-flex xs12 sm4>

233

<v-flex xs12 sm4>

234

<v-layout>

234

<v-layout>

235

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

235

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

236

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

236

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

237

</v-flex>

237

</v-flex>

238

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

238

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

239

<v-text-field

239

<v-text-field

240

v-model="editedItem.medicalNotes"

240

v-model="editedItem.medicalNotes"

241

placeholder="fill your medicalNotes"

241

placeholder="fill your medicalNotes"

242

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

291

v-model="imageName"

291

v-model="editImageName"

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

editLoading: false,

1873

date: null,

1874

date: null,

1874

search: "",

1875

search: "",

1875

menu: false,

1876

menu: false,

1876

menu1: false,

1877

menu1: false,

1877

dialog: false,

1878

dialog: false,

1878

dialog1: false,

1879

dialog1: false,

1879

valid: true,

1880

valid: true,

1880

isActive: true,

1881

isActive: true,

1881

newActive: false,

1882

newActive: false,

1882

addclass: [],

1883

addclass: [],

1883

addSection: [],

1884

addSection: [],

1884

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

1885

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

1885

pagination: {

1886

pagination: {

1886

rowsPerPage: 15

1887

rowsPerPage: 15

1887

},

1888

},

1888

imageData: {},

1889

imageData: {},

1889

imageName: "",

1890

imageName: "",

1890

imageUrl: "",

1891

imageUrl: "",

1891

imageFile: "",

1892

imageFile: "",

1893

editImageName: "",

1894

editImageUrl: "",

1892

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

1895

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

1893

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

1896

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

1894

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

1897

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

1895

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

1898

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

1896

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

1899

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

1897

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

1900

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

1898

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

1901

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

1899

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

1902

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

1900

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

1903

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

1901

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

1904

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

1902

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

1905

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

1903

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

1906

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

1904

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

1907

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

1905

errorMessages: "",

1908

errorMessages: "",

1906

countries: [],

1909

countries: [],

1907

headers: [

1910

headers: [

1908

{

1911

{

1909

text: "Roll No.",

1912

text: "Roll No.",

1910

align: "center",

1913

align: "center",

1911

sortable: false,

1914

sortable: false,

1912

value: "rollNo"

1915

value: "rollNo"

1913

},

1916

},

1914

{

1917

{

1915

text: "Profile Pic",

1918

text: "Profile Pic",

1916

value: "profilePicUrl",

1919

value: "profilePicUrl",

1917

sortable: false,

1920

sortable: false,

1918

align: "center"

1921

align: "center"

1919

},

1922

},

1920

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

1923

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

1921

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

1924

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

1922

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

1925

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

1923

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

1926

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

1924

{

1927

{

1925

text: "Father Name",

1928

text: "Father Name",

1926

value: "fatherName",

1929

value: "fatherName",

1927

sortable: false,

1930

sortable: false,

1928

align: "center"

1931

align: "center"

1929

},

1932

},

1930

{

1933

{

1931

text: "Mother Name",

1934

text: "Mother Name",

1932

value: "motherName",

1935

value: "motherName",

1933

sortable: false,

1936

sortable: false,

1934

align: "center"

1937

align: "center"

1935

},

1938

},

1936

{

1939

{

1937

text: "Academic Year",

1940

text: "Academic Year",

1938

value: "establishmentYear",

1941

value: "establishmentYear",

1939

sortable: false,

1942

sortable: false,

1940

align: "center"

1943

align: "center"

1941

},

1944

},

1942

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

1945

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

1943

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

1946

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

1944

],

1947

],

1945

desserts: [],

1948

desserts: [],

1946

parentId: "",

1949

parentId: "",

1947

editedIndex: -1,

1950

editedIndex: -1,

1948

parentData: {},

1951

parentData: {},

1949

addStudents: {

1952

addStudents: {

1950

role: "STUDENT",

1953

role: "STUDENT",

1951

1954

1952

email: "",

1955

email: "",

1953

date: "",

1956

date: "",

1954

city: "",

1957

city: "",

1955

pincode: "",

1958

pincode: "",

1956

country: "",

1959

country: "",

1957

permanentAddress: "",

1960

permanentAddress: "",

1958

presentAddress: "",

1961

presentAddress: "",

1959

mobile: "",

1962

mobile: "",

1960

state: "",

1963

state: "",

1961

gender: "",

1964

gender: "",

1962

select: "",

1965

select: "",

1963

selectSection: "",

1966

selectSection: "",

1964

bloodGroup: "",

1967

bloodGroup: "",

1965

allergies: "",

1968

allergies: "",

1966

medicalNotes: "",

1969

medicalNotes: "",

1967

height: "",

1970

height: "",

1968

weight: "",

1971

weight: "",

1969

rollNo: "",

1972

rollNo: "",

1970

establishmentYear: new Date().getFullYear()

1973

establishmentYear: new Date().getFullYear()

1971

},

1974

},

1972

selectStudents: {

1975

selectStudents: {

1973

select: "",

1976

select: "",

1974

selectSection: ""

1977

selectSection: ""

1975

},

1978

},

1976

editedItem: {

1979

editedItem: {

1977

role: "STUDENT",

1980

role: "STUDENT",

1978

1981

1979

email: "",

1982

email: "",

1980

dob: "",

1983

dob: "",

1981

city: "",

1984

city: "",

1982

pincode: "",

1985

pincode: "",

1983

country: "",

1986

country: "",

1984

permanentAddress: "",

1987

permanentAddress: "",

1985

presentAddress: "",

1988

presentAddress: "",

1986

mobile: "",

1989

mobile: "",

1987

state: "",

1990

state: "",

1988

gender: "",

1991

gender: "",

1989

select: "",

1992

select: "",

1990

selectSection: "",

1993

selectSection: "",

1991

bloodGroup: "",

1994

bloodGroup: "",

1992

allergies: "",

1995

allergies: "",

1993

medicalNotes: "",

1996

medicalNotes: "",

1994

height: "",

1997

height: "",

1995

weight: "",

1998

weight: "",

1996

rollNo: "",

1999

rollNo: "",

1997

establishmentYear: new Date().getFullYear()

2000

establishmentYear: new Date().getFullYear()

1998

}

2001

}

1999

}),

2002

}),

2000

watch: {

2003

watch: {

2001

menu(val) {

2004

menu(val) {

2002

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

2005

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

2003

},

2006

},

2004

menu1(val) {

2007

menu1(val) {

2005

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

2008

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

2006

}

2009

}

2007

},

2010

},

2008

methods: {

2011

methods: {

2009

findStudents() {

2012

findStudents() {

2010

this.showLoader = true;

2013

this.showLoader = true;

2011

http()

2014

http()

2012

.get("/getStudentWithClass", {

2015

.get("/getStudentWithClass", {

2013

params: {

2016

params: {

2014

classId: this.selectStudents.select,

2017

classId: this.selectStudents.select,

2015

sectionId: this.selectStudents.selectSection

2018

sectionId: this.selectStudents.selectSection

2016

}

2019

}

2017

})

2020

})

2018

.then(response => {

2021

.then(response => {

2019

this.desserts = response.data.data;

2022

this.desserts = response.data.data;

2020

this.showLoader = false;

2023

this.showLoader = false;

2021

})

2024

})

2022

.catch(err => {

2025

.catch(err => {

2023

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

2026

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

2024

this.showLoader = false;

2027

this.showLoader = false;

2025

});

2028

});

2026

},

2029

},

2027

getSections(_id) {

2030

getSections(_id) {

2028

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

2031

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

2029

this.showLoader = true;

2032

this.showLoader = true;

2030

http()

2033

http()

2031

.get(

2034

.get(

2032

"/getSectionsList",

2035

"/getSectionsList",

2033

{ params: { classId: _id } },

2036

{ params: { classId: _id } },

2034

{

2037

{

2035

headers: { Authorization: "Bearer " + token }

2038

headers: { Authorization: "Bearer " + token }

2036

}

2039

}

2037

)

2040

)

2038

.then(response => {

2041

.then(response => {

2039

this.addSection = response.data.data;

2042

this.addSection = response.data.data;

2040

this.showLoader = false;

2043

this.showLoader = false;

2041

})

2044

})

2042

.catch(err => {

2045

.catch(err => {

2043

this.showLoader = false;

2046

this.showLoader = false;

2044

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

2047

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

2045

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

2048

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

2046

});

2049

});

2047

},

2050

},

2048

getSection(_id) {

2051

getSection(_id) {

2049

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

2052

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

2050

this.showLoader = true;

2053

this.showLoader = true;

2051

http()

2054

http()

2052

.get(

2055

.get(

2053

"/getSectionsList",

2056

"/getSectionsList",

2054

{ params: { classId: _id } },

2057

{ params: { classId: _id } },

2055

{

2058

{

2056

headers: { Authorization: "Bearer " + token }

2059

headers: { Authorization: "Bearer " + token }

2057

}

2060

}

2058

)

2061

)

2059

.then(response => {

2062

.then(response => {

2060

this.addSection = response.data.data;

2063

this.addSection = response.data.data;

2061

this.showLoader = false;

2064

this.showLoader = false;

2062

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

2065

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

2063

})

2066

})

2064

.catch(err => {

2067

.catch(err => {

2065

this.showLoader = false;

2068

this.showLoader = false;

2066

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

2069

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

2067

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

2070

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

2068

});

2071

});

2069

},

2072

},

2070

pickFile() {

2073

pickFile() {

2071

this.$refs.image.click();

2074

this.$refs.image.click();

2072

},

2075

},

2076

pickEditFile() {

2077

this.$refs.editDataImage.click();

2078

},

2073

dates: function(date) {

2079

dates: function(date) {

2074

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

2080

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

2075

},

2081

},

2076

onFilePicked(e) {

2082

onFilePicked(e) {

2077

// console.log(e)

2083

// console.log(e)

2078

const files = e.target.files;

2084

const files = e.target.files;

2079

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

2085

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

2080

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

2086

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

2081

this.imageName = files[0].name;

2087

this.imageName = files[0].name;

2082

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

2088

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

2083

return;

2089

return;

2084

}

2090

}

2085

const fr = new FileReader();

2091

const fr = new FileReader();

2086

fr.readAsDataURL(files[0]);

2092

fr.readAsDataURL(files[0]);

2087

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

2093

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

2088

this.imageUrl = fr.result;

2094

this.imageUrl = fr.result;

2089

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

2095

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

2090

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

2096

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

2091

});

2097

});

2092

} else {

2098

} else {

2093

this.imageName = "";

2099

this.imageName = "";

2094

this.imageFile = "";

2100

this.imageFile = "";

2095

this.imageUrl = "";

2101

this.imageUrl = "";

2096

}

2102

}

2097

},

2103

},

2098

// getStudentList() {

2104

onEditFilePicked(e) {

2099

// this.showLoader = true;

2105

console.log(e);

2100

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

2106

const files = e.target.files;

2101

// http()

2107

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

2102

// .get("/getStudentsList", {

2108

this.editImageName = files[0].name;

2103

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

2109

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

2104

// })

2110

2105

// .then(response => {

2111

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

2106

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

2112

return;

2107

// this.showLoader = false;

2113

}

2108

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

2114

const fr = new FileReader();

2109

// })

2115

fr.readAsDataURL(files[0]);

2110

// .catch(err => {

2116

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

2111

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

2117

this.editImageUrl = fr.result;

2112

// this.showLoader = false;

2118

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

2113

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

2119

});

2114

// });

2120

} else {

2115

// },

2121

this.editImageName = "";

2122

this.editiImageFile = "";

2123

}

2124

},

2116

editItem(item) {

2125

editItem(item) {

2117

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

2126

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

2118

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

2127

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

2119

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

2128

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

2120

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

2129

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

2121

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

2130

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

2122

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

2131

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

2123

this.editedItem.dob =

2132

this.editedItem.dob =

2124

this.editedItem.dob != undefined

2133

this.editedItem.dob != undefined

2125

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

2134

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

2126

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

2135

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

2127

this.dialog = true;

2136

this.dialog = true;

2128

},

2137

},

2129

profile(item) {

2138

profile(item) {

2130

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

2139

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

2131

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

2140

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

2132

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

2141

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

2133

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

2142

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

2134

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

2143

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

2135

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

2144

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

2136

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

2145

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

2137

2146

2138

this.dialog1 = true;

2147

this.dialog1 = true;

2139

},

2148

},

2140

deleteItem(item) {

2149

deleteItem(item) {

2141

let deleteStudent = {

2150

let deleteStudent = {

2142

studentId: item._id

2151

studentId: item._id

2143

};

2152

};

2144

http()

2153

http()

2145

.delete(

2154

.delete(

2146

"/deleteStudent",

2155

"/deleteStudent",

2147

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

2156

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

2148

params: deleteStudent

2157

params: deleteStudent

2149

}

2158

}

2150

)

2159

)

2151

.then(response => {

2160

.then(response => {

2152

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

2161

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

2153

this.snackbar = true;

2162

this.snackbar = true;

2154

this.text = "Successfully delete Existing Student";

2163

this.text = "Successfully delete Existing Student";

2155

this.getStudentList();

2164

this.findStudents();

2156

})

2165

})

2157

.catch(error => {

2166

.catch(error => {

2158

// console.log(error);

2167

// console.log(error);

2159

});

2168

});

2160

},

2169

},

2161

activeTab(type) {

2170

activeTab(type) {

2162

switch (type) {

2171

switch (type) {

2163

case "existing":

2172

case "existing":

2164

this.newActive = false;

2173

this.newActive = false;

2165

this.isActive = true;

2174

this.isActive = true;

2166

break;

2175

break;

2167

2176

2168

default:

2177

default:

2169

this.newActive = true;

2178

this.newActive = true;

2170

this.isActive = false;

2179

this.isActive = false;

2171

break;

2180

break;

2172

}

2181

}

2173

},

2182

},

2174

close() {

2183

close() {

2175

this.dialog = false;

2184

this.dialog = false;

2176

setTimeout(() => {

2185

setTimeout(() => {

2177

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

2186

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

2178

this.editedIndex = -1;

2187

this.editedIndex = -1;

2179

}, 300);

2188

}, 300);

2180

},

2189

},

2181

close1() {

2190

close1() {

2182

this.dialog1 = false;

2191

this.dialog1 = false;

2183

},

2192

},

2184

copyData() {

2193

copyData() {

2185

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

2194

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

2186

},

2195

},

2187

submit() {

2196

submit() {

2188

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

2197

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

2189

let addStudent = {

2198

let addStudent = {

2190

parentId: this.parentId,

2199

parentId: this.parentId,

2191

2200

2192

email: this.addStudents.email,

2201

email: this.addStudents.email,

2193

role: this.addStudents.role,

2202

role: this.addStudents.role,

2194

dob: this.addStudents.date,

2203

dob: this.addStudents.date,

2195

city: this.addStudents.city,

2204

city: this.addStudents.city,

2196

pincode: this.addStudents.pincode,

2205

pincode: this.addStudents.pincode,

2197

country: this.addStudents.country,

2206

country: this.addStudents.country,

2198

permanentAddress: this.addStudents.permanentAddress,

2207

permanentAddress: this.addStudents.permanentAddress,

2199

presentAddress: this.addStudents.presentAddress,

2208

presentAddress: this.addStudents.presentAddress,

2200

mobile: this.addStudents.mobile,

2209

mobile: this.addStudents.mobile,

2201

state: this.addStudents.state,

2210

state: this.addStudents.state,

2202

gender: this.addStudents.gender,

2211

gender: this.addStudents.gender,

2203

establishmentYear: this.addStudents.establishmentYear,

2212

establishmentYear: this.addStudents.establishmentYear,

2204

classId: this.addStudents.select,

2213

classId: this.addStudents.select,

2205

sectionId: this.addStudents.selectSection,

2214

sectionId: this.addStudents.selectSection,

2206

bloodGroup: this.addStudents.bloodGroup,

2215

bloodGroup: this.addStudents.bloodGroup,

2207

medicalNotes: this.addStudents.medicalNotes,

2216

medicalNotes: this.addStudents.medicalNotes,

2208

height: this.addStudents.height,

2217

height: this.addStudents.height,

2209

weight: this.addStudents.weight,

2218

weight: this.addStudents.weight,

2210

rollNo: this.addStudents.rollNo

2219

rollNo: this.addStudents.rollNo

2211

};

2220

};

2212

if (this.imageUrl) {

2221

if (this.imageUrl) {

2213

var str = this.imageUrl;

2222

var str = this.imageUrl;

2214

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

2223

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

2215

addStudent.upload = imageUrl;

2224

addStudent.upload = imageUrl;

2216

}

2225

}

2217

this.loading = true;

2226

this.loading = true;

2218

http()

2227

http()

2219

.post("/createStudent", addStudent)

2228

.post("/createStudent", addStudent)

2220

.then(response => {

2229

.then(response => {

2221

// console.log(addStudent);

2230

// console.log(addStudent);

2222

this.snackbar = true;

2231

this.snackbar = true;

2223

this.text = "New Student added successfully";

2232

this.text = "New Student added successfully";

2224

// this.getStudentList();

2233

// this.getStudentList();

2225

this.clear();

2234

this.clear();

2235

this.clearParents();

2226

this.loading = false;

2236

this.loading = false;

2227

})

2237

})

2228

.catch(error => {

2238

.catch(error => {

2229

// console.log(error);

2239

// console.log(error);

2230

this.snackbar = true;

2240

this.snackbar = true;

2231

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

2241

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

2232

this.loading = false;

2242

this.loading = false;

2233

});

2243

});

2234

}

2244

}

2235

},

2245

},

2236

clear() {

2246

clear() {

2237

this.$refs.form.reset();

2247

this.$refs.form.reset();

2238

this.imageUrl = "";

2248

this.imageUrl = "";

2239

},

2249

},

2250

clearParents() {

2251

this.$refs.parentForm.reset();

2252

},

2240

save() {

2253

save() {

2241

let editStudent = {

2254

let editStudent = {

2242

studentId: this.editedItem._id,

2255

studentId: this.editedItem._id,

2243

2256

2244

email: this.editedItem.email,

2257

email: this.editedItem.email,

2245

role: this.editedItem.role,

2258

role: this.editedItem.role,

2246

dob: this.editedItem.dob,

2259

dob: this.editedItem.dob,

2247

city: this.editedItem.city,

2260

city: this.editedItem.city,

2248

pincode: this.editedItem.pincode,

2261

pincode: this.editedItem.pincode,

2249

country: this.editedItem.country,

2262

country: this.editedItem.country,

2250

permanentAddress: this.editedItem.permanentAddress,

2263

permanentAddress: this.editedItem.permanentAddress,

2251

presentAddress: this.editedItem.presentAddress,

2264

presentAddress: this.editedItem.presentAddress,

2252

mobile: this.editedItem.mobile,

2265

mobile: this.editedItem.mobile,

2253

state: this.editedItem.state,

2266

state: this.editedItem.state,

2254

gender: this.editedItem.gender,

2267

gender: this.editedItem.gender,

2255

establishmentYear: this.editedItem.establishmentYear,

2268

establishmentYear: this.editedItem.establishmentYear,

2256

classId: this.editedItem.select,

2269

classId: this.editedItem.select,

2257

sectionId: this.editedItem.selectSection,

2270

sectionId: this.editedItem.selectSection,

2258

bloodGroup: this.editedItem.bloodGroup,

2271

bloodGroup: this.editedItem.bloodGroup,

2259

medicalNotes: this.editedItem.medicalNotes,

2272

medicalNotes: this.editedItem.medicalNotes,

2260

height: this.editedItem.height,

2273

height: this.editedItem.height,

2261

weight: this.editedItem.weight,

2274

weight: this.editedItem.weight,

2262

rollNo: this.editedItem.rollNo

2275

rollNo: this.editedItem.rollNo

2263

};

2276

};

2264

if (this.imageUrl) {

2277

if (this.editImageUrl) {

2265

var str = this.imageUrl;

2278

var str = this.editImageUrl;

2266

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

2279

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

2267

editStudent.upload = imageUrl;

2280

editStudent.upload = editImageUrl;

2268

}

2281

}

2282

this.editLoading = true;

2269

http()

2283

http()

2270

.put("/updateStudent", editStudent)

2284

.put("/updateStudent", editStudent)

2271

.then(response => {

2285

.then(response => {

2272

this.snackbar = true;

2286

this.snackbar = true;

2273

this.text = response.data.message;

2287

this.text = response.data.message;

2274

this.imageUrl = "";

2288

this.imageUrl = "";

2275

this.findStudents();

2289

this.findStudents();

2276

this.close();

2290

this.close();

2291

this.editLoading = false;

2277

})

2292

})

2278

.catch(error => {

2293

.catch(error => {

2279

// console.log(error);

2294

// console.log(error);

2280

this.snackbar = true;

2295

this.snackbar = true;

2281

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

2296

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

2297

this.editLoading = false;

2282

});

2298

});

2283

},

2299

},

2284

submitParentDetails() {

2300

submitParentDetails() {

2285

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

2301

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

2286

let addparentDetails = {

2302

let addparentDetails = {

2287

email: this.parentData.email,

2303

email: this.parentData.email,

2288

fatherName: this.parentData.fatherName,

2304

fatherName: this.parentData.fatherName,

2289

fatherCellNo: this.parentData.fatherCellNo,

2305

fatherCellNo: this.parentData.fatherCellNo,

2290

motherName: this.parentData.motherName,

2306

motherName: this.parentData.motherName,

2291

motherCellNo: this.parentData.motherCellNo,

2307

motherCellNo: this.parentData.motherCellNo,

2292

fatherProfession: this.parentData.fatherProfession,

2308

fatherProfession: this.parentData.fatherProfession,

2293

motherProfession: this.parentData.motherProfession,

2309

motherProfession: this.parentData.motherProfession,

2294

role: "PARENT"

2310

role: "PARENT"

2295

};

2311

};

2296

this.loading = true;

2312

this.loading = true;

2297

http()

2313

http()

2298

.post("/createParent", addparentDetails)

2314

.post("/createParent", addparentDetails)

2299

.then(response => {

2315

.then(response => {

2300

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

2316

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

2301

this.e2 = 2;

2317

this.e2 = 2;

2302

this.snackbar = true;

2318

this.snackbar = true;

2303

this.text = "successfully";

2319

this.text = "successfully";

2304

// this.getStudentList();

2320

// this.getStudentList();

2305

this.clear();

2321

this.clear();

2306

this.loading = false;

2322

this.loading = false;

2307

})

2323

})

2308

.catch(error => {

2324

.catch(error => {

2309

this.snackbar = true;

2325

this.snackbar = true;

2310

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

2326

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

2311

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

2327

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

2312

this.loading = false;

2328

this.loading = false;

2313

});

2329

});

2314

}

2330

}

2315

},

2331

},

2316

getParentDetails() {

2332

getParentDetails() {

2317

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

2333

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

2318

this.showLoader = true;

2334

this.showLoader = true;

2319

http()

2335

http()

2320

.get("getParticularParent", {

2336

.get("getParticularParent", {

2321

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

2337

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

2322

headers: {

2338

headers: {

2323

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

2339

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

2324

}

2340

}

2325

})

2341

})

2326

.then(response => {

2342

.then(response => {

2327

this.showNext = true;

2343

this.showNext = true;

2328

this.showParent = false;

2344

this.showParent = false;

2329

this.parentData = response.data.data;

2345

this.parentData = response.data.data;

2330

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

2346

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

2331

this.showLoader = false;

2347

this.showLoader = false;

2332

})

2348

})

2333

.catch(error => {

2349

.catch(error => {

2334

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

2350

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

2335

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

2351

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

2336

this.snackbar = true;

2352

this.snackbar = true;

2337

this.showLoader = false;

2353

this.showLoader = false;

2338

});

2354

});

2339

}

2355

}

2340

}

2356

}

2341

},

2357

},

2342

mounted() {

2358

mounted() {

2343

const getCountryList = countryList();

2359

const getCountryList = countryList();

2344

this.countries = getCountryList;

2360

this.countries = getCountryList;

2345

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

2361

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

2346

http()

2362

http()

2347

.get("/getClassesList", {

2363

.get("/getClassesList", {

2348

headers: { Authorization: "Bearer " + token }

2364

headers: { Authorization: "Bearer " + token }

2349

})

2365

})

2350

.then(response => {

2366

.then(response => {

2351

this.addclass = response.data.data;

2367

this.addclass = response.data.data;

2352

})

2368

})

2353

.catch(error => {

2369

.catch(error => {

2354

this.showLoader = false;

2370

this.showLoader = false;

2355

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

2371

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

2356

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

2372

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

2357

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

2373

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

2358

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

2374

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

2359

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

2375

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

2360

}

2376

}

2361

});

2377

});

2362

},

2378

},

2363

created() {

2379

created() {

2364

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

2380

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

2365

this.search = search;

2381

this.search = search;

2366

});

2382

});

2367

},

2383

},

2368

beforeDestroy() {

2384

beforeDestroy() {

2369

// dont forget to remove the listener

2385

// dont forget to remove the listener

2370

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

2386

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

2371

}

2387

}

2372

};

2388

};

2373

</script>

2389

</script>

2374

2390

2375

.active {

2391

.active {

2376

background-color: gray;

2392

background-color: gray;

2377

color: white !important;

2393

color: white !important;

2378

}

2394

}

2379

.activebtn {

2395

.activebtn {

2380

color: black !important;

2396

color: black !important;

2381

}

2397

}

2382

</style>

2398

</style>

GITLAB

viithiisys / School-Management-dashboard

fixed all bugs in student