ilyakooo0/urbit
1
0
Fork 0
mirror of https://github.com/ilyakooo0/urbit.git synced 2025-01-05 13:55:54 +03:00
Code Issues Packages Projects Releases Wiki Activity

offline "banner"

Browse Source
This commit is contained in:
Anton Dyudin 2015-11-03 10:55:08 -08:00
parent cd345e5869
commit eeb546139d
4 changed files with 58 additions and 64 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
pub/talk/src/css/main.css
View File

@ -591,6 +591,9 @@ a {
font-size: 0.8rem;
text-transform: uppercase;
}
body:not(.offline) #offline {
display: none;
}
@media only screen and (min-width: 1024px) {
#station-container:hover {
max-height: 30rem;

7
pub/talk/src/css/main.styl
View File

@ -549,4 +549,11 @@ a
font-size .8rem
text-transform uppercase
//
// offline
//
body:not(.offline) #offline
display none
@import 'mobile'

43
pub/talk/src/js/components/StationComponent.coffee
View File

@ -1,17 +1,12 @@
recl = React.createClass
[div,input,textarea,h1,a] = [
React.DOM.div,
React.DOM.input,
React.DOM.textarea,
React.DOM.h1,
React.DOM.a
]
{div,style,input,textarea,h1,a} = React.DOM
StationStore = require '../stores/StationStore.coffee'
StationActions = require '../actions/StationActions.coffee'
Member = require './MemberComponent.coffee'
module.exports = recl
displayName: "Station"
stateFromStore: -> {
audi:StationStore.getAudience()
members:StationStore.getMembers()
@ -88,7 +83,7 @@ module.exports = recl
else
members = ""
sourceInput = [(input {className:"join",onKeyUp:@_keyUp,placeholder:"+"}, "")]
sourceInput = [(input {className:"join",onKeyUp:@_keyUp,placeholder:"+"})]
sourceCtrl = div {className:"sour-ctrl"},sourceInput
sources = []
@ -103,21 +98,19 @@ module.exports = recl
else
sources = ""
head = (div {id:"head"},
[ (div {id:"who"},[
(div {className:"sig"},"")
(div {className:"ship"},"#{window.urb.user}")
])
(div {id:"where"},[
(div {className:"slat"},"talk")
(div {className:"path"},"") #window.util.mainStation(window.urb.user))
(div {className:"caret"},"")
])
]
(div {id:"station",onClick:@_toggleOpen},
(div {id:"head"},
(div {id:"who"},
div {className:"sig"}
div {className:"ship"},"#{window.urb.user}"
)
(div {id:"where"},
div {className:"slat"},"talk"
div {className:"path"} #, window.util.mainStation(window.urb.user))
div {className:"caret"}
)
div {id:"offline"}, "Warning: no connection server."
)
parts.push head
parts.push (div {id:"stations"}, [(h1 {}, "Listening to"),(div {},sources),sourceCtrl])
parts.push (div {id:"audience"}, (div {},[(h1 {}, "Talking to"),(div {id:"members"},members)]))
div {id:"station",onClick:@_toggleOpen},parts
div {id:"stations"}, (h1 {}, "Listening to"),(div {},sources),sourceCtrl
div {id:"audience"}, div {}, (h1 {}, "Talking to"),(div {id:"members"},members)
)

69
pub/talk/src/js/main.js
View File

@ -532,11 +532,11 @@ module.exports = recl({
},{"../actions/MessageActions.coffee":1,"../actions/StationActions.coffee":2,"../stores/MessageStore.coffee":20,"../stores/StationStore.coffee":21,"./MemberComponent.coffee":3,"classnames":10,"moment-timezone":15}],5:[function(require,module,exports){
var Member, StationActions, StationStore, a, div, h1, input, recl, ref, textarea;
var Member, StationActions, StationStore, a, div, h1, input, recl, ref, style, textarea;
recl = React.createClass;
ref = [React.DOM.div, React.DOM.input, React.DOM.textarea, React.DOM.h1, React.DOM.a], div = ref[0], input = ref[1], textarea = ref[2], h1 = ref[3], a = ref[4];
ref = React.DOM, div = ref.div, style = ref.style, input = ref.input, textarea = ref.textarea, h1 = ref.h1, a = ref.a;
StationStore = require('../stores/StationStore.coffee');
@ -545,6 +545,7 @@ StationActions = require('../actions/StationActions.coffee');
Member = require('./MemberComponent.coffee');
module.exports = recl({
displayName: "Station",
stateFromStore: function() {
return {
audi: StationStore.getAudience(),
@ -623,7 +624,7 @@ module.exports = recl({
return StationActions.setSources(this.state.station, _sources);
},
render: function() {
var _remove, _sources, head, members, parts, sourceCtrl, sourceInput, sources;
var _remove, _sources, members, parts, sourceCtrl, sourceInput, sources;
parts = [];
members = [];
if (this.state.station && this.state.members) {
@ -648,7 +649,7 @@ module.exports = recl({
className: "join",
onKeyUp: this._keyUp,
placeholder: "+"
}, "")
})
];
sourceCtrl = div({
className: "sour-ctrl"
@ -675,44 +676,34 @@ module.exports = recl({
} else {
sources = "";
}
head = div({
id: "head"
}, [
div({
id: "who"
}, [
div({
className: "sig"
}, ""), div({
className: "ship"
}, "" + window.urb.user)
]), div({
id: "where"
}, [
div({
className: "slat"
}, "talk"), div({
className: "path"
}, ""), div({
className: "caret"
}, "")
])
]);
parts.push(head);
parts.push(div({
id: "stations"
}, [h1({}, "Listening to"), div({}, sources), sourceCtrl]));
parts.push(div({
id: "audience"
}, div({}, [
h1({}, "Talking to"), div({
id: "members"
}, members)
])));
return div({
id: "station",
onClick: this._toggleOpen
}, parts);
}, div({
id: "head"
}, div({
id: "who"
}, div({
className: "sig"
}), div({
className: "ship"
}, "" + window.urb.user)), div({
id: "where"
}, div({
className: "slat"
}, "talk"), div({
className: "path"
}), div({
className: "caret"
})), div({
id: "offline"
}, "Warning: no connection server.")), div({
id: "stations"
}, h1({}, "Listening to"), div({}, sources), sourceCtrl), div({
id: "audience"
}, div({}, h1({}, "Talking to"), div({
id: "members"
}, members))));
}
});