📝ToDo Application using containers

Create a versatile Todo app using (Item/Model) based containers.

Table of Contents

About The Project
1. Overview
2. Use Cases
3. Defining a Task
4. Item Based Model
5. MVC Model

About The Project

This is an example of how you may give instructions on setting up your project locally. To get a local copy up and running follow these simple example steps.

1. How to install Qt
2. Clone the repo

   git clone https://github.com/IlyasKadi/ToDo-Application.git

(back to top)

Overview

Overview of our application.

(back to top)

Use-Cases

Here is a list of cases that the user could perform with our app:

1. A user should be able to close the application of course.

2. A Todo application cannot be useful, unless it offers the possibility of creating new tasks.

3. The View of the main widget should be split in three areas:

   1. The first (en persistent) area shows the list of today tasks.
   2. The second one is reserved for pending task (tasks for the future).
   3. Finally, the third one shows the set of finished tasks.

4. Each category must be shown with a custom icon.

5. The user could either hide/show the pending and finished views.

6. Finally, the tasks entered to your application must remains in the app in future use.

Meaning, If I create a task and I close the application, next time I opened the application, I should find my tasks and not start from scratch.

(back to top)

Defining-a-Task

A Task is defined by the following attributes:

• A description: stating the text and goal for the task like (Buying the milk).
• A finished boolean indicating if the task is Finished or due.
• A Tag category to show the class of the task which is reduced to the following values:
  • Work
  • Life
  • Other
• Finally, a task should have a DueDate which stores the Date planned for the date.

When the user create a new task, the application must pop up a dialog for the user to get those values. Here is an example ( not mandatory, I prefer you create your own) example:

An example of a dialog to get a new task.

(back to top)

Item-Based-Model

This is The tree of the project

taskdescription.h

class TaskDescription : public QDialog
{
    Q_OBJECT
public:
     void setdatabase(QString description, bool finished, QString date, QString tag);
     QSqlDatabase db;
     QString date;
     QString description;
     bool finished;
     QString tag;
     QStringList TT_list ;
     QStringList TBD_list ;
     QStringList FT_list ;
     TaskDescription(QWidget *parent = nullptr);
    ~TaskDescription();
    Ui::TaskDescription *ui;

private slots:
    void on_buttonBox_accepted();

private:
    QString ok;
    void setCurrentDate();
   // Ui::TaskDescription *ui;
};

taskdescription.cpp

//Constructor
TaskDescription::TaskDescription(QWidget *parent) :
    QDialog(parent),
    ui(new Ui::TaskDescription)
{
    ui->setupUi(this);
    setCurrentDate();
}

//Destructor
TaskDescription::~TaskDescription()
{
    delete ui;
}

//Setting today's date as default date
void TaskDescription::setCurrentDate()
{
    QDate date = QDate::currentDate();
    ui->dateEdit->setDate(date);
}

//function applied once the Dialog is accepted
void TaskDescription::on_buttonBox_accepted()
{
    const QString format = "ddd MMM d yyyy";

    //Retrieving user_data
    QDate currdate = QDate::currentDate();
    QDate duedate = ui->dateEdit->date();
    QString textdudate = duedate.toString(format);
    QString tag = ui->comboBox->currentText();
    bool isfinished = ui->checkBox->isChecked();
    QString description = ui->lineEdit->text();

    //Filling up tasks_List from user_data ..

    if(isfinished)
        FT_list.append(description+": Finished  Due: " + textdudate + " " + tag);

    else if(duedate==currdate)
        TT_list.append(description+": Task for Today Due: " + textdudate + " " + tag);

    else if(duedate>currdate && !isfinished)
        TBD_list.append(description+": Pending  Due: " + textdudate + " " + tag);

    //settinging up data base and insert new entry from user_data retrieved
    setdatabase( description, isfinished,  textdudate,  tag);
}

This is the function that set up the database and associate it with User_Tasks_Data

void TaskDescription::setdatabase(QString description, bool finished, QString date, QString tag)
{
    // Setting up new file for the DB
    db =QSqlDatabase::addDatabase("QSQLITE");
    db.setDatabaseName("/home/ilyas/Desktop/test_2.sqlite");
    db.open();

    QSqlQuery query(db);

    // Creating the table that will hold all the tasks
    QString create {"CREATE TABLE IF NOT EXISTS task (description VARCHAR(80), finished bool, date date, tag VARCHAR(10))"};
    if(!query.exec(create))
        QMessageBox::critical(this,"info","could not create table");

    //Insert into the Task table values inserted in [setdatabase(des,isF,Date,tag)]
    QString insert {"INSERT INTO task values ('%1','%2','%3','%4')"};
    if(!query.exec(insert.arg(description).arg(finished).arg(date).arg(tag)))
        QMessageBox::critical(this,"info","insert not create table");
}

