Commit 5ec37743a541353d8881a1ede2361913654eaf73
Merge branch 'master' of http://service.routetopa.eu:7480/WebCompDev/COMPONENTS
Showing
1 changed file
with
25 additions
and
1 deletions
controllets/cocreation-paper-card-controllet/cocreation-paper-card-controllet.html
| 1 | <link rel="import" href="../../bower_components/polymer/polymer.html"/> | 1 | <link rel="import" href="../../bower_components/polymer/polymer.html"/> |
| 2 | <link rel="import" href="../../bower_components/paper-card/paper-card.html"/> | 2 | <link rel="import" href="../../bower_components/paper-card/paper-card.html"/> |
| 3 | +<link rel="import" href="../../bower_components/paper-fab/paper-fab.html"> | ||
| 3 | <link rel="import" href="../../bower_components/paper-icon-button/paper-icon-button.html"/> | 4 | <link rel="import" href="../../bower_components/paper-icon-button/paper-icon-button.html"/> |
| 4 | <link rel="import" href="../../bower_components/paper-button/paper-button.html"/> | 5 | <link rel="import" href="../../bower_components/paper-button/paper-button.html"/> |
| 5 | <link rel="import" href="../../bower_components/iron-icon/iron-icon.html"/> | 6 | <link rel="import" href="../../bower_components/iron-icon/iron-icon.html"/> |
| @@ -67,6 +68,13 @@ | @@ -67,6 +68,13 @@ | ||
| 67 | min-width: 310px; | 68 | min-width: 310px; |
| 68 | min-height: 188px; | 69 | min-height: 188px; |
| 69 | } | 70 | } |
| 71 | + .badge{ | ||
| 72 | + position: absolute; | ||
| 73 | + right: 5px; | ||
| 74 | + bottom: 5px; | ||
| 75 | + background: #2196F3; | ||
| 76 | + } | ||
| 77 | + | ||
| 70 | </style> | 78 | </style> |
| 71 | 79 | ||
| 72 | 80 | ||
| @@ -80,6 +88,12 @@ | @@ -80,6 +88,12 @@ | ||
| 80 | <span class="from">{{from}}</span> | 88 | <span class="from">{{from}}</span> |
| 81 | <iron-icon class="icon-to" icon="alarm-off"></iron-icon> | 89 | <iron-icon class="icon-to" icon="alarm-off"></iron-icon> |
| 82 | <span class="to">{{to}}</span> | 90 | <span class="to">{{to}}</span> |
| 91 | + <template is="dom-if" if="{{!checkRoomType(roomType)}}"> | ||
| 92 | + <paper-fab mini icon="assessment" class="badge data"></paper-fab> | ||
| 93 | + </template> | ||
| 94 | + <template is="dom-if" if="{{checkRoomType(roomType)}}"> | ||
| 95 | + <paper-fab mini icon="description" class="badge knowledge"></paper-fab> | ||
| 96 | + </template> | ||
| 83 | </div> | 97 | </div> |
| 84 | </div> | 98 | </div> |
| 85 | <div class="card-actions"> | 99 | <div class="card-actions"> |
| @@ -127,6 +141,10 @@ | @@ -127,6 +141,10 @@ | ||
| 127 | roomUrl: { | 141 | roomUrl: { |
| 128 | type: String, | 142 | type: String, |
| 129 | value: undefined | 143 | value: undefined |
| 144 | + }, | ||
| 145 | + roomType:{ | ||
| 146 | + type: String, | ||
| 147 | + value: undefined | ||
| 130 | } | 148 | } |
| 131 | }, | 149 | }, |
| 132 | 150 | ||
| @@ -142,8 +160,14 @@ | @@ -142,8 +160,14 @@ | ||
| 142 | 160 | ||
| 143 | _onExplore: function(e){ | 161 | _onExplore: function(e){ |
| 144 | window.location = this.roomUrl; | 162 | window.location = this.roomUrl; |
| 145 | - } | 163 | + }, |
| 146 | 164 | ||
| 165 | + checkRoomType: function(type){ | ||
| 166 | + if(type == "knowledge") | ||
| 167 | + return true; | ||
| 168 | + else | ||
| 169 | + return false; | ||
| 170 | + } | ||
| 147 | }) | 171 | }) |
| 148 | </script> | 172 | </script> |
| 149 | 173 |