viithiisys / School-Management-dashboard

1

1

2

<v-app id="pages-dasboard">

2

<v-app id="pages-dasboard">

3

<v-toolbar class="fixcolors" fixed app>

3

<v-toolbar class="fixcolors" fixed app>

4

<v-toolbar-title class="ml-0 pl-3">

4

<v-toolbar-title class="ml-0 pl-3">

5

<v-toolbar-side-icon @click.stop="handleDrawerToggle" class="hide"></v-toolbar-side-icon>

5

<v-toolbar-side-icon @click.stop="handleDrawerToggle" class="hide"></v-toolbar-side-icon>

6

</v-toolbar-title>

6

</v-toolbar-title>

7

7

8

<v-flex xs7 sm3 class="userSearch">

8

<v-flex xs7 sm3 class="userSearch">

9

<v-text-field

9

<v-text-field

10

flat

10

flat

11

append-icon="search"

11

append-icon="search"

12

label="Find your Students"

12

label="Find your Students"

13

v-model="search"

13

v-model="search"

14

color="white"

14

color="white"

15

dark

15

dark

16

></v-text-field>

16

></v-text-field>

17

</v-flex>

17

</v-flex>

18

<v-spacer></v-spacer>

18

<v-spacer></v-spacer>

19

<v-menu offset-y origin="center center" :nudge-bottom="10" transition="scale-transition">

19

<v-menu offset-y origin="center center" :nudge-bottom="10" transition="scale-transition">

20

<v-btn icon large flat slot="activator">

20

<v-btn icon large flat slot="activator">

21

<v-avatar size="40px">

21

<v-avatar size="40px">

22

22

23

</v-avatar>

23

</v-avatar>

24

</v-btn>

24

</v-btn>

25

<v-list class="pa-0">

25

<v-list class="pa-0">

26

<v-list-tile

26

<v-list-tile

27

v-for="(item,index) in items"

27

v-for="(item,index) in items"

28

:to="!item.href ? { name: item.name } : null"

28

:to="!item.href ? { name: item.name } : null"

29

:href="item.href"

29

:href="item.href"

30

@click="item.click"

30

@click="item.click"

31

ripple="ripple"

31

ripple="ripple"

32

:disabled="item.disabled"

32

:disabled="item.disabled"

33

:target="item.target"

33

:target="item.target"

34

rel="noopener"

34

rel="noopener"

35

:key="index"

35

:key="index"

36

>

36

>

37

<v-list-tile-action v-if="item.icon">

37

<v-list-tile-action v-if="item.icon">

38

<v-icon>{{ item.icon }}</v-icon>

38

<v-icon>{{ item.icon }}</v-icon>

39

</v-list-tile-action>

39

</v-list-tile-action>

40

<v-list-tile-content>

40

<v-list-tile-content>

41

<v-list-tile-title>{{ item.title }}</v-list-tile-title>

41

<v-list-tile-title>{{ item.title }}</v-list-tile-title>

42

</v-list-tile-content>

42

</v-list-tile-content>

43

</v-list-tile>

43

</v-list-tile>

44

</v-list>

44

</v-list>

45

</v-menu>

45

</v-menu>

46

</v-toolbar>

46

</v-toolbar>

47

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

47

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

48

<v-tab

48

<v-tab

49

ripple

49

ripple

50

@click="activeTab('existing')"

50

@click="activeTab('existing')"

51

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

51

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

52

id="tab"

52

id="tab"

53

class="subheading"

53

class="subheading"

54

>Existing Students</v-tab>

54

>Existing Students</v-tab>

55

<v-tab

55

<v-tab

56

ripple

56

ripple

57

@click="activeTab('new')"

57

@click="activeTab('new')"

58

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

58

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

59

id="tab1"

59

id="tab1"

60

User

60

User

61

class="subheading"

61

class="subheading"

62

>Add New Students</v-tab>

62

>Add New Students</v-tab>

63

64

64

65

66

<v-tab-item>

66

<v-tab-item>

67

<v-snackbar

67

<v-snackbar

68

:timeout="timeout"

68

:timeout="timeout"

69

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

69

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

70

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

70

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

71

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

71

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

72

v-model="snackbar"

72

v-model="snackbar"

73

color="success"

73

color="success"

74

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

74

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

75

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

75

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

76

<v-card flat style="height: 800px;">

76

<v-card flat style="height: 800px;">

77

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

77

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

78

<v-spacer></v-spacer>

78

<v-spacer></v-spacer>

79

<v-toolbar-title>

79

<v-toolbar-title>

80

<h3>Edit Student Profile</h3>

80

<h3>Edit Student Profile</h3>

81

</v-toolbar-title>

81

</v-toolbar-title>

82

<v-spacer></v-spacer>

82

<v-spacer></v-spacer>

83

</v-toolbar>

83

</v-toolbar>

84

<v-card-text>

84

<v-card-text>

85

<v-form ref="form">

85

<v-form ref="form">

86

<v-container fluid>

86

<v-container fluid>

87

<v-layout>

87

<v-layout>

88

<v-flex

88

<v-flex

89

xs12

89

xs12

90

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

90

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

91

>

91

>

92

<v-avatar size="160px">

92

<v-avatar size="160px">

93

<img

93

<img

94

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

94

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

95

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

95

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

96

/>

96

/>

97

<img

97

<img

98

:src="editedItem.profilePicUrl"

98

:src="editedItem.profilePicUrl"

99

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

99

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

100

/>

100

/>

101

<img

101

<img

102

v-if="imageUrl"

102

v-if="imageUrl"

103

:src="imageUrl"

103

:src="imageUrl"

104

height="150"

104

height="150"

105

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

105

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

106

/>

106

/>

107

</v-avatar>

107

</v-avatar>

108

<input

108

<input

109

type="file"

109

type="file"

110

style="display: none"

110

style="display: none"

111

ref="image"

111

ref="image"

112

accept="image/*"

112

accept="image/*"

113

@change="onFilePicked"

113

@change="onFilePicked"

114

/>

114

/>

115

</v-flex>

115

</v-flex>

116

</v-layout>

116

</v-layout>

117

<v-layout>

117

<v-layout>

118

<v-flex xs12 sm4>

118

<v-flex xs12 sm4>

119

<v-layout>

119

<v-layout>

120

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

120

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

121

<label class="right">Select Class:</label>

121

<label class="right">Select Class:</label>

122

</v-flex>

122

</v-flex>

123

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

123

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

124

<v-select

124

<v-select

125

:items="addclass"

125

:items="addclass"

126

label="Select Class"

126

label="Select Class"

127

v-model="editedItem.select"

127

v-model="editedItem.select"

128

item-text="classNum"

128

item-text="classNum"

129

item-value="_id"

129

item-value="_id"

130

name="Select Class"

130

name="Select Class"

131

@change="getSections(editedItem.select)"

131

@change="getSections(editedItem.select)"

132

required

132

required

133

></v-select>

133

></v-select>

134

</v-flex>

134

</v-flex>

135

</v-layout>

135

</v-layout>

136

</v-flex>

136

</v-flex>

137

<v-flex xs12 sm4>

137

<v-flex xs12 sm4>

138

<v-layout>

138

<v-layout>

139

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

139

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

140

<label class="right">Select Section:</label>

140

<label class="right">Select Section:</label>

141

</v-flex>

141

</v-flex>

142

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

142

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

143

<v-select

143

<v-select

144

:items="addSection"

144

:items="addSection"

145

label="Select Section"

145

label="Select Section"

146

v-model="editedItem.selectSection"

146

v-model="editedItem.selectSection"

147

item-text="name"

147

item-text="name"

148

item-value="_id"

148

item-value="_id"

149

name="Select Section"

149

name="Select Section"

150

required

150

required

151

></v-select>

151

></v-select>

152

</v-flex>

152

</v-flex>

153

</v-layout>

153

</v-layout>

154

</v-flex>

154

</v-flex>

155

<v-flex xs12 sm4>

155

<v-flex xs12 sm4>

156

<v-layout>

156

<v-layout>

157

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

157

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

158

158

159

</v-flex>

159

</v-flex>

160

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

160

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

161

<v-text-field

161

<v-text-field

162

v-model="editedItem.name"

162

v-model="editedItem.name"

163

placeholder="fill your full Name"

163

placeholder="fill your full Name"

164

name="name"

164

name="name"

165

type="text"

165

type="text"

166

required

166

required

167

></v-text-field>

167

></v-text-field>

168

</v-flex>

168

</v-flex>

169

</v-layout>

169

</v-layout>

170

</v-flex>

170

</v-flex>

171

</v-layout>

171

</v-layout>

172

<v-layout>

172

<v-layout>

173

<v-flex xs12 sm4>

173

<v-flex xs12 sm4>

174

<v-layout>

174

<v-layout>

175

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

175

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

176

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

176

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

177

</v-flex>

177

</v-flex>

178

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

178

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

179

<v-text-field

179

<v-text-field

180

placeholder="fill your email"

180

placeholder="fill your email"

181

v-model="editedItem.email"

181

v-model="editedItem.email"

182

type="text"

182

type="text"

183

name="email"

183

name="email"

184

required

184

required

185

></v-text-field>

185

></v-text-field>

186

</v-flex>

186

</v-flex>

187

</v-layout>

187

</v-layout>

188

</v-flex>

188

</v-flex>

189

<v-flex xs12 sm4>

189

<v-flex xs12 sm4>

190

<v-layout>

190

<v-layout>

191

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

191

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

192

<label class="right">Date of Birth:</label>

192

<label class="right">Date of Birth:</label>

193

</v-flex>

193

</v-flex>

194

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

194

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

195

<v-menu

195

<v-menu

196

ref="menu"

196

ref="menu"

197

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

197

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

198

v-model="menu1"

198

v-model="menu1"

199

:nudge-right="40"

199

:nudge-right="40"

200

lazy

200

lazy

201

transition="scale-transition"

201

transition="scale-transition"

202

offset-y

202

offset-y

203

full-width

203

full-width

204

min-width="290px"

204

min-width="290px"

205

>

205

>

206

<v-text-field

206

<v-text-field

207

slot="activator"

207

slot="activator"

208

v-model="editedItem.dob"

208

v-model="editedItem.dob"

209

placeholder="Select Dob"

209

placeholder="Select Dob"

210

></v-text-field>

210

></v-text-field>

211

<v-date-picker

211

<v-date-picker

212

ref="picker"

212

ref="picker"

213

v-model="editedItem.dob"

213

v-model="editedItem.dob"

214

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

214

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

215

min="1950-01-01"

215

min="1950-01-01"

216

@input="menu1 = false"

216

@input="menu1 = false"

217

></v-date-picker>

217

></v-date-picker>

218

</v-menu>

218

</v-menu>

219

</v-flex>

219

</v-flex>

220

</v-layout>

220

</v-layout>

221

</v-flex>

221

</v-flex>

222

<v-flex xs12 sm4>

222

<v-flex xs12 sm4>

223

<v-layout>

223

<v-layout>

224

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

224

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

225

225

226

</v-flex>

226

</v-flex>

227

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

227

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

228

<v-text-field

228

<v-text-field

229

v-model="editedItem.city"

229

v-model="editedItem.city"

230

placeholder="fill your City Name"

230

placeholder="fill your City Name"

231

name="City"

231

name="City"

232

type="text"

232

type="text"

233

required

233

required

234

></v-text-field>

234

></v-text-field>

235

</v-flex>

235

</v-flex>

236

</v-layout>

236

</v-layout>

237

</v-flex>

237

</v-flex>

238

</v-layout>

238

</v-layout>

239

<v-layout>

239

<v-layout>

240

<v-flex xs12 sm4>

240

<v-flex xs12 sm4>

241

<v-layout>

241

<v-layout>

242

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

242

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

243

<label class="right">Blood Group:</label>

243

<label class="right">Blood Group:</label>

244

</v-flex>

244

</v-flex>

245

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

245

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

246

<v-text-field

246

<v-text-field

247

v-model="editedItem.bloodGroup"

247

v-model="editedItem.bloodGroup"

248

placeholder="fill your BloodGroup"

248

placeholder="fill your BloodGroup"

249

name="state"

249

name="state"

250

type="text"

250

type="text"

251

required

251

required

252

></v-text-field>

252

></v-text-field>

253

</v-flex>

253

</v-flex>

254

</v-layout>

254

</v-layout>

255

</v-flex>

255

</v-flex>

256

<v-flex xs12 sm4>

256

<v-flex xs12 sm4>

257

<v-layout>

257

<v-layout>

258

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

258

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

259

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

259

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

260

</v-flex>

260

</v-flex>

261

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

261

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

262

<v-text-field

262

<v-text-field

263

v-model="editedItem.allergies"

263

v-model="editedItem.allergies"

264

placeholder="fill your Allergies"

264

placeholder="fill your Allergies"

265

name="pincode"

265

name="pincode"

266

required

266

required

267

></v-text-field>

267

></v-text-field>

268

</v-flex>

268

</v-flex>

269

</v-layout>

269

</v-layout>

270

</v-flex>

270

</v-flex>

271

<v-flex xs12 sm4>

271

<v-flex xs12 sm4>

272

<v-layout>

272

<v-layout>

273

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

273

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

274

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

274

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

275

</v-flex>

275

</v-flex>

276

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

276

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

277

<v-text-field

277

<v-text-field

278

v-model="editedItem.medicalNotes"

278

v-model="editedItem.medicalNotes"

279

placeholder="fill your medicalNotes"

279

placeholder="fill your medicalNotes"

280

name="mobileNo"

280

name="mobileNo"

281

required

281

required

282

></v-text-field>

282

></v-text-field>

283

</v-flex>

283

</v-flex>

284

</v-layout>

284

</v-layout>

285

</v-flex>

285

</v-flex>

286

</v-layout>

286

</v-layout>

287

<v-layout>

287

<v-layout>

288

<v-flex xs12 sm4>

288

<v-flex xs12 sm4>

289

<v-layout>

289

<v-layout>

290

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

290

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

291

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

291

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

292

</v-flex>

292

</v-flex>

293

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

293

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

294

<v-text-field

294

<v-text-field

295

v-model="editedItem.height"

295

v-model="editedItem.height"

296

placeholder="fill your Height"

296

placeholder="fill your Height"

297

name="state"

297

name="state"

298

type="text"

298

type="text"

299

required

299

required

300

></v-text-field>

300

></v-text-field>

301

</v-flex>

301

</v-flex>

302

</v-layout>

302

</v-layout>

303

</v-flex>

303

</v-flex>

304

<v-flex xs12 sm4>

304

<v-flex xs12 sm4>

305

<v-layout>

305

<v-layout>

306

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

306

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

307

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

307

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

308

</v-flex>

308

</v-flex>

309

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

309

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

310

<v-text-field

310

<v-text-field

311

v-model="editedItem.weight"

311

v-model="editedItem.weight"

312

