From e23f763aeaa4b2b8e1d0a0669519f9155a7634be Mon Sep 17 00:00:00 2001
From: abhishek12071 <92369178+abhishek12071@users.noreply.github.com>
Date: Sat, 22 Apr 2023 23:24:18 +0530
Subject: [PATCH] Update forward.html

---
 .../templates/filetracking/forward.html       | 531 ++++++++----------
 1 file changed, 238 insertions(+), 293 deletions(-)

diff --git a/FusionIIIT/templates/filetracking/forward.html b/FusionIIIT/templates/filetracking/forward.html
index b585c7506..00c7f434d 100644
--- a/FusionIIIT/templates/filetracking/forward.html
+++ b/FusionIIIT/templates/filetracking/forward.html
@@ -1,61 +1,65 @@
- {% extends 'filetracking/filetracking.html' %}
+{% extends 'filetracking/filetracking.html' %}
 {% load static %}
 
 {% block filetracking_tab %}
 
-    <div class="ui pointing secondary menu">
-        <a class="active item" data-tab="notesheet">
-            Note Sheet
-        </a>
+<div class="ui pointing secondary menu">
+    <a class="active item" data-tab="notesheet">
+        Note Sheet
+    </a>
 
-        <a class="item" data-tab="attachments">
-            Attachments
-        </a>
+    <a class="item" data-tab="attachments">
+        Attachments
+    </a>
 
 
-    </div>
+</div>
 
-    <div class="ui active tab" data-tab="notesheet">
+<div class="ui active tab" data-tab="notesheet">
 
-        <div class="ui two item menu">
-            <a class="item"><b>Created By :-</b><b class="meta" style="text-indent: 1em; color: #1B1C1D;">{{file.uploader.user}}-{{file.designation}}</b></a>
-            <a class="item"><b>File ID :</b><b class="meta" style="text-indent: 1em; color: #1B1C1D;">{{file.uploader.department.name}}-{{file.upload_date.year}}-{{file.upload_date.month}}-#{{file.id}}</b></a>
-        </div>
+    <div class="ui two item menu">
+        <a class="item"><b>Created By :-</b><b class="meta"
+                style="text-indent: 1em; color: #1B1C1D;">{{file.uploader.user}}-{{file.designation}}</b></a>
+        <a class="item"><b>File ID :</b><b class="meta"
+                style="text-indent: 1em; color: #1B1C1D;">{{file.uploader.department.name}}-{{file.upload_date.year}}-{{file.upload_date.month}}-#{{file.id}}</b></a>
+    </div>
 
-            <form class="ui large form" method="POST" enctype="multipart/form-data" id="form1">
+    <form class="ui large form" method="POST" enctype="multipart/form-data" id="form1">
 
-            {% csrf_token %}
+        {% csrf_token %}
 
-                    <div class="ui fluid card">
-                        <div class="content">
-                            <center><span class="ui header"><b>Subject-  {{file.subject}}</b></span></center>
-                            <div class="ui divider"></div>
+        <div class="ui fluid card">
+            <div class="content">
+                <center><span class="ui header"><b>Subject- {{file.subject}}</b></span></center>
+                <div class="ui divider"></div>
+
+                <div class="content" style=" padding-left: 18px; padding-top: 0.1px; height: auto; overflow-y: auto;">
 
-                            <div class="content" style=" padding-left: 18px; padding-top: 0.1px; height: auto; overflow-y: auto;">
+                    <div class="item">
 
-                                <div class="item">
+                        <div class="description">
+                            <pre class="overflow-visible"
+                                style="white-space:initial; font-family: 'Arial';">{{file.description}}</pre>
+                            <div class="ui divider"></div>
+                        </div>
 
-                                    <div class="description">
-                                        <pre class="overflow-visible" style="white-space:initial; font-family: 'Arial';">{{file.description}}</pre>
-                                        <div class="ui divider"></div>
+                        {% for t in track %}
+                        <div class="ui comments">
+                            <div class="comment">
+                                <div class="content">
+                                    <a class="author">{{t.current_design}}
+                                        <a class="metadata">
+                                            <span class="date">{{t.forward_date}}</span>
+                                        </a>
+                                    </a>
+
+                                    <div class="right floated" style="font-color: black;">
+                                        <b>Received by:</b>&nbsp{{t.receiver_id}}-{{t.receive_design}}
                                     </div>
 