todoapp.h

class ToDoApp : public QMainWindow
{
    Q_OBJECT
public:
    void loaddatabase();
    ToDoApp(QWidget *parent = nullptr);
    ~ToDoApp();

private slots:
    void on_action_New_triggered();

    void select_item_today();

    void select_item_finished();

    void select_item_tbd();

    void on_action_Task_Pending_triggered();

    void on_action_Task_finished_triggered();

    void on_actionToday_s_Tasks_triggered();

    void on_actionAll_Tasks_triggered();
    
private:
    Ui::ToDoApp *ui;
};

todoapp.cpp

//constructor
ToDoApp::ToDoApp(QWidget *parent)
    : QMainWindow(parent)
    , ui(new Ui::ToDoApp)
{
    ui->setupUi(this);
    makeconnections();
    loaddatabase();
}

//Connections for selected_Item aka selected_Task
void ToDoApp:: makeconnections()
{
    connect(ui->to_be_done, &QListWidget::itemActivated , this,  &ToDoApp::select_item_tbd);
    connect(ui->finished, &QListWidget::itemActivated, this,  &ToDoApp::select_item_finished);
    connect(ui->todays_task, &QListWidget::itemActivated, this,  &ToDoApp::select_item_today);
}

//destructor
ToDoApp::~ToDoApp()
{
    delete ui;
}
//NewTAsk Action
void ToDoApp::on_action_New_triggered()
{
    TaskDescription newtask ;
    newtask.exec();

    //Add Items(tasks) to the ListView from their appropriate table :
    
    //TBD_list >> to_be_done
    for(auto e :newtask.TBD_list)
    {
        QString path{"/home/ilyas/Downloads/icons8-and-64.png"};
        QIcon icon(path);
        ui->to_be_done->addItem(new QListWidgetItem(icon,e));
    }  
    //TT_list >> todays_task
    for(auto e :newtask.TT_list)
    {
        QString path{"/home/ilyas/Downloads/icons8-tâche-48.png"};
        QIcon icon(path);
        ui->todays_task->addItem(new QListWidgetItem(icon,e));
    }
    
    //FT_list >> finished
    for(auto e :newtask.FT_list)
    {
        QString path{"/home/ilyas/Downloads/icons8-tâche-terminée-48.png"};
        QIcon icon(path);
        ui->finished->addItem(new QListWidgetItem(icon,e));
    }
}

//Show Pending_Ts only
void ToDoApp::on_action_Task_Pending_triggered()
{
    ui->to_be_done->show();
    ui->todays_task->hide();
    ui->finished->hide();
}

//Show Finished_TS only
void ToDoApp::on_action_Task_finished_triggered()
{
    ui->todays_task->hide();
    ui->to_be_done->hide();
    ui->finished->show();
}

//Show Today's_Ts only
void ToDoApp::on_actionToday_s_Tasks_triggered()
{
    ui->finished->hide();
    ui->to_be_done->hide();
    ui->todays_task->show();
}

//Show All_Ts 
void ToDoApp::on_actionAll_Tasks_triggered()
{
    ui->finished->show();
    ui->to_be_done->show();
    ui->todays_task->show();
}

This is the function that load the database and store its data in tasks_List

