Improve app design

Author: islamiaat

README.md

@@ -1,49 +1,60 @@
-# Altaqwaa-Islamic-Desktop-Application
-
+![preview|690x388](/screenshots/Featured_banner.png)
 <br>
 
-#### التقوى | تطبيق إسلامي لسطح المكتب يعمل على انظمة التشغيل ويندوز ولينكس
+- - -
 
 <br>
 
-<p align="center">
-  <img align="center" src="/github/1.png"> <br><br><br><br>
-  <img align="center" src="/github/2.png"> <br><br>
-  <img align="center" src="/github/3.png"> <br><br>
-  <img align="center" src="/github/4.png"> <br><br>
-  <img align="center" src="/github/5.png"> <br><br>
-  <img align="center" src="/github/8.png"> <br><br>
-</p>
+**تطبيق إسلامي مفتوح المصدر يعمل على أنظمة التشغيل ويندوز ولينكس سهل الإستخدام و جامع للكثير من  الميزات التي يحتاجها المسلم في يومه**
 
+<br>
 
-<br><br>
 
+- - -
 
-## مميزات التطبيق
+# مميزات التطبيق
+<br>
 
-- القرآن الكريم كتابة و صوت
-- حصن المسلم
-- أسماء الله الحسنى ومعانيها
+- القرآن الكريم `نص`
+- القرآن الكريم `صوت`
 - أذكار الصباح
-- أذكار المساء
-- أذكار النوم
+- أذكار المساء 
 - أذكار الطعام 
+- أذكار النوم 
 - أذكار الصلاة
-- تسابيح
-- مواقيت الصلاة
-- إشعار صوت وكتابة بدخول وقت الصلاة
-- إشعارات أذكار متنوعة
-- بدء تشغيل التطبيق مع بدء تشغيل النظام (ويندوز فقط)
-- إشعارات صوت أذكار الصباح والمساء
-- إمكانية إيقاف وتفعيل الإشعارات
-- قريباً
+- تسابيح 
+- مواقيت الصلاة حسب إحداثيات موقعك عبر الـ (**ip**)
+- إمكانية تعديل موقعك (**عبر إدخال خطوط الطول والعرض**) و المنطقة الزمنية
+- تغير طريقة حساب أوقات الصلاة (**ام القرى , رابطة العالم الإسلامي ,الهيئة المصرية العامة للمساحة الخ ...**)
+- إشعار صوتي (**أذان**) بدخول وقت الصلاة 
+- إشعار صوتي بـ أذكار الصباح والمساء
+- بدء تشغيل التطبيق مع بدء تشغيل النظام (**ويندوز فقط**)
+- إيقاف وتشغيل الإشعارات 
+- نافذة شريط القوائم (**منطقة الإعلامات**) تبين الساعة + الصلاة القادمة
+
+<br>
+
+---
+
+<br>
 
-## العيوب
+# صور الشاشة
+
+<br>
+
+| ![altaqwaa](/screenshots/1.png) | ![altaqwaa](/screenshots/2.png) |
+|:------------------------|----------------------|
+| ![altaqwaa](/screenshots/3.png) | ![altaqwaa](/screenshots/4.png) |
+| ![altaqwaa](/screenshots/5.png) | ![altaqwaa](/screenshots/6.png) |
+| ![altaqwaa](/screenshots/7.png) | ![altaqwaa](/screenshots/8.png) |
+| ![altaqwaa](/screenshots/9.png) | ![altaqwaa](/screenshots/9.png) |
 
-- مقاس التطبيق ثابت 
-- 900px X 550px
 
-## تنزيل التطبيق
+
+
+<br>
+
+# تنزيل التطبيق
 
 <br><br>
 
@@ -65,46 +76,83 @@
 
 <br><br>
 
-## قم  بتشغيل التطبيق في وضع التطوير 
+
+# قم بتشغيل التطبيق في وضع التطوير
 
 <br><br>
 
-##### متطلبات التشغيل 
+##### متطلبات التشغيل
+
 - nodejs
-- git 
+
+- git
+
 - yarn
 
 <br>
 
 ```bash
 
 git clone https://github.com/rn0x/Altaqwaa-Islamic-Desktop-Application
+
 cd Altaqwaa-Islamic-Desktop-Application
+
 yarn install
+
 yarn run dev
 
 ```
+
 <br>
 
-#### build 
+#### build
 
 <br>
 
 ```bash
 
 #Windows
+
 yarn run packwin
 
 #Linux
-yarn run packlinux
 
+yarn run packlinux
 
 ```
-<br><br><br><br><br><br>
 
-### لقطات شاشة
+![cmd_2|690x171](/screenshots/cmd_1.png)
 
