agroAI/script.js at main · Rohan-R07/agroAI · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
// Sidebar Navigation

const links = document.querySelectorAll(".nav-link");
const screens = document.querySelectorAll(".screen");

links.forEach(link => {

  link.addEventListener("click", () => {

    // Remove active class
    links.forEach(item => {
      item.classList.remove("active");
    });

    // Add active class
    link.classList.add("active");

    // Hide screens
    screens.forEach(screen => {
      screen.classList.remove("active-screen");
    });

    // Show selected screen
    const screenId = link.getAttribute("data-screen");

    document
      .getElementById(screenId)
      .classList.add("active-screen");

  });

});

// Image Preview

const imageInput = document.getElementById("imageInput");
const preview = document.getElementById("preview");
const previewImage = document.getElementById("previewImage");

imageInput.addEventListener("change", function(e){

  const file = e.target.files[0];

  if(file){

    preview.style.display = "block";

    previewImage.src = URL.createObjectURL(file);

  }

});

// Chart

const ctx = document.getElementById("analyticsChart");

new Chart(ctx, {

  type:"line",

  data:{

    labels:["Mon","Tue","Wed","Thu","Fri","Sat","Sun"],

    datasets:[{

      label:"AI Analytics",

      data:[12,19,8,15,25,18,30],

      borderWidth:3,
      tension:0.4

    }]

  },

  options:{

    responsive:true,

    plugins:{
      legend:{
        labels:{
          color:"white"
        }
      }
    },

    scales:{

      y:{
        ticks:{
          color:"white"
        }
      },

      x:{
        ticks:{
          color:"white"
        }
      }

    }

  }

});