placeholder="fill your Weight"

312

placeholder="fill your Weight"

313

name="pincode"

313

name="pincode"

314

required

314

required

315

></v-text-field>

315

></v-text-field>

316

</v-flex>

316

</v-flex>

317

</v-layout>

317

</v-layout>

318

</v-flex>

318

</v-flex>

319

<v-flex xs12 sm4>

319

<v-flex xs12 sm4>

320

<v-layout>

320

<v-layout>

321

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

321

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

322

<label class="right">Uplaod Image:</label>

322

<label class="right">Uplaod Image:</label>

323

</v-flex>

323

</v-flex>

324

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

324

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

325

<v-text-field

325

<v-text-field

326

label="Select Image"

326

label="Select Image"

327

@click="pickFile"

327

@click="pickFile"

328

v-model="imageName"

328

v-model="imageName"

329

append-icon="attach_file"

329

append-icon="attach_file"

330

></v-text-field>

330

></v-text-field>

331

</v-flex>

331

</v-flex>

332

</v-layout>

332

</v-layout>

333

</v-flex>

333

</v-flex>

334

</v-layout>

334

</v-layout>

335

<v-layout>

335

<v-layout>

336

<v-flex xs12 sm4>

336

<v-flex xs12 sm4>

337

<v-layout>

337

<v-layout>

338

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

338

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

339

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

339

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

340

</v-flex>

340

</v-flex>

341

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

341

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

342

<v-text-field

342

<v-text-field

343

v-model="editedItem.state"

343

v-model="editedItem.state"

344

placeholder="fill your State Name"

344

placeholder="fill your State Name"

345

name="state"

345

name="state"

346

type="text"

346

type="text"

347

required

347

required

348

></v-text-field>

348

></v-text-field>

349

</v-flex>

349

</v-flex>

350

</v-layout>

350

</v-layout>

351

</v-flex>

351

</v-flex>

352

<v-flex xs12 sm4>

352

<v-flex xs12 sm4>

353

<v-layout>

353

<v-layout>

354

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

354

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

355

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

355

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

356

</v-flex>

356

</v-flex>

357

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

357

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

358

<v-text-field

358

<v-text-field

359

v-model="editedItem.pincode"

359

v-model="editedItem.pincode"

360

placeholder="fill your pincode"

360

placeholder="fill your pincode"

361

name="pincode"

361

name="pincode"

362

type="number"

362

type="number"

363

required

363

required

364

></v-text-field>

364

></v-text-field>

365

</v-flex>

365

</v-flex>

366

</v-layout>

366

</v-layout>

367

</v-flex>

367

</v-flex>

368

<v-flex xs12 sm4>

368

<v-flex xs12 sm4>

369

<v-layout>

369

<v-layout>

370

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

370

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

371

<label class="right">Mobile No:</label>

371

<label class="right">Mobile No:</label>

372

</v-flex>

372

</v-flex>

373

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

373

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

374

<v-text-field

374

<v-text-field

375

v-model="editedItem.mobile"

375

v-model="editedItem.mobile"

376

placeholder="fill your MobileNo"

376

placeholder="fill your MobileNo"

377

name="mobileNo"

377

name="mobileNo"

378

type="number"

378

type="number"

379

required

379

required

380

></v-text-field>

380

></v-text-field>

381

</v-flex>

381

</v-flex>

382

</v-layout>

382

</v-layout>

383

</v-flex>

383

</v-flex>

384

</v-layout>

384

</v-layout>

385

<v-layout>

385

<v-layout>

386

<v-flex xs12 sm4>

386

<v-flex xs12 sm4>

387

<v-layout>

387

<v-layout>

388

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

388

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

389

<label class="right">Select Country:</label>

389

<label class="right">Select Country:</label>

390

</v-flex>

390

</v-flex>

391

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

391

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

392

<v-autocomplete

392

<v-autocomplete

393

v-model="editedItem.country"

393

v-model="editedItem.country"

394

:items="countries"

394

:items="countries"

395

placeholder="Select Country Name"

395

placeholder="Select Country Name"

396

required

396

required

397

></v-autocomplete>

397

></v-autocomplete>

398

</v-flex>

398

</v-flex>

399

</v-layout>

399

</v-layout>

400

</v-flex>

400

</v-flex>

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

404

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

405

</v-flex>

405

</v-flex>

406

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

406

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

407

<v-select

407

<v-select

408

:items="gender"

408

:items="gender"

409

v-model="editedItem.gender"

409

v-model="editedItem.gender"

410

placeholder="Select Gender"

410

placeholder="Select Gender"

411

required

411

required

412

></v-select>

412

></v-select>

413

</v-flex>

413

</v-flex>

414

</v-layout>

414

</v-layout>

415

</v-flex>

415

</v-flex>

416

<v-flex xs12 sm4>

416

<v-flex xs12 sm4>

417

<v-layout>

417

<v-layout>

418

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

418

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

419

<label class="right">Roll Number:</label>

419

<label class="right">Roll Number:</label>

420

</v-flex>

420

</v-flex>

421

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

421

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

422

<v-text-field

422

<v-text-field

423

:items="gender"

423

:items="gender"

424

v-model="editedItem.rollNo"

424

v-model="editedItem.rollNo"

425

placeholder="fill roll number"

425

placeholder="fill roll number"

426

required

426

required

427

></v-text-field>

427

></v-text-field>

428

</v-flex>

428

</v-flex>

429

</v-layout>

429

</v-layout>

430

</v-flex>

430

</v-flex>

431

</v-layout>

431

</v-layout>

432

<v-layout>

432

<v-layout>

433

<v-flex xs12>

433

<v-flex xs12>

434

<v-layout>

434

<v-layout>

435

<v-flex

435

<v-flex

436

xs1

436

xs1

437

class="pt-4 subheading"

437

class="pt-4 subheading"

438

style="flex-basis: 13.333333% !important; max-width: 13.333333% !important;"

438

style="flex-basis: 13.333333% !important; max-width: 13.333333% !important;"

439

>

439

>

440

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

440

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

441

</v-flex>

441

</v-flex>

442

<v-flex xs11 class="ml-2">

442

<v-flex xs11 class="ml-2">

443

<v-text-field

443

<v-text-field

444

v-model="editedItem.presentAddress"

444

v-model="editedItem.presentAddress"

445

placeholder="fill Your present Address"

445

placeholder="fill Your present Address"

446

required

446

required

447

></v-text-field>

447

></v-text-field>

448

</v-flex>

448

</v-flex>

449

</v-layout>

449

</v-layout>

450

</v-flex>

450

</v-flex>

451

</v-layout>

451

</v-layout>

452

<v-layout>

452

<v-layout>

453

<v-flex xs12>

453

<v-flex xs12>

454

<v-layout>

454

<v-layout>

455

<v-flex

455

<v-flex

456

xs1

456

xs1

457

class="pt-4 subheading"

457

class="pt-4 subheading"

458

style="flex-basis: 13.333333% !important; max-width: 13.333333% !important;"

458

style="flex-basis: 13.333333% !important; max-width: 13.333333% !important;"

459

>

459

>

460

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

460

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

461

</v-flex>

461

</v-flex>

462

<v-flex xs11 class="ml-2">

462

<v-flex xs11 class="ml-2">

463

<v-textarea

463

<v-textarea

464

rows="1"

464

rows="1"

465

v-model="editedItem.permanentAddress"

465

v-model="editedItem.permanentAddress"

466

placeholder="fill Your Permanent Address"

466

placeholder="fill Your Permanent Address"

467

required

467

required

468

></v-textarea>

468

></v-textarea>

469

</v-flex>

469

</v-flex>

470

</v-layout>

470

</v-layout>

471

</v-flex>

471

</v-flex>

472

</v-layout>

472

</v-layout>

473

<v-layout>

473

<v-layout>

474

<v-flex xs12 sm12>

474

<v-flex xs12 sm12>

475

<v-card-actions>

475

<v-card-actions>

476

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

476

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

477

<v-spacer></v-spacer>

477

<v-spacer></v-spacer>

478

<v-btn round dark @click="save">Save</v-btn>

478

<v-btn round dark @click="save">Save</v-btn>

479

</v-card-actions>

479

</v-card-actions>

480

</v-flex>

480

</v-flex>

481

</v-layout>

481

</v-layout>

482

</v-container>

482

</v-container>

483

</v-form>

483

</v-form>

484

</v-card-text>

484

</v-card-text>

485

</v-card>

485

</v-card>

486

</v-dialog>

486

</v-dialog>

487

488

488

489

490

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

490

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

491

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

491

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

492

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

492

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

493

<v-spacer></v-spacer>

493

<v-spacer></v-spacer>

494

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

494

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

495

<v-spacer></v-spacer>

495

<v-spacer></v-spacer>

496

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

496

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

497

</v-toolbar>

497

</v-toolbar>

498

<v-card-text>

498

<v-card-text>

499

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

499

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

500

<v-avatar size="160px">

500

<v-avatar size="160px">

501

501

502

502

503

</v-avatar>

503

</v-avatar>

504

</v-flex>

504

</v-flex>

505

<v-container grid-list-md>

505

<v-container grid-list-md>

506

<v-layout wrap>

506

<v-layout wrap>

507

<v-flex>

507

<v-flex>

508

<v-layout>

508

<v-layout>

509

<v-flex xs12 sm6>

509

<v-flex xs12 sm6>

510

<v-layout>

510

<v-layout>

511

<v-flex xs6 sm5>

511

<v-flex xs6 sm5>

512

512

513

513

514

</h5>

514

</h5>

515

</v-flex>

515

</v-flex>

516

<v-flex sm7 xs6>

516

<v-flex sm7 xs6>

517

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

517

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

518

</v-flex>

518

</v-flex>

519

</v-layout>

519

</v-layout>

520

</v-flex>

520

</v-flex>

521

<v-flex xs12 sm6>

521

<v-flex xs12 sm6>

522

<v-layout>

522

<v-layout>

523

<v-flex xs4 sm4>

523

<v-flex xs4 sm4>

524

524

525

<b>Email:</b>

525

<b>Email:</b>

526

</h5>

526

</h5>

527

</v-flex>

527

</v-flex>

528

<v-flex sm8 xs8>

528

<v-flex sm8 xs8>

529

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

529

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

530

</v-flex>

530

</v-flex>

531

</v-layout>

531

</v-layout>

532

</v-flex>

532

</v-flex>

533

</v-layout>

533

</v-layout>

534

<v-layout>

534

<v-layout>

535

<v-flex xs6 sm6>

535

<v-flex xs6 sm6>

536

<v-layout>

536

<v-layout>

537

<v-flex xs4 sm5>

537

<v-flex xs4 sm5>

538

<b>

538

<b>

539

539

540

<b>Gender:</b>

540

<b>Gender:</b>

541

</h5>

541

</h5>

542

</b>

542

</b>

543

</v-flex>

543

</v-flex>

544

<v-flex sm7 xs8>

544

<v-flex sm7 xs8>

545

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

545

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

546

</v-flex>

546

</v-flex>

547

</v-layout>

547

</v-layout>

548

</v-flex>

548

</v-flex>

549

<v-flex xs6 sm6>

549

<v-flex xs6 sm6>

550

<v-layout>

550

<v-layout>

551

<v-flex xs4 sm4>

551

<v-flex xs4 sm4>

552

<b>

552

<b>

553

553

554

554

555

</h5>

555

</h5>

556

</b>

556

</b>

557

</v-flex>

557

</v-flex>

558

<v-flex sm7 xs8>

558

<v-flex sm7 xs8>

559

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

559

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

560

</v-flex>

560

</v-flex>

561

</v-layout>

561

</v-layout>

562

</v-flex>

562

</v-flex>

563

</v-layout>

563

</v-layout>

564

<v-layout>

564

<v-layout>

565

<v-flex xs6 sm6>

565

<v-flex xs6 sm6>

566

<v-layout>

566

<v-layout>

567

<v-flex xs4 sm5>

567

<v-flex xs4 sm5>

568

<b>

568

<b>

569

569

570

<b>Blood Group:</b>

570

<b>Blood Group:</b>

571

</h5>

571

</h5>

572

</b>

572

</b>

573

</v-flex>

573

</v-flex>

574

<v-flex sm7 xs8>

574

<v-flex sm7 xs8>

575

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

575

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

576

</v-flex>

576

</v-flex>

577

</v-layout>

577

</v-layout>

578

</v-flex>

578

</v-flex>

579

<v-flex xs6 sm6>

579

<v-flex xs6 sm6>

580

<v-layout>

580

<v-layout>

581

<v-flex xs4 sm4>

581

<v-flex xs4 sm4>

582

<b>

582

<b>

583

583

584

<b>Allergies:</b>

584

<b>Allergies:</b>

585

</h5>

585

</h5>

586

</b>

586

</b>

587

</v-flex>

587

</v-flex>

588

<v-flex sm8 xs8>

588

<v-flex sm8 xs8>

589

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

589

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

590

</v-flex>

590

</v-flex>

591

</v-layout>

591

</v-layout>

592

</v-flex>

592

</v-flex>

593

</v-layout>

593

</v-layout>

594

<v-layout>

594

<v-layout>

595

<v-flex xs6 sm6>

595

<v-flex xs6 sm6>

596

<v-layout>

596

<v-layout>

597

<v-flex xs4 sm5>

597

<v-flex xs4 sm5>

598

<b>

598

<b>

599

599

600

<b>Height:</b>

600

<b>Height:</b>

601

</h5>

601

</h5>

602

</b>

602

</b>

603

</v-flex>

603

</v-flex>

604

<v-flex sm7 xs8>

604

<v-flex sm7 xs8>

605

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

605

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

606

</v-flex>

606

</v-flex>

607

</v-layout>

607

</v-layout>

608

</v-flex>

608

</v-flex>

609

<v-flex xs6 sm6>

609

<v-flex xs6 sm6>

610

<v-layout>

610

<v-layout>

611

<v-flex xs4 sm4>

611

<v-flex xs4 sm4>

612

<b>

612

<b>

613

613

614

<b>Weight:</b>

614

<b>Weight:</b>

615

</h5>

615

</h5>

616

</b>

616

</b>

617

</v-flex>

617

</v-flex>

618

<v-flex sm8 xs8>

618

<v-flex sm8 xs8>

619

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

619

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

620

</v-flex>

620

</v-flex>

621

</v-layout>

621

</v-layout>

622

</v-flex>

622

</v-flex>

623

</v-layout>

623

</v-layout>

624

<v-layout>

624

<v-layout>

625

<v-flex xs6 sm6>

625

<v-flex xs6 sm6>

626

<v-layout>

626

<v-layout>

627

<v-flex xs4 sm5>

627

<v-flex xs4 sm5>

628

<b>

628

<b>

629

629

630

630

631

</h5>

631

</h5>

632

</b>

632

</b>

633

</v-flex>

633

</v-flex>