void ToDoApp::loaddatabase()
{
    TaskDescription newtask;

    newtask.db =QSqlDatabase::addDatabase("QSQLITE");
    newtask.db.setDatabaseName("/home/ilyas/Desktop/test_2.sqlite");
    newtask.db.open();
       
    const QString format = "ddd MMM d yyyy";
    QDate currdate = QDate::currentDate();
    QString todadate = currdate.toString(format);

    //Query for Today's Ts
    QString sttquery ="SELECT * from task where finished =0 and date ='%1'";
    QSqlQuery tt_query(sttquery.arg(todadate),newtask.db);

    //Query for Pendind_Ts
    QString stbd_query("SELECT * from task where finished =0 and date !='%1' ");
    QSqlQuery tbd_query(stbd_query.arg(todadate),newtask.db);

    //Query for Finished_Ts
    QSqlQuery F_query("SELECT * from task where finished =1",newtask.db);

   //Load data from DB to each task_List
    while(F_query.next())
        newtask.FT_list.append(""+F_query.value(0).toString()+": Finished  Due: " + F_query.value(2).toString() + " " +F_query.value(3).toString());
    
    while(tbd_query.next())
        newtask.TBD_list.append(""+tbd_query.value(0).toString()+": Pending  Due: " + tbd_query.value(2).toString() + " " +tbd_query.value(3).toString());

    while(tt_query.next())
        newtask.TT_list.append(""+tt_query.value(0).toString()+": Task for Today Due: "+ tt_query.value(2).toString() + " " +tt_query.value(3).toString());

    //ADd items(tasks) to the list view from tasks_List :
    
    //TBD_list >> to_be_done
    for(auto e :newtask.TBD_list)
    {
        QString path{"/home/ilyas/Downloads/icons8-and-64.png"};
        QIcon icon(path);
        ui->to_be_done->addItem(new QListWidgetItem(icon,e));
    }
    //todays_task >> TT_list
    for(auto e :newtask.TT_list)
    {
        QString path{"/home/ilyas/Downloads/icons8-tâche-48.png"};
        QIcon icon(path);
        ui->todays_task->addItem(new QListWidgetItem(icon,e));
    }
    
    //FT_list >> finished
    for(auto e :newtask.FT_list)
    {
        QString path{"/home/ilyas/Downloads/icons8-tâche-terminée-48.png"};
        QIcon icon(path);
        ui->finished->addItem(new QListWidgetItem(icon,e));
    }
}

This is the function that makes you able to edit your task by selecting it (for all the listwidgets : to_be_done, finished, todays_task)

void ToDoApp:: select_item_tbd()
{   
    TaskDescription newtask;

    const QString format = "ddd MMM d yyyy";
    
    //Retrieving Task_info from selected items
    QString fulldes = ui->to_be_done->currentItem()->data(0).toString();

    QVariant i =fulldes.size();
    int index = fulldes.indexOf(':');

    //Filtering Task_info from selected item(task)
    QString description = fulldes.mid(0,index);
    QString date = fulldes.mid(13+index+3,15);
    QDate Date = QDate::fromString(date,"ddd MMM d yyyy");
    QString tag = fulldes.mid(30+index+2,6);
    
    //Filling up NewTaskEdit from filtered data before EXEC..
    newtask.ui->lineEdit->setText(description);
    newtask.ui->dateEdit->setDate(Date);
    newtask.ui->comboBox->setCurrentText(tag);
    //(no need to change checkbox : finsished it's already unchecked by DEFLT)

    auto reply = newtask.exec();
    if(reply == TaskDescription::Accepted)
    {
        //Filtering Task_info from selected item(task) after accepting TaskEdit dialog..
        QString afdescription = newtask.ui->lineEdit->text();
        QString afdate = newtask.ui->dateEdit->date().toString(format);
        QString aftag=newtask.ui->comboBox->currentText();
        bool finished=newtask.ui->checkBox->isChecked();

        //Delete Query for slected task
        QString sdeleteentry ="DELETE FROM task where description='%1' ";
        QSqlQuery delentry(sdeleteentry.arg(description),newtask.db);
        if(!delentry.exec(sdeleteentry))
            QMessageBox::critical(this,"info","could not delete entry");
     
        //Insert Query for edited task
        QString insert {"INSERT INTO task values ('%1','%2','%3','%4')"};
        QSqlQuery insertentry(newtask.db);
        if(!insertentry.exec(insert.arg(afdescription).arg(finished).arg(afdate).arg(aftag))) 
            QMessageBox::critical(this,"info","could not insert entry");

        //Refreshing ListWidget
        ui->to_be_done->clear();
        ui->todays_task->clear();
        ui->finished->clear();
        loaddatabase();
    }
}
void ToDoApp:: select_item_finished()

