passed to angular-material as css framework

This commit is contained in:
arnaucode
2017-01-26 18:10:40 +01:00
parent 5332f6d0db
commit d2168204dd
3 changed files with 14 additions and 7 deletions

View File

@@ -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" /> <!-- material design css framework -->
<script defer src="https://code.getmdl.io/1.3.0/material.min.js"></script> <!-- 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>

View File

@@ -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',

View File

@@ -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}}"> <md-button class="md-raised" ng-href="#/app/users/{{travel.user._id}}">
<img class="mdl-chip__contact" src="{{travel.user.avatar}}"></img> <img class="mdl-chip__contact" style="width: 30px;" ng-src="{{travel.user.avatar}}"></img>
<span class="mdl-chip__text">{{travel.user.username}}</span> {{travel.user.username}}
</span> </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>