newschool

new-school.component.html

<!--progress page-->

<!-- Breadcrumb -->

<div >
    <div *ngIf="loader===false" id="seconds" class="seconds">
  <div id="bar" class="bar animating"></div>
</div>
    <ol class="breadcrumb">
        <li style="vertical-align: bottom;">
            <a routerLink="/admin">
                <img width="22" height="22" src="../../assets/img/home.svg">
            </a>
        </li>
        <span class="glyphicon glyphicon-menu-right"></span>
        <li routerLink="/admin/newschool" class="active">
            Create New School
        </li>
    </ol>
</div>

<div class="container-fluid">
    <div class="examly-card newschool-card">
        <p class="newschool-title">Create New School</p>
        
        <div class="row">
            <div class="col-md-3 div-padding change-logo" (click)="fileInput.click();">
                <input type="file" class="hidden" (change)="picChange($event)" id="fileInput" #fileInput/>
                <img width="132" height="132" id="pic" class="school-ph" src="{{sourceImg}}">
            </div>
            <div class="col-md-9 div-padding">
                <div class="input-group-lg">
                    <input type="text" class="form-control newschool-colname" [(ngModel)]="school_name" #Colname="ngModel" name="Colname" placeholder="College Name" required>
                    <div class="passerr" [hidden]="Colname.valid ||Colname.pristine">
                        College Name is required
                    </div>
                </div>
                <div class="input-group input-group-lg" style="width: 100%;">
                    <input type="text" id="scode" minlength="3" class="form-control" [(ngModel)]="school_code" #Schoolcode="ngModel" name="Schoolcode" placeholder="Subdomain" required (keyup)="validate($event)">
                    <span class="input-group-addon suffix-url">.examly.in</span>
                </div>
                <div class="passerr-subcode" style="color: red;" [hidden]="Schoolcode.valid ||Schoolcode.pristine">
                    minimum 3 characters required
                </div>
                <div [hidden]="!showError" [ngClass]="{'avilable': isCodeAvilable, 'not-avilable': !isCodeAvilable}">{{isCodeAvilable ? 'Available' : 'Already Exist'}}</div>
            </div>
        </div>
        <div class="text-center">
            <button type="button" class="btn btn-primary btn-sm newschool-action" (click)="valschool()">Create New School</button>
        </div>
    </div>
</div>
<!-- Modal -->
<div class="modal fade" bsModal #confirmschool="bs-modal" [config]="{backdrop: 'static'}" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg newschool-confirmdialog">
        <div class="modal-content">
            <div class="modal-body">
                <div class="row">
                    <br>
                </div>
                <h4 class="modal-title text-center">Do You want to Proceed!</h4>
                <div class="row">
                    <br>
                </div>
                <div class="row text-center">
                    <p>
                        Once the subdomain is created can't be changed after.
                    </p>
                    <p>
                        You can always change your school name or map it to domain later.
                    </p>
                </div>
                <div class="row">
                    <br>
                </div>
                <div class="row text-center">
                    <button type="button" class="btn btn-info btn-lg" (click)="confirmschool.hide()">Cancel</button>
                    <button type="button" style="margin-left: 1%;" class="btn btn-primary btn-lg" (click)="submit();">Conifrm</button>
                </div>
                <div class="row">
                    <br>
                </div>
            </div>
        </div>
    </div>
</div>