{
    TaskDescription newtask;
    
    const QString format = "ddd MMM d yyyy";
    QString fulldes = ui->finished->currentItem()->data(0).toString();
    int index = fulldes.indexOf(':');

    QString description = fulldes.mid(0,index);
    QString date = fulldes.mid(14+index+3,15);
    QString tag = fulldes.mid(31+index+2,6);
    QDate date = QDate::fromString(date,"ddd MMM d yyyy");
    QString finished = fulldes.mid(index+1,9);

    newtask.ui->lineEdit->setText(finished);
    newtask.ui->dateEdit->setDate(date);
    newtask.ui->comboBox->setCurrentText(tag);
    newtask.ui->checkBox->setChecked(1);

    auto reply = newtask.exec();
    if(reply == TaskDescription::Accepted)
    {
        QString afdescription = newtask.ui->lineEdit->text();
        QString afdate = newtask.ui->dateEdit->date().toString(format);
        QString aftag=newtask.ui->comboBox->currentText();
        bool finished=newtask.ui->checkBox->isChecked();

        QString sdeleteentry ="DELETE FROM task where description='%1' ";
        QSqlQuery delentry(sdeleteentry.arg(description),newtask.db);
        if(!delentry.exec(sdeleteentry))
            QMessageBox::critical(this,"info","could not delete entry");

        QString insert {"INSERT INTO task values ('%1','%2','%3','%4')"};
        QSqlQuery insertentry(newtask.db);        
        if(!insertentry.exec(insert.arg(afdescription).arg(finished).arg(afdate).arg(aftag)))
            QMessageBox::critical(this,"info","could not insert entry");
                      
        ui->to_be_done->clear();
        ui->todays_task->clear();
        ui->finished->clear();
        loaddatabase();       
    }
}
void ToDoApp:: select_item_today()
{
    TaskDescription newtask;

    const QString format = "ddd MMM d yyyy";
    QString fulldes = ui->todays_task->currentItem()->data(0).toString();
    int index = fulldes.indexOf(':');
    QString description = fulldes.mid(0,index);
    QString date = fulldes.mid(19+index+3,15);
    QString tag = fulldes.mid(36+index+2,6);

    newtask.ui->lineEdit->setText(description);
    newtask.ui->comboBox->setCurrentText(tag);
    //(no need to change checkbox : finsished it's already unchecked by DEFLT)
    //(no need to change date : Today's date is the date set by DEFLT)

    auto reply = newtask.exec();
    if(reply == TaskDescription::Accepted)
    {
        QString afdescription = newtask.ui->lineEdit->text();
        QString afdate = newtask.ui->dateEdit->date().toString(format);
        QString aftag=newtask.ui->comboBox->currentText();
        bool finished=newtask.ui->checkBox->isChecked();

        QString sdeleteentry ="DELETE FROM task where description='%1' ";
        QSqlQuery delentry(sdeleteentry.arg(description),newtask.db);
        if(!delentry.exec(sdeleteentry))
            QMessageBox::critical(this,"info","could not delete entry");

        QString insert {"INSERT INTO task values ('%1','%2','%3','%4')"};
        QSqlQuery insertentry(newtask.db);        
        if(!insertentry.exec(insert.arg(afdescription).arg(finished).arg(afdate).arg(aftag)))
            QMessageBox::critical(this,"info","could not insert entry");
                 
         ui->to_be_done->clear();
         ui->todays_task->clear();
         ui->finished->clear();
         loaddatabase();
    }
}

(back to top)

MVC-Model

This is The tree of the project

The MVC model won't be much different from the Item based, we are just going to replace the QListWidget with aQStandardItemModel set to the ListView, so the change will only concern each implementation of ListWidget.

The MVC has also it's version of moving from a task to another by editing it.

