director-view.ts 18.3 KB
Newer Older
Open Source Developer's avatar
Open Source Developer committed
1
import { Component, OnInit, OnDestroy, ElementRef, ViewChild, Renderer} from "@angular/core";
Open Source Developer's avatar
Open Source Developer committed
2 3 4 5 6
import { Injectable } from "@angular/core";
import { AppSettings } from '../../app.settings';
import { HelperDataService } from '../../services/helper-data-service';
import {Observable} from "rxjs/Observable";
import {Http, Headers, RequestOptions} from '@angular/http';
Open Source Developer's avatar
tran  
Open Source Developer committed
7
import { NgRedux, select } from 'ng2-redux';
Open Source Developer's avatar
Open Source Developer committed
8 9 10
import { IAppState } from '../../store/store';
import {Router, ActivatedRoute, Params} from '@angular/router';
import { BehaviorSubject, Subscription } from 'rxjs/Rx';
Open Source Developer's avatar
transf  
Open Source Developer committed
11
import { ILoginInfo } from '../../store/logininfo/logininfo.types';
Open Source Developer's avatar
trans  
Open Source Developer committed
12

Open Source Developer's avatar
trans  
Open Source Developer committed
13 14 15 16 17 18 19
import {
    FormBuilder,
    FormGroup,
    FormControl,
    FormArray,
    Validators,
} from '@angular/forms';
Open Source Developer's avatar
Open Source Developer committed
20 21 22
@Component({
    selector: 'director-view',
    template: `
23
    <div style="min-height: 500px;">
Open Source Developer's avatar
trans  
Open Source Developer committed
24
  <form [formGroup]="formGroup">
25

Open Source Developer's avatar
paging  
Open Source Developer committed
26

Open Source Developer's avatar
trans  
Open Source Developer committed
27 28 29 30 31 32 33
      <label for="taxi">Τάξη</label><br/>
      <div class="form-group">
            <select #txoption  class="form-control" (change)="verifyclass(txoption)" formControlName="taxi">
              <option value="1" >Α' Λυκείου</option>
              <option value="2" >Β' Λυκείου</option>
              <option value="3" >Γ' Λυκείου</option>
            </select>
34
      </div>
Open Source Developer's avatar
trans  
Open Source Developer committed
35
      <div class="form-group">
Open Source Developer's avatar
trans  
Open Source Developer committed
36
            <select #tmop class="form-control" *ngIf="(selectionBClass | async)" (change)="checkbclass(tmop,txoption)" formControlName="tomeas">
Open Source Developer's avatar
trans  
Open Source Developer committed
37
              <option *ngFor="let SectorSelection$  of StudentSelected$ | async; let i=index" [value] = "SectorSelection$.id"> {{SectorSelection$.sector_id}} </option>
Open Source Developer's avatar
trans  
Open Source Developer committed
38 39 40
            </select>
      </div>
      <div class="form-group">
Open Source Developer's avatar
trans  
Open Source Developer committed
41 42
            <select #spop class="form-control" *ngIf="(selectionCClass | async)" (change) ="checkcclass()" formControlName="specialit">
              <option *ngFor="let SpecialSelection$  of StudentSelectedSpecial$ | async; let i=index" [value] = "SpecialSelection$.id"> {{SpecialSelection$.specialty_id}} </option>
Open Source Developer's avatar
trans  
Open Source Developer committed
43 44
            </select>
      </div>
Open Source Developer's avatar
trans  
Open Source Developer committed
45
             <button type="button" class="btn-primary btn-sm pull-right" (click)="findstudent(txoption,1)">
Open Source Developer's avatar
trans  
Open Source Developer committed
46 47
                Αναζήτηση
             </button>
Open Source Developer's avatar
trans  
Open Source Developer committed
48 49
             <br>
             <br>
Open Source Developer's avatar
trans  
Open Source Developer committed
50 51 52 53
              <ul class="list-group main-view">
              <div *ngIf="(retrievedStudent | async)">

               <div *ngFor="let StudentDetails$  of StudentInfo$ | async; let i=index; let isOdd=odd; let isEven=even"  >
Open Source Developer's avatar
trans  
Open Source Developer committed
54 55 56
                 <li class="list-group-item isclickable" [class.oddout]="isOdd" [class.evenout]="isEven" (click)="setActiveUser(StudentDetails$.i)"
                  [class.selectedout]="userActive === StudentDetails$.i" [class.confirmed]="StudentDetails$.checkstatus === '1'"
                  [class.notconfirmed]="StudentDetails$.checkstatus === '0'" [class.notchecked]="(StudentDetails$.checkstatus !== '1') && (StudentDetails$.checkstatus !== '0')">
Open Source Developer's avatar
trans  
Open Source Developer committed
57 58
                  <h5> {{StudentDetails$.name}}&nbsp;{{StudentDetails$.name}} </h5>
                </li>
59

Open Source Developer's avatar
trans  
Open Source Developer committed
60 61 62 63 64 65 66 67 68 69 70 71
                    <div [hidden]="userActive !== StudentDetails$.i" >
                     <p style="margin-top: 20px; line-height: 2em;"> Παρακαλώ αφού γίνει ο έλεγχος των στοιχείων του μαθητή επιβεβαιώστε τη δυνατότητα εγγραφής του.</p>
                      <strong><label>Επιβεβαίωση Εγγραφής:</label> </strong>
                      <select #cb name="{{StudentDetails$.id}}" (change)="updateCheckedOptions(StudentDetails$.id, cb)" >
                          <option value=1>Ναι</option>
                          <option value=2>Όχι</option>
                          <option value=3 selected></option>
                      </select>
                      <button type="button" class="btn-primary btn-sm pull-right" (click)="confirmStudent()">
                           Επιβεβαίωση Εγγραφής
                       </button>

Open Source Developer's avatar
trans  
Open Source Developer committed
72 73 74
                      <table>
                        <tr><td>
                          <div class="form-group" *ngIf="StudentDetails$.relationtostudent === 'Μαθητής' ">
75
                            <label for="guardianfirstname">Όνομα κηδεμόνα</label><p class="form-control" id="guardianfirstname" style="border:1px solid #eceeef;">{{StudentDetails$.guardianfirstname}} </p>
Open Source Developer's avatar
trans  
Open Source Developer committed
76 77 78 79
                          </div>
                        </td>
                        <td>
                         <div class="form-group" *ngIf="StudentDetails$.relationtostudent === 'Μαθητής' ">
80
                            <label for="guardiansurname">Επώνυμο κηδεμόνα</label><p class="form-control" id="guardiansurname" style="border:1px solid #eceeef;">{{StudentDetails$.guardiansurname}} </p>
Open Source Developer's avatar
trans  
Open Source Developer committed
81 82 83 84 85 86 87 88
                          </div>
                        </td></tr>
                      </table>
                      <div class="form-group"><label for="name">Όνομα μαθητή</label> <p class="form-control" id="name" style="border:1px solid #eceeef;">    {{StudentDetails$.name}} </p> </div>
                      <div><label for="studentsurname">Επώνυμο μαθητή</label> <p class="form-control" id = "studentsurname" style="border:1px solid #eceeef;"> {{StudentDetails$.studentsurname}} </p></div>
                      <div><label for="fatherfirstname">Όνομα Πατέρα</label> <p class="form-control" id = "fatherfirstname" style="border:1px solid #eceeef;"> {{StudentDetails$.fatherfirstname}} </p></div>
                      <div><label for="fathersurname">Επώνυμο Πατέρα</label> <p class="form-control" id = "fathersurname" style="border:1px solid #eceeef;"> {{StudentDetails$.fathersurname}} </p></div>
                      <div><label for="motherfirstname">Όνομα Μητέρας</label> <p class="form-control" id = "motherfirstname" style="border:1px solid #eceeef;"> {{StudentDetails$.motherfirstname}} </p></div>
89 90
                      <div><label for="mothersurname">Επώνυμο Μητέρας</label> <p class="form-control" id = "mothersurname" style="border:1px solid #eceeef;"> {{StudentDetails$.mothersurname}} </p></div>
                      <div><label for="birthdate">Ημερομηνία Γέννησης</label> <p class="form-control" id = "birthdate" style="border:1px solid #eceeef;"> {{StudentDetails$.birthdate}} </p></div>
Open Source Developer's avatar
trans  
Open Source Developer committed
91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111


                      <table>
                              <tr>
                                  <td>
                                      <div class="form-group">
                                          <label for="regionaddress">Διεύθυνση κατοικίας</label><p class="form-control" id = "regionaddress" style="border:1px solid #eceeef;"> {{StudentDetails$.regionaddress}} </p>
                                      </div>
                                  </td>
                                  <td>
                                      <div class="form-group">
                                          <label for="regiontk">TK </label><p class="form-control" id = "regiontk" style="border:1px solid #eceeef;"> {{StudentDetails$.regiontk}} </p>
                                      </div>
                                  </td>
                                  <td>
                                      <div class="form-group">
                                          <label for="regionarea">Πόλη/Περιοχή</label><p class="form-control" id = "regionarea" style="border:1px solid #eceeef;"> {{StudentDetails$.regionarea}} </p>
                                      </div>
                                  </td>
                             </tr>
                      </table>
112 113 114
                      <div><label for="certificatetype">Τύπος απολυτηρίου</label> <p class="form-control" id = "certificatetype" style="border:1px solid #eceeef;"> {{StudentDetails$.certificatetype}} </p></div>
                      <div><label for="telnum">Τηλέφωνο επικοινωνίας</label> <p class="form-control" id = "telnum" style="border:1px solid #eceeef;"> {{StudentDetails$.telnum}} </p></div>
                      <div><label for="relationtostudent">Η αίτηση γίνεται από</label> <p class="form-control" id = "relationtostudent" style="border:1px solid #eceeef;"> {{StudentDetails$.relationtostudent}} </p></div>
Open Source Developer's avatar
trans  
Open Source Developer committed
115
                 </div>
116
<!--             </div>  -->
Open Source Developer's avatar
trans  
Open Source Developer committed
117
             </div>
118 119
             </div>
             </ul>
Open Source Developer's avatar
paging  
Open Source Developer committed
120 121 122 123 124 125 126

          <br>
          <br>
         <div class="form-group" class="row">
          Βρίσκεστε στη σελίδα:
          <div class="col-1">
           <input #pageno type="text" class="form-control" placeholder=".col-1" formControlName="pageno">
127 128
          </div>
           απο
Open Source Developer's avatar
paging  
Open Source Developer committed
129 130
           <div class="col-1">
           <input #maxpage type="text" class="form-control" placeholder=".col-1" formControlName="maxpage">
131
           </div>
Open Source Developer's avatar
paging  
Open Source Developer committed
132
         </div>
Open Source Developer's avatar
trans  
Open Source Developer committed
133

Open Source Developer's avatar
paging  
Open Source Developer committed
134 135 136 137 138 139 140 141 142 143
             <br>
             <nav aria-label="pagination">
              <ul class="pagination justify-content-center">
                <li class="page-item " >
                  <button class="page-link" (click)="prevpage(txoption)">Προηγούμενη</button>
                </li>
                <li class="page-item">
                  <button class="page-link" (click) ="nextpage(txoption,maxpage) ">Επόμενη</button>
                </li>
              </ul>
144

Open Source Developer's avatar
paging  
Open Source Developer committed
145
            </nav>
146 147 148
            </form>
            </div>

Open Source Developer's avatar
paging  
Open Source Developer committed
149

Open Source Developer's avatar
Open Source Developer committed
150 151 152
   `
})

