arabicExcel.html 6.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181
  1. <!DOCTYPE html>
  2. <html lang="ar">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6. <meta name="description" content="">
  7. <meta name="author" content="">
  8. <title>نقاط الامتحانات</title>
  9. <!-- Bootstrap core CSS -->
  10. <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.min.css" />
  11. <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
  12. <!-- Excel export -->
  13. <script type="text/javascript" src="../libs/FileSaver/FileSaver.min.js"></script>
  14. <script type="text/javascript" src="../tableExport.min.js"></script>
  15. </head>
  16. <body>
  17. <nav class="navbar navbar-inverse navbar-fixed-top">
  18. <div class="container-fluid">
  19. <div id="navbar" class="navbar-collapse collapse">
  20. <ul class="nav navbar-nav navbar-right">
  21. <li><a href="#" class="glyphicon glyphicon-home"></a></li>
  22. </ul>
  23. <form class="navbar-form navbar-right">
  24. <input type="text" class="search form-control" placeholder="بحث" id="search_eleve">
  25. </form>
  26. </div>
  27. </div>
  28. </nav>
  29. <div class="container-fluid">
  30. <div class="row">
  31. <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
  32. <h1 class="page-header">لوحة القيادة</h1>
  33. <div class="row placeholders">
  34. <div class="col-xs-6 col-sm-3 placeholder">
  35. <h4>الفوج</h4>
  36. </div>
  37. <div class="col-xs-6 col-sm-3 placeholder">
  38. <h4>المستوى</h4>
  39. </div>
  40. <div class="col-xs-6 col-sm-3 placeholder">
  41. <h4>المؤسسة</h4>
  42. </div>
  43. <div class="col-xs-6 col-sm-3 placeholder">
  44. <h4>الطور</h4>
  45. </div>
  46. </div>
  47. <div class="row placeholders">
  48. <div class="col-xs-6 col-sm-3 placeholder">
  49. <select required="true" name="groupe">
  50. <option value="1">1</option>
  51. <option value="2">2</option>
  52. <option value="3">3</option>
  53. <option value="4">4</option>
  54. <option value="5">5</option>
  55. </select>
  56. </div>
  57. <div class="col-xs-6 col-sm-3 placeholder" id="filtre_niveau">
  58. <select required="true" name="classe">
  59. <option value="4">4</option>
  60. <option value="5">5</option>
  61. </select>
  62. </div>
  63. <div class="col-xs-6 col-sm-3 placeholder">
  64. <select required="true" name="etablissement">
  65. <option value="مؤسسة">مؤسسة</option>
  66. </select>
  67. </div>
  68. <div class="col-xs-6 col-sm-3 placeholder">
  69. <select required="true" name="niveau">
  70. <option value="ابتدائي">ابتدائي</option>
  71. <option value="متوسط">متوسط</option>
  72. </select>
  73. </div>
  74. </div>
  75. <h2 class="sub-header">قائمة التلاميذ</h2>
  76. <div class="table-responsive">
  77. <table class="table table-striped" id="tableau_eleves">
  78. <thead>
  79. <tr>
  80. <th>العمليات</th>
  81. <th>ث3</th>
  82. <th>ث2</th>
  83. <th>ث1</th>
  84. <th> الفوج</th>
  85. <th> المستوى</th>
  86. <th> المؤسسة</th>
  87. <th> الطور</th>
  88. <th>مكان الميلاد</th>
  89. <th>تاريخ الميلاد</th>
  90. <th>الاسم</th>
  91. <th>اللقب</th>
  92. <th>رقم التسجيل</th>
  93. </tr>
  94. </thead>
  95. <tbody>
  96. <tr>
  97. <td>
  98. <button type="submit" name="btn-login" class="btn btn-warning">
  99. تعديل
  100. </button>
  101. </td>
  102. <td><input type="number" min="0" max="20" step="0.01" value="15.64" name="moyenne" required="true" disabled></td>
  103. <td><input type="number" min="0" max="20" step="0.01" name="moyenne" required="true"></td>
  104. <td><input type="number" min="0" max="20" step="0.01" name="moyenne" required="true"></td>
  105. <td>2</td>
  106. <td>4</td>
  107. <td>قداش الطاهر</td>
  108. <td>ابتدائي</td>
  109. <td>الطارف</td>
  110. <td>17/06/2009</td>
  111. <td>بن فلان</td>
  112. <td>محمد</td>
  113. <td>0001</td>
  114. </tr>
  115. <tr>
  116. <td>
  117. <button type="submit" name="btn-login" class="btn btn-warning">
  118. تعديل
  119. </button>
  120. </td>
  121. <td><input type="number" min="0" max="20" step="0.01" name="moyenne" required="true"></td>
  122. <td><input type="number" min="0" max="20" step="0.01" name="moyenne" required="true"></td>
  123. <td><input type="number" min="0" max="20" step="0.01" name="moyenne" required="true"></td>
  124. <td>1</td>
  125. <td>5</td>
  126. <td> لبرق موسى</td>
  127. <td>متوسط</td>
  128. <td>الذرعان</td>
  129. <td>18/02/2003</td>
  130. <td>بن فلان</td>
  131. <td>سارة</td>
  132. <td>0002</td>
  133. </tr>
  134. </tbody>
  135. </table>
  136. </div>
  137. <div class="form-group" id="form_buttons">
  138. <button type="reset" name="btn-login" class="btn btn-danger">
  139. <i class="glyphicon glyphicon-thumbs-down"></i> مسح
  140. </button>
  141. <button type="submit" name="btn-login" class="btn btn-success">
  142. <i class="glyphicon glyphicon-thumbs-up "></i> تأكيد
  143. </button>
  144. </div>
  145. </div>
  146. <div class="col-sm-3 col-md-2 sidebar">
  147. <ul class="nav nav-sidebar">
  148. <!--<li class="active"><a href="dashboard.html">الرئيسية <span class="sr-only">(current)</span></a></li>-->
  149. <li><a class="glyphicon glyphicon-log-out" href="index.php" >خروج</a></li>
  150. <li><a class="glyphicon glyphicon-export" href="#" onclick="$('#tableau_eleves').tableExport({type:'excel',escape:false});">تصدير</a></li>
  151. </ul>
  152. </div>
  153. </div>
  154. </div>
  155. </body>
  156. </html>