634

<v-flex sm7 xs8>

634

<v-flex sm7 xs8>

635

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

635

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

636

</v-flex>

636

</v-flex>

637

</v-layout>

637

</v-layout>

638

</v-flex>

638

</v-flex>

639

<v-flex xs6 sm6>

639

<v-flex xs6 sm6>

640

<v-layout>

640

<v-layout>

641

<v-flex xs4 sm4>

641

<v-flex xs4 sm4>

642

<b>

642

<b>

643

643

644

<b>State:</b>

644

<b>State:</b>

645

</h5>

645

</h5>

646

</b>

646

</b>

647

</v-flex>

647

</v-flex>

648

<v-flex sm8 xs8>

648

<v-flex sm8 xs8>

649

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

649

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

650

</v-flex>

650

</v-flex>

651

</v-layout>

651

</v-layout>

652

</v-flex>

652

</v-flex>

653

</v-layout>

653

</v-layout>

654

<v-layout>

654

<v-layout>

655

<v-flex xs6 sm6>

655

<v-flex xs6 sm6>

656

<v-layout>

656

<v-layout>

657

<v-flex xs4 sm5>

657

<v-flex xs4 sm5>

658

<b>

658

<b>

659

659

660

<b>Pincode:</b>

660

<b>Pincode:</b>

661

</h5>

661

</h5>

662

</b>

662

</b>

663

</v-flex>

663

</v-flex>

664

<v-flex sm7 xs8>

664

<v-flex sm7 xs8>

665

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

665

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

666

</v-flex>

666

</v-flex>

667

</v-layout>

667

</v-layout>

668

</v-flex>

668

</v-flex>

669

<v-flex xs5 sm5>

669

<v-flex xs5 sm5>

670

<v-layout>

670

<v-layout>

671

<v-flex xs4 sm5>

671

<v-flex xs4 sm5>

672

<b>

672

<b>

673

673

674

<b>Country:</b>

674

<b>Country:</b>

675

</h5>

675

</h5>

676

</b>

676

</b>

677

</v-flex>

677

</v-flex>

678

<v-flex sm7 xs8>

678

<v-flex sm7 xs8>

679

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

679

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

680

</v-flex>

680

</v-flex>

681

</v-layout>

681

</v-layout>

682

</v-flex>

682

</v-flex>

683

</v-layout>

683

</v-layout>

684

<v-layout>

684

<v-layout>

685

<v-flex xs5 sm6>

685

<v-flex xs5 sm6>

686

<v-layout>

686

<v-layout>

687

<v-flex sm5 xs8>

687

<v-flex sm5 xs8>

688

<b>

688

<b>

689

689

690

<b>Mobile No:</b>

690

<b>Mobile No:</b>

691

</h5>

691

</h5>

692

</b>

692

</b>

693

</v-flex>

693

</v-flex>

694

<v-flex sm6 xs8>

694

<v-flex sm6 xs8>

695

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

695

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

696

</v-flex>

696

</v-flex>

697

</v-layout>

697

</v-layout>

698

</v-flex>

698

</v-flex>

699

<v-flex xs5 sm6>

699

<v-flex xs5 sm6>

700

<v-layout>

700

<v-layout>

701

<v-flex xs5 sm4>

701

<v-flex xs5 sm4>

702

<b>

702

<b>

703

703

704

<b>Fahter Name:</b>

704

<b>Fahter Name:</b>

705

</h5>

705

</h5>

706

</b>

706

</b>

707

</v-flex>

707

</v-flex>

708

<v-flex sm8 xs8>

708

<v-flex sm8 xs8>

709

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

709

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

710

</v-flex>

710

</v-flex>

711

</v-layout>

711

</v-layout>

712

</v-flex>

712

</v-flex>

713

</v-layout>

713

</v-layout>

714

<v-layout>

714

<v-layout>

715

<v-flex xs6 sm5>

715

<v-flex xs6 sm5>

716

<v-layout>

716

<v-layout>

717

<v-flex xs4 sm6>

717

<v-flex xs4 sm6>

718

<b>

718

<b>

719

719

720

<b>Mother Name:</b>

720

<b>Mother Name:</b>

721

</h5>

721

</h5>

722

</b>

722

</b>

723

</v-flex>

723

</v-flex>

724

<v-flex sm6 xs8>

724

<v-flex sm6 xs8>

725

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

725

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

726

</v-flex>

726

</v-flex>

727

</v-layout>

727

</v-layout>

728

</v-flex>

728

</v-flex>

729

<v-flex xs6 sm6>

729

<v-flex xs6 sm6>

730

<v-layout>

730

<v-layout>

731

<v-flex xs4 sm6>

731

<v-flex xs4 sm6>

732

<b>

732

<b>

733

733

734

<b>Father Cell No:</b>

734

<b>Father Cell No:</b>

735

</h5>

735

</h5>

736

</b>

736

</b>

737

</v-flex>

737

</v-flex>

738

<v-flex sm6 xs8>

738

<v-flex sm6 xs8>

739

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

739

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

740

</v-flex>

740

</v-flex>

741

</v-layout>

741

</v-layout>

742

</v-flex>

742

</v-flex>

743

</v-layout>

743

</v-layout>

744

<v-layout>

744

<v-layout>

745

<v-flex xs6 sm5>

745

<v-flex xs6 sm5>

746

<v-layout>

746

<v-layout>

747

<v-flex xs4 sm6>

747

<v-flex xs4 sm6>

748

<b>

748

<b>

749

749

750

<b>Mother Cell No:</b>

750

<b>Mother Cell No:</b>

751

</h5>

751

</h5>

752

</b>

752

</b>

753

</v-flex>

753

</v-flex>

754

<v-flex sm6 xs8>

754

<v-flex sm6 xs8>

755

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

755

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

756

</v-flex>

756

</v-flex>

757

</v-layout>

757

</v-layout>

758

</v-flex>

758

</v-flex>

759

<v-flex xs6 sm6>

759

<v-flex xs6 sm6>

760

<v-layout>

760

<v-layout>

761

<v-flex xs5 sm6>

761

<v-flex xs5 sm6>

762

<b>

762

<b>

763

763

764

<b>Academic Year:</b>

764

<b>Academic Year:</b>

765

</h5>

765

</h5>

766

</b>

766

</b>

767

</v-flex>

767

</v-flex>

768

<v-flex sm5 xs8>

768

<v-flex sm5 xs8>

769

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

769

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

770

</v-flex>

770

</v-flex>

771

</v-layout>

771

</v-layout>

772

</v-flex>

772

</v-flex>

773

</v-layout>

773

</v-layout>

774

<v-layout>

774

<v-layout>

775

<v-flex xs6 sm5>

775

<v-flex xs6 sm5>

776

<v-layout>

776

<v-layout>

777

<v-flex xs5 sm6>

777

<v-flex xs5 sm6>

778

<b>

778

<b>

779

779

780

<b>Medical Notes:</b>

780

<b>Medical Notes:</b>

781

</h5>

781

</h5>

782

</b>

782

</b>

783

</v-flex>

783

</v-flex>

784

<v-flex sm5 xs8>

784

<v-flex sm5 xs8>

785

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

785

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

786

</v-flex>

786

</v-flex>

787

</v-layout>

787

</v-layout>

788

</v-flex>

788

</v-flex>

789

<v-flex xs12 sm6>

789

<v-flex xs12 sm6>

790

<v-layout>

790

<v-layout>

791

<v-flex xs6 sm6>

791

<v-flex xs6 sm6>

792

<b>

792

<b>

793

793

794

<b>Roll Number:</b>

794

<b>Roll Number:</b>

795

</h5>

795

</h5>

796

</b>

796

</b>

797

</v-flex>

797

</v-flex>

798

<v-flex sm6 xs8>

798

<v-flex sm6 xs8>

799

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

799

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

800

</v-flex>

800

</v-flex>

801

</v-layout>

801

</v-layout>

802

</v-flex>

802

</v-flex>

803

</v-layout>

803

</v-layout>

804

<v-layout>

804

<v-layout>

805

<v-flex xs6 sm5>

805

<v-flex xs6 sm5>

806

<v-layout>

806

<v-layout>

807

<v-flex xs5 sm6>

807

<v-flex xs5 sm6>

808

<b>

808

<b>

809

809

810

<b>present Address:</b>

810

<b>present Address:</b>

811

</h5>

811

</h5>

812

</b>

812

</b>

813

</v-flex>

813

</v-flex>

814

<v-flex sm5 xs8>

814

<v-flex sm5 xs8>

815

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

815

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

816

</v-flex>

816

</v-flex>

817

</v-layout>

817

</v-layout>

818

</v-flex>

818

</v-flex>

819

<v-flex xs12 sm6>

819

<v-flex xs12 sm6>

820

<v-layout>

820

<v-layout>

821

<v-flex xs6 sm6>

821

<v-flex xs6 sm6>

822

<b>

822

<b>

823

823

824

<b>present Address:</b>

824

<b>present Address:</b>

825

</h5>

825

</h5>

826

</b>

826

</b>

827

</v-flex>

827

</v-flex>

828

<v-flex sm6 xs8>

828

<v-flex sm6 xs8>

829

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

829

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

830

</v-flex>

830

</v-flex>

831

</v-layout>

831

</v-layout>

832

</v-flex>

832

</v-flex>

833

<!-- <v-flex xs12 sm12>

833

<!-- <v-flex xs12 sm12>

834

<v-layout>

834

<v-layout>

835

<v-flex xs4 sm3>

835

<v-flex xs4 sm3>

836

<b>

836

<b>

837

837

838

<b>Permanent Address:</b>

838

<b>Permanent Address:</b>

839

</h5>

839

</h5>

840

</b>

840

</b>

841

</v-flex>

841

</v-flex>

842

<v-flex sm9 xs8>

842

<v-flex sm9 xs8>

843

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

843

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

844

</v-flex>

844

</v-flex>

845

</v-layout>

845

</v-layout>

846

</v-flex>-->

846

</v-flex>-->

847

</v-layout>

847

</v-layout>

848

</v-flex>

848

</v-flex>

849

</v-layout>

849

</v-layout>

850

</v-container>

850

</v-container>

851

</v-card-text>

851

</v-card-text>

852

</v-card>

852

</v-card>

853

</v-dialog>

853

</v-dialog>

854

855

<v-snackbar

855

<v-snackbar

856

:timeout="timeout"

856

:timeout="timeout"

857

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

857

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

858

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

858

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

859

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

859

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

860

v-model="snackbar"

860

v-model="snackbar"

861

color="success"

861

color="success"

862

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

862

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

863

864

864

865

<v-card flat>

865

<v-card flat>

866

<v-card-actions>

866

<v-card-actions>

867

<v-layout>

867

<v-layout>

868

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

868

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

869

<v-select

869

<v-select

870

:items="addclass"

870

:items="addclass"

871

label="Select Class"

871

label="Select Class"

872

v-model="selectStudents.select"

872

v-model="selectStudents.select"

873

item-text="classNum"

873

item-text="classNum"

874

item-value="_id"

874

item-value="_id"

875

name="Select Class"

875

name="Select Class"

876

:rules="classRules"

876

:rules="classRules"

877

@change="getSections(selectStudents.select)"

877

@change="getSections(selectStudents.select)"

878

class="px-4"

878

class="px-4"

879

required

879

required

880

></v-select>

880

></v-select>

881

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

881

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

882

<v-select

882

<v-select

883

:items="addSection"

883

:items="addSection"

884

label="Select Section"

884

label="Select Section"

885

v-model="selectStudents.selectSection"

885

v-model="selectStudents.selectSection"

886

item-text="name"

886

item-text="name"

887

item-value="_id"

887

item-value="_id"

888

name="Select Section"

888

name="Select Section"

889

:rules="sectionRules"

889

:rules="sectionRules"

890

class="pl-3"

890

class="pl-3"

891

required

891

required

892

></v-select>

892

></v-select>

893

</v-layout>

893

</v-layout>

894

<v-spacer></v-spacer>

894

<v-spacer></v-spacer>

895

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

895

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

896

</v-card-actions>

896

</v-card-actions>

897

</v-card>

897

</v-card>

898

<v-data-table

898

<v-data-table

899

:headers="headers"

899

:headers="headers"

900

:items="desserts"

900

:items="desserts"

901

:pagination.sync="pagination"

901

:pagination.sync="pagination"

902

:search="search"

902

:search="search"

903

>

903

>

904

904

905

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

905

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

906

906

907

<v-avatar>

907

<v-avatar>

908

908

909

909

910

</v-avatar>

910

</v-avatar>

911

</td>

911

</td>

912

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

912

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

913

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

913

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

914

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

914

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

915

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

915

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

916

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

916

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

917

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

917

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

918

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

918

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

919

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

919

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

920

921

921

922

<span>

922

<span>

923

<img

923

<img

924

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

924

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

925

class="mr-5"

925

class="mr-5"

926

@click="profile(props.item)"

926

@click="profile(props.item)"

927

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

927

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

928

/>

928

/>

929

<img

929

<img

930

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

930

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

931

class="mr-5"

931

class="mr-5"

932

@click="editItem(props.item)"

932

@click="editItem(props.item)"

933

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

933

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

934

/>

934

/>

935

<img

935

<img

936

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

936

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

937

class="mr-5"

937

class="mr-5"

938

@click="deleteItem(props.item)"

938

@click="deleteItem(props.item)"

939

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

939

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

940

/>

940

/>

941

</span>

941

</span>

942

</td>

942

</td>

943

</template>

943

</template>

944

<v-alert

944

<v-alert

945

slot="no-results"

945

slot="no-results"

946

:value="true"

946

:value="true"

947

color="error"

947

color="error"

948

icon="warning"

948

icon="warning"

949

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

949

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

950

</v-data-table>

950

</v-data-table>

951

</v-tab-item>

951

</v-tab-item>

952

953

953

954

<v-tab-item>

954

<v-tab-item>

955

<v-container fluid>

955

<v-container fluid>

956

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

956

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

957

<v-flex xs12 sm8 md7 lg8>

957

<v-flex xs12 sm8 md7 lg8>

958

<div>

958

<div>

959

<v-app>

959

<v-app>

960

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

960

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

961

<v-stepper-header>

961

<v-stepper-header>

962

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

962

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

963

<v-divider></v-divider>

963

<v-divider></v-divider>

964

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

964

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

965

</v-stepper-header>

965

</v-stepper-header>

966

<v-stepper-items>

966

<v-stepper-items>

967

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

967

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

968

<v-container fluid class>

968

<v-container fluid class>

969

<v-layout>

969

<v-layout>

970

<v-flex xs12>

970

<v-flex xs12>

971

<v-snackbar

971

<v-snackbar

972

:timeout="timeout"

972

:timeout="timeout"

973

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

973

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

974

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

974

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

975

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

975

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

976

v-model="snackbar"

976

v-model="snackbar"

