forked from Mahmoudb7/faculty_meeting
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcomponents.php
136 lines (125 loc) · 4.24 KB
/
components.php
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
134
135
136
<?php
require_once "db.php";
require_once "functions.php";
?>
<!DOCTYPE html>
<html lang="en">
<?php
Head("الصفحة الرئيسية");
?>
<body dir="rtl">
<!-- Header And Links -->
<?php
Headers();
Nav();
?>
<!-- Components That Are Reusable -->
<div class="components">
<p>بعض ال components المتكررة وسيعاد استخدامها</p>
<!-- Button Or Anchor Tag Appear The Same With btn-basic Class -->
<!-- There is "disabled" class you can add to make a button not clickable-->
<p>زر button tag</p>
<button class="btn-basic">رفع ملف المجلس الموثق</button>
<p>زر button tag مغلق</p>
<button class="btn-basic disabled">تسجيل الحضور</button>
<p>زر anchor tag (link)</p>
<a href="#" class="btn-basic">حذف</a>
<p>زر anchor tag (link) مغلق</p>
<a href="#" class="btn-basic disabled">تعديل</a>
<form action="#">
<!-- Inputs -->
<p>text input bars :</p>
<input type="text" placeholder="اسم المستخدم" />
<input type="text" placeholder="رقم المجلس" />
<input type="password" placeholder="كلمة السر" />
<input type="email" placeholder="البريد الالكتروني" />
<!-- Radio Buttons -->
<p>Radio & checkbox Buttons :</p>
<input type="checkbox" />
<input type="checkbox" />
<input type="checkbox" />
<input type="radio" name="radio" />
<input type="radio" name="radio" />
<input type="radio" name="radio" />
<p>Dropdown List :</p>
<!-- Drop Down List -->
<div class="select-basic">
<select>
<option value="">اختر</option>
<option value="">كل القرارات</option>
<option value="">القرارات المنفذة</option>
<option value="">القرارات الغير منفذة</option>
</select>
</div>
<div class="select-basic">
<select>
<option value="">اختر</option>
<option value="">كل الموضوعات</option>
<option value="">موضوعات المجلس الحالي</option>
<option value="">موضوعات بالقرار</option>
<option value="">موضوعات بدون قرار</option>
</select>
</div>
<div class="select-basic">
<select>
<option value="">اختر</option>
<option value="">الموضوعات حسب دخولها</option>
<option value="">الموضوعات حسب الاولوية</option>
</select>
</div>
</form>
<p>Search Bar :</p>
<form class="search" action="#">
<input type="text" placeholder="بحث..." name="search" />
<button type="submit" class="btn-basic">
<i class="fa fa-search"></i>
</button>
</form>
<p style="margin-bottom: 10px">Upload Buttons:</p>
<!-- !Note That Each Upload Must have Different {id} & {for} attributes for {input} & {label} tags
!like : <label for="up1"></label> <input id="up1"/> -->
<div class="upload">
<div class="btn-basic">
<label for="up1">
رفع ملف المجلس الموثق
<i class="fa-solid fa-upload"></i>
<input id="up1" type="file" class="upload-button" multiple />
</label>
</div>
<div class="file-list"></div>
</div>
<div class="upload">
<div class="btn-basic">
<label for="up2">
رفع ملف المجلس الموثق
<i class="fa-solid fa-upload"></i>
<input id="up2" type="file" class="upload-button" multiple />
</label>
</div>
<div class="file-list"></div>
</div>
<div class="upload">
<div class="btn-basic">
<label for="up3">
رفع ملف المجلس الموثق
<i class="fa-solid fa-upload"></i>
<input id="up3" type="file" class="upload-button" multiple />
</label>
</div>
<div class="file-list"></div>
</div>
</div>
<!-- Another Content To Be Added Later (Just As an Example Ignore / Delete it) -->
<div class="another-content">باقي محتوى الصفحة هنا</div>
<?php
Footer();
?>
<!-- Js Scripts and Plugins -->
<script type="module" src="./js/main.js"></script>
<!-- font Awesome -->
<script
src="https://kit.fontawesome.com/eb7dada2f7.js"
crossorigin="anonymous"
></script>
</body>
</html>