Farsi-Smart-Assistant/options.html at main · AmirMotefaker/Farsi-Smart-Assistant · 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
<!DOCTYPE html>
<html>
<head>
    <title>تنظیمات دستیار هوشمند</title>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="popup.css"> <style>
        /* استایل‌های اختصاصی برای صفحه تنظیمات */
        body {
            width: 600px;
            padding: 20px;
        }
        .container {
            max-width: 560px;
            margin: 0 auto;
        }
        .setting-section {
            background-color: var(--panel-background);
            padding: 20px;
            border-radius: 10px;
            border: 1px solid var(--border-color);
            margin-bottom: 20px;
        }
        .setting-section h4 {
            margin-top: 0;
            margin-bottom: 8px;
            color: var(--primary-text-color);
        }
        .setting-section p {
            font-size: 14px;
            color: var(--secondary-text-color);
            margin-top: 0;
        }
        textarea, input {
            width: 100%;
            padding: 10px;
            border: 2px solid var(--border-color);
            border-radius: 8px;
            font-size: 14px;
            font-family: 'Vazirmatn', sans-serif;
            box-sizing: border-box;
            resize: vertical;
        }
        textarea {
            min-height: 250px;
        }
        input[type="password"] {
            direction: ltr;
            text-align: left;
        }
        button {
            margin-top: 10px;
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="header">
            <h3>تنظیمات دستیار هوشمند</h3>
        </div>

        <div class="setting-section">
            <h4>دیکشنری شخصی شما</h4>
            <p>اصلاحات سفارشی خود را در هر خط به فرمت `فینگلیش = فارسی` وارد کنید.</p>
            <textarea id="customDictionary"></textarea>
            <button id="saveDictionaryButton" class="main-button-style">ذخیره دیکشنری</button>
        </div>

        <div class="setting-section">
            <h4>اتصال به هوش مصنوعی (OpenAI)</h4>
            <p>برای استفاده از قابلیت‌های پیشرفته، کلید API خود را که با `sk-` شروع می‌شود، وارد کنید.</p>
            <input type="password" id="apiKeyInput" class="api-key-input" placeholder="sk-...">
            <button id="saveApiKeyButton" class="main-button-style">ذخیره کلید API</button>
        </div>

        <div id="confirmation" class="confirmation" style="text-align: center;"></div>
    </div>
    <script src="options.js"></script>
</body>
</html>