Use Tazkrtak API instead of Counterfeit

_config.yml

@@ -1,8 +1,8 @@
 # Site settings
 title               : تذكرتك
 description         : متابعة برامج تذكرتك عن طريق متصفح الإنترنت
-url                 : "https://tazkrtak-admin.web.app"
-root-endpoint       : "https://my-json-server.typicode.com/tazkrtak/counterfeit"
+url                 : https://tazkrtak-admin.web.app
+root-endpoint       : https://tazkrtak-api.web.app
 
 # Build settings
 markdown            : kramdown

_data/counters.yml

@@ -1,15 +1,15 @@
 - name: المستخدمون
   id: users
-  endpoint: "/users-count"
+  endpoint: "/users/total"
 
 - name: الدخل
   id: income
-  endpoint: "/users-count"
+  endpoint: "/transactions/income"
 
 - name: الحافلات
   id: buses
-  endpoint: "/buses-count"
+  endpoint: "/buses/total"
 
-- name: المفتشون
+- name: الموظفون
   id: collectors
-  endpoint: "/buses-count"
+  endpoint: "/staff/total"

_data/usage-charts.yml

@@ -1,5 +1,5 @@
 title: الاستخدام
-endpoint: ""
+endpoint: "/transactions"
 intervals:
   - name: شهر
     id: months

assets/js/buses-charts.js

@@ -14,7 +14,7 @@ fetchBusesData().then(data => {
 });
 
 async function fetchBusesData() {
-  const root = "{{ site.root-endpoint }}";
+  const root = "https://my-json-server.typicode.com/tazkrtak/counterfeit";
   const endpoint = "{{ site.data.buses-charts.endpoint }}";
   const response = await fetch(`${root}${endpoint}`);
   return await response.json();

assets/js/counters.js

@@ -3,7 +3,7 @@
 
 {% for counter in site.data.counters %}
 fetchCounterData("{{ counter.endpoint }}").then(data => {
-  new CountUp("{{ counter.id }}-counter", 0, data.value, 0, 1).start();
+  new CountUp("{{ counter.id }}-counter", 0, data.total, 0, 1).start();
 });
 {% endfor %}
 

assets/js/usage-charts.js

@@ -3,16 +3,16 @@
 
 {% for interval in site.data.usage-charts.intervals %}
 fetchUsageData("{{ interval.endpoint }}").then(data => {
-    const x = data.map(month => month.number);
-    const y = data.map(month => month.usage);
+    const x = data.map(interval => interval.name);
+    const y = data.map(interval => interval.transactions);
     createUsageChart("{{ interval.id }}-chart", x, y);
   });
 {% endfor %}
 
 async function fetchUsageData(interval) {
   const root = "{{ site.root-endpoint }}";
   const endpoint = "{{ site.data.usage-charts.endpoint }}";
-  const response = await fetch(`${root}${endpoint}/${interval}`);
+  const response = await fetch(`${root}${endpoint}${interval}`);
   return await response.json();
 }