977

color="success"

977

color="success"

978

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

978

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

979

<v-flex xs12 sm12>

979

<v-flex xs12 sm12>

980

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

980

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

981

<v-container fluid>

981

<v-container fluid>

982

<v-layout>

982

<v-layout>

983

<v-flex xs12 sm6>

983

<v-flex xs12 sm6>

984

<v-layout>

984

<v-layout>

985

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

985

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

986

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

986

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

987

</v-flex>

987

</v-flex>

988

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

988

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

989

<v-text-field

989

<v-text-field

990

placeholder="fill Parent email"

990

placeholder="fill Parent email"

991

:rules="emailRules"

991

:rules="emailRules"

992

v-model.trim="parentData.email"

992

v-model.trim="parentData.email"

993

type="text"

993

type="text"

994

v-on:keyup="getParentDetails"

994

v-on:keyup="getParentDetails"

995

name="email"

995

name="email"

996

required

996

required

997

></v-text-field>

997

></v-text-field>

998

</v-flex>

998

</v-flex>

999

</v-layout>

999

</v-layout>

1000

</v-flex>

1000

</v-flex>

1001

<v-flex xs12 sm6>

1001

<v-flex xs12 sm6>

1002

<v-layout>

1002

<v-layout>

1003

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

1003

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

1004

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

1004

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

1005

</v-flex>

1005

</v-flex>

1006

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

1006

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

1007

<v-text-field

1007

<v-text-field

1008

v-model="parentData.fatherName"

1008

v-model="parentData.fatherName"

1009

:rules="fatherNameRules"

1009

:rules="fatherNameRules"

1010

placeholder="Fill your father Name"

1010

placeholder="Fill your father Name"

1011

required

1011

required

1012

></v-text-field>

1012

></v-text-field>

1013

</v-flex>

1013

</v-flex>

1014

</v-layout>

1014

</v-layout>

1015

</v-flex>

1015

</v-flex>

1016

</v-layout>

1016

</v-layout>

1017

<v-layout>

1017

<v-layout>

1018

<v-flex xs12 sm6>

1018

<v-flex xs12 sm6>

1019

<v-layout>

1019

<v-layout>

1020

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

1020

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

1021

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

1021

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

1022

</v-flex>

1022

</v-flex>

1023

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

1023

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

1024

<v-text-field

1024

<v-text-field

1025

v-model="parentData.fatherCellNo"

1025

v-model="parentData.fatherCellNo"

1026

placeholder="fill your father Cell Number"

1026

placeholder="fill your father Cell Number"

1027

name="state"

1027

name="state"

1028

type="number"

1028

type="number"

1029

:rules="fatheCellNoRules"

1029

:rules="fatheCellNoRules"

1030

required

1030

required

1031

></v-text-field>

1031

></v-text-field>

1032

</v-flex>

1032

</v-flex>

1033

</v-layout>

1033

</v-layout>

1034

</v-flex>

1034

</v-flex>

1035

<v-flex xs12 sm6>

1035

<v-flex xs12 sm6>

1036

<v-layout>

1036

<v-layout>

1037

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

1037

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

1038

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

1038

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

1039

</v-flex>

1039

</v-flex>

1040

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

1040

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

1041

<v-text-field

1041

<v-text-field

1042

v-model="parentData.motherName"

1042

v-model="parentData.motherName"

1043

placeholder="fill your Mother Name"

1043

placeholder="fill your Mother Name"

1044

name="state"

1044

name="state"

1045

type="text"

1045

type="text"

1046

:rules="motherNameRules"

1046

:rules="motherNameRules"

1047

required

1047

required

1048

></v-text-field>

1048

></v-text-field>

1049

</v-flex>

1049

</v-flex>

1050

</v-layout>

1050

</v-layout>

1051

</v-flex>

1051

</v-flex>

1052

</v-layout>

1052

</v-layout>

1053

<v-layout>

1053

<v-layout>

1054

<v-flex xs12 sm6>

1054

<v-flex xs12 sm6>

1055

<v-layout>

1055

<v-layout>

1056

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

1056

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

1057

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

1057

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

1058

</v-flex>

1058

</v-flex>

1059

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

1059

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

1060

<v-text-field

1060

<v-text-field

1061

v-model="parentData.motherCellNo"

1061

v-model="parentData.motherCellNo"

1062

placeholder="fill your Mother Cell Number"

1062

placeholder="fill your Mother Cell Number"

1063

name="state"

1063

name="state"

1064

type="number"

1064

type="number"

1065

:rules="motherCellNoRules"

1065

:rules="motherCellNoRules"

1066

required

1066

required

1067

></v-text-field>

1067

></v-text-field>

1068

</v-flex>

1068

</v-flex>

1069

</v-layout>

1069

</v-layout>

1070

</v-flex>

1070

</v-flex>

1071

</v-layout>

1071

</v-layout>

1072

<v-flex xs12 sm12>

1072

<v-flex xs12 sm12>

1073

<v-card-actions>

1073

<v-card-actions>

1074

<v-spacer></v-spacer>

1074

<v-spacer></v-spacer>

1075

<v-btn

1075

<v-btn

1076

@click="submitParentDetails"

1076

@click="submitParentDetails"

1077

round

1077

round

1078

dark

1078

dark

1079

:loading="loading"

1079

:loading="loading"

1080

v-show="showParent"

1080

v-show="showParent"

1081

>Add</v-btn>

1081

>Add</v-btn>

1082

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

1082

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

1083

</v-card-actions>

1083

</v-card-actions>

1084

</v-flex>

1084

</v-flex>

1085

</v-container>

1085

</v-container>

1086

</v-form>

1086

</v-form>

1087

</v-flex>

1087

</v-flex>

1088

</v-flex>

1088

</v-flex>

1089

</v-layout>

1089

</v-layout>

1090

</v-container>

1090

</v-container>

1091

</v-stepper-content>

1091

</v-stepper-content>

1092

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

1092

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

1093

<v-container fluid>

1093

<v-container fluid>

1094

<v-snackbar

1094

<v-snackbar

1095

:timeout="timeout"

1095

:timeout="timeout"

1096

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

1096

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

1097

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

1097

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

1098

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

1098

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

1099

v-model="snackbar"

1099

v-model="snackbar"

1100

color="success"

1100

color="success"

1101

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

1101

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

1102

<v-flex xs12 sm12>

1102

<v-flex xs12 sm12>

1103

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

1103

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

1104

<v-container fluid>

1104

<v-container fluid>

1105

<v-layout>

1105

<v-layout>

1106

<v-flex

1106

<v-flex

1107

xs12

1107

xs12

1108

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

1108

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

1109

>

1109

>

1110

<v-avatar size="100px">

1110

<v-avatar size="100px">

1111

1111

1112

</v-avatar>

1112

</v-avatar>

1113

<input

1113

<input

1114

type="file"

1114

type="file"

1115

style="display: none"

1115

style="display: none"

1116

ref="image"

1116

ref="image"

1117

accept="image/*"

1117

accept="image/*"

1118

@change="onFilePicked"

1118

@change="onFilePicked"

1119

/>

1119

/>

1120

<img

1120

<img

1121

:src="imageData.imageUrl"

1121

:src="imageData.imageUrl"

1122

height="150"

1122

height="150"

1123

v-if="imageUrl"

1123

v-if="imageUrl"

1124

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

1124

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

1125

/>

1125

/>

1126

</v-flex>

1126

</v-flex>

1127

</v-layout>

1127

</v-layout>

1128

<v-layout>

1128

<v-layout>

1129

<v-flex xs12 sm6>

1129

<v-flex xs12 sm6>

1130

<v-layout>

1130

<v-layout>

1131

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

1131

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

1132

<label class="right">Select Class:</label>

1132

<label class="right">Select Class:</label>

1133

</v-flex>

1133

</v-flex>

1134

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

1134

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

1135

<v-select

1135

<v-select

1136

:items="addclass"

1136

:items="addclass"

1137

label="Select Class"

1137

label="Select Class"

1138

v-model="addStudents.select"

1138

v-model="addStudents.select"

1139

item-text="classNum"

1139

item-text="classNum"

1140

item-value="_id"

1140

item-value="_id"

1141

name="Select Class"

1141

name="Select Class"

1142

:rules="classRules"

1142

:rules="classRules"

1143

@change="getSection(addStudents.select)"

1143

@change="getSection(addStudents.select)"

1144

required

1144

required

1145

></v-select>

1145

></v-select>

1146

</v-flex>

1146

</v-flex>

1147

</v-layout>

1147

</v-layout>

1148

</v-flex>

1148

</v-flex>

1149

<v-flex xs12 sm6>

1149

<v-flex xs12 sm6>

1150

<v-layout>

1150

<v-layout>

1151

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

1151

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

1152

<label class="right">Select Section:</label>

1152

<label class="right">Select Section:</label>

1153

</v-flex>

1153

</v-flex>

1154

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

1154

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

1155

<v-select

1155

<v-select

1156

:items="addSection"

1156

:items="addSection"

1157

label="Select Section"

1157

label="Select Section"

1158

v-model="addStudents.selectSection"

1158

v-model="addStudents.selectSection"

1159

item-text="name"

1159

item-text="name"

1160

item-value="_id"

1160

item-value="_id"

1161

name="Select Section"

1161

name="Select Section"

1162

:rules="sectionRules"

1162

:rules="sectionRules"

1163

required

1163

required

1164

></v-select>

1164

></v-select>

1165

</v-flex>

1165

</v-flex>

1166

</v-layout>

1166

</v-layout>

1167

</v-flex>

1167

</v-flex>

1168

</v-layout>

1168

</v-layout>

1169

<v-layout>

1169

<v-layout>

1170

<v-flex xs12 sm6>

1170

<v-flex xs12 sm6>

1171

<v-layout>

1171

<v-layout>

1172

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

1172

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

1173

1173

1174

</v-flex>

1174

</v-flex>

1175

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

1175

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

1176

<v-text-field

1176

<v-text-field

1177

v-model="addStudents.name"

1177

v-model="addStudents.name"

1178

placeholder="fill your full Name"

1178

placeholder="fill your full Name"

1179

name="name"

1179

name="name"

1180

type="text"

1180

type="text"

1181

:rules="nameRules"

1181

:rules="nameRules"

1182

required

1182

required

1183

></v-text-field>

1183

></v-text-field>

1184

</v-flex>

1184

</v-flex>

1185

</v-layout>

1185

</v-layout>

1186

</v-flex>

1186

</v-flex>

1187

<v-flex xs12 sm6>

1187

<v-flex xs12 sm6>

1188

<v-layout>

1188

<v-layout>

1189

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

1189

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

1190

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

1190

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

1191

</v-flex>

1191

</v-flex>

1192

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

1192

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

1193

<v-text-field

1193

<v-text-field

1194

placeholder="fill your email"

1194

placeholder="fill your email"

1195

:rules="emailRules"

1195

:rules="emailRules"

1196

v-model="addStudents.email"

1196

v-model="addStudents.email"

1197

type="text"

1197

type="text"

1198

name="email"

1198

name="email"

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>

1205

<v-layout>

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">Date of Birth:</label>

1209

<label class="right">Date of Birth:</label>

1210

</v-flex>

1210

</v-flex>

1211

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

1211

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

1212

<v-menu

1212

<v-menu

1213

ref="menu"

1213

ref="menu"

1214

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

1214

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

1215

v-model="menu"

1215

v-model="menu"

1216

:nudge-right="40"

1216

:nudge-right="40"

1217

lazy

1217

lazy

1218

transition="scale-transition"

1218

transition="scale-transition"

1219

offset-y

1219

offset-y

1220

full-width

1220

full-width

1221

min-width="290px"

1221

min-width="290px"

1222

>

1222

>

1223

<v-text-field

1223

<v-text-field

1224

slot="activator"

1224

slot="activator"

1225

:rules="dateRules"

1225

:rules="dateRules"

1226

v-model="addStudents.date"

1226

v-model="addStudents.date"

1227

placeholder="Select date"

1227

placeholder="Select date"

1228

></v-text-field>

1228

></v-text-field>

1229

<v-date-picker

1229

<v-date-picker

1230

ref="picker"

1230

ref="picker"

1231

v-model="addStudents.date"

1231

v-model="addStudents.date"

1232

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

1232

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

1233

min="1950-01-01"

1233

min="1950-01-01"

1234

@input="menu = false"

1234

@input="menu = false"

1235

></v-date-picker>

1235

></v-date-picker>

1236

</v-menu>

1236

</v-menu>

1237

</v-flex>

1237

</v-flex>

1238

</v-layout>

1238

</v-layout>

1239

</v-flex>

1239

</v-flex>

1240

<v-flex xs12 sm6>

1240

<v-flex xs12 sm6>

1241

<v-layout>

1241

<v-layout>

1242

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

1242

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

1243

1243

1244

</v-flex>

1244

</v-flex>

1245

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

1245

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

1246

<v-text-field

1246

<v-text-field

1247

v-model="addStudents.city"

1247

v-model="addStudents.city"

1248

placeholder="fill your City Name"

1248

placeholder="fill your City Name"

1249

name="City"

1249

name="City"

1250

type="text"

1250

type="text"

1251

:rules="cityRules"

1251

:rules="cityRules"

1252

required

1252

required

1253

></v-text-field>

1253

></v-text-field>

1254

</v-flex>

1254

</v-flex>

1255

</v-layout>

1255

</v-layout>

1256

</v-flex>

1256

</v-flex>

1257

</v-layout>

1257

</v-layout>

1258

<v-layout>

1258

<v-layout>

1259

<v-flex xs12 sm6>

1259

<v-flex xs12 sm6>

1260

<v-layout>

1260

<v-layout>

1261

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

1261

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

1262

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

1262

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

1263

</v-flex>

1263

</v-flex>

1264

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

1264

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

1265

<v-text-field

1265

<v-text-field

1266

v-model="addStudents.state"

1266

v-model="addStudents.state"

1267

placeholder="fill your State Name"

1267

placeholder="fill your State Name"

1268

name="state"

1268

name="state"

1269

type="text"

1269

type="text"

1270

:rules="stateRules"

1270

:rules="stateRules"

1271

required

1271

required

1272

></v-text-field>

1272

></v-text-field>

1273

</v-flex>

1273

</v-flex>

1274

</v-layout>

1274

</v-layout>

1275

</v-flex>

1275

</v-flex>

1276

<v-flex xs12 sm6>

1276

<v-flex xs12 sm6>

1277

<v-layout>

1277

<v-layout>

1278

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

1278

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

1279

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

1279

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

1280

</v-flex>

1280

</v-flex>

1281

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

1281

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

1282

<v-text-field

1282

<v-text-field

1283

v-model="addStudents.pincode"

1283

v-model="addStudents.pincode"

1284

placeholder="fill your pincode"

1284

placeholder="fill your pincode"

1285

name="pincode"

1285