-<p align="center">
-  <img align="center" src="/github/6.png"> <br>
-  <img align="center" src="/github/7.png">
-</p>
+![cmd_1|690x205](/screenshots/cmd_2.png)
+
+# التبعيات 
+- adhan-js
+- electron
+- fs-extra
+- moment-js
+- node-fetch
+- request
+- menubar
+
+<br>
+
+
+# المصادر 
+
+<br>
+
+|          مصدر        |           الرابط          |
+|:--------------------------|------------------------|
+| القرآن الكريم | https://github.com/rn0x/Quran-Json |
+| ملفات صوت القرآن الكريم | https://www.mp3quran.net/api/_arabic.json |
+| الأذكار | https://www.islambook.com/azkar |
+| الحصول على إحداثيات الموقع | http://ip-api.com/json | 
+| الأيقونات | https://www.flaticon.com |
+| خطوط | https://fonts.qurancomplex.gov.sa/wp02 | 
+| خطوط | https://github.com/rastikerdar/vazirmatn |
+
+
+<br>
+
+
+# سبحانك اللهم وبحمدك أشهد أن لا إله إلا أنت أستغفرك وأتوب إليك

Window/audio_window.js

@@ -0,0 +1,52 @@
+const path = require('path');
+
+module.exports = function audio_window(BrowserWindow, ipcMain, app) {
+
+    let win
+
+    ipcMain?.handle('App_Path3', async () => {
+        return path.join(app?.getPath("appData"), './altaqwaa');
+    });
+    ipcMain?.on('closed3', () => {
+        if (win?.isVisible()) {
+            win?.hide();
+        }
+    });
+    ipcMain?.on('show3', () => {
+        win?.show();
+    });
+
+    win = new BrowserWindow({
+        width: 600,
+        height: 200,
+        x: 450,
+        y: 0,
+        show: false,
+        center: true,
+        frame: false,
+        resizable: false,
+        title: 'التقوى',
+        icon: path.join(__dirname, '../build/icons/icon.png'),
+        webPreferences: {
+            sandbox: false,
+            preload: path.join(__dirname, '../preload/audio_window.js')
+        }
+    });
+
+
+    win.removeMenu();
+
+    // and load the file.pug of the app.
+    win?.loadFile(path.join(__dirname, '../pages/audio_window.html'));
+
+    win?.once('ready-to-show', () => {
+        win?.hide();
+        //win.webContents.openDevTools();
+    });
+
+    win?.on('closed', (event) => {
+        event?.preventDefault();
+        win = null
+    });
+
+}

Window/home.js

@@ -0,0 +1,114 @@
+const path = require('path');
+const createFile = require('../module/createFile.js');
+const tray_window = require('./tray_window.js')
+const location = require('../module/location.js');
+
+module.exports = async function homeWindow(BrowserWindow, ipcMain, app, Tray, Menu, globalShortcut) {
+
+    createFile(path.join(app.getPath("appData"), './altaqwaa'));
+    await location(path.join(app?.getPath("appData"), './altaqwaa'));
+    let win
+    let tray
+    let contextMenu
+
+    win = new BrowserWindow({
+        width: 1000,
+        height: 600,
+        minWidth: 1000,
+        minHeight: 600,
+        show: false,
+        center: true,
+        frame: false,
+        title: 'التقوى',
+        icon: path.join(__dirname, '../build/icons/icon.png'),
+        webPreferences: {
+            nodeIntegration: true,
+            sandbox: false,
+            preload: path.join(__dirname, '../preload/preload.js')
+        }
+    });
+
+    win.removeMenu();
+    // and load the file.pug of the app.
+    win?.loadFile(path.join(__dirname, '../pages/home.html'));
+
+    win?.once('ready-to-show', () => {
+        win?.show();
+        //win.webContents.openDevTools();
+    });
+
+    win?.on('minimize', (event) => {
+        event?.preventDefault();
+        win?.hide();
+    });
+
+    win?.on('closed', (event) => {
+
+        event?.preventDefault();
+        // tray?.destroy();
+        tray = null
+        contextMenu = null
+        win = null
+        app?.quit()
+    });
+
+    ipcMain?.on('closed', () => win?.close());
+
+    ipcMain?.on('minimizable', () => {
+
+        if (win?.isMaximized()) win?.unmaximize();
+        else win?.maximize();
+    });
+
+    ipcMain?.on('minimize', () => win?.minimize());
+    ipcMain?.handle('App_Path', async () => {
+        let App_Path = path.join(app?.getPath("appData"), '/altaqwaa');
+        return App_Path
+    });
+
+    contextMenu = Menu.buildFromTemplate([
+        {
+            label: 'عرض التطبيق', click: function () {
+                win.isVisible() ? win.hide() : win.show()
+            }
+        },
+        {
+            label: 'إغلاق', click: function () {
+                if (win !== null) {
+                    win?.close();
+                }
+                else if (win === null) homeWindow()
+                app.isQuiting = true;
+                app?.quit();
+            }
+        }
+    ]);
+    tray = new Tray(path.join(__dirname, '../build/icons/icon.png'));
+    tray?.setContextMenu(contextMenu);
+    tray?.setToolTip("التقوى");
+
+    tray_window(tray, win, ipcMain, app);
+
+    if (process.argv.includes('--hidden')) {
+
+        win?.hide()
+
+    }
+
+    globalShortcut?.register('Ctrl+shift+T', () => {
+
+        if (win?.isVisible()) {
+            win?.hide()
+        }
+        else {
+            win?.show()
+        }
+
+    });
+
+    app?.on('before-quit', function () {
+        tray?.destroy();
+    });
+
+
+}