-                                    {% for t in track %}
-                                    <div class="ui comments">
-                                        <div class="comment">
-                                             <div class="content">
-                                                 <a class="author">{{t.current_design}}
-                                                     <a class="metadata">
-                                                         <span class="date">{{t.forward_date}}</span>
-                                                     </a>
-                                                 </a>
-
-                                                 <div class="right floated" style="font-color: black;">
-                                                     <b>Received by:</b>&nbsp{{t.receiver_id}}-{{t.receive_design}}
-                                                 </div>
-
-                                                 <div class="text">
-                                                     <pre class="overflow-visible" style="white-space:initial; font-family: 'Arial';">
+                                    <div class="text">
+                                        <pre class="overflow-visible"
+                                            style="white-space:initial; font-family: 'Arial';">
                                                         {% if t.remarks %}
                                                             {{t.remarks}}
                                                         {% else %}
@@ -63,301 +67,242 @@
                                                         {% endif %}
 
                                                      </pre>
-                                                 </div>
-                                             </div>
-                                        </div>
                                     </div>
-                                    {% endfor %}
-
-                                    <div class="ui divider"></div>
-
-                                </div>
-
-                                <br>
-
-                                <div class="field">
-                                    <label>Remarks:<textarea rows="2" name="remarks"></textarea></label>
-                                </div>
-
-                                <br>
-
-                                <div class="field">
-                                    <label>Send as:
-                                        <select required class="ui fluid search selection dropdown" name="sender">
-                                            <option selected hidden>Select</option>
-
-                                            {% for designations in designations %}
-                                            <option value="{{designations.id}}">{{designations}}</option>
-                                            {% endfor %}
-
-                                        </select>
-                                    </label>
                                 </div>
+                            </div>
+                        </div>
+                        {% endfor %}
 
-                                <br>
+                        <div class="ui divider"></div>
 
-                               <!--  <div class="field">
-                                    <label>Forward To:
-                                        <select required class="ui fluid search selection dropdown" name="receiver">
-                                            <option required selected hidden>Select</option>
+                    </div>
 
-                                            {% for extrainfo in extrainfo %}
-                                            <option value="{{extrainfo.id}}">{{extrainfo.user}}</option>
-                                            {% endfor %}
+                    <br>
 
-                                        </select>
-                                    </label>
-                                </div>
- -->
-                                <br>
+                    <div class="field">
+                        <label>Remarks:<textarea rows="2" name="remarks"></textarea></label>
+                    </div>
 
-                                <!-- <div class="field">
-                                    <label>Receiver Designation:
-                                        <select required class="ui fluid search selection dropdown" name="receive">
-                                            <option required selected hidden>Select</option>
+                    <br>
 
-                                            {% for holdsdesignations in holdsdesignations %}
-                                            <option value="{{holdsdesignations.id}}">{{holdsdesignations}}</option>
-                                            {% endfor %}
+                    <div class="field">
+                        <label>Send as:
+                            <select required class="ui fluid search selection dropdown" name="sender">
+                                <option selected hidden>Select</option>
 
-                                        </select>
-                                    </label>
-                                </div> -->
+                                {% for designations in designations %}
+                                <option value="{{designations.id}}">{{designations}}</option>
+                                {% endfor %}
 
+                            </select>
+                        </label>
+                    </div>
 
-                        <div class="field">
-                            <label>Forward To:
+                    <br>
 
-                                    <input type ="search" id="input_search" list = "input_list" name = "receiver">
-                                    <datalist  id="input_list">
 
-                                    </datalist>
-                               
-                            </label>
-                        </div>
+                    <br>
 
-                            <div class="field">
-                            <label>Receiver Designation:
-                                <input type ="search" id="input_search1" list = "input_list1" name = "recieve">
-                                    <datalist  id="input_list1">
 
-                                    </datalist>
+                    <div class="field">
+                        <label>Forward To:
 
+                            <input type="search" id="input_search" list="input_list" name="receiver">
+                            <datalist id="input_list">
 