name="pincode"

1286

type="number"

1286

type="number"

1287

:rules="pincode"

1287

:rules="pincode"

1288

required

1288

required

1289

></v-text-field>

1289

></v-text-field>

1290

</v-flex>

1290

</v-flex>

1291

</v-layout>

1291

</v-layout>

1292

</v-flex>

1292

</v-flex>

1293

</v-layout>

1293

</v-layout>

1294

<v-layout>

1294

<v-layout>

1295

<v-flex xs12 sm6>

1295

<v-flex xs12 sm6>

1296

<v-layout>

1296

<v-layout>

1297

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

1297

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

1298

<label class="right">Mobile No:</label>

1298

<label class="right">Mobile No:</label>

1299

</v-flex>

1299

</v-flex>

1300

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

1300

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

1301

<v-text-field

1301

<v-text-field

1302

v-model="addStudents.mobile"

1302

v-model="addStudents.mobile"

1303

placeholder="fill your MobileNo"

1303

placeholder="fill your MobileNo"

1304

name="mobileNo"

1304

name="mobileNo"

1305

type="number"

1305

type="number"

1306

:rules="mobileNoRules"

1306

:rules="mobileNoRules"

1307

required

1307

required

1308

></v-text-field>

1308

></v-text-field>

1309

</v-flex>

1309

</v-flex>

1310

</v-layout>

1310

</v-layout>

1311

</v-flex>

1311

</v-flex>

1312

<v-flex xs12 sm6>

1312

<v-flex xs12 sm6>

1313

<v-layout>

1313

<v-layout>

1314

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

1314

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

1315

<label class="right">Select Country:</label>

1315

<label class="right">Select Country:</label>

1316

</v-flex>

1316

</v-flex>

1317

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

1317

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

1318

<v-autocomplete

1318

<v-autocomplete

1319

v-model="addStudents.country"

1319

v-model="addStudents.country"

1320

:rules="country"

1320

:rules="country"

1321

:items="countries"

1321

:items="countries"

1322

placeholder="Select Country Name"

1322

placeholder="Select Country Name"

1323

required

1323

required

1324

></v-autocomplete>

1324

></v-autocomplete>

1325

</v-flex>

1325

</v-flex>

1326

</v-layout>

1326

</v-layout>

1327

</v-flex>

1327

</v-flex>

1328

</v-layout>

1328

</v-layout>

1329

<v-layout>

1329

<v-layout>

1330

<v-flex xs12 sm6>

1330

<v-flex xs12 sm6>

1331

<v-layout>

1331

<v-layout>

1332

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

1332

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

1333

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

1333

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

1334

</v-flex>

1334

</v-flex>

1335

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

1335

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

1336

<v-select

1336

<v-select

1337

:items="gender"

1337

:items="gender"

1338

v-model="addStudents.gender"

1338

v-model="addStudents.gender"

1339

:rules="genderRules"

1339

:rules="genderRules"

1340

label="Select Gender"

1340

label="Select Gender"

1341

required

1341

required

1342

></v-select>

1342

></v-select>

1343

</v-flex>

1343

</v-flex>

1344

</v-layout>

1344

</v-layout>

1345

</v-flex>

1345

</v-flex>

1346

<v-flex xs12 sm6>

1346

<v-flex xs12 sm6>

1347

<v-layout>

1347

<v-layout>

1348

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

1348

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

1349

<label class="right">Blood Group:</label>

1349

<label class="right">Blood Group:</label>

1350

</v-flex>

1350

</v-flex>

1351

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

1351

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

1352

<v-text-field

1352

<v-text-field

1353

v-model="addStudents.bloodGroup"

1353

v-model="addStudents.bloodGroup"

1354

placeholder="Fill your Blood Group"

1354

placeholder="Fill your Blood Group"

1355

required

1355

required

1356

></v-text-field>

1356

></v-text-field>

1357

</v-flex>

1357

</v-flex>

1358

</v-layout>

1358

</v-layout>

1359

</v-flex>

1359

</v-flex>

1360

</v-layout>

1360

</v-layout>

1361

<v-layout>

1361

<v-layout>

1362

<v-flex xs12 sm6>

1362

<v-flex xs12 sm6>

1363

<v-layout>

1363

<v-layout>

1364

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

1364

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

1365

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

1365

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

1366

</v-flex>

1366

</v-flex>

1367

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

1367

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

1368

<v-text-field

1368

<v-text-field

1369

v-model="addStudents.allergies"

1369

v-model="addStudents.allergies"

1370

placeholder="Fill your Allergies"

1370

placeholder="Fill your Allergies"

1371

required

1371

required

1372

></v-text-field>

1372

></v-text-field>

1373

</v-flex>

1373

</v-flex>

1374

</v-layout>

1374

</v-layout>

1375

</v-flex>

1375

</v-flex>

1376

<v-flex xs12 sm6>

1376

<v-flex xs12 sm6>

1377

<v-layout>

1377

<v-layout>

1378

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

1378

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

1379

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

1379

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

1380

</v-flex>

1380

</v-flex>

1381

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

1381

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

1382

<v-text-field

1382

<v-text-field

1383

v-model="addStudents.medicalNotes"

1383

v-model="addStudents.medicalNotes"

1384

placeholder="Fill your Medical Notes"

1384

placeholder="Fill your Medical Notes"

1385

required

1385

required

1386

></v-text-field>

1386

></v-text-field>

1387

</v-flex>

1387

</v-flex>

1388

</v-layout>

1388

</v-layout>

1389

</v-flex>

1389

</v-flex>

1390

</v-layout>

1390

</v-layout>

1391

<v-layout>

1391

<v-layout>

1392

<v-flex xs12 sm6>

1392

<v-flex xs12 sm6>

1393

<v-layout>

1393

<v-layout>

1394

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

1394

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

1395

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

1395

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

1396

</v-flex>

1396

</v-flex>

1397

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

1397

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

1398

<v-text-field

1398

<v-text-field

1399

v-model="addStudents.height"

1399

v-model="addStudents.height"

1400

placeholder="Fill your Height"

1400

placeholder="Fill your Height"

1401

required

1401

required

1402

></v-text-field>

1402

></v-text-field>

1403

</v-flex>

1403

</v-flex>

1404

</v-layout>

1404

</v-layout>

1405

</v-flex>

1405

</v-flex>

1406

<v-flex xs12 sm6>

1406

<v-flex xs12 sm6>

1407

<v-layout>

1407

<v-layout>

1408

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

1408

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

1409

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

1409

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

1410

</v-flex>

1410

</v-flex>

1411

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

1411

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

1412

<v-text-field

1412

<v-text-field

1413

v-model="addStudents.weight"

1413

v-model="addStudents.weight"

1414

placeholder="Fill your Weight"

1414

placeholder="Fill your Weight"

1415

required

1415

required

1416

></v-text-field>

1416

></v-text-field>

1417

</v-flex>

1417

</v-flex>

1418

</v-layout>

1418

</v-layout>

1419

</v-flex>

1419

</v-flex>

1420

</v-layout>

1420

</v-layout>

1421

<v-layout>

1421

<v-layout>

1422

<v-flex xs12 sm6>

1422

<v-flex xs12 sm6>

1423

<v-layout>

1423

<v-layout>

1424

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

1424

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

1425

<label class="right">Uplaod Image:</label>

1425

<label class="right">Uplaod Image:</label>

1426

</v-flex>

1426

</v-flex>

1427

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

1427

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

1428

<v-text-field

1428

<v-text-field

1429

label="Select Image"

1429

label="Select Image"

1430

@click="pickFile"

1430

@click="pickFile"

1431

v-model="imageName"

1431

v-model="imageName"

1432

append-icon="attach_file"

1432

append-icon="attach_file"

1433

></v-text-field>

1433

></v-text-field>

1434

</v-flex>

1434

</v-flex>

1435

</v-layout>

1435

</v-layout>

1436

</v-flex>

1436

</v-flex>

1437

<v-flex xs12 sm6>

1437

<v-flex xs12 sm6>

1438

<v-layout>

1438

<v-layout>

1439

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

1439

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

1440

<label class="right">Academic Year:</label>

1440

<label class="right">Academic Year:</label>

1441

</v-flex>

1441

</v-flex>

1442

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

1442

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

1443

<v-text-field

1443

<v-text-field

1444

v-model="addStudents.establishmentYear"

1444

v-model="addStudents.establishmentYear"

1445

placeholder="fill your Academic Year"

1445

placeholder="fill your Academic Year"

1446

name="state"

1446

name="state"

1447

type="number"

1447

type="number"

1448

:rules="establishmentYearRules"

1448

:rules="establishmentYearRules"

1449

required

1449

required

1450

></v-text-field>

1450

></v-text-field>

1451

</v-flex>

1451

</v-flex>

1452

</v-layout>

1452

</v-layout>

1453

</v-flex>

1453

</v-flex>

1454

</v-layout>

1454

</v-layout>

1455

<v-layout>

1455

<v-layout>

1456

<v-flex xs12 sm6>

1456

<v-flex xs12 sm6>

1457

<v-layout>

1457

<v-layout>

1458

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

1458

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

1459

<label class="right">Roll Number:</label>

1459

<label class="right">Roll Number:</label>

1460

</v-flex>

1460

</v-flex>

1461

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

1461

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

1462

<v-text-field

1462

<v-text-field

1463

v-model="addStudents.rollNo"

1463

v-model="addStudents.rollNo"

1464

placeholder="Fill your Roll Number"

1464

placeholder="Fill your Roll Number"

1465

required

1465

required

1466

></v-text-field>

1466

></v-text-field>

1467

</v-flex>

1467

</v-flex>

1468

</v-layout>

1468

</v-layout>

1469

</v-flex>

1469

</v-flex>

1470

</v-layout>

1470

</v-layout>

1471

<v-layout>

1471

<v-layout>

1472

<v-flex xs12 sm12>

1472

<v-flex xs12 sm12>

1473

<v-layout>

1473

<v-layout>

1474

<v-flex

1474

<v-flex

1475

xs3

1475

xs3

1476

class="pt-4 subheading pl-4"

1476

class="pt-4 subheading pl-4"

1477

style="max-width: 17%;"

1477

style="max-width: 17%;"

1478

>

1478

>

1479

<label class>Present Address:</label>

1479

<label class>Present Address:</label>

1480

</v-flex>

1480

</v-flex>

1481

<v-flex xs12>

1481

<v-flex xs12>

1482

<v-text-field

1482

<v-text-field

1483

name="input-4-3"

1483

name="input-4-3"

1484

v-model="addStudents.presentAddress"

1484

v-model="addStudents.presentAddress"

1485

:rules="presentAddress"

1485

:rules="presentAddress"

1486

placeholder="fill Your present Address"

1486

placeholder="fill Your present Address"

1487

required

1487

required

1488

></v-text-field>

1488

></v-text-field>

1489

</v-flex>

1489

</v-flex>

1490

</v-layout>

1490

</v-layout>

1491

</v-flex>

1491

</v-flex>

1492

<v-flex xs12 sm12>

1492

<v-flex xs12 sm12>

1493

<v-layout>

1493

<v-layout>

1494

<v-flex xs3 class="pt-4 subheading" style="max-width: 17%;">

1494

<v-flex xs3 class="pt-4 subheading" style="max-width: 17%;">

1495

<label>Permanent Address:</label>

1495

<label>Permanent Address:</label>

1496

</v-flex>

1496

</v-flex>

1497

<v-flex xs12>

1497

<v-flex xs12>

1498

<v-text-field

1498

<v-text-field

1499

name="input-4-3"

1499

name="input-4-3"

1500

v-model="addStudents.permanentAddress"

1500

v-model="addStudents.permanentAddress"

1501

:rules="permanentAddress"

1501

:rules="permanentAddress"

1502

placeholder="fill Your Permanent Address"

1502

placeholder="fill Your Permanent Address"

1503

required

1503

required

1504

></v-text-field>

1504

></v-text-field>

1505

</v-flex>

1505

</v-flex>

1506

</v-layout>

1506

</v-layout>

1507

</v-flex>

1507

</v-flex>

1508

</v-layout>

1508

</v-layout>

1509

<v-layout>

1509

<v-layout>

1510

<v-flex xs12 sm12>

1510

<v-flex xs12 sm12>

1511

<v-card-actions>

1511

<v-card-actions>

1512

1512

1513

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

1513

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

1514

<v-icon dark left>arrow_back</v-icon>Back

1514

<v-icon dark left>arrow_back</v-icon>Back

1515

</v-btn>

1515

</v-btn>

1516

<v-spacer></v-spacer>

1516

<v-spacer></v-spacer>

1517

<v-btn @click="submit" round dark :loading="loading">Add</v-btn>

1517

<v-btn @click="submit" round dark :loading="loading">Add</v-btn>

1518

</v-card-actions>

1518

</v-card-actions>

1519

</v-flex>

1519

</v-flex>

1520

</v-layout>

1520

</v-layout>

1521

</v-container>

1521

</v-container>

1522

</v-form>

1522

</v-form>

1523

</v-flex>

1523

</v-flex>

1524

</v-container>

1524

</v-container>

1525

</v-stepper-content>

1525

</v-stepper-content>

1526

</v-stepper-items>

1526

</v-stepper-items>

1527

</v-stepper>

1527

</v-stepper>

1528

</v-app>

1528

</v-app>

1529

</div>

1529

</div>

1530

</v-flex>

1530

</v-flex>

1531

</v-layout>

1531

</v-layout>

1532

</v-container>

1532

</v-container>

1533

</v-tab-item>

1533

</v-tab-item>

1534

</v-tabs>

1534

</v-tabs>

1535

1535

1536

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

1536

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

1537

</div>

1537

</div>

1538

</v-app>

1538

</v-app>

1539

</template>

1539

</template>

1540

1541

1541

1542

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

1542

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

1543

import Util from "@/util";

1543

import Util from "@/util";

1544

import moment from "moment";

1544

import moment from "moment";

1545

1546