TaskManager::TaskManager(QWidget *parent)
    : QMainWindow(parent)
    , ui(new Ui::Task
    //in the constructor :

    tttaskmodel = new QStandardItemModel;
    Ftaskmodel = new QStandardItemModel;
    TBDmodel= new QStandardItemModel;

//While adding new task or loading the DB
on_action_New_triggered(): 
loaddatabase(): 

    for(auto e :newtask.TBD_list)
    {
        QString path{"/home/ilyas/Downloads/icons8-and-64.png"};
        QIcon icon(path);
        ui->to_be_done->setModel(TBDmodel);
        TBDmodel->appendRow(new QStandardItem(QIcon(icon),e));
    }
    
    //And so on .. with other tasks_Lists (FT_list & TT_list) and models (tttmodel,Ftaskmodel)

       //While refreshing ListView           
       TBDmodel->clear();
       tttaskmodel->clear();
       Ftaskmodel->clear();
       loaddatabase();

We aslo added a delete 🗑️ function for it (after selecting a task) :

This is what it looks like before selecting :

This is what it looks like after selecting :

void TaskManager::on_action_Delete_triggered()
{
        //Pending tasks :
    if(ui->to_be_done->currentIndex().isValid())
    {
        TaskEdit newtask;
        newtask.db =QSqlDatabase::addDatabase("QSQLITE");

        newtask.db.setDatabaseName("/home/ilyas/Desktop/mvcDB.sqlite");
        newtask.db.open();

        const QString format = "ddd MMM d yyyy";

        QModelIndex indt = ui->to_be_done->currentIndex();

        QString itemText_t = indt.data(0).toString();

        QString fulldes = itemText_t;
        int index = fulldes.indexOf(':');
        QString description = fulldes.mid(0,index);
        QString date = fulldes.mid(19+index+3,15);
        QString tag = fulldes.mid(36+index+2,6);

            QString sdeleteentry ="DELETE FROM task where description='%1' ";
            QSqlQuery delentry(sdeleteentry.arg(description),newtask.db);
            if(!delentry.exec(sdeleteentry))
            {QMessageBox::critical(this,"info","could not delete entry");}

            TBDmodel->clear();
            tttaskmodel->clear();
            Ftaskmodel->clear();
            loaddatabase();
    }

        //Today's tasks :
    else if(ui->todays_task->currentIndex().isValid())
    {
        TaskEdit newtask;
        newtask.db =QSqlDatabase::addDatabase("QSQLITE");

        newtask.db.setDatabaseName("/home/ilyas/Desktop/mvcDB.sqlite");
        newtask.db.open();

        const QString format = "ddd MMM d yyyy";

        QModelIndex indt = ui->todays_task->currentIndex();

        QString itemText_t = indt.data(0).toString();

        QString fulldes = itemText_t;
        int index = fulldes.indexOf(':');
        QString description = fulldes.mid(0,index);
        QString date = fulldes.mid(19+index+3,15);
        QString tag = fulldes.mid(36+index+2,6);

        newtask.ui->lineEdit->setText(description);

            QString sdeleteentry ="DELETE FROM task where description='%1' ";
            QSqlQuery delentry(sdeleteentry.arg(description),newtask.db);
            if(!delentry.exec(sdeleteentry))
            {QMessageBox::critical(this,"info","could not delete entry");}

            //Refreshing ListView
            TBDmodel->clear();
            tttaskmodel->clear();
            Ftaskmodel->clear();
            loaddatabase();
    }

        //Finished tasks :
    else if(ui->finished->currentIndex().isValid())
    {
        TaskEdit newtask;
        newtask.db =QSqlDatabase::addDatabase("QSQLITE");

        newtask.db.setDatabaseName("/home/ilyas/Desktop/mvcDB.sqlite");
        newtask.db.open();

        const QString format = "ddd MMM d yyyy";

        QModelIndex indt = ui->finished->currentIndex();

        QString itemText_t = indt.data(0).toString();

        QString fulldes = itemText_t;
        int index = fulldes.indexOf(':');
        QString description = fulldes.mid(0,index);
        QString date = fulldes.mid(19+index+3,15);
        QString tag = fulldes.mid(36+index+2,6);

        newtask.ui->lineEdit->setText(description);

            QString sdeleteentry ="DELETE FROM task where description='%1' ";
            QSqlQuery delentry(sdeleteentry.arg(description),newtask.db);
            if(!delentry.exec(sdeleteentry))
            {QMessageBox::critical(this,"info","could not delete entry");}

            //Refreshing ListView            
            TBDmodel->clear();
            tttaskmodel->clear();
            Ftaskmodel->clear();
            loaddatabase();
   }
}

void TaskManager::deleteslot()
{
     ui->action_Delete->setEnabled(1);
}

And for the connections :

    connect(ui->todays_task, &QAbstractItemView::clicked , this,  &TaskManager::deleteslot);
    connect(ui->finished, &QAbstractItemView::clicked , this,  &TaskManager::deleteslot);
    connect(ui->to_be_done, &QAbstractItemView::clicked , this,  &TaskManager::deleteslot);

(back to top)

---

Our Team : AIT EL KADI Ilyas - AZIZ Oussama

Project Link : ToDo-Application

Encadré par : Mr.BELCAID-Anass

(back to top)

Nice work. Well done