Open Source Developer's avatar
Open Source Developer committed
153

154
@Injectable() export default class DirectorView implements OnInit, OnDestroy {
Open Source Developer's avatar
Open Source Developer committed
155

Open Source Developer's avatar
trans  
Open Source Developer committed
156
    public formGroup: FormGroup;
Open Source Developer's avatar
Open Source Developer committed
157 158
    private StudentSelected$: BehaviorSubject<any>;
    private StudentSelectedSub: Subscription;
Open Source Developer's avatar
trans  
Open Source Developer committed
159 160
    private School$: BehaviorSubject<any>;
    private SchoolSub: Subscription;
Open Source Developer's avatar
trans  
Open Source Developer committed
161 162
    private StudentInfo$: BehaviorSubject<any>;
    private StudentInfoSub: Subscription;
Open Source Developer's avatar
paging  
Open Source Developer committed
163 164
    private StudentsSize$: BehaviorSubject<any>;
    private StudentsSizeSub: Subscription;
Open Source Developer's avatar
trans  
Open Source Developer committed
165 166
    private StudentSelectedSpecial$: BehaviorSubject<any>;
    private StudentSelectedSpecialSub: Subscription;
Open Source Developer's avatar
trans  
Open Source Developer committed
167 168
    private SubmitedDetails$: BehaviorSubject<any>;
    private SubmitedDetailsSub: Subscription;
Open Source Developer's avatar
trans  
Open Source Developer committed
169
    private retrievedStudent: BehaviorSubject<boolean>;
Open Source Developer's avatar
trans  
Open Source Developer committed
170 171
    private selectionBClass: BehaviorSubject<boolean>;
    private selectionCClass: BehaviorSubject<boolean>;
Open Source Developer's avatar
trans  
Open Source Developer committed
172
    private SchoolId ;
Open Source Developer's avatar
trans  
Open Source Developer committed
173
    private currentclass: Number;
174
    private saved: Array<number> = new Array();
175 176
    private limitdown = 0;
    private limitup = 25;
Open Source Developer's avatar
paging  
Open Source Developer committed
177
    private pageno = 1;
Open Source Developer's avatar
trans  
Open Source Developer committed
178
    private userActive = <number>-1;
Open Source Developer's avatar
trans  
Open Source Developer committed
179
    private type: Number;
180 181


182
    @ViewChild('fileInput') fileInput: ElementRef;
Open Source Developer's avatar
Open Source Developer committed
183

184 185 186
    constructor(private fb: FormBuilder,
        private _hds: HelperDataService,
        private activatedRoute: ActivatedRoute,
Open Source Developer's avatar
Open Source Developer committed
187
        private router: Router,
188
        private renderer: Renderer) {
189 190 191
        this.StudentSelected$ = new BehaviorSubject([{}]);
        this.StudentSelectedSpecial$ = new BehaviorSubject([{}]);
        this.StudentInfo$ = new BehaviorSubject([{}]);
Open Source Developer's avatar
paging  
Open Source Developer committed
192
        this.StudentsSize$ = new BehaviorSubject({});
Open Source Developer's avatar
trans  
Open Source Developer committed
193
        this.SubmitedDetails$ = new BehaviorSubject([{}]);
194 195 196
        this.retrievedStudent = new BehaviorSubject(false);
        this.selectionBClass = new BehaviorSubject(false);
        this.selectionCClass = new BehaviorSubject(false);
Open Source Developer's avatar
trans  
Open Source Developer committed
197 198 199
        this.School$ = new BehaviorSubject([{}]);


200 201 202 203
        this.formGroup = this.fb.group({
            tomeas: ['', []],
            taxi: ['', []],
            specialit: ['', []],
204 205
            maxpage: [{ value: '', disabled: true }, []],
            pageno: [{ value: '', disabled: true }, []],
206
        });
207

Open Source Developer's avatar
Open Source Developer committed
208 209
    }

210
    ngOnDestroy() {
Open Source Developer's avatar
Open Source Developer committed
211 212
        if (this.StudentSelectedSub)
            this.StudentSelectedSub.unsubscribe();
Open Source Developer's avatar
trans  
Open Source Developer committed
213 214
        if (this.StudentSelectedSpecialSub)
            this.StudentSelectedSpecialSub.unsubscribe();
Open Source Developer's avatar
trans  
Open Source Developer committed
215 216 217
        if (this.selectionBClass)
            this.selectionBClass.unsubscribe();
        if (this.selectionCClass)
218
            this.selectionCClass.unsubscribe();
219
        if (this.retrievedStudent)
Open Source Developer's avatar
Open Source Developer committed
220
            this.retrievedStudent.unsubscribe();
Open Source Developer's avatar
trans  
Open Source Developer committed
221 222
        if (this.SubmitedDetailsSub)
            this.SubmitedDetailsSub.unsubscribe();
223

Open Source Developer's avatar
Open Source Developer committed
224
    }
225

Open Source Developer's avatar
Open Source Developer committed
226 227
    ngOnInit() {

Open Source Developer's avatar
trans  
Open Source Developer committed
228 229 230 231
        this.SchoolSub = this._hds.getSchoolId().subscribe(x => {
                  this.School$.next(x);                 
                  console.log(x[0].id, "schoolid!");
                   this.SchoolId = x[0].id;
Open Source Developer's avatar
preview  
Open Source Developer committed
232
                   
Open Source Developer's avatar
trans  
Open Source Developer committed
233 234 235 236 237 238 239 240 241 242

                  },
                  error => {
                      this.School$.next([{}]);
                      console.log("Error Getting School");
                  },
                  () => console.log("Getting School "));
                  
        }        

Open Source Developer's avatar
Open Source Developer committed
243

244
    verifyclass(txop) {
Open Source Developer's avatar
preview  
Open Source Developer committed
245
      console.log(this.SchoolId,"schoolida");
Open Source Developer's avatar
paging  
Open Source Developer committed
246
        this.pageno = 1;
247 248 249 250
        this.retrievedStudent.next(false);
        if (txop.value === "1") {
            this.selectionBClass.next(false);
            this.selectionCClass.next(false);
Open Source Developer's avatar
trans  
Open Source Developer committed
251

252 253 254
        }
        else if (txop.value === "2") {
            this.StudentSelectedSub = this._hds.getSectorPerSchool(this.SchoolId).subscribe(data => {
Open Source Developer's avatar
trans  
Open Source Developer committed
255
                this.selectionBClass.next(true);
Open Source Developer's avatar
trans  
Open Source Developer committed
256
                this.selectionCClass.next(false);
257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279
                this.StudentSelected$.next(data);

            },
                error => {
                    this.StudentSelected$.next([{}]);
                    console.log("Error Getting StudentSelectedSpecial");
                },
                () => console.log("Getting StudentSelectedSpecial"));
        }
        else if (txop.value === "3") {
            var sectorint = +this.formGroup.value.tomeas;
            console.log(sectorint, "test");
            if (this.formGroup.value.tomeas != '') {
                var sectorint = +this.formGroup.value.tomeas;

                this.StudentSelectedSpecialSub = this._hds.getSpecialityPerSchool(this.SchoolId, sectorint).subscribe(data => {
                    this.StudentSelectedSpecial$.next(data);
                },
                    error => {
                        this.StudentSelectedSpecial$.next([{}]);
                        console.log("Error Getting StudentSelectedSpecial");
                    },
                    () => console.log("Getting StudentSelectedSpecial"));
280
            }
281 282 283 284 285 286 287 288 289 290 291 292

            this.StudentSelectedSub = this._hds.getSectorPerSchool(this.SchoolId).subscribe(data => {
                this.StudentSelected$.next(data);
                this.selectionBClass.next(true);
                this.selectionCClass.next(true);
            },
                error => {
                    this.StudentSelected$.next([{}]);
                    console.log("Error Getting StudentSelected");
                },
                () => console.log("Getting StudentSelected"));
        }
Open Source Developer's avatar
trans  
Open Source Developer committed
293 294
    }

Open Source Developer's avatar
Open Source Developer committed
295

296
    checkbclass(tmop, txop) {
Open Source Developer's avatar
preview  
Open Source Developer committed
297
      console.log(this.SchoolId,"schoolidn");
Open Source Developer's avatar
paging  
Open Source Developer committed
298
        this.pageno = 1;
Open Source Developer's avatar
trans  
Open Source Developer committed
299 300
        this.retrievedStudent.next(false);
        var sectorint = +this.formGroup.value.tomeas;
301 302 303 304 305 306 307 308 309 310 311 312
        console.log(sectorint, "tomeas");
        if (txop.value === "3") {
            //            this.StudentSelectedSpecial$ = new BehaviorSubject([{}]);
            this.StudentSelectedSpecialSub = this._hds.getSpecialityPerSchool(this.SchoolId, sectorint).subscribe(data => {
                this.StudentSelectedSpecial$.next(data);

            },
                error => {
                    this.StudentSelectedSpecial$.next([{}]);
                    console.log("Error Getting StudentSelectedSpecial");
                },
                () => console.log("Getting StudentSelectedSpecial"));
Open Source Developer's avatar
trans  
Open Source Developer committed
313 314 315
        }
    }

Open Source Developer's avatar
paging  
Open Source Developer committed
316
    findstudent(txop, pageno) {
317

Open Source Developer's avatar
paging  
Open Source Developer committed
318
        var tot_pages: Number;
319 320 321 322 323 324 325 326 327 328
        var sectorint = +this.formGroup.value.tomeas;
        if (txop.value === "1") {
            this.currentclass = 1;
        }
        else if (txop.value === "2") {
            this.currentclass = 2;
        }
        else if (txop.value === "3") {
            this.currentclass = 3;
        }
329

330 331 332
        this.formGroup.get('pageno').setValue(this.pageno);
        if (this.pageno == 1) {
            console.log(this.SchoolId, sectorint, this.currentclass, "test");
Open Source Developer's avatar
paging  
Open Source Developer committed
333 334
            this.StudentsSizeSub = this._hds.getStudentPerSchool(this.SchoolId, sectorint, this.currentclass, 0, 0).subscribe(x => {
                this.StudentsSize$.next(x);
335 336 337 338 339 340 341 342 343
                tot_pages = x.id / 5;
                if (x.id % 5 > 0) {
                    tot_pages = (x.id - (x.id % 5)) / 5 + 1;
                }
                this.formGroup.get('maxpage').setValue(tot_pages);
            });

        }

Open Source Developer's avatar
paging  
Open Source Developer committed
344
        this.StudentInfoSub = this._hds.getStudentPerSchool(this.SchoolId, sectorint, this.currentclass, this.limitdown, this.limitup).subscribe(data => {
345 346 347 348 349 350 351 352
            this.StudentInfo$.next(data);
            this.retrievedStudent.next(true);
        },
            error => {
                this.StudentInfo$.next([{}]);
                console.log("Error Getting Students");
            },
            () => console.log("Getting Students"));
353

Open Source Developer's avatar
trans  
Open Source Developer committed
354 355
    }

Open Source Developer's avatar
trans  
Open Source Developer committed
356
    updateCheckedOptions(id, cbvalue) {
Open Source Developer's avatar
Open Source Developer committed
357
        let i = 0;
Open Source Developer's avatar
trans  
Open Source Developer committed
358

Open Source Developer's avatar
trans  
Open Source Developer committed
359
        if (cbvalue.value === '1') {
360 361 362
            this.saved[i] = id;
            this.type = 1;

363
        }
Open Source Developer's avatar
trans  
Open Source Developer committed
364
        else if (cbvalue.value === '2') {
365
            this.saved[i] = id;
Open Source Developer's avatar
trans  
Open Source Developer committed
366 367 368 369 370 371
            this.type = 2;
            //var count = this.saved.length;
            //for (var j = 0; j < count; j++) {
            //    if (this.saved[j] === id) {
            //        this.saved.splice(j, 1);
            //    }
372 373

            console.log("not confirmed")
Open Source Developer's avatar
trans  
Open Source Developer committed
374 375
        }
        else if (cbvalue.value === '3') {
376

Open Source Developer's avatar
trans  
Open Source Developer committed
377
        }
378
    }
Open Source Developer's avatar
trans  
Open Source Developer committed
379

Open Source Developer's avatar
trans  
Open Source Developer committed
380 381


382
    confirmStudent() {
Open Source Developer's avatar
trans  
Open Source Developer committed
383
        this._hds.saveConfirmStudents(this.saved, this.type);
384
    }
Open Source Developer's avatar
trans  
Open Source Developer committed
385

386
    checkcclass() {
Open Source Developer's avatar
paging  
Open Source Developer committed
387
        this.pageno = 1;
388 389
        this.retrievedStudent.next(false);
    }
Open Source Developer's avatar
trans  
Open Source Developer committed
390

391 392 393 394 395 396 397 398
    nextpage(txop, maxpage) {
        console.log(maxpage.value);
        if (this.pageno < maxpage.value) {
            this.pageno = this.pageno + 1;
            this.limitdown = (this.pageno - 1) * 5;
            this.limitup = this.pageno * 5;
            this.findstudent(txop, this.pageno)
        }
Open Source Developer's avatar
paging  
Open Source Developer committed
399 400
    }

401 402 403 404 405 406 407 408
    prevpage(txop) {
        console.log(this.pageno, "pageno");
        if (this.pageno > 1) {
            this.pageno = this.pageno - 1;
            this.limitdown = (this.pageno - 1) * 5;
            this.limitup = this.pageno * 5;
            this.findstudent(txop, this.pageno)
        }
Open Source Developer's avatar
paging  
Open Source Developer committed
409 410 411 412

    }


Open Source Developer's avatar
trans  
Open Source Developer committed
413

414 415 416 417 418 419 420 421 422
    setActiveUser(ind) {
        ind = +ind;
        console.log(this.userActive, "RA", ind);
        if (ind === this.userActive) {
            ind = -1;
        }
        ind--;
        this.userActive = ind + 1;

Open Source Developer's avatar
trans  
Open Source Developer committed
423

424
    }
Open Source Developer's avatar
trans  
Open Source Developer committed
425 426


427
}