export default {

1546

export default {

1547

data: () => ({

1547

data: () => ({

1548

e2: 0,

1548

e2: 0,

1549

showParent: true,

1549

showParent: true,

1550

showNext: false,

1550

showNext: false,

1551

snackbar: false,

1551

snackbar: false,

1552

y: "top",

1552

y: "top",

1553

x: "right",

1553

x: "right",

1554

mode: "",

1554

mode: "",

1555

timeout: 3000,

1555

timeout: 3000,

1556

text: "",

1556

text: "",

1557

showLoader: false,

1557

showLoader: false,

1558

loading: false,

1558

loading: false,

1559

date: null,

1559

date: null,

1560

search: "",

1560

search: "",

1561

menu: false,

1561

menu: false,

1562

menu1: false,

1562

menu1: false,

1563

dialog: false,

1563

dialog: false,

1564

dialog1: false,

1564

dialog1: false,

1565

valid: true,

1565

valid: true,

1566

isActive: true,

1566

isActive: true,

1567

newActive: false,

1567

newActive: false,

1568

addclass: [],

1568

addclass: [],

1569

addSection: [],

1569

addSection: [],

1570

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

1570

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

1571

AddUsercredentials: {},

1571

AddUsercredentials: {},

1572

pagination: {

1572

pagination: {

1573

rowsPerPage: 15

1573

rowsPerPage: 15

1574

},

1574

},

1575

imageData: {},

1575

imageData: {},

1576

imageName: "",

1576

imageName: "",

1577

imageUrl: "",

1577

imageUrl: "",

1578

imageFile: "",

1578

imageFile: "",

1579

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

1579

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

1580

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

1580

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

1581

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

1581

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

1582

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

1582

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

1583

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

1583

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

1584

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

1584

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

1585

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

1585

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

1586

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

1586

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

1587

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

1587

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

1588

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

1588

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

1589

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

1589

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

1590

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

1590

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

1591

fatherNameRules: [v => !!v || " Father Name is required"],

1591

fatherNameRules: [v => !!v || " Father Name is required"],

1592

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

1592

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

1593

motherNameRules: [v => !!v || " Mother Name is required"],

1593

motherNameRules: [v => !!v || " Mother Name is required"],

1594

motherCellNoRules: [v => !!v || " Mother Cell Number is required"],

1594

motherCellNoRules: [v => !!v || " Mother Cell Number is required"],

1595

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

1595

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

1596

errorMessages: "",

1596

errorMessages: "",

1597

emailRules: [

1597

emailRules: [

1598

v => !!v || "E-mail is required",

1598

v => !!v || "E-mail is required",

1599

v =>

1599

v =>

1600

/^\w+([.-]?\w+)*@\w+([.-]?\w+)*(\.\w{2,3})+$/.test(v) ||

1600

/^\w+([.-]?\w+)*@\w+([.-]?\w+)*(\.\w{2,3})+$/.test(v) ||

1601

"E-mail must be valid"

1601

"E-mail must be valid"

1602

],

1602

],

1603

countries: [

1603

countries: [

1604

"Afghanistan",

1604

"Afghanistan",

1605

"Albania",

1605

"Albania",

1606

"Algeria",

1606

"Algeria",

1607

"Andorra",

1607

"Andorra",

1608

"Angola",

1608

"Angola",

1609

"Anguilla",

1609

"Anguilla",

1610

"Antigua & Barbuda",

1610

"Antigua & Barbuda",

1611

"Argentina",

1611

"Argentina",

1612

"Armenia",

1612

"Armenia",

1613

"Aruba",

1613

"Aruba",

1614

"Australia",

1614

"Australia",

1615

"Austria",

1615

"Austria",

1616

"Azerbaijan",

1616

"Azerbaijan",

1617

"Bahamas",

1617

"Bahamas",

1618

"Bahrain",

1618

"Bahrain",

1619

"Bangladesh",

1619

"Bangladesh",

1620

"Barbados",

1620

"Barbados",

1621

"Belarus",

1621

"Belarus",

1622

"Belgium",

1622

"Belgium",

1623

"Belize",

1623

"Belize",

1624

"Benin",

1624

"Benin",

1625

"Bermuda",

1625

"Bermuda",

1626

"Bhutan",

1626

"Bhutan",

1627

"Bolivia",

1627

"Bolivia",

1628

"Bosnia & Herzegovina",

1628

"Bosnia & Herzegovina",

1629

"Botswana",

1629

"Botswana",

1630

"Brazil",

1630

"Brazil",

1631

"British Virgin Islands",

1631

"British Virgin Islands",

1632

"Brunei",

1632

"Brunei",

1633

"Bulgaria",

1633

"Bulgaria",

1634

"Burkina Faso",

1634

"Burkina Faso",

1635

"Burundi",

1635

"Burundi",

1636

"Cambodia",

1636

"Cambodia",

1637

"Cameroon",

1637

"Cameroon",

1638

"Cape Verde",

1638

"Cape Verde",

1639

"Cayman Islands",

1639

"Cayman Islands",

1640

"Chad",

1640

"Chad",

1641

"Chile",

1641

"Chile",

1642

"China",

1642

"China",

1643

"Colombia",

1643

"Colombia",

1644

"Congo",

1644

"Congo",

1645

"Cook Islands",

1645

"Cook Islands",

1646

"Costa Rica",

1646

"Costa Rica",

1647

"Cote D Ivoire",

1647

"Cote D Ivoire",

1648

"Croatia",

1648

"Croatia",

1649

"Cruise Ship",

1649

"Cruise Ship",

1650

"Cuba",

1650

"Cuba",

1651

"Cyprus",

1651

"Cyprus",

1652

"Czech Republic",

1652

"Czech Republic",

1653

"Denmark",

1653

"Denmark",

1654

"Djibouti",

1654

"Djibouti",

1655

"Dominica",

1655

"Dominica",

1656

"Dominican Republic",

1656

"Dominican Republic",

1657

"Ecuador",

1657

"Ecuador",

1658

"Egypt",

1658

"Egypt",

1659

"El Salvador",

1659

"El Salvador",

1660

"Equatorial Guinea",

1660

"Equatorial Guinea",

1661

"Estonia",

1661

"Estonia",

1662

"Ethiopia",

1662

"Ethiopia",

1663

"Falkland Islands",

1663

"Falkland Islands",

1664

"Faroe Islands",

1664

"Faroe Islands",

1665

"Fiji",

1665

"Fiji",

1666

"Finland",

1666

"Finland",

1667

"France",

1667

"France",

1668

"French Polynesia",

1668

"French Polynesia",

1669

"French West Indies",

1669

"French West Indies",

1670

"Gabon",

1670

"Gabon",

1671

"Gambia",

1671

"Gambia",

1672

"Georgia",

1672

"Georgia",

1673

"Germany",

1673

"Germany",

1674

"Ghana",

1674

"Ghana",

1675

"Gibraltar",

1675

"Gibraltar",

1676

"Greece",

1676

"Greece",

1677

"Greenland",

1677

"Greenland",

1678

"Grenada",

1678

"Grenada",

1679

"Guam",

1679

"Guam",

1680

"Guatemala",

1680

"Guatemala",

1681

"Guernsey",

1681

"Guernsey",

1682

"Guinea",

1682

"Guinea",

1683

"Guinea Bissau",

1683

"Guinea Bissau",

1684

"Guyana",

1684

"Guyana",

1685

"Haiti",

1685

"Haiti",

1686

"Honduras",

1686

"Honduras",

1687

"Hong Kong",

1687

"Hong Kong",

1688

"Hungary",

1688

"Hungary",

1689

"Iceland",

1689

"Iceland",

1690

"India",

1690

"India",

1691

"Indonesia",

1691

"Indonesia",

1692

"Iran",

1692

"Iran",

1693

"Iraq",

1693

"Iraq",

1694

"Ireland",

1694

"Ireland",

1695

"Isle of Man",

1695

"Isle of Man",

1696

"Israel",

1696

"Israel",

1697

"Italy",

1697

"Italy",

1698

"Jamaica",

1698

"Jamaica",

1699

"Japan",

1699

"Japan",

1700

"Jersey",

1700

"Jersey",

1701

"Jordan",

1701

"Jordan",

1702

"Kazakhstan",

1702

"Kazakhstan",

1703

"Kenya",

1703

"Kenya",

1704

"Kuwait",

1704

"Kuwait",

1705

"Kyrgyz Republic",

1705

"Kyrgyz Republic",

1706

"Laos",

1706

"Laos",

1707

"Latvia",

1707

"Latvia",

1708

"Lebanon",

1708

"Lebanon",

1709

"Lesotho",

1709

"Lesotho",

1710

"Liberia",

1710

"Liberia",

1711

"Libya",

1711

"Libya",

1712

"Liechtenstein",

1712

"Liechtenstein",

1713

"Lithuania",

1713

"Lithuania",

1714

"Luxembourg",

1714

"Luxembourg",

1715

"Macau",

1715

"Macau",

1716

"Macedonia",

1716

"Macedonia",

1717

"Madagascar",

1717

"Madagascar",

1718

"Malawi",

1718

"Malawi",

1719

"Malaysia",

1719

"Malaysia",

1720

"Maldives",

1720

"Maldives",

1721

"Mali",

1721

"Mali",

1722

"Malta",

1722

"Malta",

1723

"Mauritania",

1723

"Mauritania",

1724

"Mauritius",

1724

"Mauritius",

1725

"Mexico",

1725

"Mexico",

1726

"Moldova",

1726

"Moldova",

1727

"Monaco",

1727

"Monaco",

1728

"Mongolia",

1728

"Mongolia",

1729

"Montenegro",

1729

"Montenegro",

1730

"Montserrat",

1730

"Montserrat",

1731

"Morocco",

1731

"Morocco",

1732

"Mozambique",

1732

"Mozambique",

1733

"Namibia",

1733

"Namibia",

1734

"Nepal",

1734

"Nepal",

1735

"Netherlands",

1735

"Netherlands",

1736

"Netherlands Antilles",

1736

"Netherlands Antilles",

1737

"New Caledonia",

1737

"New Caledonia",

1738

"New Zealand",

1738

"New Zealand",

1739

"Nicaragua",

1739

"Nicaragua",

1740

"Niger",

1740

"Niger",

1741

"Nigeria",

1741

"Nigeria",

1742

"Norway",

1742

"Norway",

1743

"Oman",

1743

"Oman",

1744

"Pakistan",

1744

"Pakistan",

1745

"Palestine",

1745

"Palestine",

1746

"Panama",

1746

"Panama",

1747

"Papua New Guinea",

1747

"Papua New Guinea",

1748

"Paraguay",

1748

"Paraguay",

1749

"Peru",

1749

"Peru",

1750

"Philippines",

1750

"Philippines",

1751

"Poland",

1751

"Poland",

1752

"Portugal",

1752

"Portugal",

1753

"Puerto Rico",

1753

"Puerto Rico",

1754

"Qatar",

1754

"Qatar",

1755

"Reunion",

1755

"Reunion",

1756

"Romania",

1756

"Romania",

1757

"Russia",

1757

"Russia",

1758

"Rwanda",

1758

"Rwanda",

1759

"Saint Pierre & Miquelon",

1759

"Saint Pierre & Miquelon",

1760

"Samoa",

1760

"Samoa",

1761

"San Marino",

1761

"San Marino",

1762

"Satellite",

1762

"Satellite",

1763

"Saudi Arabia",

1763

"Saudi Arabia",

1764

"Senegal",

1764

"Senegal",

1765

"Serbia",

1765

"Serbia",

1766

"Seychelles",

1766

"Seychelles",

1767

"Sierra Leone",

1767

"Sierra Leone",

1768

"Singapore",

1768

"Singapore",

1769

"Slovakia",

1769

"Slovakia",

1770

"Slovenia",

1770

"Slovenia",

1771

"South Africa",

1771

"South Africa",

1772

"South Korea",

1772

"South Korea",

1773

"Spain",

1773

"Spain",

1774

"Sri Lanka",

1774

"Sri Lanka",

1775

"St Kitts & Nevis",

1775

"St Kitts & Nevis",

1776

"St Lucia",

1776

"St Lucia",

1777

"St Vincent",

1777

"St Vincent",

1778

"St. Lucia",

1778

"St. Lucia",

1779

"Sudan",

1779

"Sudan",

1780

"Suriname",

1780

"Suriname",

1781

"Swaziland",

1781

"Swaziland",

1782

"Sweden",

1782

"Sweden",

1783

"Switzerland",

1783

"Switzerland",

1784

"Syria",

1784

"Syria",

1785

"Taiwan",

1785

"Taiwan",

1786

"Tajikistan",

1786

"Tajikistan",

1787

"Tanzania",

1787

"Tanzania",

1788

"Thailand",

1788

"Thailand",

1789

"Timor L'Este",

1789

"Timor L'Este",

1790

"Togo",

1790

"Togo",

1791

"Tonga",

1791

"Tonga",

1792

"Trinidad & Tobago",

1792

"Trinidad & Tobago",

1793

"Tunisia",

1793

"Tunisia",

1794

"Turkey",

1794

"Turkey",

1795

"Turkmenistan",

1795

"Turkmenistan",

1796

"Turks & Caicos",

1796

"Turks & Caicos",

1797

"Uganda",

1797

"Uganda",

1798

"Ukraine",

1798

"Ukraine",

1799

"United Arab Emirates",

1799

"United Arab Emirates",

1800

"United Kingdom",

1800

"United Kingdom",

1801

"United States",

1801

"United States",

1802

"Uruguay",

1802

"Uruguay",

1803

"Uzbekistan",

1803

"Uzbekistan",

1804

"Venezuela",

1804

"Venezuela",

1805

"Vietnam",

1805

"Vietnam",

1806

"Virgin Islands (US)",

1806

"Virgin Islands (US)",

1807

"Yemen",

1807

"Yemen",

1808

"Zambia",

1808

"Zambia",

1809

"Zimbabwe"

1809

"Zimbabwe"

1810

],

1810

],

1811

headers: [

1811

headers: [

1812

{

1812

{

1813

text: "No",

1813

text: "Roll No.",

1814

align: "center",

1814

align: "center",

1815

sortable: false,

1815

sortable: false,

1816

value: "No"

1816

value: "rollNo"

1817

},

1817

},

1818

{

1818

{

1819

text: "Profile Pic",

1819

text: "Profile Pic",

1820

value: "profilePicUrl",

1820

value: "profilePicUrl",

1821

sortable: false,

1821

sortable: false,

1822

align: "center"

1822

align: "center"

1823

},

1823

},

1824

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

1824

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

1825

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

1825

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

1826

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

1826

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

1827

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

1827

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

1828

{

1828

{

1829

text: "Father Name",

1829

text: "Father Name",

1830

value: "fatherName",

1830

value: "fatherName",

1831

sortable: false,

1831

sortable: false,

1832

align: "center"

1832

align: "center"

1833

},

1833

},

1834

{

1834

{

1835

text: "Mother Name",

1835

text: "Mother Name",

1836

value: "motherName",

1836

value: "motherName",

1837

sortable: false,

1837

sortable: false,

1838

align: "center"

1838

align: "center"

1839

},

1839

},

1840

{

1840

{

1841

text: "Academic Year",

1841

text: "Academic Year",

1842

value: "establishmentYear",

1842

value: "establishmentYear",

1843

sortable: false,

1843

sortable: false,

1844

align: "center"

1844

align: "center"

1845

},

1845

},

1846

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

1846

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

1847

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

1847

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

1848

],

1848

],

1849

desserts: [],

1849

desserts: [],

1850

parentId: "",

1850

parentId: "",

1851

editedIndex: -1,

1851

editedIndex: -1,

1852

parentData: {},

1852

parentData: {},

1853

addStudents: {

1853

addStudents: {

1854

role: "STUDENT",

1854

role: "STUDENT",

1855

1855

1856

email: "",

1856

email: "",

1857

date: "",

1857

date: "",

1858

city: "",

1858

city: "",

1859

pincode: "",

1859

pincode: "",

1860

country: "",

1860

country: "",

1861

permanentAddress: "",

1861

permanentAddress: "",

1862

presentAddress: "",

1862

presentAddress: "",

1863

mobile: "",

1863

mobile: "",

1864

state: "",

1864

state: "",

1865

gender: "",

1865

gender: "",

1866

select: "",

1866

select: "",

1867

selectSection: "",

1867

selectSection: "",

1868

bloodGroup: "",

1868

bloodGroup: "",

1869

allergies: "",

1869

allergies: "",

1870

medicalNotes: "",

1870

medicalNotes: "",

1871

height: "",

1871

height: "",

1872

weight: "",

1872

weight: "",

1873

rollNo: "",

1873

rollNo: "",

1874

establishmentYear: new Date().getFullYear()

1874

establishmentYear: new Date().getFullYear()

1875

},

1875

},

1876

selectStudents: {

1876

selectStudents: {

1877

select: "",

1877

select: "",

1878

selectSection: ""

1878

selectSection: ""

1879

},

1879

},

1880

editedItem: {

1880

editedItem: {

1881

role: "STUDENT",

1881

role: "STUDENT",

1882

1882

1883

email: "",

1883

email: "",

1884

dob: "",

1884

dob: "",

1885

city: "",

1885

city: "",

1886

pincode: "",

1886

pincode: "",

1887

country: "",

1887

country: "",

1888

permanentAddress: "",

1888

permanentAddress: "",

1889

presentAddress: "",

1889

presentAddress: "",

1890

mobile: "",

1890

mobile: "",

1891

state: "",

1891

state: "",

1892

gender: "",

1892

gender: "",

1893

select: "",

1893

select: "",

1894

selectSection: "",

1894

selectSection: "",

1895

bloodGroup: "",

1895

bloodGroup: "",

1896

allergies: "",

1896

allergies: "",

1897

medicalNotes: "",

1897

medicalNotes: "",

1898

height: "",

1898

height: "",

1899

weight: "",

1899

weight: "",

1900

rollNo: "",

1900

rollNo: "",

1901

establishmentYear: new Date().getFullYear()

1901

establishmentYear: new Date().getFullYear()

1902

},

1902

},

1903

defaultItem: {

1903

defaultItem: {

1904

role: "STUDENT",

1904

role: "STUDENT",

1905

1905

1906

email: ""

1906

email: ""

1907

},

1907

},

1908

userName: "",

1908

userName: "",

1909

items: [

1909

items: [

1910

{

1910

{

1911

href: "/changepassword",

1911

href: "/changepassword",

1912

title: "Change Password",

1912

title: "Change Password",

1913

click: e => {

1913

click: e => {

1914

console.log(e);

1914

console.log(e);

1915

}

1915

}

1916

},

1916

},

1917

{

1917

{

1918

href: "#",

1918

href: "#",

1919

title: "Logout",

1919

title: "Logout",

1920

click: e => {

1920

click: e => {

1921

window.getApp.$emit("APP_LOGOUT");

1921

window.getApp.$emit("APP_LOGOUT");

1922

}

1922

}

1923

}

1923

}

1924

]

1924

]

1925

}),

1925

}),

1926

watch: {

1926

watch: {

1927

menu(val) {

1927

menu(val) {

1928

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

1928

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

1929

},

1929

},

1930

menu1(val) {

1930

menu1(val) {

1931

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

1931

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

1932

}

1932

}

1933

},

1933

},

1934

methods: {

1934

methods: {

1935

findStudents() {

1935

findStudents() {

1936

this.showLoader = true;

1936

this.showLoader = true;

1937

http()

1937

http()

1938

.get("/getStudentWithClass", {

1938

.get("/getStudentWithClass", {

1939

params: {

1939

params: {

1940

classId: this.selectStudents.select,

1940

classId: this.selectStudents.select,

1941

sectionId: this.selectStudents.selectSection

1941

sectionId: this.selectStudents.selectSection

1942

}

1942

}

1943

})

1943

})

1944

.then(response => {

1944

.then(response => {

1945

this.desserts = response.data.data;

1945

this.desserts = response.data.data;

1946

this.showLoader = false;

1946

this.showLoader = false;

1947

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

1947

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

1948

})

1948

})

1949

.catch(err => {

1949

.catch(err => {

1950

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

1950

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

1951

this.showLoader = false;

1951

this.showLoader = false;

1952

});

1952

});

1953

},

1953

},

1954

getSections(_id) {

1954

getSections(_id) {

1955

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

1955

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

1956

http()

1956

http()

1957

.get(

1957

.get(

1958

"/getSectionsList",

1958

"/getSectionsList",

1959

{ params: { classId: _id } },

1959

{ params: { classId: _id } },

1960

{

1960

{

1961

headers: { Authorization: "Bearer " + token }

1961

headers: { Authorization: "Bearer " + token }

1962

}

1962

}

1963

)

1963

)

1964

.then(response => {

1964

.then(response => {

1965

this.addSection = response.data.data;

1965

this.addSection = response.data.data;

1966

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

1966

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

1967

})

1967

})

1968

.catch(err => {

1968

.catch(err => {

1969

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

1969

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

1970

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

1970

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

1971

});

1971

});

1972

},

1972

},

1973

getSection(_id) {

1973

getSection(_id) {

1974

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

1974

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

1975

http()

1975

http()

1976

.get(

1976

.get(

1977

"/getSectionsList",

1977

"/getSectionsList",

1978

{ params: { classId: _id } },

1978

{ params: { classId: _id } },

1979

{

1979

{

1980

headers: { Authorization: "Bearer " + token }

1980

headers: { Authorization: "Bearer " + token }

1981

}

1981

}

1982

)

1982

)

1983

.then(response => {

1983

.then(response => {

1984

this.addSection = response.data.data;

1984

this.addSection = response.data.data;

1985

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

1985

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

1986

})

1986

})

1987

.catch(err => {

1987

.catch(err => {

1988

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

1988

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

1989

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

1989

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

1990

});

1990

});

1991

},

1991

},

1992

pickFile() {

1992

pickFile() {

1993

this.$refs.image.click();

1993

this.$refs.image.click();

1994

},

1994

},

1995

dates: function(date) {

1995

dates: function(date) {

1996

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

1996

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

1997

},

1997

},

1998

onFilePicked(e) {

1998

onFilePicked(e) {

1999

// console.log(e)

1999

// console.log(e)

2000

const files = e.target.files;

2000

const files = e.target.files;

2001

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

2001

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

2002

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

2002

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

2003

this.imageName = files[0].name;

2003

this.imageName = files[0].name;

2004

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

2004

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

2005

return;

2005

return;

2006

}

2006

}

2007

const fr = new FileReader();

2007

const fr = new FileReader();

2008

fr.readAsDataURL(files[0]);

2008

fr.readAsDataURL(files[0]);

2009

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

2009

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

2010

this.imageUrl = fr.result;

2010

this.imageUrl = fr.result;

2011

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

2011

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

2012

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

2012

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

2013

});

2013

});

