Hugging Face's logo

Spaces:
bushra1dajam
/
APP_WAJEEZ
Sleeping

App Files Community
1
APP_WAJEEZ
File size: 4,153 Bytes 
9bebfc5
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
 
function logintoHome(event) {
    // Prevent the form submission
    event.preventDefault(); 
    // Redirect to the Flask profile route
    window.location.href = '/profile'; 
}

const casesData = {
    "cases": [
        {
            "type": "جنائية",
            "summary": "قضية سرقة منزل في حي السلام",
            "date": "2024-01-15"
        },
        {
            "type": "جنائية",
            "summary": "حادث مروري في شارع الملك فهد",
            "date": "2024-02-20"
        },
        {
            "type": "أحوال شخصية",
            "summary": "دعوى نفقة وحضانة",
            "date": "2024-01-10"
        },
        {
            "type": "أحوال شخصية",
            "summary": "طلب تعديل زيارة أطفال",
            "date": "2024-03-05"
        },
        {
            "type": "عام",
            "summary": "نزاع تجاري بين شركتين",
            "date": "2024-02-01"
        }
    ]
};
function processData(data) {
    const counts = {
        "جنائية": 0,
        "أحوال شخصية": 0,
        "عام": 0
    };
    
    data.cases.forEach(caseItem => {
        counts[caseItem.type]++;
    });

    return {
        labels: Object.keys(counts),
        data: Object.values(counts)
    };
}

// Create doughnut chart
function createDoughnutChart(processedData) {
    const ctx = document.getElementById('caseChart').getContext('2d');
    new Chart(ctx, {
        type: 'doughnut',
        data: {
            labels: processedData.labels,
            datasets: [{
                data: processedData.data,
                backgroundColor: ['#003366', '#36A2EB', '#8dc9e5'],
                hoverBackgroundColor: ['#40372E', '#A88A6C', '#ADA195'],
                borderWidth: 1
            }]
        },
        options: {
            responsive: true,
            plugins: {
                legend: {
                    position: 'bottom',
                    labels: {
                        font: { size: 14 }
                    }
                },
                tooltip: {
                    callbacks: {
                        label: function(context) {
                            const label = context.label || '';
                            const value = context.formattedValue;
                            const total = context.dataset.data.reduce((a, b) => a + b, 0);
                            const percentage = Math.round((context.raw / total) * 100);
                            return `${label}: ${value} (${percentage}%)`;
                        }
                    }
                }
            },
            cutout: '60%'
        }
    });
}

// Display summaries
function displaySummaries(data) {
    const summariesContainer = document.getElementById('caseSummaries');
    data.cases.forEach(caseItem => {
        const summaryDiv = document.createElement('div');
        let className = '';
        switch(caseItem.type) {
            case 'جنائية':
                className = 'criminal';
                break;
            case 'أحوال شخصية':
                className = 'personal';
                break;
            case 'عام':
                className = 'general';
                break;
        }
        summaryDiv.className = `case-summary ${className}`;
        summaryDiv.innerHTML = `
            <strong>${caseItem.type}</strong>
            <p>${caseItem.summary}</p>
            <small>${new Date(caseItem.date).toLocaleDateString('ar-SA')}</small>
        `;
        summariesContainer.appendChild(summaryDiv);
    });
}

document.addEventListener('DOMContentLoaded', function() {
    const doughnutData = processData(casesData);
    const totalDocuments = casesData.cases.length; // Calculate total number of documents (cases)

    // Create doughnut chart
    createDoughnutChart(doughnutData);

    // Display the total number of documents
    document.getElementById('totalDocuments').innerHTML = `إجمالي عدد القضايا: ${totalDocuments}`;

    // Display case summaries
    displaySummaries(casesData);
});