daily pastebin goal
58%
SHARE
TWEET

Untitled

a guest Feb 20th, 2019 54 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <div ng-app ng-init="platser = ['Göteborg', 'Stockholm', 'Malmö', 'Norköping', 'Jonköping', 'Karlstad', 'Skåne', 'Borås', 'Mariastad', 'Västerås']">
  2.   <form name="train" class="uk-padding">
  3.     <legend class="uk-legend">Boka tåg l 2019-02-20</legend>
  4.     <div class="uk-margin">
  5.         <div class="uk-inline">
  6.             <span class="uk-form-icon" uk-icon="icon: user"></span>
  7.             <input class="uk-input" type="text" placeholder="Namn" name="user" ng-model="user" required>
  8.         </div>
  9.       <span ng-if="train.user.$touched && train.user.$invalid"><span uk-icon="warning"></span> Fyll i ditt namn</span>
  10.     </div>
  11.     <div class="uk-margin">
  12.         <div class="uk-inline">
  13.             <span class="uk-form-icon" uk-icon="icon: receiver"></span>
  14.             <input class="uk-input" type="number" placeholder="Telefon Nummer" name="telefon" ng-model="telefon" required>
  15.         </div>
  16.     </div>
  17.      <div class="uk-margin">
  18.         <div class="uk-form-label">Välj plats:</div>
  19.         <div class="uk-form-controls uk-form-controls-text" required>
  20.           <label><input class="uk-radio" type="radio" name="fönster">  Fönster</label><br>
  21.           <label><input class="uk-radio" type="radio" name="gång"> Gång</label><br>
  22.           <label><input class="uk-radio" type="radio" name="tyst"> Tyst Avdelning</label>
  23.         </div>
  24.     </div>
  25.      <div class="uk-margin">
  26.         <div class="uk-inline">
  27.             <span class="uk-form-icon" uk-icon="icon: location"></span>
  28.             <input class="uk-input" type="text" placeholder="Välj stad" name="stad" ng-model="searchterm" required>
  29.         </div>
  30.        <ul>
  31.         <li ng-repeat="x in platser | filter:searchterm">
  32.           {{ x }}
  33.         </li>
  34.       </ul>
  35.     </div>
  36.      <div ng-if="train.$valid" class="uk-margin">
  37.         <div class="uk-inline">
  38.           <input class="uk-input" type="submit" placeholder="boka" name="boka" ng-model="boka" required>
  39.         </div>
  40.     </div>  
  41.   </form>
  42.   <div ng-if="train.$submitted">
  43.     <table class="uk-table uk-table-hover uk-table-divider">
  44.       <div class="uk-alert-success" uk-alert>
  45.         <a class="uk-alert-close" uk-close></a>
  46.         <p style="text-align:center;color:#000;">Bokning lyckades. Tack för att du valde oss!</p>
  47.       </div>
  48.       <thead>
  49.         <tr>
  50.           <th>Namn</th>
  51.           <th>Telefon Nummer</th>
  52.         </tr>
  53.       </thead>
  54.       <tbody>
  55.         <tr>
  56.           <td>{{ namn }}</td>
  57.           <td>{{ telefon }}</td>
  58.         </tr>
  59.       </tbody>
  60.     </table>
  61.   </div>
  62.   </div>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top