Browse Source

passed to angular-material as css framework

master
arnaucode 7 years ago
parent
commit
d2168204dd
3 changed files with 14 additions and 7 deletions
  1. +9
    -3
      www/index.html
  2. +1
    -0
      www/js/app.js
  3. +4
    -4
      www/templates/travel.html

+ 9
- 3
www/index.html

@ -11,9 +11,15 @@
<!-- IF using Sass (run gulp sass first), then uncomment below and remove the CSS includes above <!-- IF using Sass (run gulp sass first), then uncomment below and remove the CSS includes above
<link href="css/ionic.app.css" rel="stylesheet"> <link href="css/ionic.app.css" rel="stylesheet">
--> -->
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.teal-indigo.min.css" />
<script defer src="https://code.getmdl.io/1.3.0/material.min.js"></script>
<!-- material design css framework -->
<!-- angular-material -->
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/angular_material/1.1.0/angular-material.min.css">
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-animate.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-aria.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-messages.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angular_material/1.1.0/angular-material.min.js"></script>
<!-- ionic/angularjs js --> <!-- ionic/angularjs js -->
<script src="lib/ionic/js/ionic.bundle.js"></script> <script src="lib/ionic/js/ionic.bundle.js"></script>

+ 1
- 0
www/js/app.js

@ -12,6 +12,7 @@ var urlapi = "http://localhost:3000/api/";
angular.module('starter', [ angular.module('starter', [
'ionic', 'ionic',
'ngMaterial',
'pascalprecht.translate', 'pascalprecht.translate',
'app.login', 'app.login',
'app.signup', 'app.signup',

+ 4
- 4
www/templates/travel.html

@ -4,10 +4,10 @@
<img ng-src="img/{{travel.type}}.png" /> <img ng-src="img/{{travel.type}}.png" />
<div class="item-note o-text-right"> <div class="item-note o-text-right">
<p> <p>
<span class="mdl-chip mdl-chip--contact" ng-href="#/app/users/{{travel.user._id}}">
<img class="mdl-chip__contact" src="{{travel.user.avatar}}"></img>
<span class="mdl-chip__text">{{travel.user.username}}</span>
</span>
<md-button class="md-raised" ng-href="#/app/users/{{travel.user._id}}">
<img class="mdl-chip__contact" style="width: 30px;" ng-src="{{travel.user.avatar}}"></img>
{{travel.user.username}}
</md-button>
</p> </p>
<p ng-show="storageuser._id==travel.user._id" class="text-right"> <p ng-show="storageuser._id==travel.user._id" class="text-right">
<a ng-click="deleteTravel()" class="button button-small o_bRed"><i class="icon ion-trash-a"></i></a> <a ng-click="deleteTravel()" class="button button-small o_bRed"><i class="icon ion-trash-a"></i></a>

Loading…
Cancel
Save