2014

} else {

2014

} else {

2015

this.imageName = "";

2015

this.imageName = "";

2016

this.imageFile = "";

2016

this.imageFile = "";

2017

this.imageUrl = "";

2017

this.imageUrl = "";

2018

}

2018

}

2019

},

2019

},

2020

// getStudentList() {

2020

// getStudentList() {

2021

// this.showLoader = true;

2021

// this.showLoader = true;

2022

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

2022

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

2023

// http()

2023

// http()

2024

// .get("/getStudentsList", {

2024

// .get("/getStudentsList", {

2025

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

2025

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

2026

// })

2026

// })

2027

// .then(response => {

2027

// .then(response => {

2028

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

2028

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

2029

// this.showLoader = false;

2029

// this.showLoader = false;

2030

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

2030

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

2031

// })

2031

// })

2032

// .catch(err => {

2032

// .catch(err => {

2033

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

2033

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

2034

// this.showLoader = false;

2034

// this.showLoader = false;

2035

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

2035

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

2036

// });

2036

// });

2037

// },

2037

// },

2038

editItem(item) {

2038

editItem(item) {

2039

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

2039

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

2040

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

2040

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

2041

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

2041

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

2042

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

2042

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

2043

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

2043

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

2044

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

2044

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

2045

// if(this.editedItem.dob != undefined){

2045

// if(this.editedItem.dob != undefined){

2046

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

2046

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

2047

// }else if(this.editedItem.dob = undefined){

2047

// }else if(this.editedItem.dob = undefined){

2048

// this.editedItem.dob = ''

2048

// this.editedItem.dob = ''

2049

// }

2049

// }

2050

this.editedItem.dob =

2050

this.editedItem.dob =

2051

this.editedItem.dob != undefined

2051

this.editedItem.dob != undefined

2052

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

2052

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

2053

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

2053

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

2054

this.dialog = true;

2054

this.dialog = true;

2055

},

2055

},

2056

profile(item) {

2056

profile(item) {

2057

console.log("item", item);

2057

console.log("item", item);

2058

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

2058

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

2059

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

2059

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

2060

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

2060

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

2061

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

2061

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

2062

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

2062

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

2063

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

2063

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

2064

2065

this.dialog1 = true;

2065

this.dialog1 = true;

2066

},

2066

},

2067

deleteItem(item) {

2067

deleteItem(item) {

2068

let deleteStudent = {

2068

let deleteStudent = {

2069

studentId: item._id

2069

studentId: item._id

2070

};

2070

};

2071

http()

2071

http()

2072

.delete(

2072

.delete(

2073

"/deleteStudent",

2073

"/deleteStudent",

2074

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

2074

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

2075

params: deleteStudent

2075

params: deleteStudent

2076

}

2076

}

2077

)

2077

)

2078

.then(response => {

2078

.then(response => {

2079

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

2079

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

2080

if ((this.snackbar = true)) {

2080

if ((this.snackbar = true)) {

2081

this.text = "Successfully delete Existing Student";

2081

this.text = "Successfully delete Existing Student";

2082

}

2082

}

2083

this.getStudentList();

2083

this.getStudentList();

2084

})

2084

})

2085

.catch(error => {

2085

.catch(error => {

2086

// console.log(error);

2086

// console.log(error);

2087

});

2087

});

2088

},

2088

},

2089

activeTab(type) {

2089

activeTab(type) {

2090

switch (type) {

2090

switch (type) {

2091

case "existing":

2091

case "existing":

2092

this.newActive = false;

2092

this.newActive = false;

2093

this.isActive = true;

2093

this.isActive = true;

2094

break;

2094

break;

2095

2096

default:

2096

default:

2097

this.newActive = true;

2097

this.newActive = true;

2098

this.isActive = false;

2098

this.isActive = false;

2099

break;

2099

break;

2100

}

2100

}

2101

},

2101

},

2102

close() {

2102

close() {

2103

this.dialog = false;

2103

this.dialog = false;

2104

setTimeout(() => {

2104

setTimeout(() => {

2105

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

2105

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

2106

this.editedIndex = -1;

2106

this.editedIndex = -1;

2107

}, 300);

2107

}, 300);

2108

},

2108

},

2109

close1() {

2109

close1() {

2110

this.dialog1 = false;

2110

this.dialog1 = false;

2111

},

2111

},

2112

submit() {

2112

submit() {

2113

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

2113

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

2114

let addStudent = {

2114

let addStudent = {

2115

parentId: this.parentId,

2115

parentId: this.parentId,

2116

2116

2117

email: this.addStudents.email,

2117

email: this.addStudents.email,

2118

role: this.addStudents.role,

2118

role: this.addStudents.role,

2119

dob: this.addStudents.date,

2119

dob: this.addStudents.date,

2120

city: this.addStudents.city,

2120

city: this.addStudents.city,

2121

pincode: this.addStudents.pincode,

2121

pincode: this.addStudents.pincode,

2122

country: this.addStudents.country,

2122

country: this.addStudents.country,

2123

permanentAddress: this.addStudents.permanentAddress,

2123

permanentAddress: this.addStudents.permanentAddress,

2124

presentAddress: this.addStudents.presentAddress,

2124

presentAddress: this.addStudents.presentAddress,

2125

mobile: this.addStudents.mobile,

2125

mobile: this.addStudents.mobile,

2126

state: this.addStudents.state,

2126

state: this.addStudents.state,

2127

gender: this.addStudents.gender,

2127

gender: this.addStudents.gender,

2128

establishmentYear: this.addStudents.establishmentYear,

2128

establishmentYear: this.addStudents.establishmentYear,

2129

classId: this.addStudents.select,

2129

classId: this.addStudents.select,

2130

sectionId: this.addStudents.selectSection,

2130

sectionId: this.addStudents.selectSection,

2131

bloodGroup: this.addStudents.bloodGroup,

2131

bloodGroup: this.addStudents.bloodGroup,

2132

allergies: this.addStudents.allergies,

2132

allergies: this.addStudents.allergies,

2133

medicalNotes: this.addStudents.medicalNotes,

2133

medicalNotes: this.addStudents.medicalNotes,

2134

height: this.addStudents.height,

2134

height: this.addStudents.height,

2135

weight: this.addStudents.weight,

2135

weight: this.addStudents.weight,

2136

rollNo: this.addStudents.rollNo

2136

rollNo: this.addStudents.rollNo

2137

};

2137

};

2138

if (this.imageUrl) {

2138

if (this.imageUrl) {

2139

var str = this.imageUrl;

2139

var str = this.imageUrl;

2140

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

2140

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

2141

addStudent.upload = imageUrl;

2141

addStudent.upload = imageUrl;

2142

}

2142

}

2143

this.loading = true;

2143

this.loading = true;

2144

http()

2144

http()

2145

.post("/createStudent", addStudent)

2145

.post("/createStudent", addStudent)

2146

.then(response => {

2146

.then(response => {

2147

console.log(addStudent);

2147

console.log(addStudent);

2148

if ((this.snackbar = true)) {

2148

if ((this.snackbar = true)) {

2149

this.text = "New Student added successfully";

2149

this.text = "New Student added successfully";

2150

}

2150

}

2151

// this.getStudentList();

2151

// this.getStudentList();

2152

this.clear();

2152

this.clear();

2153

this.loading = false;

2153

this.loading = false;

2154

})

2154

})

2155

.catch(error => {

2155

.catch(error => {

2156

// console.log(error);

2156

// console.log(error);

2157

if ((this.snackbar = true)) {

2157

if ((this.snackbar = true)) {

2158

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

2158

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

2159

}

2159

}

2160

this.loading = false;

2160

this.loading = false;

2161

});

2161

});

2162

}

2162

}

2163

},

2163

},

2164

mail() {},

2164

