task.html

{% include 'links.html'%}
{%if session['role'] == 'PROJECT MANAGER' %}
    {% include 'phome.html' %}
{% endif %}
{%if session['role'] == 'Team Member' %}
    {% include 'thome.html' %}
{% endif %}
{% if session['role'] == 'admin' %}
{% include 'ahead.html' %}
{% endif %}

<style>
.discussion-container {
    margin-top: 10px;
}

.discussion-scroll {
    max-height: 250px; /* adjust as needed */
    overflow-y: auto;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #f9f9f9;
}
</style>



<div class="row-1">
    {%if session['role'] == 'PROJECT MANAGER' %}

    <div class="coll-4">
    <form method="POST" action="/add_task_action" enctype="multipart/form-data">
        <input type="hidden" name="project_id" value="{{project_id}}">
        <label for="task_title" class="form-label-1">Task Title</label>
        <input type="text" class="form-control" id="task_title" name="task_title" required>

        <label for="description" class="form-label-1">Description</label>
        <textarea class="form-control" id="description" name="description" rows="3" required></textarea>

        <label for="expected_completed_date" class="form-label-1">Expected Completion Date</label>
        <input type="datetime-local" class="form-control" id="expected_completed_date" name="expected_completed_date" required>

        <label for="assigned_to_member_id" class="form-label-1">Assigned To Member</label>
        <select class="form-select-1" name="assigned_to_member_id" required>
          <option value="">Select a member</option>
          {% for member in team_members %}
            <option value="{{ member._id }}">{{ member.first_name }} {{ member.last_name }}</option>
          {% endfor %}
        </select>

          <label class="form-label-1" for="files">Choose files to upload:</label>
          <input type="file" id="files" name="files" multiple>



        <label for="assigned_by_role" class="form-label-1">Assigned By Role</label>
        <select class="form-select-1" name="assigned_by_role" required>
            <option value="Developer">Developer</option>
            <option value="Tester">Tester</option>
            <option value="Front-End Developer">Front-End Developer</option>
        </select>

        <input type="hidden" name="assigned_by_member_id" value="{{ session['user_id'] }}">



        <button type="submit" class="btn-primary mt-3">Create Task</button>
    </form>
    </div>
    {% endif %}
    {%if session['role'] == 'PROJECT MANAGER' %}
    <div class="coll-8">
    <div class="project-grid">
        {% for task in tasks %}
        <div class="project-card">
            <div class="card-body">
                {% set project_managers=get_project_manager_name_by_project_manager_id(task['assigned_by_member_id']) %}

                <h5 class="card-title  " style="text-align: center; font-size: 25px;" >{{task['task_title'] }}</h5>
                <div class="row p-15" >
                    <div class="card-section ml-21 ">
                        <strong>Assigned To:</strong>
                           {{ get_user_details_by_id(task['assigned_to_member_id'])['name'] }}
                    </div>

                    <div class="card-section ml-21" >
                        <strong>Assigned By:</strong>{{project_managers['first_name']}}
                    </div>

                    <div class="card-section ml-21">
                        <strong>Assigned On:</strong> {{ task.assigned_date.strftime('%Y-%m-%d %H:%M') if task.assigned_date else 'Not Available' }}
                    </div>
                </div>
                <p class="card-text">{{ task['description'] }}</p>
                <div class="card-section">
                    <strong>Expected Completion:</strong> {{ task.expected_completed_date }}
                </div>
                <div class="card-section">
                    <strong>Status:</strong> {{ task['status'] }}
                </div>
                <div class="row">
                    <div class="card-footer" style="width:20%">
                        <a href="/sub_task?task_id={{task['_id']}}&assigned_by_member_id={{ task['assigned_by_member_id']}}&assigned_to_member_id={{ task['assigned_to_member_id'] }}" class="task-btn">SUB TASK</a>
                    </div>
                    <div class="card-footer ml-20" style="width:20%">
                        <a href="/discussion?task_id={{task['_id']}}&assigned_by_member_id={{ task['assigned_by_member_id']}}&assigned_to_member_id={{ task['assigned_to_member_id'] }}" class="task-btn">DISCUSSION</a>
                    </div>
                </div>
            </div>
        </div>
         {% if session['role'] == 'Team Member' %}
        {% if task['status'] != 'Completed' %}
            {% if task['status'] == 'Assigned' %}
                <a href="/to_do?task_id={{ task['_id'] }}" class="task-btn">TO DO</a>
            {% endif %}

            {% if task['status'] == 'To Do' %}
                <a href="/complete?task_id={{ task['_id'] }}" class="task-btn complete-btn">Complete</a>
            {% endif %}
        {% endif %}

    {% endif %}

    {% endfor %}


    </div>