-                               
-                            </label>
-                        </div>
-                                <br>
-
+                            </datalist>
+                                       
+                        </label>
+                    </div>
 
+                    <div class="field">
+                        <label>Receiver Designation:
+                            <select required class="ui fluid search selection dropdown" name="recieve">
+                                <option selected hidden>Select</option>
+                                {% for designations in all_recievers %}
+                                <option>{{designations}}</option>
+                                {% endfor %}
 
+                            </select>
+                        </label>
+                    </div>
+                    <br>
 
-                                <!--<div class="field">
-                                    <label>Forward To:
-                                        <select required class="ui fluid search selection dropdown" name="receiver">
-                                            <option selected hidden>Select</option>
 
-                                            {% for holdsdesignations in holdsdesignations %}
-                                            <option value="{{holdsdesignations.user.id}}">{{holdsdesignations}}</option>
-                                            {% endfor %}
 
-                                        </select>
-                                    </label>
-                                </div>-->
 
-                                <div class="field">
-                                    <label for="file">Attach Files: (Maximum File Size 10 MB) </label>
-                                    <input type="file" id="file" name="myfile" accept=".pdf, .jpg, .jpeg, .png" >
-                                </div>
-
-                            </div>
-                        </div>
+                    <div class="field">
+                        <label for="file">Attach Files: (Maximum File Size 10 MB) </label>
+                        <input type="file" id="file" name="myfile" accept=".pdf, .jpg, .jpeg, .png">
                     </div>
 
-                    <br>                      <!--  <a href="/media/" target="_">
-                                                <span class="header" style="color: #1B1C1D"><b>Attachments :&nbsp&nbsp</b><u></u></span>
-                                            </a>-->
-
-                        <!--    <div class="content" style="text-indent: 5em">
-
-                                                        <a class="download icon">
-                                                            <a href="/media/{{t.upload_file}}" class="header" target="_">
-                                                                <span>Attachments -</span>
-                                                                <u class="meta" style="color: #1B1C1D"></u>
-                                                            </a>
-                                                        </a>
-                                                        <br>
-                                                        <div class="ui divider"></div>
-
+                </div>
+            </div>
+        </div>
 
-                                            <center style="color: dimgrey">FileFlow is possible only when file is forwarded to other employee.</center
-                                                </div>
-                                            </div>
-                                        </div>
-                               </div>
-                        </div>-->
+        <br>
 
+        <br>
 
 
-                <br>
+        <br>
+        <br>
+        <button type="submit" name="send" class="ui large right floated primary button" style="float: right;">
+            Send<i class="ui send icon right floated"></i>
+        </button>
 
+    </form>
 
-            <br>
-            <br>
-             <button type="submit" name="send" class="ui large right floated primary button" style = "float: right;">
-                                Send<i class="ui send icon right floated"></i>
-                            </button>
+    <br>
+</div>
 
-            </form>
+<div class="ui tab" data-tab="attachments">
 
-            <br>
+    <div class="ui two item menu">
+        <a class="item"><b>Created By :</b><b class="meta"
+                style="text-indent: 1em; color: #1B1C1D;">{{file.uploader.user}}-{{file.designation}}</b></a>
+        <a class="item"><b>File ID :</b><b class="meta"
+                style="text-indent: 1em; color: #1B1C1D;">{{file.uploader.department.name}}-{{file.upload_date.year}}-{{file.upload_date.month}}-#{{file.id}}</b></a>
     </div>
 
