Skip to content

Commit 0436a56

Browse files
SebastianMetzgerSebastianMetzger
committed
started sumbees mock up branch
1 parent a20c661 commit 0436a56

File tree

3 files changed

+75
-46
lines changed

3 files changed

+75
-46
lines changed

‎controllers/controllers.js

Lines changed: 36 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -30,57 +30,65 @@ app.controller("YourController", ['$scope', '$mdDialog', '$mdSidenav', function(
3030

3131
$scope.chunks = [
3232
{
33-
title: "Something",
34-
description: "Lorem Ipsum Dolor Set Shalalala",
33+
title: "Today",
34+
divider: true
35+
},
36+
{
37+
title: "Dell’s Life After Wall Street - NYTimes.com",
38+
description: "Dell is trying to graduate/evolve/pivot from PCs to lots of other products & industries. Still being the backbone of the company, PC sales are financing the transition, but new products are supporting PC/server sales as well. Dell/the article don't give any numbers yet on how well (or not) those new categories are working. Increased risk for increased potential upside.",
3539
expanded: false,
3640
content: {
3741
type: "QUOTE",
38-
quote: "And he saw that it was good"
42+
quotes: ["A year after spending $24.9 billion taking his computer company private", " Mr. Dell will try to persuade people that his company is about far more than the personal computers and computer servers it has been known for, with products intended for things as varied as the cloud computing networks of global enterprises and handy personal devices.", " a transformation(...)he actually started six years ago, spending $18 billion on 40 acquisitions", "The new Dell has software, equipment for data storage and computer networking, services and sensors. It is developing software that measures facial expressions, voice tone, even how we individually swipe key cards. There is a device that can make a hotel room’s digital television into a secure corporate computer. A Dell tablet is the world’s thinnest and lightest,(...)And, of course, there are lots of new personal computers.", " The question is: Can Dell ignite sales enough to become less reliant on the same old business?", "As a private firm, its deals move faster — exactly what Mr. Dell wanted. Last March, Dell bought Statsoft, a(...)maker of predictive analytic software.(...)it took two meetings with Mr. Dell lasting a total of two hours and 15 minutes. “In a public company, there would be at least one board meeting about this, maybe two, so that would be two quarters", "Dell had about 110,000 employees(...) and(...)now(...)90,000. It is unclear how many more cuts there will be.", " his three-quarter stake in Dell is a significant amount of his net worth, estimated at $16 billion"]
3943
}
4044
},
4145
{
42-
title: "Another Something",
43-
description: "Lorem Ipsum Dolor Set Shalalala",
46+
title: "Google demonstrates its power over the press by cowing German publishers | PandoDaily",
47+
description: "German publishers drop their lawsuit against Google for now (they were suing them over using unlicensed text snippets in their news product), because of Google's 'overwhelming market power'. This is after Google pulled the excerpts from several newspapers (leaving them with much less traffic?).",
4448
expanded: false,
4549
content: {
4650
type: "QUOTE",
47-
quote: "And he saw that it was good"
51+
quotes: ["And he saw that it was good"]
4852
}
4953
},
5054
{
51-
title: "And even another Something",
52-
description: "Lorem Ipsum Dolor Set Shalalala",
55+
title: "Sidechains – AVC",
56+
description: "Fred Wilson gives a simple explanation of 'pegged sidechains', and their importantance to the future of the #bitcoin ecosystem. Worth the read.",
5357
expanded: false,
5458
content: {
5559
type: "QUOTE",
56-
quote: "And he saw that it was good"
60+
quotes: ["And he saw that it was good"]
5761
}
5862
},
5963
{
60-
title: "And even another Something",
64+
title: "Yesterday",
65+
divider: true
66+
},
67+
{
68+
title: "UBS CIO: Blockchain Technology Can Massively Simplify Banking - Digits - WSJ",
6169
description: "Lorem Ipsum Dolor Set Shalalala",
6270
expanded: false,
6371
content: {
6472
type: "QUOTE",
65-
quote: "And he saw that it was good"
73+
quotes: ["And he saw that it was good"]
6674
}
6775
},
6876
{
69-
title: "And even another Something",
70-
description: "Lorem Ipsum Dolor Set Shalalala",
77+
title: "In an attempt to increase its influence over the media, Facebook makes publishers an offer they should refuse | PandoDaily",
78+
description: "The death of banks could also be their biggest innovation?",
7179
expanded: false,
7280
content: {
7381
type: "QUOTE",
74-
quote: "And he saw that it was good"
82+
quotes: ["And he saw that it was good"]
7583
}
7684
},
7785
{
78-
title: "And even another Something",
79-
description: "Lorem Ipsum Dolor Set Shalalala",
86+
title: "“Ethanifier” Lets You Build Your Own Single-Purpose Messaging App Like The Viral Hit “Ethan” | TechCrunch",
87+
description: "Thoughts on NYT's piece on FB trying to get publishers to hand over their content / publish to FB (http://www.nytimes.com/2014/10/27/business/media/facebook-offers-life-raft-but-publishers-are-wary.html). Author fears that if publishers bow, FB could have as big of an impact to news/information discovery as Google (which is already frightening).",
8088
expanded: false,
8189
content: {
8290
type: "QUOTE",
83-
quote: "And he saw that it was good"
91+
quotes: ["And he saw that it was good"]
8492
}
8593
},
8694
{
@@ -89,16 +97,20 @@ app.controller("YourController", ['$scope', '$mdDialog', '$mdSidenav', function(
8997
expanded: false,
9098
content: {
9199
type: "QUOTE",
92-
quote: "And he saw that it was good"
100+
quotes: ["And he saw that it was good"]
93101
}
94102
},
103+
{
104+
title: "This week",
105+
divider: true
106+
},
95107
{
96108
title: "And even another Something",
97109
description: "Lorem Ipsum Dolor Set Shalalala",
98110
expanded: false,
99111
content: {
100112
type: "QUOTE",
101-
quote: "And he saw that it was good"
113+
quotes: ["And he saw that it was good"]
102114
}
103115
},
104116
{
@@ -107,7 +119,7 @@ app.controller("YourController", ['$scope', '$mdDialog', '$mdSidenav', function(
107119
expanded: false,
108120
content: {
109121
type: "QUOTE",
110-
quote: "And he saw that it was good"
122+
quotes: ["And he saw that it was good"]
111123
}
112124
},
113125
{
@@ -116,7 +128,7 @@ app.controller("YourController", ['$scope', '$mdDialog', '$mdSidenav', function(
116128
expanded: false,
117129
content: {
118130
type: "QUOTE",
119-
quote: "And he saw that it was good"
131+
quotes: ["And he saw that it was good"]
120132
}
121133
},
122134
{
@@ -125,7 +137,7 @@ app.controller("YourController", ['$scope', '$mdDialog', '$mdSidenav', function(
125137
expanded: false,
126138
content: {
127139
type: "QUOTE",
128-
quote: "And he saw that it was good"
140+
quotes: ["And he saw that it was good"]
129141
}
130142
},
131143
{
@@ -134,7 +146,7 @@ app.controller("YourController", ['$scope', '$mdDialog', '$mdSidenav', function(
134146
expanded: false,
135147
content: {
136148
type: "QUOTE",
137-
quote: "And he saw that it was good"
149+
quotes: ["And he saw that it was good"]
138150
}
139151
},
140152
{
@@ -143,7 +155,7 @@ app.controller("YourController", ['$scope', '$mdDialog', '$mdSidenav', function(
143155
expanded: false,
144156
content: {
145157
type: "QUOTE",
146-
quote: "And he saw that it was good"
158+
quotes: ["And he saw that it was good"]
147159
}
148160
}
149161
];

‎index.html

Lines changed: 32 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -24,21 +24,25 @@ <h1 class="md-toolbar-tools">Sidenav Left</h1>
2424
</md-toolbar>
2525
<md-content flex>
2626
<p>Stuff</p>
27+
<md-button ng-click="close()" class="md-primary">
28+
Close Sidenav Right
29+
</md-button>
2730
</md-content>
2831
</md-sidenav>
2932
<md-content layout="horizontal" layout-align="center">
3033
<md-list id="content">
3134
<div ng-repeat="chunk in ::chunks">
32-
<md-card ng-if="!chunk.expanded" ng-click="chunk.expanded = !chunk.expanded" ng-mouseover="hover = true" ng-mouseout="hover = false">
35+
<p ng-if="chunk.divider">{{chunk.title}}</p>
36+
<md-card ng-if="!chunk.expanded && !chunk.divider" ng-click="chunk.expanded = !chunk.expanded" ng-mouseover="hover = true" ng-mouseout="hover = false">
3337
<md-item layout="horizontal">
3438
<div>
3539
<img class="round-face" src="http://placekitten.com/g/48/48"/>
3640
</div>
37-
<div layout="horizontal" flex>
38-
<div layout="vertical" layout-align="center" flex="33">
41+
<div class="collapsed-row" layout="horizontal" flex>
42+
<div layout="vertical" layout-align="center" flex="45">
3943
<span><b>{{ chunk.title }}</b></span>
4044
</div>
41-
<div layout="vertical" layout-align="center" flex="57">
45+
<div layout="vertical" layout-align="center" flex="45">
4246
<span>{{ chunk.description }}</span>
4347
</div>
4448
<div layout="vertical" layout-align="center" flex="10" ng-if="hover">
@@ -47,14 +51,20 @@ <h1 class="md-toolbar-tools">Sidenav Left</h1>
4751
</div>
4852
</md-item>
4953
</md-card>
50-
<md-card ng-if="chunk.expanded" ng-click="chunk.expanded = !chunk.expanded">
54+
<md-card ng-if="chunk.expanded && !chunk.divider" ng-click="chunk.expanded = !chunk.expanded">
5155
<div layout="horizontal">
52-
<img class="round-face" src="http://placekitten.com/g/48/48"/>
5356
<div>
54-
<h2>Some Post</h2>
55-
<p>Some Description</p>
56-
<p>Some more stuff</p>
57-
<p>And even way more stuff!!</p>
57+
<img class="round-face" src="http://placekitten.com/g/48/48"/>
58+
</div>
59+
<div flex>
60+
<h2>{{ chunk.title }}</h2>
61+
<p>{{ chunk.description }}</p>
62+
<div ng-if="chunk.content && chunk.content.type === 'QUOTE'">
63+
<md-button ng-click="show_quotes = !show_quotes; $event.stopPropagation();">Show {{chunk.content.quotes.length}} quotes</md-button>
64+
<div ng-if="show_quotes" ng-repeat="quote in ::chunk.content.quotes">
65+
<md-whiteframe class="md-whiteframe-z1"><blockquote>{{ quote }}</blockquote></md-whiteframe>
66+
</div>
67+
</div>
5868
</div>
5969
</div>
6070
</md-card>
@@ -66,27 +76,27 @@ <h2>Some Post</h2>
6676
<div id="fab-popup" layout="vertical" layout-align="space-between" ng-if="showAddButtons" ng-animate="{enter: 'animate-enter', leave: 'animate-leave'}">
6777
<md-button class="md-fab md-raised" ng-click="openDialog($event);" aria-label="New document">
6878
<md-icon icon="bower_components/material-design-icons/content/svg/production/ic_add_24px.svg" style="width: 24px; height: 24px;"></md-icon>
69-
<md-tooltip>
70-
Add Quote
71-
</md-tooltip>
79+
<!--<md-tooltip>-->
80+
<!--Add Quote-->
81+
<!--</md-tooltip>-->
7282
</md-button>
7383
<md-button class="md-fab md-raised" ng-click="openDialog($event);" aria-label="New document">
7484
<md-icon icon="bower_components/material-design-icons/content/svg/production/ic_add_24px.svg" style="width: 24px; height: 24px;"></md-icon>
75-
<md-tooltip>
76-
Add Text
77-
</md-tooltip>
85+
<!--<md-tooltip>-->
86+
<!--Add Text-->
87+
<!--</md-tooltip>-->
7888
</md-button>
7989
<md-button class="md-fab md-raised" ng-click="openDialog($event);" aria-label="New document">
8090
<md-icon icon="bower_components/material-design-icons/content/svg/production/ic_add_24px.svg" style="width: 24px; height: 24px;"></md-icon>
81-
<md-tooltip>
82-
Add Image
83-
</md-tooltip>
91+
<!--<md-tooltip>-->
92+
<!--Add Image-->
93+
<!--</md-tooltip>-->
8494
</md-button>
8595
<md-button class="md-fab md-raised" ng-click="openDialog($event);" aria-label="New document">
8696
<md-icon icon="bower_components/material-design-icons/content/svg/production/ic_add_24px.svg" style="width: 24px; height: 24px;"></md-icon>
87-
<md-tooltip>
88-
Add Video
89-
</md-tooltip>
97+
<!--<md-tooltip>-->
98+
<!--Add Video-->
99+
<!--</md-tooltip>-->
90100
</md-button>
91101
</div>
92102

‎style.css

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -23,6 +23,12 @@ md-card {
2323
cursor: pointer;
2424
}
2525

26+
.collapsed-row span {
27+
text-overflow: ellipsis;
28+
white-space: nowrap;
29+
overflow: hidden;
30+
}
31+
2632
.animate-enter {
2733
-webkit-transition: 1s linear all; /* Chrome */
2834
transition: 1s linear all;
@@ -61,6 +67,7 @@ md-card {
6167

6268
#content {
6369
min-width: 70%;
70+
max-width: 1080px;
6471
}
6572

6673
.animate-if {

0 commit comments

Comments
 (0)