</div>
    {% endif %}

    {% if session['role'] == 'Team Member' or session['role']=='admin'%}
<div class="col-12">
    <div class="row project-grid">
        {% for task in tasks %}
        <div class="row project-card p-20">

            <div class="col-6">
                <div class="card-body p-20">
                    <h5 class="card-title text-center" style="font-size: 25px;">{{ task['task_title'] }}</h5>
                    <div class="card-section">
                        <strong>Assigned To:</strong>
                        {{ get_user_details_by_id(task['assigned_to_member_id'])['name'] }}
                    </div>
                    <div class="card-section">
                        <strong>Assigned By:</strong>
                        {{ get_project_manager_name_by_project_manager_id(task['assigned_by_member_id'])['first_name'] }}
                    </div>
                    <div class="card-section">
                        <strong>Assigned On:</strong>
                        {{ task.assigned_date.strftime('%Y-%m-%d %H:%M') if task.assigned_date else 'Not Available' }}
                    </div>
                    <p class="card-text">{{ task['description'] }}</p>
                    <div class="card-section">
                        <strong>Expected Completion:</strong> {{ task.expected_completed_date }}
                    </div>
                    <div class="card-section">
                        <strong>Status:</strong> {{ task['status'] }}
                    </div>
                    {% if task['task_resources'] %}
                        {% for file in task['task_resources'] %}
                            <a href="{{ url_for('static', filename='files/' ~ file) }}" target="_blank">View Resources</a><br>
                         {% endfor %}
                         {% else %}
                           <p>No files uploaded.</p>
                    {% endif %}
                    <div class="card-footer mt-2">
                        <a href="/sub_task?task_id={{task['_id']}}&assigned_by_member_id={{ task['assigned_by_member_id']}}&assigned_to_member_id={{ task['assigned_to_member_id'] }}" class="task-btn" style="width:25%">SUB TASK</a>
                    </div>
                    {% if session['role'] == 'Team Member' and session['team_member_id'] == str(task['assigned_to_member_id']) %}
                    {% if task['status'] != 'Completed' %}
                    {% if task['status'] == 'Assigned' %}
                        <a href="/to_do?task_id={{ task['_id'] }}&project_id={{project_id}}" class="task-btn mt-10" style="width:25%">TO DO</a>
                    {% endif %}
                    {% if task['status'] == 'To Do' %}
                        <a href="/complete?task_id={{ task['_id'] }}&project_id={{project_id}}" class="task-btn complete-btn mt-10" style="width:25%">Complete</a>
                    {% endif %}
                    {% endif %}
                  {% endif %}

                </div>
            </div>

            <div class="col-6">
                <div class="card p-10">
                    <form  action="add_comment_action" method="post">
                        <input type="hidden" name="task_id" value="{{task['_id']}}">
                <div class="row info-container p-20">
                    <div class="col-4 p-10">
                        <div class="form-group">
                            <label for="bug_comment" class="form-label-1">BUG COMMENT</label>
                            <input type="text" class="form-control" id="bug_comment" name="bug_comment" style="height:40px" >
                        </div>
                    </div>
                    <div class="col-3 ml-10 p-10" >
                        <div class="form-group">
                            <label for="discussion" class="form-label-1">DISCUSSION</label>
                            <textarea class="form-control" id="discussion" name="discussion"  style="height:40px" ></textarea>
                        </div>
                    </div>
                    <div class="col-4 ml-10 mt-5 p-10">
                        <div class="form-group mt-20">
                            <input type="submit" class="task-btn btn-primary mt-10" style="width:50%" value="Add Comment">
                        </div>
                    </div>
                </div>
                    </form>
                    <hr>

                <div class="discussion-container">
            <div class="ver" style="text-align:center">Discussions</div>
            <div class="discussion-scroll">
                {% for task_discussion in task.task_discussions %}
                <div class="row">
                    <div class="col-6">
                        <div class="card-section ml-21" style="font-size:10px">Comment by</div>
                        <div class="card-section ml-21" > <strong>{{ task_discussion['message_by_name'] }}</strong> <p style="font-size:10px"> ({{ task_discussion['date'].strftime("%Y-%m-%d %I%:%m %p") }})</p></div>
                    </div>
                    <div class="col-6">
                         <div class="card-section ml-21" style="font-size:10px">Bug Comment</div>
                        <div class="card-section ml-21" > <strong>{{ task_discussion['bug_comment'] }}</strong></div>
                    </div>
                    <div class="card-section ml-20">
                    <strong>Discussion:</strong> {{ task_discussion['discussion'] }}
                </div>
                </div>


                <hr>
                {% endfor %}
            </div>
        </div>


            </div>
            </div>
        </div>
        {% endfor %}
    </div>
</div>

    {% endif %}

</div>