added page for dynamically changing sponsors at /indrel_admin

hknweb/static/img/sponsors/metadata

@@ -0,0 +1,3 @@
+Citadel https://citadel.com Citadel.png
+Google https://google.com Google.png
+Amazon https://amazon.com Amazon.png

hknweb/static/img/sponsors/metadata2

@@ -0,0 +1,2 @@
+Citadel https://citadel.com Citadel.png
+Google https://google.com Google.png

hknweb/templates/indrel.html

@@ -144,12 +144,14 @@ <h3>Sounds good, who should I contact?</h3>
 
         <div id="sponsors" class="tabcontent">
             We thank all of our sponsors for their support of HKN and the broader EECS community. Click on the logos display below to visit that sponsors' website!
-
-            <div class="company-sponsors-logos">
-                <a href="https://www.citadel.com/">
-                    <img src="{% static 'img/indrel_sponsors_citadel_logo.png' %}" class="company-sponsors-logo" alt="Citadel logo">
+            {% for index, company_name, company_url, company_file in company_data %}
+            <div class = "company-sponsors-logos">
+                <a href = {{company_url}}>
+                    <img src = "{% static company_file %}" class = "company-sponsors-logo" alt = {{company_name}}>
                 </a>
-            </div>
+            </div>      
+            {% endfor %}
+
         </div>
     </div>
 </div>

hknweb/templates/indrel_admin.html

@@ -0,0 +1,101 @@
+{% extends "base.html" %}
+{% load static %}
+
+{% block title %}Industrial Relations Admin Page{% endblock %}
+
+{% block heading %}
+Industrial Relations Admin Page
+{% endblock %}
+
+{% block content %}
+
+{% include 'components/tabs.html' %}
+
+<style>
+    .content {
+        padding-top: 25px;
+        padding-bottom: 25px;
+    }
+
+    .inner {
+        max-width: 1000px;
+        margin: auto;
+        text-align: left;
+    }
+
+    .scrollable {
+        height: 750px;
+        overflow-y: auto;
+    }
+
+    .company-sponsors-logos {
+        text-align: center;
+    }
+
+    .company-sponsors-logo {
+        width: 500px;
+        max-width: 100%;
+    }
+</style>
+<!-- 
+<div class="inner">
+    <div class="tab">
+        <button id="default_option" class="tablinks" onclick="open_tab(event, 'what_is_hkn')">What is HKN?</button>
+        <button class="tablinks" onclick="open_tab(event, 'resume_book')">Resume Book</button>
+        <button class="tablinks" onclick="open_tab(event, 'career_fair')">EECS Career Fair</button>
+        <button class="tablinks" onclick="open_tab(event, 'infosessions')">Infosessions</button>
+        <button class="tablinks" onclick="open_tab(event, 'sponsors')">Current sponsors</button>
+    </div>
+
+
+</div> -->
+
+<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
+<script>
+    $(document).ready(function () {
+        let maxFields = 200;
+        let addButton = $('.add-button');
+        let inputWrapper = $('.input-wrapper');
+
+        $(addButton).click(function () {
+            if (inputWrapper.children().length < maxFields) {
+                let index = inputWrapper.children().length;
+                let inputName = `name_${index}`;
+                let inputUrl = `url_${index}`; 
+                let inputFile = `file_${index}`; 
+                inputWrapper.append(`<div class = "input-elem"><input type="text" name="${inputName}" placeholder="">
+                                     <input type="text" name="${inputUrl}" placeholder="">
+                                     <input type="file" name="${inputFile}"></div>`);
+            }
+        });
+
+        $(document).on('click', '.remove-button', function () {
+            $(this).prev('input').remove();
+        });
+    });
+</script>
+
+<h3>Current sponsors:</h3>
+<form method="POST" action= "{% url 'indrel_admin' %}" enctype = "multipart/form-data">
+    {% csrf_token %}
+    <div class = "input-wrapper">
+    {% for index, company_name, company_url, company_file in company_data %}
+    <div class = "input-elem">
+        <input type = "text" size = "32" value = {{company_name}} name = "name_{{index}}">
+        <input type = "text" size = "32" value = {{company_url}} name = "url_{{index}}">
+        <input type = "file" size = "32" value = "Upload Image" name = "file_{{index}}">
+        <!-- <a href = {{company_url}}>
+            <img src = "{% static company_file %}" class = "company-sponsors-logo" alt = {{company_name}}>
+        </a> -->
+    </div>
+    {% endfor %}
+    </div>   
+    <button type="button" class="add-button">Add Sponsor</button>
+    <button type="submit" name="submit_button" class="btn btn-primary">Submit Changes</button>
+    <button type = "button" class = "remove-button">Remove Sponsor (Doesn't Work)</button>
+</form>
+<script>
+    document.getElementById("default_option").click();
+</script>
+
+{% endblock %}

hknweb/urls.py

@@ -5,7 +5,7 @@
 from django.urls import include, path
 
 from hknweb.utils import method_login_and_permission
-from hknweb.views import indrel, landing, outreach, people, users
+from hknweb.views import indrel, landing, outreach, people, users, indrel_admin
 
 __all__ = ["urlpatterns", "safe_urlpatterns"]
 
@@ -29,6 +29,7 @@
     path("", landing.home, name="home"),
     path("about/people/", people.people, name="people"),
     path("indrel", indrel.indrel, name="indrel"),
+    path("indrel_admin/", indrel_admin.indrel_admin, name = 'indrel_admin'),
     path("outreach", outreach.outreach, name="outreach"),
 ]
 