-    <div class="ui tab" data-tab="attachments">
-
-        <div class="ui two item menu">
-            <a class="item"><b>Created By :</b><b class="meta" style="text-indent: 1em; color: #1B1C1D;">{{file.uploader.user}}-{{file.designation}}</b></a>
-            <a class="item"><b>File ID :</b><b class="meta" style="text-indent: 1em; color: #1B1C1D;">{{file.uploader.department.name}}-{{file.upload_date.year}}-{{file.upload_date.month}}-#{{file.id}}</b></a>
-        </div>
-
-        <div class="ui fluid card">
-                        <div class="content">
-
-                            <div class="content" style=" padding-left: 18px; padding-top: 0.1px; height: auto; overflow-y: auto;">
-
-                                <div class="item">
-<!--                                    <div class="ui comments">-->
-<!--                                        <div class="comment">-->
-
-<!--                                            <div class="content">-->
-<!--                                    <a class="paperclip icon">-->
-<!--                                                     {% if file.upload_file %}-->
-<!--                                                     <a href="/media/{{file.upload_file}}" class="header" target="_"><u class="meta" style="color: #1B1C1D">{{file.upload_file}}</u>-->
-<!--                                                     </a>-->
-<!--                                                     {% else %}-->
-<!--                                                     <span class="meta">No Attachment</span>-->
-<!--                                                     {% endif %}-->
-<!--                                    </a>-->
-
-<!--                                    <div class="right floated content">-->
-<!--                                                     <a class="author">{{file.uploader.user}}-->
-<!--                                                         <a class="metadata">-->
-<!--                                                            <span class="date">{{file.upload_date}}</span>-->
-<!--                                                         </a>-->
-<!--                                                     </a>-->
-<!--                                    </div>-->
-<!--                                                </div>-->
-
-<!--                                        </div>-->
-<!--                                    </div>-->
-
-                                    {% for t in track %}
-                                    <div class="ui comments">
-                                        <div class="comment">
-
-                                            <div class="content">
-                                                 <a class="paperclip icon">
-                                                     {% if t.upload_file %}
-                                                     <a href="/media/{{t.upload_file}}" class="header" target="_">
-                                                         <u class="meta" style="color: #1B1C1D">{{t.upload_file}}</u>
-                                                     </a>
-                                                     {% else %}
-                                                     <span class="meta">No Attachment</span>
-                                                     {% endif %}
-                                                 </a>
-
-                                                 <div class="right floated content">
-                                                     <a class="author">{{t.current_design}}
-                                                         <a class="metadata">
-                                                            <span class="date">{{t.forward_date}}</span>
-                                                         </a>
-                                                     </a>
-                                                 </div>
-                                            </div>
-
-                                        </div>
-                                    </div>
-                                    {% endfor %}
-
-                                    <div class="ui divider"></div>
-
+    <div class="ui fluid card">
+        <div class="content">
+
+            <div class="content" style=" padding-left: 18px; padding-top: 0.1px; height: auto; overflow-y: auto;">
+
+                <div class="item">
+                    <!--                                    <div class="ui comments">-->
+                    <!--                                        <div class="comment">-->
+
+                    <!--                                            <div class="content">-->
+                    <!--                                    <a class="paperclip icon">-->
+                    <!--                                                     {% if file.upload_file %}-->
+                    <!--                                                     <a href="/media/{{file.upload_file}}" class="header" target="_"><u class="meta" style="color: #1B1C1D">{{file.upload_file}}</u>-->
+                    <!--                                                     </a>-->
+                    <!--                                                     {% else %}-->
+                    <!--                                                     <span class="meta">No Attachment</span>-->
+                    <!--                                                     {% endif %}-->
+                    <!--                                    </a>-->
+
+                    <!--                                    <div class="right floated content">-->
+                    <!--                                                     <a class="author">{{file.uploader.user}}-->
+                    <!--                                                         <a class="metadata">-->
+                    <!--                                                            <span class="date">{{file.upload_date}}</span>-->
+                    <!--                                                         </a>-->
+                    <!--                                                     </a>-->
+                    <!--                                    </div>-->
+                    <!--                                                </div>-->
+
+                    <!--                                        </div>-->
+                    <!--                                    </div>-->
+
+                    {% for t in track %}
+                    <div class="ui comments">
+                        <div class="comment">
+
+                            <div class="content">
+                                <a class="paperclip icon">
+                                    {% if t.upload_file %}
+                                    <a href="/media/{{t.upload_file}}" class="header" target="_">
+                                        <u class="meta" style="color: #1B1C1D">{{t.upload_file}}</u>
+                                    </a>
+                                    {% else %}
+                                    <span class="meta">No Attachment</span>
+                                    {% endif %}
+                                </a>
+
+                                <div class="right floated content">
+                                    <a class="author">{{t.current_design}}
+                                        <a class="metadata">
+                                            <span class="date">{{t.forward_date}}</span>
+                                        </a>
+                                    </a>
                                 </div>
                             </div>
+
                         </div>
