Differences

This shows you the differences between two versions of the page.

Link to this comparison view

bootstrap1 [2019-02-18 10:15]
Joakim Forsgren 		bootstrap1 [2022-07-18 13:20]
Line 1: Line 1:
-====== Bootstrap 1 ====== 
- 
-  - Gå igenom denna [[https://www.w3schools.com/bootstrap4/default.asp|Tutorial]] 
-  - Ni ska jobba vidare med denna {{ https://student.oedu.se/~jf/code/bootstrap_1.tgz |kod}} 
-    - Fixa till resultatet från söket, det ska bli en tabell stylad med bootstrapklasser 
-    - Fixa till så att man får bra feedback på login sidan, lämpliga alerts från bootstrap 
-    - Fixa till Start-sidan så den innehåller mer än bara några bilder. 
-    - Ni ska lägga in er frågesport. Obs! Behåll den gamla, kopiera bara in det som behövs i denna uppgift. Ni ska i så stor grad som möjligt sätta er design utifrån att anpassa er markup och era klasser så att ni får layouten från bootstrap. 
-      - Ni ska lägga in lämpliga fontawesome ikoner. 
-      - Fixa felmeddelanden. 
-      - Se till så att era felmeddelanden stylas som boostrap alerts. 
-      - Styla upp allt. 
-      - Lämpligt kan vara att samla alla länkar (Topplista, svara osv...) i en dropdown meny (bootstrap) 
-      - Styla om era radio och checkboxar "the boostrap way". Nu ska ni ha två varianter av frågesporten och olika sätt att styla radio + checkbox. 
-<code php> 
-function set_message($message, $type = 'info') { 
-  $types = [ 
-    'secondary', 
-    'primary', 
-    'light', 
-    'dark', 
-    'success', 
-    'info', 
-    'warning', 
-    'danger', 
-  ]; 
-  if (in_array($type, $types)) { 
-    $_SESSION['message'][$type][] = $message; 
-  } 
-  else { 
-    set_message($type . ' is unknown type', 'danger'); 
-  } 
-} 
- 
-function get_messages() { 
-  if (!empty($_SESSION['message'])) { 
-    foreach ($_SESSION['message'] as $key1 => $type) { 
-      if (!empty($type)) { 
-        foreach ($type as $message) { 
-//          echo strtoupper($key1) . '! ' . $message . '<br>'; 
-          echo ' 
-          <div class="alert alert-' . $key1 . ' alert-dismissible fade show" role="alert"> 
-            <strong>' . strtoupper($key1) . '!</strong>' . $message . ' 
-            <button type="button" class="close" data-dismiss="alert" aria-label="Close"> 
-              <span aria-hidden="true">&times;</span> 
-            </button> 
-          </div> 
-          '; 
- 
-        } 
-      } 
-    } 
-  } 
-  unset($_SESSION['message']); 
-} 
-</code>