Show events from api

[simformsolutionspvtltd]

Show events from api

[PRBaraiya]

Hi @Flavio-Vieirastack,

You can use CalendarEventData class to store event data and you can add it to calendar view using add method provided by EventController.

ex.,

// Create event class.
final event = CalendarEventData(
   // TODO: Get this data from API.
   date:  // Start date,
   endDate:   // End date,
   title:  // Title,
  description: // Description
  event: // Optional. Use to store properties that are not provided by CalendarEventData class.
);

// Add event to controller.
controller.add(event);

// Use this if you are using CalendarControllerProvider.
// CalendarControllerProvider.of(context).add(event);

If this is not the answer you are looking for, please provide more info on how you want to show events.

[Flavio-Vieirastack]

Many thanks for the reply. My doubt was that I have a list of events and I need it to be added to the calendar on their dates, based on what's in the api, with the way you described above can I do this?

[PRBaraiya]

Can you please provide one example?

[Flavio-Vieirastack]

of course, i have this model, and the api gives me a list

import 'dart:convert';

class JobsDescriptionCardsModel {
  final String descricaoJob;
  final String dataDoJob;
  final String horarioDoJob;
  JobsDescriptionCardsModel({
    required this.descricaoJob,
    required this.dataDoJob,
    required this.horarioDoJob,
  });
  

  Map<String, dynamic> toMap() {
    return {
      'descricaoJob': descricaoJob,
      'dataDoJob': dataDoJob,
      'horarioDoJob': horarioDoJob,
    };
  }

  factory JobsDescriptionCardsModel.fromMap(Map<String, dynamic> map) {
    return JobsDescriptionCardsModel(
      descricaoJob: map['descricao'] ?? "",
      dataDoJob: map['data_acao'] ?? "",
      horarioDoJob: map['hora_inicial_acao'],",
    );
  }

  String toJson() => json.encode(toMap());

  factory JobsDescriptionCardsModel.fromJson(String source) => JobsDescriptionCardsModel.fromMap(json.decode(source));
}

this is the method that does get in the api

@override
  Future<List<JobsDescriptionCardsModel>> getJobsDescrition() async {
    SharedPreferences sharedPreferences = await SharedPreferences.getInstance();

    final int? id = sharedPreferences.getInt("idInfluencer");
    final String token = sharedPreferences.getString("token") ?? "";

    final result = await _restClient.get<List<JobsDescriptionCardsModel>>(
        "/job_acoes?influenciador_id=${id.toString()}",
        headers: {
          'Content-Type': 'application/json',
          'Accept': 'application/json',
          'Authorization': 'Bearer $token'
        }, decoder: (data) {
      if (data != null) {
        return data
            .map<JobsDescriptionCardsModel>(
                (j) => JobsDescriptionCardsModel.fromMap(j))
            .toList();
      }

      return <JobsDescriptionCardsModel>[];
    });

    if (result.hasError) {
      throw ("erro ao buscar dados");
    }
    return result.body ?? <JobsDescriptionCardsModel>[];
  }

and I need to pass this data to the calendar, would it be possible?

[PRBaraiya]

Here, I am assuming that you are getting Event date as well from API or somewhere else.

This code snippet should help,

// Get all the jobs
final jobs = await getJobsDescrition();


// Map JobsDescriptionCardsModel to CalendarEventData.
final events = jobs.map((job) => CalendarEventData(
    // In CalendarEventData title and date is required.    
    title: "Title",
    date: // Date that you are getting from API/somewhere else.
    event: job,
));


// Add events to EventController.
// This is the controller you pass in `CalendarControllerProvider` or as `controller` argument in respected calendar view.
eventController.addAll(events);

[Flavio-Vieirastack]

great, my friend thank you very much. if not too much abuse do you understand the table calendar? I have a problem displaying my bookmarks there. If you can't help anyway, thank you very much.