fix loading status, position of timeslices on large screen :style:

This commit is contained in:
Tykayn 2021-05-20 14:45:19 +02:00 committed by tykayn
parent 558f29843b
commit 597bde003f
2 changed files with 9 additions and 10 deletions

View File

@ -20,9 +20,6 @@ const apiEndpoints = environment.api.endpoints;
providedIn: 'root',
})
export class ApiService {
private static loader: LoaderService;
private useDevLocalServer = true;
private devLocalServerBaseHref = 'http://localhost:8000/';
private axiosInstance: AxiosInstance;
private readonly pollsEndpoint = apiEndpoints.polls.name;
private readonly answersEndpoint = apiEndpoints.polls.answers.name;
@ -32,8 +29,9 @@ export class ApiService {
private readonly usersPollsEndpoint = apiEndpoints.users.polls.name;
private readonly usersPollsSendEmailEndpoint = apiEndpoints.users.polls.sendEmail.name;
private baseHref: string;
private static loaderService: LoaderService;
constructor(private http: HttpClient, private loader: LoaderService, private toastService: ToastService) {
constructor(private http: HttpClient, private loaderService: LoaderService) {
this.baseHref = apiBaseHref;
this.axiosInstance = axios.create({ baseURL: apiBaseHref });
@ -81,7 +79,7 @@ export class ApiService {
}
private static handleError(error): void {
// this.loader.setStatus(true);
// this.loaderService.setStatus(true);
if (error.response) {
// The request was made and the server responded with a status code
// that falls out of the range of 2xx
@ -98,13 +96,13 @@ export class ApiService {
console.log('Error', error.message);
}
console.log(error.config);
this.loader.setStatus(false);
this.loaderService.setStatus(false);
}
public async createPoll(poll: Poll): Promise<Subscription> {
// this.loader.setStatus(true);
// this.loaderService.setStatus(true);
console.log('createPoll config', poll);
this.loader.setStatus(true);
this.loaderService.setStatus(true);
return this.axiosInstance.post(
`${this.baseHref}${currentApiRoutes['api_new_poll']}`,
poll,
@ -302,12 +300,12 @@ export class ApiService {
/////////////////////
public async sendEmailToUserOfItsPollsList(email: string): Promise<void> {
if (this.loader.isLoading) {
if (this.loaderService.isLoading) {
return;
}
// If user is not authenticated: the list of polls is send to user's email by the backend.
try {
this.loader.setStatus(false);
this.loaderService.setStatus(false);
await this.axiosInstance.get<Poll[]>(
`${this.usersEndpoint}/${email}${this.usersPollsEndpoint}${this.usersPollsSendEmailEndpoint}`
);

View File

@ -11,6 +11,7 @@
}
.several-times {
padding-left: 2em;
width: 96.5%;
}
.date-choice {
&:nth-child(odd) {