build_app
This commit is contained in:
		
							parent
							
								
									7f14b72b12
								
							
						
					
					
						commit
						8f80c5348d
					
				| @ -69,6 +69,9 @@ public class BuilderService { | |||||||
| 		executeDump(true); | 		executeDump(true); | ||||||
| 
 | 
 | ||||||
| 		// ADD OTHER SERVICE | 		// ADD OTHER SERVICE | ||||||
|  | addCustomMenu( "Student","Student",  "Transcations");  | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
| 
 | 
 | ||||||
| 		System.out.println("dashboard and menu inserted..."); | 		System.out.println("dashboard and menu inserted..."); | ||||||
| 
 | 
 | ||||||
|  | |||||||
| @ -0,0 +1,107 @@ | |||||||
|  | package com.realnet.student.Controllers; | ||||||
|  | import java.util.List; | ||||||
|  | import org.springframework.beans.factory.annotation.Autowired; | ||||||
|  |  import org.springframework.web.bind.annotation.*; | ||||||
|  | import org.springframework.web.multipart.MultipartFile; | ||||||
|  | import com.fasterxml.jackson.core.JsonProcessingException; | ||||||
|  | import org.springframework.web.bind.annotation.CrossOrigin; | ||||||
|  | import com.fasterxml.jackson.databind.JsonMappingException; | ||||||
|  | import com.realnet.config.EmailService; | ||||||
|  | import com.realnet.users.entity1.AppUser; | ||||||
|  | import com.realnet.users.service1.AppUserServiceImpl; | ||||||
|  | import com.fasterxml.jackson.databind.ObjectMapper; | ||||||
|  | import org.springframework.data.domain.*; | ||||||
|  | import com.realnet.fnd.response.EntityResponse; | ||||||
|  | import org.springframework.http.*; | ||||||
|  | import org.springframework.beans.factory.annotation.*; | ||||||
|  | import com.realnet.student.Entity.Student; | ||||||
|  | import com.realnet.student.Services.StudentService ; | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | @RequestMapping(value = "/Student") | ||||||
|  |  @CrossOrigin("*")  | ||||||
|  | @RestController | ||||||
|  | public class StudentController { | ||||||
|  | 	@Autowired | ||||||
|  | 	private StudentService Service; | ||||||
|  | 
 | ||||||
|  | @Value("${projectPath}") | ||||||
|  | 	private String projectPath; | ||||||
|  |   | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 	@PostMapping("/Student") | ||||||
|  | 		  public Student Savedata(@RequestBody Student data) { | ||||||
|  | 		Student save = Service.Savedata(data)	; | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 		System.out.println("data saved..." + save); | ||||||
|  | 
 | ||||||
|  |  return save; | ||||||
|  | 	  } | ||||||
|  | @PutMapping("/Student/{id}") | ||||||
|  | 	public  Student update(@RequestBody Student data,@PathVariable Integer id ) { | ||||||
|  | 		Student update = Service.update(data,id); | ||||||
|  | 		System.out.println("data update..." + update); | ||||||
|  | 		return update; | ||||||
|  | 	}	  | ||||||
|  | //	get all with pagination | ||||||
|  | 	@GetMapping("/Student/getall/page") | ||||||
|  | 	public Page<Student> getall(@RequestParam(value = "page", required = false) Integer page, | ||||||
|  | 			@RequestParam(value = "size", required = false) Integer size) { | ||||||
|  | 		Pageable paging = PageRequest.of(page, size); | ||||||
|  | 		Page<Student> get = Service.getAllWithPagination(paging); | ||||||
|  | 
 | ||||||
|  | 		return get; | ||||||
|  | 
 | ||||||
|  | 	}	 | ||||||
|  | 	@GetMapping("/Student") | ||||||
|  | 	public List<Student> getdetails() { | ||||||
|  | 		 List<Student> get = Service.getdetails();		 | ||||||
|  | 		return get; | ||||||
|  | } | ||||||
|  | // get all without authentication  | ||||||
|  | 
 | ||||||
|  | 	@GetMapping("/token/Student") | ||||||
|  | 	public List<Student> getallwioutsec() { | ||||||
|  | 		 List<Student> get = Service.getdetails();		 | ||||||
|  | 		return get; | ||||||
|  | } | ||||||
|  | @GetMapping("/Student/{id}") | ||||||
|  | 	public  Student  getdetailsbyId(@PathVariable Integer id ) { | ||||||
|  | 		Student  get = Service.getdetailsbyId(id); | ||||||
|  | 		return get; | ||||||
|  | 	} | ||||||
|  | @DeleteMapping("/Student/{id}") | ||||||
|  | 	public  ResponseEntity<?> delete_by_id(@PathVariable Integer id ) { | ||||||
|  | 	Service.delete_by_id(id); | ||||||
|  | 			return new ResponseEntity<>(new EntityResponse("Deleted"), HttpStatus.OK); | ||||||
|  | 	 | ||||||
|  | 	} | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | } | ||||||
| @ -0,0 +1,107 @@ | |||||||
|  | package com.realnet.student.Controllers; | ||||||
|  | import java.util.List; | ||||||
|  | import org.springframework.beans.factory.annotation.Autowired; | ||||||
|  |  import org.springframework.web.bind.annotation.*; | ||||||
|  | import org.springframework.web.multipart.MultipartFile; | ||||||
|  | import com.fasterxml.jackson.core.JsonProcessingException; | ||||||
|  | import org.springframework.web.bind.annotation.CrossOrigin; | ||||||
|  | import com.fasterxml.jackson.databind.JsonMappingException; | ||||||
|  | import com.realnet.config.EmailService; | ||||||
|  | import com.realnet.users.entity1.AppUser; | ||||||
|  | import com.realnet.users.service1.AppUserServiceImpl; | ||||||
|  | import com.fasterxml.jackson.databind.ObjectMapper; | ||||||
|  | import org.springframework.data.domain.*; | ||||||
|  | import com.realnet.fnd.response.EntityResponse; | ||||||
|  | import org.springframework.http.*; | ||||||
|  | import org.springframework.beans.factory.annotation.*; | ||||||
|  | import com.realnet.student.Entity.Student; | ||||||
|  | import com.realnet.student.Services.StudentService ; | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | @RequestMapping(value = "/token/Student") | ||||||
|  |  @CrossOrigin("*")  | ||||||
|  | @RestController | ||||||
|  | public class tokenFree_StudentController { | ||||||
|  | 	@Autowired | ||||||
|  | 	private StudentService Service; | ||||||
|  | 
 | ||||||
|  | @Value("${projectPath}") | ||||||
|  | 	private String projectPath; | ||||||
|  |   | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 	@PostMapping("/Student") | ||||||
|  | 		  public Student Savedata(@RequestBody Student data) { | ||||||
|  | 		Student save = Service.Savedata(data)	; | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 		System.out.println("data saved..." + save); | ||||||
|  | 
 | ||||||
|  |  return save; | ||||||
|  | 	  } | ||||||
|  | @PutMapping("/Student/{id}") | ||||||
|  | 	public  Student update(@RequestBody Student data,@PathVariable Integer id ) { | ||||||
|  | 		Student update = Service.update(data,id); | ||||||
|  | 		System.out.println("data update..." + update); | ||||||
|  | 		return update; | ||||||
|  | 	}	  | ||||||
|  | //	get all with pagination | ||||||
|  | 	@GetMapping("/Student/getall/page") | ||||||
|  | 	public Page<Student> getall(@RequestParam(value = "page", required = false) Integer page, | ||||||
|  | 			@RequestParam(value = "size", required = false) Integer size) { | ||||||
|  | 		Pageable paging = PageRequest.of(page, size); | ||||||
|  | 		Page<Student> get = Service.getAllWithPagination(paging); | ||||||
|  | 
 | ||||||
|  | 		return get; | ||||||
|  | 
 | ||||||
|  | 	}	 | ||||||
|  | 	@GetMapping("/Student") | ||||||
|  | 	public List<Student> getdetails() { | ||||||
|  | 		 List<Student> get = Service.getdetails();		 | ||||||
|  | 		return get; | ||||||
|  | } | ||||||
|  | // get all without authentication  | ||||||
|  | 
 | ||||||
|  | 	@GetMapping("/token/Student") | ||||||
|  | 	public List<Student> getallwioutsec() { | ||||||
|  | 		 List<Student> get = Service.getdetails();		 | ||||||
|  | 		return get; | ||||||
|  | } | ||||||
|  | @GetMapping("/Student/{id}") | ||||||
|  | 	public  Student  getdetailsbyId(@PathVariable Integer id ) { | ||||||
|  | 		Student  get = Service.getdetailsbyId(id); | ||||||
|  | 		return get; | ||||||
|  | 	} | ||||||
|  | @DeleteMapping("/Student/{id}") | ||||||
|  | 	public  ResponseEntity<?> delete_by_id(@PathVariable Integer id ) { | ||||||
|  | 	Service.delete_by_id(id); | ||||||
|  | 			return new ResponseEntity<>(new EntityResponse("Deleted"), HttpStatus.OK); | ||||||
|  | 	 | ||||||
|  | 	} | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | } | ||||||
| @ -0,0 +1,36 @@ | |||||||
|  | package com.realnet.student.Entity; | ||||||
|  |  import lombok.*; | ||||||
|  | import com.realnet.WhoColumn.Entity.Extension;  | ||||||
|  |  import javax.persistence.*; | ||||||
|  |  import java.time.LocalDateTime; | ||||||
|  |  import java.util.*; | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  |  @Entity  | ||||||
|  |  @Data | ||||||
|  |  public class    Student extends Extension {  | ||||||
|  |  /** | ||||||
|  | 	 *  | ||||||
|  | 	 */ | ||||||
|  | 	private static final long serialVersionUID = 1L; | ||||||
|  | 
 | ||||||
|  |  @Id | ||||||
|  |  @GeneratedValue(strategy = GenerationType.IDENTITY) | ||||||
|  |  private Integer id; | ||||||
|  | 
 | ||||||
|  | private String  name; | ||||||
|  | 
 | ||||||
|  | private String email; | ||||||
|  | 
 | ||||||
|  | private int studentid; | ||||||
|  | 
 | ||||||
|  | private String dateofbirth; | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | } | ||||||
| @ -0,0 +1,32 @@ | |||||||
|  | package com.realnet.student.Repository; | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | import org.springframework.data.domain.Page; | ||||||
|  | import org.springframework.data.domain.Pageable; | ||||||
|  | import org.springframework.data.jpa.repository.JpaRepository; | ||||||
|  | import org.springframework.data.jpa.repository.Query; | ||||||
|  | 
 | ||||||
|  | import org.springframework.stereotype.Repository;  | ||||||
|  | import java.util.*; | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  |   | ||||||
|  | 
 | ||||||
|  | import com.realnet.student.Entity.Student; | ||||||
|  | 
 | ||||||
|  | @Repository | ||||||
|  | public interface  StudentRepository  extends  JpaRepository<Student, Integer>  {  | ||||||
|  | 
 | ||||||
|  | @Query(value = "select * from student where  created_by=?1", nativeQuery = true) | ||||||
|  | 	List<Student> findAll(Long creayedBy); | ||||||
|  | 
 | ||||||
|  | @Query(value = "select * from student where  created_by=?1", nativeQuery = true) | ||||||
|  | 	Page<Student> findAll( Long creayedBy,Pageable page); | ||||||
|  | } | ||||||
| @ -0,0 +1,103 @@ | |||||||
|  | package com.realnet.student.Services; | ||||||
|  | import com.realnet.student.Repository.StudentRepository; | ||||||
|  | import com.realnet.student.Entity.Student | ||||||
|  | ;import java.util.*; | ||||||
|  | 
 | ||||||
|  | import org.springframework.beans.factory.annotation.Autowired; | ||||||
|  | import com.realnet.SequenceGenerator.Service.SequenceService; | ||||||
|  | import org.springframework.data.domain.Page; | ||||||
|  | import com.realnet.realm.Entity.Realm; | ||||||
|  | import com.realnet.realm.Services.RealmService; | ||||||
|  | import org.springframework.data.domain.Pageable; | ||||||
|  | import org.springframework.http.*; | ||||||
|  | import com.realnet.users.service1.AppUserServiceImpl; | ||||||
|  | import com.realnet.users.entity1.AppUser; | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 	import org.springframework.stereotype.Service; | ||||||
|  | 
 | ||||||
|  | @Service | ||||||
|  |  public class StudentService { | ||||||
|  | @Autowired | ||||||
|  | private StudentRepository Repository; | ||||||
|  | 	@Autowired | ||||||
|  | 	private AppUserServiceImpl userService;  | ||||||
|  | @Autowired | ||||||
|  | 	private RealmService realmService; | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | public Student Savedata(Student data) { | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 	data.setUpdatedBy(getUser().getUserId()); | ||||||
|  | 		data.setCreatedBy(getUser().getUserId()); | ||||||
|  | 		data.setAccountId(getUser().getAccount().getAccount_id()); | ||||||
|  | Student save = Repository.save(data); | ||||||
|  | 				return save;	 | ||||||
|  | 			} | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | //	get all with pagination | ||||||
|  | 	public Page<Student> getAllWithPagination(Pageable page) { | ||||||
|  | 		return Repository.findAll( getUser().getUserId(),page); | ||||||
|  | 	}			 | ||||||
|  | public List<Student> getdetails() {   | ||||||
|  | 		List<Realm> realm = realmService.findByUserId(getUser().getUserId()); | ||||||
|  | List<Student> all = Repository.findAll(getUser().getUserId()); | ||||||
|  | 		 | ||||||
|  | 		return all ;		} | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | public Student getdetailsbyId(Integer id) { | ||||||
|  | 	return Repository.findById(id).get(); | ||||||
|  | 			} | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 	public void delete_by_id(Integer id) { | ||||||
|  |  Repository.deleteById(id); | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | public Student update(Student data,Integer id) { | ||||||
|  | 	Student old = Repository.findById(id).get(); | ||||||
|  | old.setName(data.getName()); | ||||||
|  | 
 | ||||||
|  | old.setEmail(data.getEmail()); | ||||||
|  | 
 | ||||||
|  | old.setStudentid(data.getStudentid()); | ||||||
|  | 
 | ||||||
|  | old.setDateofbirth(data.getDateofbirth()); | ||||||
|  | 
 | ||||||
|  | final Student test = Repository.save(old); | ||||||
|  | 		data.setUpdatedBy(getUser().getUserId()); | ||||||
|  |   return test;}  | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  |  public AppUser getUser() { | ||||||
|  | 		AppUser user = userService.getLoggedInUser(); | ||||||
|  | 		return user; | ||||||
|  | 
 | ||||||
|  | 	}} | ||||||
| @ -0,0 +1,2 @@ | |||||||
|  | CREATE TABLE student_management-d.Student(id BIGINT NOT NULL AUTO_INCREMENT, dateofbirth Date, email VARCHAR(400), name VARCHAR(400), studentid int,  PRIMARY KEY (id)); | ||||||
|  | 
 | ||||||
| @ -0,0 +1,411 @@ | |||||||
|  | <ol class="breadcrumb breadcrumb-arrow font-trirong"> | ||||||
|  |   <li><a href="javascript://"> Student</a></li> | ||||||
|  | </ol> | ||||||
|  | <div class="dg-wrapper"> | ||||||
|  |   <div class="clr-row"> | ||||||
|  |     <div class="clr-col-8"> | ||||||
|  |       <h3>Student </h3> | ||||||
|  |     </div> | ||||||
|  |     <div class="clr-col-4" style="text-align: right;"> | ||||||
|  |  <button *ngIf="cardButton" id="add" class="btn btn-primary btn-icon" (click)="changeView()" > | ||||||
|  |         <clr-icon *ngIf="!isCardview" shape="grid-view"></clr-icon>    <clr-icon *ngIf="isCardview" shape="bars"></clr-icon> | ||||||
|  |       </button> | ||||||
|  |         <!-- button --> | ||||||
|  |      <button id="add" class="btn btn-primary" (click)="goToAdd(product)" > | ||||||
|  |         <clr-icon shape="plus"></clr-icon>ADD | ||||||
|  |       </button> | ||||||
|  |     </div></div> | ||||||
|  |   <ng-container *ngIf="!isCardview">   <!-- GET ALL -->     <clr-datagrid [clrDgLoading]="loading" [(clrDgSelected)]="selected"> | ||||||
|  |     <clr-dg-placeholder> | ||||||
|  |         <ng-template #loadingSpinner> | ||||||
|  |             <clr-spinner>Loading ... </clr-spinner> | ||||||
|  |         </ng-template> | ||||||
|  |         <div *ngIf="error;else loadingSpinner">{{error}}</div> | ||||||
|  |     </clr-dg-placeholder> | ||||||
|  | 
 | ||||||
|  | <clr-dg-column [clrDgField]="'name'"> <ng-container *clrDgHideableColumn="{hidden: false}"> Name | ||||||
|  | 						    </ng-container></clr-dg-column> | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | <clr-dg-column [clrDgField]="'email'"> <ng-container *clrDgHideableColumn="{hidden: false}"> Email | ||||||
|  | 						    </ng-container></clr-dg-column> | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | <clr-dg-column [clrDgField]="'studentid'"> <ng-container *clrDgHideableColumn="{hidden: false}"> StudentID | ||||||
|  | 						    </ng-container></clr-dg-column> | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | <clr-dg-column [clrDgField]="'dateofbirth'"> <ng-container *clrDgHideableColumn="{hidden: false}"> DateOfBirth | ||||||
|  | 						    </ng-container></clr-dg-column> | ||||||
|  | 
 | ||||||
|  |   | ||||||
|  |  <!-- who column --> | ||||||
|  |       <clr-dg-column> <ng-container *clrDgHideableColumn="{hidden: false}"> | ||||||
|  |         <clr-icon shape="bars"></clr-icon> Action | ||||||
|  |       </ng-container></clr-dg-column> | ||||||
|  |       <!-- end -->  | ||||||
|  | 
 | ||||||
|  |  <clr-dg-row *clrDgItems="let user of product" [clrDgItem]="user"> | ||||||
|  | 
 | ||||||
|  | <clr-dg-cell>{{user.name }}</clr-dg-cell> | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | <clr-dg-cell>{{user.email }}</clr-dg-cell> | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | <clr-dg-cell>{{user.studentid }}</clr-dg-cell> | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | <clr-dg-cell>{{user.dateofbirth }}</clr-dg-cell> | ||||||
|  | 
 | ||||||
|  |   | ||||||
|  |   <!-- who column --> | ||||||
|  | <clr-dg-cell> | ||||||
|  |   <clr-signpost> | ||||||
|  |    <span style="cursor: pointer;" clrSignpostTrigger><clr-icon shape="help" class="success" style="color: rgb(0, 130, 236);"></clr-icon></span> | ||||||
|  |    <clr-signpost-content [clrPosition]="'left-middle'" *clrIfOpen> | ||||||
|  |      <h5 style="margin-top: 0">Who Column</h5> | ||||||
|  |            <div>Account ID: <code class="clr-code">{{user.accountId}}</code></div> | ||||||
|  |            <div>Created At: <code class="clr-code">{{user.createdAt| date}}</code></div> | ||||||
|  |            <div>Created By: <code class="clr-code">{{user.createdBy}}</code></div> | ||||||
|  |            <div>Updated At: <code class="clr-code">{{user.updatedAt | date}}</code></div> | ||||||
|  |            <div>Updated By: <code class="clr-code">{{user.updatedBy}}</code></div> | ||||||
|  |    </clr-signpost-content> | ||||||
|  |  </clr-signpost> | ||||||
|  |  </clr-dg-cell> | ||||||
|  |   | ||||||
|  |  <!-- who colmn -->  | ||||||
|  |   | ||||||
|  |  <clr-dg-action-overflow> | ||||||
|  |         <button class="action-item" (click)="onEdit(user)">Edit</button> | ||||||
|  |         <button class="action-item" (click)="onDelete(user)">Delete</button> | ||||||
|  |       </clr-dg-action-overflow> | ||||||
|  |          </clr-dg-row> | ||||||
|  |     <clr-dg-footer> | ||||||
|  |       <clr-dg-pagination #pagination [clrDgPageSize]="10"> | ||||||
|  |         <clr-dg-page-size [clrPageSizeOptions]="[10,20,50,100]">Users per page</clr-dg-page-size> | ||||||
|  |         {{pagination.firstItem + 1}} - {{pagination.lastItem + 1}} | ||||||
|  |         of {{pagination.totalItems}} users | ||||||
|  |       </clr-dg-pagination> | ||||||
|  |     </clr-dg-footer> | ||||||
|  |   </clr-datagrid> </ng-container> | ||||||
|  | <ng-template #showInfo> | ||||||
|  |   <div class="alert alert-info" role="alert"> | ||||||
|  |       <div class="alert-items"> | ||||||
|  |           <div class="alert-item static"> | ||||||
|  |               <span class="alert-text"> | ||||||
|  |                 <clr-icon class="alert-icon" shape="info-circle"></clr-icon> | ||||||
|  |                     Data could be found. Loading.. | ||||||
|  |                   <clr-spinner [clrMedium]="true">Loading ...</clr-spinner> | ||||||
|  |               </span> | ||||||
|  |           </div> | ||||||
|  |       </div> | ||||||
|  |   </div> | ||||||
|  | </ng-template><ng-container *ngIf="isCardview"> | ||||||
|  |   <div *ngIf="product; else showInfo" class="clr-row clr-align-items-start clr-justify-content-start"> | ||||||
|  |     <div *ngFor="let app of product| filter:search; let index = i" class="clr-col-auto" > | ||||||
|  |       <div class="clr-row"> | ||||||
|  |         <div class="clr-col-lg-12 clr-col-md-4 clr-col-sm-4 clr-col-12" style="width: 410px;"> | ||||||
|  |   <div class="card" style="padding: 10px; "[style.background-color]="cardmodal.cardColor !== '' ? cardmodal.cardColor : 'white'"> | ||||||
|  |     <div class="card-body" style="display: grid; grid-template-columns: repeat(13, 1fr); grid-template-rows: repeat(7, 1fr); gap: 5px;"> | ||||||
|  |       <ng-container *ngFor="let item of dashboardArray"> | ||||||
|  |         <div [style.gridColumn]="item.x + 1" [style.gridRow]="item.y + 1" [style.gridColumnEnd]="item.x + item.cols + 1" | ||||||
|  |           [style.gridRowEnd]="item.y + item.rows + 1"> | ||||||
|  |           <div *ngIf="item.name === 'textField'" class="title-card card-title" | ||||||
|  |           [style.text-align]="item.alignment !== '' ? item.alignment : 'left'" | ||||||
|  |           [style.line-height]="item.textlineheight !== '' ? item.textlineheight : '1'" | ||||||
|  |           [style.font-family]="item.fontName !== '' ? item.fontName : 'Metropolis'" | ||||||
|  |           [style.font-size]="item.fontSize !== '' ? item.fontSize : '100%'" | ||||||
|  |           [style.font-style]="item.italic == true ? 'Italic' : 'normal'" | ||||||
|  |           [style.font-weight]="item.bold == true ? 'bold' : 'normal'" [style.text-decoration]="(item.underline && item.strikethough) ? 'underline line-through' :  | ||||||
|  |           (item.underline ? 'underline' : (item.strikethough ? 'line-through' : 'none'))" | ||||||
|  |           [style.background-color]="item.backgroundcolor !== '' ? item.backgroundcolor : 'white'" | ||||||
|  |           [style.color]="item.textcolor !== '' ? item.textcolor : 'black'"     	 [style.background-color]="item.conditionValue ==  app[transform(item.fieldtext) ] ? item.conditionbackgroundcolor : item.backgroundcolor" | ||||||
|  |           [style.color]="item.conditionValue ==  app[transform(item.fieldtext) ] ? item.conditiontextcolor : item.textcolor"> | ||||||
|  |            {{beforeText(item.fieldtext)}} | ||||||
|  |           {{ app[transform(item.fieldtext) ] }} | ||||||
|  |           {{afterText(item.fieldtext)}} | ||||||
|  |           </div> | ||||||
|  | 
 | ||||||
|  |           <div *ngIf="item.name === 'dateField'" class="title-card card-title" | ||||||
|  |           [style.text-align]="item.alignment !== '' ? item.alignment : 'left'" | ||||||
|  |           [style.line-height]="item.textlineheight !== '' ? item.textlineheight : '1'" | ||||||
|  |           [style.font-family]="item.fontName !== '' ? item.fontName : 'Metropolis'" | ||||||
|  |           [style.font-size]="item.fontSize !== '' ? item.fontSize : '100%'" | ||||||
|  |           [style.font-style]="item.italic == true ? 'Italic' : 'normal'" | ||||||
|  |           [style.font-weight]="item.bold == true ? 'bold' : 'normal'" [style.text-decoration]="(item.underline && item.strikethough) ? 'underline line-through' :  | ||||||
|  |           (item.underline ? 'underline' : (item.strikethough ? 'line-through' : 'none'))" | ||||||
|  |           [style.background-color]="item.backgroundcolor !== '' ? item.backgroundcolor : 'white'" | ||||||
|  |           [style.color]="item.textcolor !== '' ? item.textcolor : 'black'"			 [style.background-color]="item.conditionValue ==  app[transform(item.fieldtext) ] ? item.conditionbackgroundcolor : item.backgroundcolor" | ||||||
|  |           [style.color]="item.conditionValue ==  app[transform(item.fieldtext) ] ? item.conditiontextcolor : item.textcolor"> | ||||||
|  |           {{beforeText(item.fieldtext)}} | ||||||
|  |           {{ app[transform(item.fieldtext) ] | date}} | ||||||
|  |           {{afterText(item.fieldtext)}} | ||||||
|  |           </div> | ||||||
|  |           <div *ngIf="item.name === 'numberField'" class="title-card card-title" | ||||||
|  |           [style.text-align]="item.alignment !== '' ? item.alignment : 'left'" | ||||||
|  |           [style.line-height]="item.textlineheight !== '' ? item.textlineheight : '1'" | ||||||
|  |           [style.font-family]="item.fontName !== '' ? item.fontName : 'Metropolis'" | ||||||
|  |           [style.font-size]="item.fontSize !== '' ? item.fontSize : '100%'" | ||||||
|  |           [style.font-style]="item.italic == true ? 'Italic' : 'normal'" | ||||||
|  |           [style.font-weight]="item.bold == true ? 'bold' : 'normal'" [style.text-decoration]="(item.underline && item.strikethough) ? 'underline line-through' :  | ||||||
|  |           (item.underline ? 'underline' : (item.strikethough ? 'line-through' : 'none'))" | ||||||
|  |           [style.background-color]="item.backgroundcolor !== '' ? item.backgroundcolor : 'white'" | ||||||
|  |           [style.color]="item.textcolor !== '' ? item.textcolor : 'black'"			 [style.background-color]="item.conditionValue ==  app[transform(item.fieldtext) ] ? item.conditionbackgroundcolor : item.backgroundcolor" | ||||||
|  |           [style.color]="item.conditionValue ==  app[transform(item.fieldtext) ] ? item.conditiontextcolor : item.textcolor"> | ||||||
|  |           {{beforeText(item.fieldtext)}} | ||||||
|  |           {{ app[transform(item.fieldtext) ]}} | ||||||
|  |           {{afterText(item.fieldtext)}} | ||||||
|  |           </div> | ||||||
|  | 
 | ||||||
|  |           <div *ngIf="item.name === 'Line'" class="title-card card-title" | ||||||
|  |           [style.text-align]="item.alignment !== '' ? item.alignment : 'left'" | ||||||
|  |           [style.line-height]="item.textlineheight !== '' ? item.textlineheight : '1'" | ||||||
|  |           [style.font-family]="item.fontName !== '' ? item.fontName : 'Metropolis'" | ||||||
|  |           [style.font-size]="item.fontSize !== '' ? item.fontSize : '100%'" | ||||||
|  |           [style.font-style]="item.italic == true ? 'Italic' : 'normal'" | ||||||
|  |           [style.font-weight]="item.bold == true ? 'bold' : 'normal'" [style.text-decoration]="(item.underline && item.strikethough) ? 'underline line-through' :  | ||||||
|  |           (item.underline ? 'underline' : (item.strikethough ? 'line-through' : 'none'))" | ||||||
|  |           [style.background-color]="item.backgroundcolor !== '' ? item.backgroundcolor : 'white'" | ||||||
|  |           [style.color]="item.textcolor !== '' ? item.textcolor : 'black'"> | ||||||
|  |           <hr> | ||||||
|  |           </div> | ||||||
|  | 
 | ||||||
|  |            | ||||||
|  |           <div *ngIf="item.name === 'Icon'" class="icon-card" | ||||||
|  |           [style.text-align]="item.alignment !== '' ? item.alignment : 'left'" | ||||||
|  |           [style.line-height]="item.textlineheight !== '' ? item.textlineheight : '1'" | ||||||
|  |           [style.font-family]="item.fontName !== '' ? item.fontName : 'Metropolis'" | ||||||
|  |           [style.font-size]="item.fontSize !== '' ? item.fontSize : '100%'" | ||||||
|  |           [style.font-style]="item.italic == true ? 'Italic' : 'normal'" | ||||||
|  |           [style.font-weight]="item.bold == true ? 'bold' : 'normal'" [style.text-decoration]="(item.underline && item.strikethough) ? 'underline line-through' :  | ||||||
|  |           (item.underline ? 'underline' : (item.strikethough ? 'line-through' : 'none'))" | ||||||
|  |           [style.background-color]="item.backgroundcolor !== '' ? item.backgroundcolor : 'white'" | ||||||
|  |           [style.color]="item.textcolor !== '' ? item.textcolor : 'black'" | ||||||
|  |           > | ||||||
|  |             <clr-icon [attr.shape]="item.iconName"></clr-icon> | ||||||
|  |           </div> | ||||||
|  | 
 | ||||||
|  |           <div *ngIf="item.name == 'Image'" | ||||||
|  |           [style.text-align]="item.alignment !== '' ? item.alignment : 'left'" | ||||||
|  |           [style.line-height]="item.textlineheight !== '' ? item.textlineheight : '1'" | ||||||
|  |           [style.font-family]="item.fontName !== '' ? item.fontName : 'Metropolis'" | ||||||
|  |           [style.font-size]="item.fontSize !== '' ? item.fontSize : '100%'" | ||||||
|  |           [style.font-style]="item.italic == true ? 'Italic' : 'normal'" | ||||||
|  |           [style.font-weight]="item.bold == true ? 'bold' : 'normal'" [style.text-decoration]="(item.underline && item.strikethough) ? 'underline line-through' :  | ||||||
|  |           (item.underline ? 'underline' : (item.strikethough ? 'line-through' : 'none'))" | ||||||
|  |           [style.background-color]="item.backgroundcolor !== '' ? item.backgroundcolor : 'white'" | ||||||
|  |           [style.color]="item.textcolor !== '' ? item.textcolor : 'black'" | ||||||
|  |           [style.background-color]="item.conditionValue ==  app[transform(item.fieldtext) ] ? item.conditionbackgroundcolor : item.backgroundcolor" | ||||||
|  |           [style.color]="item.conditionValue ==  app[transform(item.fieldtext) ] ? item.conditiontextcolor : item.textcolor">			 <img id="filePreview" [src]="item.imageURL" alt="File Preview" | ||||||
|  |             [style.width]="item.imagewidth !== '' ? item.imagewidth + 'px' : '100px'" | ||||||
|  |             [style.height]="item.imagewidth !== '' ? item.imagewidth + 'px' : '100px'"></div> | ||||||
|  |         </div> | ||||||
|  |       </ng-container> | ||||||
|  |     </div> | ||||||
|  |   </div> | ||||||
|  |   </div> | ||||||
|  |   </div> | ||||||
|  |   </div> | ||||||
|  |   </div> | ||||||
|  |   </ng-container> | ||||||
|  | </div> | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | <!-- //		EDIT DATA......... --> | ||||||
|  | <clr-modal [(clrModalOpen)]="modalEdit" [clrModalSize]="'lg'" [clrModalStaticBackdrop]="true"> | ||||||
|  |   <h3 class="modal-title">Update Student | ||||||
|  |  <!--update button --> | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | </h3> | ||||||
|  |   <div class="modal-body" *ngIf="rowSelected.id"> | ||||||
|  |     <h2 class="heading">{{rowSelected.id}}</h2> | ||||||
|  | <!-- button --> | ||||||
|  |     <form > | ||||||
|  | <div class="clr-row">  | ||||||
|  | <div class="clr-col-sm-12">        | ||||||
|  | <label>Name</label> | ||||||
|  | 	        <input class="clr-input"  type="text" [(ngModel)]="rowSelected.name" name="name" /> | ||||||
|  | 	      </div> | ||||||
|  | 
 | ||||||
|  | <div class="clr-col-sm-12">      | ||||||
|  | <label> Email</label> | ||||||
|  | 								  <input id="name" class="clr-input" type="email"  | ||||||
|  | 						 [(ngModel)]="rowSelected.email " name="email" pattern="[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$"> | ||||||
|  | 								  <div *ngIf="rowSelected.email && !isValidemail(rowSelected.email )" class="error_mess"> | ||||||
|  | 	            * Email must be a valid email address.          | ||||||
|  |   </div> </div> | ||||||
|  | 
 | ||||||
|  | <div class="clr-col-sm-12">        | ||||||
|  | <label>StudentID</label> | ||||||
|  | 	        <input id="name" class="clr-input"  type="number" [(ngModel)]="rowSelected.studentid" name="studentid" /> | ||||||
|  | 	      </div> | ||||||
|  | 
 | ||||||
|  | <div class="clr-col-sm-12">        | ||||||
|  | <label>DateOfBirth</label> | ||||||
|  | 	        <input id="name" class="clr-input"  type="date" [(ngModel)]="rowSelected.dateofbirth" name="dateofbirth" /> | ||||||
|  | 	      </div> | ||||||
|  | 
 | ||||||
|  |   </div>  | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | <!-- form code start --> | ||||||
|  |   <div *ngIf="checkFormCode"> | ||||||
|  |     <h4 style="font-weight: 300;display: inline;">Extension</h4> | ||||||
|  |     <br> | ||||||
|  |     <hr> | ||||||
|  |     <div class="clr-row"> | ||||||
|  |       <div class="clr-col-4" *ngFor="let field of additionalFieldsFromBackend"> | ||||||
|  |         <ng-container *ngIf="field.formCode === formcode" [ngSwitch]="field.fieldType"> | ||||||
|  |           <!-- Text Input -->    <label  *ngSwitchCase="'text'">{{ field.fieldName }}</label> | ||||||
|  |           <input *ngSwitchCase="'text'" [type]="field.fieldType"  name="{{ field.extValue }}" [(ngModel)]="rowSelected[field.extValue]" class="clr-input" /> | ||||||
|  |    | ||||||
|  |           <!-- Date Input -->    <label  *ngSwitchCase="'date'">{{ field.fieldName }}</label> | ||||||
|  |           <input *ngSwitchCase="'date'" [type]="field.fieldType"  name="{{ field.extValue }}" [(ngModel)]="rowSelected[field.extValue]"  class="clr-input" /> | ||||||
|  |    | ||||||
|  |           <!-- Textarea -->    <label  *ngSwitchCase="'textarea'">{{ field.fieldName }}</label> | ||||||
|  |           <textarea *ngSwitchCase="'textarea'"  name="{{ field.extValue }}" [(ngModel)]="rowSelected[field.extValue]"  col="10" row="2"></textarea> | ||||||
|  |    | ||||||
|  |           <!-- Checkbox -->    <label  *ngSwitchCase="'checkbox'">{{ field.fieldName }}</label><br> | ||||||
|  |           <input *ngSwitchCase="'checkbox'" [type]="field.fieldType" name="{{ field.extValue }}" [(ngModel)]="rowSelected[field.extValue]"  class="clr-checkbox" /> | ||||||
|  |         </ng-container> | ||||||
|  |   </div> | ||||||
|  |   </div> | ||||||
|  | </div> | ||||||
|  | 
 | ||||||
|  |   <!-- form code end -->  <div class="modal-footer"> | ||||||
|  |       <button type="button" class="btn btn-outline" (click)="modalEdit = false">Cancel</button> | ||||||
|  |       <button type="submit" class="btn btn-primary"  (click)="onUpdate(rowSelected.id)">Update</button> | ||||||
|  |       </div> | ||||||
|  |     </form> | ||||||
|  |   </div> | ||||||
|  | </clr-modal> | ||||||
|  | <clr-modal [(clrModalOpen)]="modaldelete" [clrModalSize]="'lg'" [clrModalStaticBackdrop]="true"> | ||||||
|  |   <div class="modal-body" *ngIf="rowSelected.id"> | ||||||
|  |     <h1 class="delete">Are You Sure Want to delete?</h1> | ||||||
|  |     <h2 class="heading">{{rowSelected.id}}</h2> | ||||||
|  |     <div class="modal-footer"> | ||||||
|  |       <button type="button" class="btn btn-outline" (click)="modaldelete = false">Cancel</button> | ||||||
|  |     <button type="button" (click)="delete(rowSelected.id)" class="btn btn-primary" >Delete</button> | ||||||
|  |     </div> | ||||||
|  |   </div> | ||||||
|  | </clr-modal> | ||||||
|  | <!-- ADD FORM ..... --> | ||||||
|  | <clr-modal [(clrModalOpen)]="modalAdd" [clrModalSize]="'lg'" [clrModalStaticBackdrop]="true"> | ||||||
|  |   <h3 class="modal-title">Add Student  | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  |   <!-- aeroplane icon --> | ||||||
|  |             | ||||||
|  |     <a *ngIf="userrole?.includes('ADMIN')" style="float: right;" href="javascript:void(0)" role="tooltip" aria-haspopup="true" | ||||||
|  |       class="tooltip tooltip-sm tooltip-bottom-left"> | ||||||
|  |       <a id="build_extension" [routerLink]="['../extension/all']" [queryParams]="{ formCode: 'Student_formCode' }"> | ||||||
|  |         <clr-icon shape="airplane" size="32"></clr-icon> | ||||||
|  |       </a> | ||||||
|  |       <span class="tooltip-content">Form Extension</span> | ||||||
|  |     </a> </h3> | ||||||
|  |   <div class="modal-body"> | ||||||
|  |      <form [formGroup]="entryForm" > | ||||||
|  |    <div class="clr-row" style="height: fit-content;"> | ||||||
|  | 
 | ||||||
|  | <div class="clr-col-sm-12"> | ||||||
|  |  <label>  Name</label> | ||||||
|  |  <input class="clr-input"  type="text"  formControlName="name" />        | ||||||
|  |  </div> | ||||||
|  | 
 | ||||||
|  | <div class="clr-col-sm-12"> | ||||||
|  | 						<label> Email</label> | ||||||
|  | <input class="clr-input" type="email" formControlName="email" pattern="[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$"> | ||||||
|  | <div *ngIf="entryForm.controls['email'].errors" class="error_mess"> | ||||||
|  | 						          <div *ngIf="entryForm.controls['email'].hasError('pattern')" class="error_mess">* Email must be a valid email address | ||||||
|  | 						            </div>  </div> | ||||||
|  | </div> | ||||||
|  | 
 | ||||||
|  | <div class="clr-col-sm-12"> | ||||||
|  |  <label>  StudentID</label> | ||||||
|  |  <input class="clr-input"  type="number"  formControlName="studentid" />       | ||||||
|  |  <div *ngIf="submitted && entryForm.controls.studentid.errors" class="error_mess"> | ||||||
|  |   <div *ngIf="submitted && entryForm.controls.studentid.errors.required" class="error_mess">*This field is Required</div> | ||||||
|  | </div>   | ||||||
|  |  </div> | ||||||
|  | 
 | ||||||
|  | <div class="clr-col-sm-12"> | ||||||
|  |  <label>  DateOfBirth</label> | ||||||
|  |  <input class="clr-input"  type="date"  formControlName="dateofbirth" />        | ||||||
|  |  </div> | ||||||
|  | 
 | ||||||
|  |   | ||||||
|  |  </div>  | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  |       <!-- form code start --> | ||||||
|  |       <div *ngIf="checkFormCode"> | ||||||
|  |         <h4 style="font-weight: 300;display: inline;">Extension</h4> | ||||||
|  |         <br> | ||||||
|  |         <hr> | ||||||
|  |         <div class="clr-row"> | ||||||
|  |           <div class="clr-col-4" *ngFor="let field of additionalFieldsFromBackend"> | ||||||
|  |             <ng-container *ngIf="field.formCode === formcode" [ngSwitch]="field.fieldType"> | ||||||
|  |               <!-- Text Input --> <label *ngSwitchCase="'text'">{{ field.fieldName }}</label> | ||||||
|  |               <input *ngSwitchCase="'text'" [type]="field.fieldType" [formControlName]="field.extValue" | ||||||
|  |                 class="clr-input" /> | ||||||
|  |               <!-- Date Input --> <label *ngSwitchCase="'date'">{{ field.fieldName }}</label> | ||||||
|  |               <input *ngSwitchCase="'date'" [type]="field.fieldType" [formControlName]="field.extValue" | ||||||
|  |                 class="clr-input" /> | ||||||
|  |               <!-- Textarea --> <label *ngSwitchCase="'textarea'">{{ field.fieldName }}</label> | ||||||
|  |               <textarea *ngSwitchCase="'textarea'" [formControlName]="field.extValue" col="10" row="2"></textarea> | ||||||
|  |               <!-- Checkbox --> <label *ngSwitchCase="'checkbox'">{{ field.fieldName }}</label><br> | ||||||
|  |               <input *ngSwitchCase="'checkbox'" [type]="field.fieldType" [formControlName]="field.extValue" | ||||||
|  |                 class="clr-checkbox" /> | ||||||
|  |             </ng-container> | ||||||
|  |           </div> | ||||||
|  |         </div> | ||||||
|  |       </div> | ||||||
|  |       <!-- form code end --> <div class="modal-footer"> | ||||||
|  | <button type="button" class="btn btn-outline" (click)="modalAdd = false">Cancel</button> | ||||||
|  |         <button type="submit" class="btn btn-primary" (click)="onSubmit()">ADD</button> | ||||||
|  |         </div> | ||||||
|  | </form> | ||||||
|  |   </div> | ||||||
|  | </clr-modal> | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  |   <!-- htmlpopup --> | ||||||
| @ -0,0 +1,85 @@ | |||||||
|  | //@import "../../../../assets/scss/var"; | ||||||
|  | .s-info-bar { | ||||||
|  |   display: flex; | ||||||
|  |   flex-direction: row; | ||||||
|  |   justify-content: space-between; | ||||||
|  |   button { | ||||||
|  |     outline: none; | ||||||
|  |   } | ||||||
|  | } | ||||||
|  | .delete,.heading{ | ||||||
|  |   text-align: center; | ||||||
|  |   color: red; | ||||||
|  | } | ||||||
|  | .entry-pg { | ||||||
|  |   width: 750px; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .button1::after { | ||||||
|  |   content: none; | ||||||
|  | } | ||||||
|  | .button1:hover::after { | ||||||
|  |   content: "ADD ROWS"; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .section { | ||||||
|  |   background-color: #dddddd; | ||||||
|  |   height: 40px; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .section p { | ||||||
|  |   //color: white; | ||||||
|  |   padding: 10px; | ||||||
|  |   font-size: 18px; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .clr-input { | ||||||
|  |   color: #212529; | ||||||
|  |   border: 1px solid #ced4da; | ||||||
|  |   border-radius: 0.25rem; | ||||||
|  |   padding: 0.75rem 0.75rem; | ||||||
|  |   margin-top: 3px; | ||||||
|  |   width: 100%; | ||||||
|  |   margin-bottom: 10px; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .clr-file { | ||||||
|  |   color: #212529; | ||||||
|  |   border: 1px solid #ced4da; | ||||||
|  |   border-radius: 0.25rem; | ||||||
|  |   //padding: 0.6rem 0.75rem; | ||||||
|  |   margin-top: 3px; | ||||||
|  |   width: 100%; | ||||||
|  |   margin-bottom: 10px; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .center { | ||||||
|  |   text-align: center; | ||||||
|  | } | ||||||
|  | select{ | ||||||
|  |   width: 100%; | ||||||
|  |   margin-top: 3px; | ||||||
|  |   padding: 5px 5px; | ||||||
|  |   border: 1px solid #ccc; | ||||||
|  |   border-radius: 4px; | ||||||
|  | } | ||||||
|  | input[type=text],[type=date],[type=number],textarea { | ||||||
|  |   width: 100%; | ||||||
|  |   padding: 15px 15px; | ||||||
|  |   background-color:rgb(255, 255, 255); | ||||||
|  |  // margin: 8px 0; | ||||||
|  |   display: inline-block; | ||||||
|  |   border: 1px solid #ccc; | ||||||
|  |   border-radius: 4px; | ||||||
|  |   box-sizing: border-box; | ||||||
|  | } | ||||||
|  | .error_mess { | ||||||
|  |   color: red; | ||||||
|  | } | ||||||
|  | .universal-section-header { | ||||||
|  |   margin: 24px 0 10px 0; | ||||||
|  |   font-weight: 600; | ||||||
|  |   color: #1a237e; | ||||||
|  |   letter-spacing: 0.5px; | ||||||
|  |   font-size: 1.25rem; | ||||||
|  | } | ||||||
| @ -0,0 +1,299 @@ | |||||||
|  | import { Component, OnInit } from '@angular/core'; | ||||||
|  | import { ToastrService } from 'ngx-toastr'; | ||||||
|  | import { AlertService } from 'src/app/services/alert.service'; | ||||||
|  | import { Studentservice} from './Student.service'; | ||||||
|  | import { AbstractControl, FormArray, FormBuilder, FormGroup, Validators, ValidationErrors } from '@angular/forms'; | ||||||
|  | import { ExtensionService } from 'src/app/services/fnd/extension.service'; | ||||||
|  | import { DashboardContentModel2 } from 'src/app/models/builder/dashboard';  | ||||||
|  | import { Studentcardvariable } from './Student_cardvariable'; | ||||||
|  | import { UserInfoService } from 'src/app/services/user-info.service'; | ||||||
|  | declare var JsBarcode: any;  | ||||||
|  | @Component({ | ||||||
|  |   selector: 'app-Student', | ||||||
|  |   templateUrl: './Student.component.html', | ||||||
|  |   styleUrls: ['./Student.component.scss'] | ||||||
|  | }) | ||||||
|  | export class StudentComponent implements OnInit { | ||||||
|  |   cardButton = Studentcardvariable.cardButton; | ||||||
|  |   cardmodeldata = Studentcardvariable.cardmodeldata; | ||||||
|  |   public dashboardArray: DashboardContentModel2[]; | ||||||
|  |   isCardview = Studentcardvariable.cardButton; | ||||||
|  |   cardmodal;  changeView(){ | ||||||
|  |   this.isCardview = !this.isCardview; | ||||||
|  |   } | ||||||
|  |     beforeText(fieldtext: string): string { // Extract the text before the first '<'
 | ||||||
|  |     const index = fieldtext.indexOf('<'); | ||||||
|  |     return index !== -1 ? fieldtext.substring(0, index) : fieldtext; | ||||||
|  |   } | ||||||
|  |   afterText(fieldtext: string): string { // Extract the text after the last '>'
 | ||||||
|  |     const index = fieldtext.lastIndexOf('>'); | ||||||
|  |     return index !== -1 ? fieldtext.substring(index + 1) : ''; | ||||||
|  |   } | ||||||
|  |   transform(fieldtext: string): string { | ||||||
|  |     const match = fieldtext.match(/<([^>]*)>/); | ||||||
|  |     return match ? match[1] : ''; // Extract the text between '<' and '>'
 | ||||||
|  |   } | ||||||
|  |  userrole; | ||||||
|  |   rowSelected :any= {}; | ||||||
|  |   modaldelete=false; | ||||||
|  |   modalEdit=false; | ||||||
|  |   modalAdd= false; | ||||||
|  |   public entryForm: FormGroup; | ||||||
|  |   loading = false; | ||||||
|  |   product; | ||||||
|  |   modalOpenedforNewLine = false; | ||||||
|  |   newLine:any; | ||||||
|  |  additionalFieldsFromBackend: any[] = []; | ||||||
|  |   formcode = 'Student_formCode' | ||||||
|  | tableName = 'Student';  checkFormCode; selected: any[] = []; constructor( | ||||||
|  |     private extensionService: ExtensionService, | ||||||
|  | private userInfoService:UserInfoService, | ||||||
|  |     private mainService:Studentservice, | ||||||
|  |     private alertService: AlertService, | ||||||
|  |     private toastr: ToastrService, | ||||||
|  |     private _fb: FormBuilder, | ||||||
|  |   ) { } | ||||||
|  |   private editInterval: any; | ||||||
|  | // component button 
 | ||||||
|  |   ngOnInit(): void { | ||||||
|  |     if(this.cardmodeldata !== ''){ | ||||||
|  |      this.cardmodal = JSON.parse(this.cardmodeldata); | ||||||
|  |     this.dashboardArray = this.cardmodal.dashboard.slice(); | ||||||
|  |     console.log(this.dashboardArray) | ||||||
|  |     } | ||||||
|  |     this.userrole=this.userInfoService.getRoles(); | ||||||
|  |     this.getData(); | ||||||
|  |     this.entryForm = this._fb.group({ | ||||||
|  | name : [null], | ||||||
|  | 
 | ||||||
|  | email : [null], | ||||||
|  | 
 | ||||||
|  | studentid : [null,[Validators.required]], | ||||||
|  | 
 | ||||||
|  | dateofbirth : [null], | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  |   | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  |   }); // component_button200
 | ||||||
|  |  // form code start
 | ||||||
|  |     this.extensionService.getJsonObjectsByFormCodeList(this.formcode).subscribe(data => { | ||||||
|  |       console.log(data); | ||||||
|  |       const jsonArray = data.map((str) => JSON.parse(str)); | ||||||
|  |       this.additionalFieldsFromBackend = jsonArray; | ||||||
|  |       this.checkFormCode = this.additionalFieldsFromBackend.some(field => field.formCode === "Student_formCode"); | ||||||
|  |       console.log(this.checkFormCode); | ||||||
|  |       console.log(this.additionalFieldsFromBackend); | ||||||
|  |       if (this.additionalFieldsFromBackend && this.additionalFieldsFromBackend.length > 0) { | ||||||
|  |         this.additionalFieldsFromBackend.forEach(field => { | ||||||
|  |           if (field.formCode === this.formcode) { | ||||||
|  |             if (!this.entryForm.contains(field.extValue)) { | ||||||
|  |               // Add the control only if it doesn't exist in the form
 | ||||||
|  |               this.entryForm.addControl(field.extValue, this._fb.control(field.fieldValue)); | ||||||
|  |             } | ||||||
|  |           } | ||||||
|  |         }); | ||||||
|  |       } | ||||||
|  |     }); | ||||||
|  |     console.log(this.entryForm.value); | ||||||
|  |     // form code end 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  |   } | ||||||
|  |  ngOnDestroy(): void { | ||||||
|  |     if (this.editInterval) { | ||||||
|  |       clearInterval(this.editInterval); | ||||||
|  |     } | ||||||
|  |   } | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  |  error;  | ||||||
|  |   getData() { | ||||||
|  |     this.mainService.getAll().subscribe((data) => { | ||||||
|  |       console.log(data); | ||||||
|  |       this.product = data; | ||||||
|  | this.product = [...this.product].reverse(); if(this.product.length==0){ | ||||||
|  |         this.error="No Data Available" | ||||||
|  |      }    | ||||||
|  |     },(error) => { | ||||||
|  |       console.log(error); | ||||||
|  |       if(error){ | ||||||
|  |        this.error="Server Error"; | ||||||
|  |      } | ||||||
|  |     }); | ||||||
|  |   } | ||||||
|  |   onEdit(row) { | ||||||
|  |     this.rowSelected = row; | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  |     this.modalEdit = true; | ||||||
|  |   } | ||||||
|  |    onDelete(row) { | ||||||
|  |     this.rowSelected = row; | ||||||
|  |      this.modaldelete=true; | ||||||
|  |   } | ||||||
|  |   delete(id) | ||||||
|  |   { | ||||||
|  |     this.modaldelete = false; | ||||||
|  |     console.log("in delete  "+id); | ||||||
|  |     this.mainService.delete(id).subscribe( | ||||||
|  |       (data) => { | ||||||
|  |         console.log(data); | ||||||
|  |         this.ngOnInit(); | ||||||
|  |   if (data) {				      this.toastr.success('Deleted successfully');      } | ||||||
|  |     }); | ||||||
|  |   } | ||||||
|  |     onUpdate(id) { | ||||||
|  |     this.modalEdit = false; | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  |     //console.log("in update");
 | ||||||
|  |     console.log("id  " + id); | ||||||
|  |     console.log(this.rowSelected); | ||||||
|  |     //console.log("out update");
 | ||||||
|  |     this.mainService.update(id, this.rowSelected).subscribe( | ||||||
|  |       (data) => { | ||||||
|  |         console.log(data); | ||||||
|  |         if (data || data.status >= 200 && data.status <= 299) { | ||||||
|  |           this.toastr.success("Update Successfully"); | ||||||
|  |         } | ||||||
|  | setTimeout(() => { | ||||||
|  |       this.ngOnInit(); | ||||||
|  |     }, 500); | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  |       }, (error) => { | ||||||
|  |         console.log(error); | ||||||
|  |         if (error.status >= 200 && error.status <= 299) { | ||||||
|  |           // this.toastr.success("update Succesfully");
 | ||||||
|  |         } | ||||||
|  |         if (error.status >= 400 && error.status <= 499) { | ||||||
|  |           this.toastr.error("Not Updated"); | ||||||
|  |         } | ||||||
|  |         if (error.status >= 500 && error.status <= 599) { | ||||||
|  |           this.toastr.error("Not Updated"); | ||||||
|  |         } | ||||||
|  |       }); | ||||||
|  |     setTimeout(() => { | ||||||
|  |       this.ngOnInit(); | ||||||
|  |     }, 500); | ||||||
|  |   }  | ||||||
|  | onCreate() { | ||||||
|  |      this.modalAdd=false; | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  |   this.mainService.create(this.entryForm.value).subscribe( | ||||||
|  |     (data) => { | ||||||
|  |       console.log(data); | ||||||
|  |   if (data || data.status >= 200 && data.status <= 299) { | ||||||
|  |           this.toastr.success("Added Successfully"); | ||||||
|  |         } | ||||||
|  | setTimeout(() => { | ||||||
|  |       this.ngOnInit(); | ||||||
|  |     }, 500); | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  |       }, (error) => { | ||||||
|  |         console.log(error); | ||||||
|  |         if (error.status >= 200 && error.status <= 299) { | ||||||
|  |           // this.toastr.success("Added Succesfully");
 | ||||||
|  |         } | ||||||
|  |         if (error.status >= 400 && error.status <= 499) { | ||||||
|  |           this.toastr.error("Not Added"); | ||||||
|  |         } | ||||||
|  |         if (error.status >= 500 && error.status <= 599) { | ||||||
|  |           this.toastr.error("Not Added"); | ||||||
|  |         } | ||||||
|  |       }); | ||||||
|  |     setTimeout(() => { | ||||||
|  |       this.ngOnInit(); | ||||||
|  |     }, 500); | ||||||
|  |   } | ||||||
|  |   goToAdd(row) { | ||||||
|  | this.modalAdd = true; this.submitted = false; | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  |   } | ||||||
|  |  submitted = false; | ||||||
|  | onSubmit() { | ||||||
|  |   console.log(this.entryForm.value); | ||||||
|  |  this.submitted = true; | ||||||
|  |   if (this.entryForm.invalid) { | ||||||
|  |     return; | ||||||
|  |   }this.onCreate(); | ||||||
|  | 
 | ||||||
|  | }  | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | isValidemail(email: string): boolean { | ||||||
|  | 						 const emailPattern = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/; | ||||||
|  | 						    return emailPattern.test(email);   } | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | // updateaction
 | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
| @ -0,0 +1,41 @@ | |||||||
|  | import { Injectable } from '@angular/core'; | ||||||
|  | import { Observable } from "rxjs"; | ||||||
|  | import { HttpClient, HttpHeaders, HttpParams, } from "@angular/common/http"; | ||||||
|  | import { ApiRequestService } from "src/app/services/api/api-request.service"; | ||||||
|  | import { environment } from 'src/environments/environment'; | ||||||
|  | @Injectable({ | ||||||
|  |   providedIn: 'root' | ||||||
|  | }) | ||||||
|  | export class Studentservice{ | ||||||
|  |   private baseURL = "Student/Student" ;  constructor( | ||||||
|  |     private http: HttpClient, | ||||||
|  |     private apiRequest: ApiRequestService, | ||||||
|  |   ) { } | ||||||
|  |   getAll(page?: number, size?: number): Observable<any> { | ||||||
|  |     return this.apiRequest.get(this.baseURL); | ||||||
|  |   } | ||||||
|  |   getById(id: number): Observable<any> { | ||||||
|  |     const _http = this.baseURL + "/" + id; | ||||||
|  |     return this.apiRequest.get(_http); | ||||||
|  |   } | ||||||
|  |   create(data: any): Observable<any> { | ||||||
|  |     return this.apiRequest.post(this.baseURL, data); | ||||||
|  |   } | ||||||
|  |   update(id: number, data: any): Observable<any> { | ||||||
|  |     const _http = this.baseURL + "/" + id; | ||||||
|  |     return this.apiRequest.put(_http, data); | ||||||
|  |   } | ||||||
|  |   delete(id: number): Observable<any> { | ||||||
|  |     const _http = this.baseURL + "/" + id; | ||||||
|  |     return this.apiRequest.delete(_http); | ||||||
|  |   } | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | // updateaction
 | ||||||
|  | } | ||||||
| @ -0,0 +1,4 @@ | |||||||
|  | export const Studentcardvariable = { | ||||||
|  |     "cardButton": false, | ||||||
|  |     "cardmodeldata": `` | ||||||
|  | } | ||||||
| @ -1,3 +1,4 @@ | |||||||
|  | import { StudentComponent } from './BuilderComponents/student/Student/Student.component'; | ||||||
| 
 | 
 | ||||||
| import { SequencegenaratorComponent } from './fnd/sequencegenarator/sequencegenarator.component'; | import { SequencegenaratorComponent } from './fnd/sequencegenarator/sequencegenarator.component'; | ||||||
| import { Component, NgModule } from '@angular/core'; | import { Component, NgModule } from '@angular/core'; | ||||||
| @ -260,6 +261,9 @@ const routes: Routes = [ | |||||||
| 
 | 
 | ||||||
| 
 | 
 | ||||||
|       // buildercomponents
 |       // buildercomponents
 | ||||||
|  | {path:'Student',component:StudentComponent}, | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
| 
 | 
 | ||||||
|       { path: 'tokenregistery', component: Token_registeryComponent }, |       { path: 'tokenregistery', component: Token_registeryComponent }, | ||||||
| 
 | 
 | ||||||
|  | |||||||
| @ -1,3 +1,4 @@ | |||||||
|  | import { StudentComponent } from './BuilderComponents/student/Student/Student.component'; | ||||||
| 
 | 
 | ||||||
| 
 | 
 | ||||||
| import { CommonModule } from '@angular/common'; | import { CommonModule } from '@angular/common'; | ||||||
| @ -133,6 +134,9 @@ import { MyworkspaceComponent } from './admin/myworkspace/myworkspace.component' | |||||||
| 
 | 
 | ||||||
| 
 | 
 | ||||||
|     // buildercomponents
 |     // buildercomponents
 | ||||||
|  | StudentComponent, | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
| 
 | 
 | ||||||
| 
 | 
 | ||||||
| 
 | 
 | ||||||
|  | |||||||
| @ -226,4 +226,9 @@ | |||||||
|   "MENU_ACTION_LINK": "Menu Action Link", |   "MENU_ACTION_LINK": "Menu Action Link", | ||||||
|   "STATUS": "Status", |   "STATUS": "Status", | ||||||
|   "SUB_MENU": "Sub Menu", |   "SUB_MENU": "Sub Menu", | ||||||
|  |   "DateOfBirth": "DateOfBirth", | ||||||
|  |   "Email": "Email", | ||||||
|  |   "Student": "Student", | ||||||
|  |   "Name": "Name", | ||||||
|  |   "StudentID": "StudentID" | ||||||
| } | } | ||||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user