+                    </div>
+                    {% endfor %}
+
+                    <div class="ui divider"></div>
+
+                </div>
+            </div>
         </div>
     </div>
+</div>
+
+
+<script type="text/javascript">
+    $('#input_search1').keyup(function () {
+
+        console.log('asdasd');
+        value = $('#input_search1').val();
+
+        $.ajax({
+            type: 'POST',
+            url: '/filetracking/ajax/',
+            data: {
+                'value': value,
+                'csrfmiddlewaretoken': '{{csrf_token}}'
+            },
+            dataType: 'json',
+            success: function (response) {
+                console.log('coming-----------------------');
+
+                console.log(response.holds[0]);
+
+                all_designations = JSON.parse(response.holds);
+                console.log(all_designations[0].fields.name);
+                app = []
+                $('#input_list1').html('');
+                for (var i = 0; i < all_designations.length; i++) {
+                    $('#input_list1').append('<option value="' + all_designations[i].fields.name + '">' + all_designations[i].fields.name + '</option>');
+                }
+            },
+            error: function (rs, e) {
+                console.log('error-------');
+            },
+        });
+        console.log("dsfagdfdshadf");
+    });
+</script>
 
 
-    <script type="text/javascript">
-        $('#input_search1').keyup(function(){
-
-            console.log('asdasd');
-            value = $('#input_search1').val();
-
-              $.ajax({
-                type: 'POST',
-                url: '/filetracking/ajax/',
-                data: {
-                    'value': value,
-                    'csrfmiddlewaretoken': '{{csrf_token}}'
-                },
-                dataType: 'json',
-                success: function(response){
-                    console.log('coming-----------------------');
-
-                    console.log(response.holds[0]);
-
-                    all_designations = JSON.parse(response.holds);
-                    console.log(all_designations[0].fields.name);
-                    app = []
-                    $('#input_list1').html('');
-                    for(var i=0;i<all_designations.length;i++){
-                       $('#input_list1').append('<option value="'+all_designations[i].fields.name+'">'+all_designations[i].fields.name+'</option>');
-                    }
-                },
-                error: function(rs, e){
-                    console.log('error-------');
-                },
-            });
-            console.log("dsfagdfdshadf");
-        });
-    </script>
-
-
-    <script type="text/javascript">
-        $('#input_search').keyup(function(){
-
-            console.log('asdasd');
-            value = $('#input_search').val();
-
-              $.ajax({
-                type: 'POST',
-                url: '/filetracking/ajax_dropdown/',
-                data: {
-                    'value': value,
-                    'csrfmiddlewaretoken': '{{csrf_token}}'
-                },
-                dataType: 'json',
-                success: function(response){
-                    console.log('coming-----------------------');
-
-
-
-                    all_users = JSON.parse(response.users);
-                    console.log(all_users[0].fields.username);
-                    app = []
-                    $('#input_list').html('');
-                    for(var i=0;i<all_users.length;i++){
-                       $('#input_list').append('<option value="'+all_users[i].fields.username+'">'+all_users[i].fields.username+'</option>');
-                    }
-                },
-                error: function(rs, e){
-                    console.log('error-------');
-                },
-            });
-            console.log("dsfagdfdshadf");
+<script type="text/javascript">
+    $('#input_search').keyup(function () {
+
+        console.log('asdasd');
+        value = $('#input_search').val();
+
+        $.ajax({
+            type: 'POST',
+            url: '/filetracking/ajax_dropdown/',
+            data: {
+                'value': value,
+                'csrfmiddlewaretoken': '{{csrf_token}}'
+            },
+            dataType: 'json',
+            success: function (response) {
+                console.log('coming-----------------------');
+
+
+
+                all_users = JSON.parse(response.users);
+                console.log(all_users[0].fields.username);
+                app = []
+                $('#input_list').html('');
+                for (var i = 0; i < all_users.length; i++) {
+                    $('#input_list').append('<option value="' + all_users[i].fields.username + '">' + all_users[i].fields.username + '</option>');
+                }
+            },
+            error: function (rs, e) {
+                console.log('error-------');
+            },
         });
-    </script>
+        console.log("dsfagdfdshadf");
+    });
+</script>
 
 
 {% endblock %}