mail() {},

2165

download() {},

2165

download() {},

2166

clear() {

2166

clear() {

2167

this.$refs.form.reset();

2167

this.$refs.form.reset();

2168

},

2168

},

2169

save() {

2169

save() {

2170

let editStudent = {

2170

let editStudent = {

2171

studentId: this.editedItem._id,

2171

studentId: this.editedItem._id,

2172

2172

2173

email: this.editedItem.email,

2173

email: this.editedItem.email,

2174

role: this.editedItem.role,

2174

role: this.editedItem.role,

2175

dob: this.editedItem.dob,

2175

dob: this.editedItem.dob,

2176

city: this.editedItem.city,

2176

city: this.editedItem.city,

2177

pincode: this.editedItem.pincode,

2177

pincode: this.editedItem.pincode,

2178

country: this.editedItem.country,

2178

country: this.editedItem.country,

2179

permanentAddress: this.editedItem.permanentAddress,

2179

permanentAddress: this.editedItem.permanentAddress,

2180

presentAddress: this.editedItem.presentAddress,

2180

presentAddress: this.editedItem.presentAddress,

2181

mobile: this.editedItem.mobile,

2181

mobile: this.editedItem.mobile,

2182

state: this.editedItem.state,

2182

state: this.editedItem.state,

2183

gender: this.editedItem.gender,

2183

gender: this.editedItem.gender,

2184

establishmentYear: this.editedItem.establishmentYear,

2184

establishmentYear: this.editedItem.establishmentYear,

2185

classId: this.editedItem.select,

2185

classId: this.editedItem.select,

2186

sectionId: this.editedItem.selectSection,

2186

sectionId: this.editedItem.selectSection,

2187

bloodGroup: this.editedItem.bloodGroup,

2187

bloodGroup: this.editedItem.bloodGroup,

2188

allergies: this.editedItem.allergies,

2188

allergies: this.editedItem.allergies,

2189

medicalNotes: this.editedItem.medicalNotes,

2189

medicalNotes: this.editedItem.medicalNotes,

2190

height: this.editedItem.height,

2190

height: this.editedItem.height,

2191

weight: this.editedItem.weight,

2191

weight: this.editedItem.weight,

2192

rollNo: this.editedItem.rollNo

2192

rollNo: this.editedItem.rollNo

2193

};

2193

};

2194

if (this.imageUrl) {

2194

if (this.imageUrl) {

2195

var str = this.imageUrl;

2195

var str = this.imageUrl;

2196

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

2196

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

2197

editStudent.upload = imageUrl;

2197

editStudent.upload = imageUrl;

2198

}

2198

}

2199

http()

2199

http()

2200

.put("/updateStudent", editStudent)

2200

.put("/updateStudent", editStudent)

2201

.then(response => {

2201

.then(response => {

2202

if ((this.snackbar = true)) {

2202

if ((this.snackbar = true)) {

2203

this.text = "Successfully Student Existing User";

2203

this.text = "Successfully Student Existing User";

2204

}

2204

}

2205

this.findStudents();

2205

this.findStudents();

2206

this.close();

2206

this.close();

2207

})

2207

})

2208

.catch(error => {

2208

.catch(error => {

2209

// console.log(error);

2209

// console.log(error);

2210

if ((this.snackbar = true)) {

2210

if ((this.snackbar = true)) {

2211

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

2211

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

2212

}

2212

}

2213

});

2213

});

2214

},

2214

},

2215

submitParentDetails() {

2215

submitParentDetails() {

2216

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

2216

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

2217

let addparentDetails = {

2217

let addparentDetails = {

2218

email: this.parentData.email,

2218

email: this.parentData.email,

2219

fatherName: this.parentData.fatherName,

2219

fatherName: this.parentData.fatherName,

2220

fatherCellNo: this.parentData.fatherCellNo,

2220

fatherCellNo: this.parentData.fatherCellNo,

2221

motherName: this.parentData.motherName,

2221

motherName: this.parentData.motherName,

2222

motherCellNo: this.parentData.motherCellNo,

2222

motherCellNo: this.parentData.motherCellNo,

2223

role: "PARENT"

2223

role: "PARENT"

2224

};

2224

};

2225

this.loading = true;

2225

this.loading = true;

2226

http()

2226

http()

2227

.post("/createParent", addparentDetails)

2227

.post("/createParent", addparentDetails)

2228

.then(response => {

2228

.then(response => {

2229

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

2229

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

2230

this.e2 = 2;

2230

this.e2 = 2;

2231

if ((this.snackbar = true)) {

2231

if ((this.snackbar = true)) {

2232

this.text = "successfully";

2232

this.text = "successfully";

2233

}

2233

}

2234

// this.getStudentList();

2234

// this.getStudentList();

2235

this.clear();

2235

this.clear();

2236

this.loading = false;

2236

this.loading = false;

2237

})

2237

})

2238

.catch(error => {

2238

.catch(error => {

2239

console.log(error.response.data);

2239

console.log(error.response.data);

2240

if ((this.snackbar = true)) {

2240

if ((this.snackbar = true)) {

2241

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

2241

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

2242

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

2242

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

2243

}

2243

}

2244

this.loading = false;

2244

this.loading = false;

2245

});

2245

});

2246

}

2246

}

2247

},

2247

},

2248

getParentDetails() {

2248

getParentDetails() {

2249

if (this.parentData.email) {

2249

if (this.parentData.email) {

2250

http()

2250

http()

2251

.get("getParticularParent", {

2251

.get("getParticularParent", {

2252

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

2252

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

2253

headers: {

2253

headers: {

2254

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

2254

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

2255

}

2255

}

2256

})

2256

})

2257

.then(response => {

2257

.then(response => {

2258

this.showNext = true;

2258

this.showNext = true;

2259

this.showParent = false;

2259

this.showParent = false;

2260

this.parentData = response.data.data;

2260

this.parentData = response.data.data;

2261

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

2261

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

2262

})

2262

})

2263

.catch(error => {

2263

.catch(error => {

2264

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

2264

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

2265

});

2265

});

2266

}

2266

}

2267

},

2267

},

2268

handleDrawerToggle() {

2268

handleDrawerToggle() {

2269

window.getApp.$emit("APP_DRAWER_TOGGLED");

2269

window.getApp.$emit("APP_DRAWER_TOGGLED");

2270

},

2270

},

2271

handleFullScreen() {

2271

handleFullScreen() {

2272

Util.toggleFullScreen();

2272

Util.toggleFullScreen();

2273

}

2273

}

2274

},

2274

},

2275

mounted() {

2275

mounted() {

2276

// this.getStudentList();

2276

// this.getStudentList();

2277

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

2277

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

2278

http()

2278

http()

2279

.get("/getClassesList", {

2279

.get("/getClassesList", {

2280

headers: { Authorization: "Bearer " + token }

2280

headers: { Authorization: "Bearer " + token }

2281

})

2281

})

2282

.then(response => {

2282

.then(response => {

2283

this.addclass = response.data.data;

2283

this.addclass = response.data.data;

2284

})

2284

})

2285

.catch(err => {

2285

.catch(err => {

2286

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

2286

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

2287

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

2287

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

2288

});

2288

});

2289

},

2289

},

2290

2291

// console.log("Id",this.$store.state.id)

2291

// console.log("Id",this.$store.state.id)

2292

// console.log("token",this.$store.state.token)

2292

// console.log("token",this.$store.state.token)

2293

computed: {

2293

computed: {

2294

toolbarColor() {

2294

toolbarColor() {

2295

return this.$vuetify.options.extra.mainNav;

2295

return this.$vuetify.options.extra.mainNav;

2296

}

2296

}

2297

}

2297

}

2298

};

2298

};

2299

</script>

2299

</script>

2300

2300

2301

.v-tabs__div {

2301

.v-tabs__div {

2302

text-transform: none;

2302

text-transform: none;

2303

}

2303

}

2304

.v-input__prepend-outer {

2304

.v-input__prepend-outer {

2305

margin-right: 0px !important;

2305

margin-right: 0px !important;

2306

}

2306

}

2307

.v-card__actions .v-btn {

2307

.v-card__actions .v-btn {

2308

margin: 0 15px;

2308

margin: 0 15px;

2309

min-width: 120px;

2309

min-width: 120px;

2310

}

2310

}

2311

.primary {

2311

.primary {

2312

background-color: #aaa !important;

2312

background-color: #aaa !important;

2313

border-color: #aaa !important;

2313

border-color: #aaa !important;

2314

}

2314

}

2315

h4 {

2315

h4 {

2316

background-repeat: no-repeat;

2316

background-repeat: no-repeat;

2317

padding: 8px;

2317

padding: 8px;

2318

margin: auto;

2318

margin: auto;

2319

font-size: 25px;

2319

font-size: 25px;

2320

}

2320

}

2321

#name {

2321

#name {

2322

position: absolute;

2322

position: absolute;

2323

left: 100px;

2323

left: 100px;

2324

top: 17px;

2324

top: 17px;

2325

}

2325

}

2326

#icon {

2326

#icon {

2327

position: absolute;

2327

position: absolute;

2328

right: 8px;

2328

right: 8px;

2329

top: 8px;

2329

top: 8px;

2330

}

2330

}

2331

#m {

2331

#m {

2332

position: relative;

2332

position: relative;

2333

left: 135px;

2333

left: 135px;

2334

top: -15px;

2334

top: -15px;

2335

}

2335

}

2336

#G {

2336

#G {

2337

position: absolute;

2337

position: absolute;

2338

top: 38px;

2338

top: 38px;

2339

color: white;

2339

color: white;

2340

}

2340

}

2341

#bt {

2341

#bt {

2342

position: relative;

2342

position: relative;

2343

top: -20px;

2343

top: -20px;

2344

left: 115px;

2344

left: 115px;

2345

}

2345

}

2346

#e {

2346

#e {

2347

position: relative;

2347

position: relative;

2348

top: 5px;

2348

top: 5px;

2349

right: -30px;

2349

right: -30px;

2350

height: 17px;

2350

height: 17px;

2351

cursor: pointer;

2351

cursor: pointer;

2352

}

2352

}

2353

#d {

2353

#d {

2354

position: relative;

2354

position: relative;

2355

top: 5px;

2355

top: 5px;

2356

right: -70px;

2356

right: -70px;

2357

height: 17px;

2357

height: 17px;

2358

cursor: pointer;

2358

cursor: pointer;

2359

}

2359

}

2360

#td {

2360

#td {

2361

border: 1px solid #dddddd;

2361

border: 1px solid #dddddd;

2362

text-align: left;

2362

text-align: left;

2363

padding: 8px;

2363

padding: 8px;

2364

}

2364

}

2365

#dialog {

2365

#dialog {

2366

height: 550px;

2366

height: 550px;

2367

}

2367

}

2368

.active {

2368

.active {

2369

background-color: black;

2369

background-color: black;

2370

color: white !important;

2370

color: white !important;

2371

}

2371

}

2372

.activebtn {

2372

.activebtn {

2373

color: black !important;

2373

color: black !important;

2374

}

2374

}

2375

#flex {

2375

#flex {

2376

height: 300px;

2376

height: 300px;

2377

}

2377

}

2378

.top {

2378

.top {

2379

margin-top: 100px;

2379

margin-top: 100px;

2380

}

2380

}

2381

.v-tabs__item a {

2381

.v-tabs__item a {

2382

font-size: 16px !important;

2382

font-size: 16px !important;

2383

}

2383

}

2384

@media screen and (max-width: 769px) {

2384

@media screen and (max-width: 769px) {

2385

.top {

2385

.top {

2386

margin-top: 0 !important;

2386

margin-top: 0 !important;

2387

}

2387

}

2388

.userSearch .v-icon {

2388

.userSearch .v-icon {

2389

font-size: 20px !important;

2389

font-size: 20px !important;

2390

margin-left: 20px;

2390

margin-left: 20px;

2391

}

2391

}

2392

}

2392

}

2393

@media screen and (max-width: 380px) {

2393

@media screen and (max-width: 380px) {

2394

.pl-3 {

2394

.pl-3 {

2395

padding-left: 0px !important;

2395

padding-left: 0px !important;

2396

}

2396

}

2397

.right {

2397

.right {

2398

float: none !important;

2398

float: none !important;

2399

}

2399

}

2400

.subheading {

2400

.subheading {

2401

font-size: 14px !important;

2401

font-size: 14px !important;

2402

}

2402

}

2403

.v-card__actions .v-btn {

2403

.v-card__actions .v-btn {

2404

margin: 0 0px;

2404

margin: 0 0px;

2405

min-width: 100px;

2405

min-width: 100px;

2406

}

2406

}

2407

/* .searchIcon .v-icon {

2407

/* .searchIcon .v-icon {

2408

font-size: 20px;

2408

font-size: 20px;

2409

margin-left: 20px;

2409

margin-left: 20px;

2410

} */

2410

} */

2411

.subheading {

2411

.subheading {

2412

font-size: 12px !important;

2412

font-size: 12px !important;

2413

}

2413

}

2414

h5 {

2414

h5 {

2415

font-size: 13px;

2415

font-size: 13px;

2416

}

2416

}

2417

}

2417

}

2418

.v-icon {

2418

.v-icon {

2419

font-size: 30px;

2419

font-size: 30px;

2420

}

2420

}

2421

@media screen and (min-width: 1270px) {

2421

@media screen and (min-width: 1270px) {

2422

.hide {

2422

.hide {

2423

display: none;

2423

display: none;

2424

}

2424

}

2425

/* }

2425

/* }

2426

@media screen and (max-width: 962px) {

2426

@media screen and (max-width: 962px) {

2427

.imglogo{

2427

.imglogo{

2428

position: absolute;

2428

position: absolute;

2429

top: 13px;

2429

top: 13px;

2430

left: 13px !important;

2430

left: 13px !important;

2431

width: 70px;

2431

width: 70px;

2432

height: 24px;

2432

height: 24px;

2433

} */

2433

} */

2434

}

2434

}

2435

@media screen and (max-width: 420px) {

2435

@media screen and (max-width: 420px) {

2436

.userSearch .v-text-field .v-label {

2436

.userSearch .v-text-field .v-label {

2437

line-height: 24px !important;

2437

line-height: 24px !important;

2438

}

2438

}

2439

.userSearch .v-label {

2439

.userSearch .v-label {

2440

font-size: 13px !important;

2440

font-size: 13px !important;

2441

}

2441

}

2442

.v-list__tile {

2442

.v-list__tile {

2443

font-size: 14px;

2443

font-size: 14px;

2444

padding: 0 10px;

2444

padding: 0 10px;

2445

}

2445

}

2446

.name {

2446

.name {

2447

font-size: 15px;

2447

font-size: 15px;

2448

}

2448

}

2449

}

2449

}

2450

</style>

2450

</style>

GITLAB

viithiisys / School-Management-dashboard

fix student list by roll no.