hknweb/views/indrel.py

@@ -1,8 +1,29 @@
 from django.shortcuts import render
 
 from hknweb.utils import allow_public_access
-
+import os
 
 @allow_public_access
 def indrel(request):
-    return render(request, "indrel.html")
+    # company_names = ['Google', 'Microsoft', 'Berkeley', 'Amazon'] 
+    # company_urls = ['https://google.com', 'https://microsoft.com', 'https://berkeley.edu', 'https://amazon.com']
+    # company_files = ['', '', '', ''] 
+
+    data_path = "/hknweb/static/img/sponsors/"
+    metadata_file = data_path + "metadata"
+
+    image_filepath = "/img/sponsors/"
+
+    current_companies = [] 
+    with open(os.getcwd() + metadata_file, "r") as f:
+        for index, line in enumerate(f.readlines()): 
+            current_name, current_url, current_filename = line.split()
+            current_companies.append((index, current_name, current_url, image_filepath + current_filename))
+
+
+    a = 0 
+    context = {
+        "company_data": current_companies
+    }
+
+    return render(request, "indrel.html", context)

hknweb/views/indrel_admin.py

@@ -0,0 +1,70 @@
+from django.shortcuts import render
+
+from hknweb.utils import allow_public_access
+import os 
+
+@allow_public_access
+def indrel_admin(request):
+    post_data = {} 
+    data_path = "/hknweb/static/img/sponsors/"
+    metadata_file = data_path
+    if request.method == 'POST': 
+        print(request.POST)
+        for key in request.POST.keys():
+            post_data[key] = request.POST.get(key, "") 
+        metadata_file += "metadata"
+        write_metadata(post_data, os.getcwd() + metadata_file, data_path, request) 
+
+
+
+
+    metadata_file = data_path + "metadata"
+
+
+
+    current_companies = [] 
+
+    print(os.getcwd())
+
+    with open(os.getcwd() + metadata_file, "r") as f:
+        for index, line in enumerate(f.readlines()): 
+            current_name, current_url, current_filename = line.split()
+            current_companies.append((index, current_name, current_url, current_filename))
+
+
+
+
+    context = {
+        "company_data": current_companies
+    }
+
+
+    return render(request, "indrel_admin.html", context)
+
+
+
+def write_metadata(data, filepath, file_save_path, request): 
+    count = 0 
+    for key in data: 
+        if key.startswith("name"): 
+            count += 1
+    with open(filepath, 'w') as f:
+        for i in range(count): 
+            name = data[f"name_{i}"]
+            url = data[f"url_{i}"]
+            if name == "" or url == "": 
+                continue 
+            uploaded_image = request.FILES.get(f"file_{i}", None)
+            filename = name + ".png"
+            if uploaded_image: 
+                with open(os.getcwd() + file_save_path + filename, 'wb') as destination:
+                    for chunk in uploaded_image.chunks(): 
+                        destination.write(chunk)
+
+
+
+            f.write(name + " " + url + " " + filename + "\n")
+
+    return "Successfully wrote to metadata file!"
+
+