35 | {{{body}}}
36 |
40 |
41 |
42 |
43 |
44 | {{#notest}}
45 |
46 |
62 |
63 | {{/notest}}
64 |
65 |
66 |
67 |
--------------------------------------------------------------------------------
/app/assets/css/lib/modals.less:
--------------------------------------------------------------------------------
1 | //
2 | // Modals
3 | // --------------------------------------------------
4 |
5 |
6 | // Recalculate z-index where appropriate,
7 | // but only apply to elements within modal
8 | .modal-open .modal {
9 | .dropdown-menu { z-index: @zindexDropdown + @zindexModal; }
10 | .dropdown.open { *z-index: @zindexDropdown + @zindexModal; }
11 | .popover { z-index: @zindexPopover + @zindexModal; }
12 | .tooltip { z-index: @zindexTooltip + @zindexModal; }
13 | }
14 |
15 | // Background
16 | .modal-backdrop {
17 | position: fixed;
18 | top: 0;
19 | right: 0;
20 | bottom: 0;
21 | left: 0;
22 | z-index: @zindexModalBackdrop;
23 | background-color: @black;
24 | // Fade for backdrop
25 | &.fade { opacity: 0; }
26 | }
27 |
28 | .modal-backdrop,
29 | .modal-backdrop.fade.in {
30 | .opacity(80);
31 | }
32 |
33 | // Base modal
34 | .modal {
35 | position: fixed;
36 | top: 50%;
37 | left: 50%;
38 | z-index: @zindexModal;
39 | overflow: auto;
40 | width: 560px;
41 | margin: -250px 0 0 -280px;
42 | background-color: @white;
43 | border: 1px solid #999;
44 | border: 1px solid rgba(0,0,0,.3);
45 | *border: 1px solid #999; /* IE6-7 */
46 | .border-radius(6px);
47 | .box-shadow(0 3px 7px rgba(0,0,0,0.3));
48 | .background-clip(padding-box);
49 | &.fade {
50 | .transition(e('opacity .3s linear, top .3s ease-out'));
51 | top: -25%;
52 | }
53 | &.fade.in { top: 50%; }
54 | }
55 | .modal-header {
56 | padding: 9px 15px;
57 | border-bottom: 1px solid #eee;
58 | // Close icon
59 | .close { margin-top: 2px; }
60 | // Heading
61 | h3 {
62 | margin: 0;
63 | line-height: 30px;
64 | }
65 | }
66 |
67 | // Body (where all modal content resides)
68 | .modal-body {
69 | overflow-y: auto;
70 | max-height: 400px;
71 | padding: 15px;
72 | }
73 | // Remove bottom margin if need be
74 | .modal-form {
75 | margin-bottom: 0;
76 | }
77 |
78 | // Footer (for actions)
79 | .modal-footer {
80 | padding: 14px 15px 15px;
81 | margin-bottom: 0;
82 | text-align: right; // right align buttons
83 | background-color: #f5f5f5;
84 | border-top: 1px solid #ddd;
85 | .border-radius(0 0 6px 6px);
86 | .box-shadow(inset 0 1px 0 @white);
87 | .clearfix(); // clear it in case folks use .pull-* classes on buttons
88 |
89 | // Properly space out buttons
90 | .btn + .btn {
91 | margin-left: 5px;
92 | margin-bottom: 0; // account for input[type="submit"] which gets the bottom margin like all other inputs
93 | }
94 | // but override that for button groups
95 | .btn-group .btn + .btn {
96 | margin-left: -1px;
97 | }
98 | }
99 |
--------------------------------------------------------------------------------
/app/assets/css/lib/carousel.less:
--------------------------------------------------------------------------------
1 | //
2 | // Carousel
3 | // --------------------------------------------------
4 |
5 |
6 | .carousel {
7 | position: relative;
8 | margin-bottom: @baseLineHeight;
9 | line-height: 1;
10 | }
11 |
12 | .carousel-inner {
13 | overflow: hidden;
14 | width: 100%;
15 | position: relative;
16 | }
17 |
18 | .carousel {
19 |
20 | .item {
21 | display: none;
22 | position: relative;
23 | .transition(.6s ease-in-out left);
24 | }
25 |
26 | // Account for jankitude on images
27 | .item > img {
28 | display: block;
29 | line-height: 1;
30 | }
31 |
32 | .active,
33 | .next,
34 | .prev { display: block; }
35 |
36 | .active {
37 | left: 0;
38 | }
39 |
40 | .next,
41 | .prev {
42 | position: absolute;
43 | top: 0;
44 | width: 100%;
45 | }
46 |
47 | .next {
48 | left: 100%;
49 | }
50 | .prev {
51 | left: -100%;
52 | }
53 | .next.left,
54 | .prev.right {
55 | left: 0;
56 | }
57 |
58 | .active.left {
59 | left: -100%;
60 | }
61 | .active.right {
62 | left: 100%;
63 | }
64 |
65 | }
66 |
67 | // Left/right controls for nav
68 | // ---------------------------
69 |
70 | .carousel-control {
71 | position: absolute;
72 | top: 40%;
73 | left: 15px;
74 | width: 40px;
75 | height: 40px;
76 | margin-top: -20px;
77 | font-size: 60px;
78 | font-weight: 100;
79 | line-height: 30px;
80 | color: @white;
81 | text-align: center;
82 | background: @grayDarker;
83 | border: 3px solid @white;
84 | .border-radius(23px);
85 | .opacity(50);
86 |
87 | // we can't have this transition here
88 | // because webkit cancels the carousel
89 | // animation if you trip this while
90 | // in the middle of another animation
91 | // ;_;
92 | // .transition(opacity .2s linear);
93 |
94 | // Reposition the right one
95 | &.right {
96 | left: auto;
97 | right: 15px;
98 | }
99 |
100 | // Hover state
101 | &:hover {
102 | color: @white;
103 | text-decoration: none;
104 | .opacity(90);
105 | }
106 | }
107 |
108 |
109 | // Caption for text below images
110 | // -----------------------------
111 |
112 | .carousel-caption {
113 | position: absolute;
114 | left: 0;
115 | right: 0;
116 | bottom: 0;
117 | padding: 15px;
118 | background: @grayDark;
119 | background: rgba(0,0,0,.75);
120 | }
121 | .carousel-caption h4,
122 | .carousel-caption p {
123 | color: @white;
124 | line-height: @baseLineHeight;
125 | }
126 | .carousel-caption h4 {
127 | margin: 0 0 5px;
128 | }
129 | .carousel-caption p {
130 | margin-bottom: 0;
131 | }
132 |
--------------------------------------------------------------------------------
/app/assets/js/bootstrap/bootstrap-alert.js:
--------------------------------------------------------------------------------
1 | /* ==========================================================
2 | * bootstrap-alert.js v2.1.1
3 | * http://twitter.github.com/bootstrap/javascript.html#alerts
4 | * ==========================================================
5 | * Copyright 2012 Twitter, Inc.
6 | *
7 | * Licensed under the Apache License, Version 2.0 (the "License");
8 | * you may not use this file except in compliance with the License.
9 | * You may obtain a copy of the License at
10 | *
11 | * http://www.apache.org/licenses/LICENSE-2.0
12 | *
13 | * Unless required by applicable law or agreed to in writing, software
14 | * distributed under the License is distributed on an "AS IS" BASIS,
15 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
16 | * See the License for the specific language governing permissions and
17 | * limitations under the License.
18 | * ========================================================== */
19 |
20 |
21 | !function ($) {
22 |
23 | "use strict"; // jshint ;_;
24 |
25 |
26 | /* ALERT CLASS DEFINITION
27 | * ====================== */
28 |
29 | var dismiss = '[data-dismiss="alert"]'
30 | , Alert = function (el) {
31 | $(el).on('click', dismiss, this.close)
32 | }
33 |
34 | Alert.prototype.close = function (e) {
35 | var $this = $(this)
36 | , selector = $this.attr('data-target')
37 | , $parent
38 |
39 | if (!selector) {
40 | selector = $this.attr('href')
41 | selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') //strip for ie7
42 | }
43 |
44 | $parent = $(selector)
45 |
46 | e && e.preventDefault()
47 |
48 | $parent.length || ($parent = $this.hasClass('alert') ? $this : $this.parent())
49 |
50 | $parent.trigger(e = $.Event('close'))
51 |
52 | if (e.isDefaultPrevented()) return
53 |
54 | $parent.removeClass('in')
55 |
56 | function removeElement() {
57 | $parent
58 | .trigger('closed')
59 | .remove()
60 | }
61 |
62 | $.support.transition && $parent.hasClass('fade') ?
63 | $parent.on($.support.transition.end, removeElement) :
64 | removeElement()
65 | }
66 |
67 |
68 | /* ALERT PLUGIN DEFINITION
69 | * ======================= */
70 |
71 | $.fn.alert = function (option) {
72 | return this.each(function () {
73 | var $this = $(this)
74 | , data = $this.data('alert')
75 | if (!data) $this.data('alert', (data = new Alert(this)))
76 | if (typeof option == 'string') data[option].call($this)
77 | })
78 | }
79 |
80 | $.fn.alert.Constructor = Alert
81 |
82 |
83 | /* ALERT DATA-API
84 | * ============== */
85 |
86 | $(function () {
87 | $('body').on('click.alert.data-api', dismiss, Alert.prototype.close)
88 | })
89 |
90 | }(window.jQuery);
--------------------------------------------------------------------------------
/app/controllers/mqtt_api.js:
--------------------------------------------------------------------------------
1 | module.exports = function (app) {
2 | var Data;
3 | Data = app.models.Data;
4 | return function (client) {
5 | var listeners, unsubscribeAll;
6 | listeners = {};
7 | unsubscribeAll = function () {
8 | var listener, topic, _results;
9 | _results = [];
10 | for (topic in listeners) {
11 | listener = listeners[topic];
12 | _results.push(Data.unsubscribe(topic, listener));
13 | }
14 | return _results;
15 | };
16 | client.on('connect', function (packet) {
17 | client.id = packet.client;
18 | return client.connack({
19 | returnCode: 0
20 | });
21 | });
22 | client.on('subscribe', function (packet) {
23 | var granted, subscription, subscriptions, _i, _j, _len, _len1, _ref, _results;
24 | granted = [];
25 | subscriptions = [];
26 | _ref = packet.subscriptions;
27 | for (_i = 0, _len = _ref.length; _i < _len; _i++) {
28 | subscription = _ref[_i];
29 | subscriptions.push(subscription.topic.replace("#", "*"));
30 | granted.push(0);
31 | }
32 | client.suback({
33 | messageId: packet.messageId,
34 | granted: granted
35 | });
36 | _results = [];
37 | for (_j = 0, _len1 = subscriptions.length; _j < _len1; _j++) {
38 | subscription = subscriptions[_j];
39 | _results.push((function () {
40 | var listener;
41 | listener = function (data) {
42 | var error, value;
43 | try {
44 | if (typeof data.value === "string") {
45 | value = data.value;
46 | } else {
47 | value = data.jsonValue;
48 | }
49 | return client.publish({
50 | topic: data.key,
51 | payload: value
52 | });
53 | } catch (_error) {
54 | error = _error;
55 | console.log(error);
56 | return client.close();
57 | }
58 | };
59 | listeners[subscription] = listener;
60 | Data.subscribe(subscription, listener);
61 | return Data.find(new RegExp(subscription), function (err, data) {
62 | if (err != null) {
63 | throw err;
64 | }
65 | return listener(data);
66 | });
67 | })());
68 | }
69 | return _results;
70 | });
71 | client.on('publish', function (packet) {
72 | var error, payload;
73 | payload = packet.payload.toString();
74 | try {
75 | payload = JSON.parse(payload);
76 | } catch (_error) {
77 | error = _error;
78 | }
79 | return Data.findOrCreate(packet.topic, payload);
80 | });
81 | client.on('pingreq', function (packet) {
82 | return client.pingresp();
83 | });
84 | client.on('disconnect', function () {
85 | return client.stream.end();
86 | });
87 | client.on('error', function (error) {
88 | console.log(error);
89 | return client.stream.end();
90 | });
91 | client.on('close', function (err) {
92 | return unsubscribeAll();
93 | });
94 | return client.on('unsubscribe', function (packet) {
95 | return client.unsuback({
96 | messageId: packet.messageId
97 | });
98 | });
99 | };
100 | };
101 |
--------------------------------------------------------------------------------
/app/assets/js/bootstrap/bootstrap-button.js:
--------------------------------------------------------------------------------
1 | /* ============================================================
2 | * bootstrap-button.js v2.1.1
3 | * http://twitter.github.com/bootstrap/javascript.html#buttons
4 | * ============================================================
5 | * Copyright 2012 Twitter, Inc.
6 | *
7 | * Licensed under the Apache License, Version 2.0 (the "License");
8 | * you may not use this file except in compliance with the License.
9 | * You may obtain a copy of the License at
10 | *
11 | * http://www.apache.org/licenses/LICENSE-2.0
12 | *
13 | * Unless required by applicable law or agreed to in writing, software
14 | * distributed under the License is distributed on an "AS IS" BASIS,
15 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
16 | * See the License for the specific language governing permissions and
17 | * limitations under the License.
18 | * ============================================================ */
19 |
20 |
21 | !function ($) {
22 |
23 | "use strict"; // jshint ;_;
24 |
25 |
26 | /* BUTTON PUBLIC CLASS DEFINITION
27 | * ============================== */
28 |
29 | var Button = function (element, options) {
30 | this.$element = $(element)
31 | this.options = $.extend({}, $.fn.button.defaults, options)
32 | }
33 |
34 | Button.prototype.setState = function (state) {
35 | var d = 'disabled'
36 | , $el = this.$element
37 | , data = $el.data()
38 | , val = $el.is('input') ? 'val' : 'html'
39 |
40 | state = state + 'Text'
41 | data.resetText || $el.data('resetText', $el[val]())
42 |
43 | $el[val](data[state] || this.options[state])
44 |
45 | // push to event loop to allow forms to submit
46 | setTimeout(function () {
47 | state == 'loadingText' ?
48 | $el.addClass(d).attr(d, d) :
49 | $el.removeClass(d).removeAttr(d)
50 | }, 0)
51 | }
52 |
53 | Button.prototype.toggle = function () {
54 | var $parent = this.$element.closest('[data-toggle="buttons-radio"]')
55 |
56 | $parent && $parent
57 | .find('.active')
58 | .removeClass('active')
59 |
60 | this.$element.toggleClass('active')
61 | }
62 |
63 |
64 | /* BUTTON PLUGIN DEFINITION
65 | * ======================== */
66 |
67 | $.fn.button = function (option) {
68 | return this.each(function () {
69 | var $this = $(this)
70 | , data = $this.data('button')
71 | , options = typeof option == 'object' && option
72 | if (!data) $this.data('button', (data = new Button(this, options)))
73 | if (option == 'toggle') data.toggle()
74 | else if (option) data.setState(option)
75 | })
76 | }
77 |
78 | $.fn.button.defaults = {
79 | loadingText: 'loading...'
80 | }
81 |
82 | $.fn.button.Constructor = Button
83 |
84 |
85 | /* BUTTON DATA-API
86 | * =============== */
87 |
88 | $(function () {
89 | $('body').on('click.button.data-api', '[data-toggle^=button]', function ( e ) {
90 | var $btn = $(e.target)
91 | if (!$btn.hasClass('btn')) $btn = $btn.closest('.btn')
92 | $btn.button('toggle')
93 | })
94 | })
95 |
96 | }(window.jQuery);
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # 吊兰
2 |
3 | [](https://travis-ci.org/phodal/diaonan)
4 | [](https://codeclimate.com/github/phodal/diaonan)
5 | [](https://codeclimate.com/github/phodal/diaonan)
6 |
7 | ``吊兰``是一个开源的物联网**平台**。
8 |
9 | 在线Demo: [http://mqtt.phodal.com](http://mqtt.phodal.com)
10 |
11 | 此项目不再``维护``: 请使用[Lan](https://github.com/phodal/lan)(Github: [https://github.com/phodal/lan](https://github.com/phodal/lan)) 用于产品环境。
12 |
13 | Lan构架
14 |
15 | 
16 |
17 |
18 | ###APP: 教你设计物联网
19 |
20 |
21 | 
23 |
24 |
25 | ###协议支持###
26 |
27 | - MQTT
28 | - HTTP GET/POST
29 | - WebSocket
30 | - CoAP
31 |
32 |
33 | ###支持设备
34 |
35 | - Arduino
36 | - 8051/51 Family
37 | - Raspberry Pi
38 | - PCduino
39 | - STM32
40 | - ARM
41 | - Android Devices
42 | - iOS Devices
43 | - Windows Phone Devices
44 | - ...
45 |
46 | ##示例
47 |
48 | REST示例如下所示:
49 |
50 | $ curl -X PUT -d '{ "dream": 1 }' \
51 | -H "Content-Type: application/json" \
52 | http://mqtt.phodal.com/topics/lettuce
53 |
54 | $ curl http://mqtt.phodal.com/topics/lettuce
55 | { "dream": 1 }
56 |
57 | Mosquitto示例
58 |
59 | mosquitto_pub -h mqtt.phodal.com -d -t lettuce -m "Hello, MQTT. This is my first message."
60 |
61 | Python MQTT示例:
62 |
63 | import mosquitto
64 | mqttc = mosquitto.Mosquitto("python_pub")
65 | mqttc.connect("mqtt.phodal.com", 1883, 60, True)
66 |
67 | mqttc.publish("lettuce", "Hello, World!")
68 |
69 | CoAP GET示例:
70 |
71 | coap-client -m get coap://mqtt.phodal.com:5683/topics/zero
72 |
73 | CoAP POST示例
74 |
75 | echo -n 'hello world' | coap post coap://mqtt.phodal.com/topics/zero
76 | echo -n '{"lettuce": 123}' | coap post coap://mqtt.phodal.com/topics/zero
77 |
78 | ##安装
79 |
80 | 1.安装redis
81 |
82 | sudo apt-get install redis-server
83 |
84 | or
85 |
86 | sudo yum install redis-server
87 |
88 | 2.安装nodejs依赖
89 |
90 | sudo npm install
91 |
92 | 3.Server
93 |
94 | node diaonan.js
95 |
96 | ##其他相关
97 |
98 | **在线查看**:[一步步搭建物联网系统](http://designiot.phodal.com/)
99 |
100 | [IOT CoAP](https://github.com/phodal/iot-coap)
101 |
102 | [物联网资料合集](https://github.com/phodal/collection-iot)
103 |
104 | [最小物联网系统](https://github.com/phodal/iot)
105 |
106 | ###交流
107 |
108 | QQ群：348100589
109 |
110 | 网站解答: [http://qa.phodal.com](http://qa.phodal.com)
111 |
112 | ## License
113 |
114 | Copyright (c) 2015 Phodal Fengda, [http://www.phodal.com](http://www.phodal.com)
115 |
116 | Copyright (c) 2012 Matteo Collina, [http://matteocollina.com](http://matteocollina.com)
117 |
118 | [待我代码编成，娶你为妻可好](http://www.xuntayizhan.com/person/ji-ke-ai-qing-zhi-er-shi-dai-wo-dai-ma-bian-cheng-qu-ni-wei-qi-ke-hao-wan/)
119 |
--------------------------------------------------------------------------------
/app/assets/js/topics.js:
--------------------------------------------------------------------------------
1 | //= require ./jsonlint.js
2 |
3 | function setupTopic(topic) {
4 | var url = window.location.protocol + '//' + window.location.hostname;
5 | if (window.location.port) {
6 | url += ':' + window.location.port;
7 | }
8 | var socket = io.connect(url)
9 |
10 | var textarea = $("#payload");
11 | var textarea_error = $("#payload-error");
12 | var textarea_field = $("#payload-field");
13 | var update = $("#update");
14 | var edit = $("#edit");
15 | var cancel = $("#cancel");
16 | var validate = $("#validate");
17 |
18 | update.hide();
19 | cancel.hide();
20 |
21 | var last_data = null;
22 |
23 | update_content = function(data) {
24 | data = { payload: data }
25 | last_data = data;
26 | if(textarea.attr("readonly")) {
27 | if(typeof data.payload === "string") {
28 | textarea.val(data.payload);
29 | validate.removeAttr("checked");
30 | } else {
31 | textarea.val(JSON.stringify(data.payload, null, 4));
32 | validate.attr("checked", true);
33 | last_data.json = true;
34 | }
35 | }
36 | };
37 |
38 | socket.on("connect", function(data) {
39 | socket.emit('subscribe', topic);
40 | });
41 |
42 | socket.on("/topics/" + topic, function(data) {
43 | update_content(data);
44 | });
45 |
46 | update.click(function() {
47 | var val = textarea.val();
48 | var settings = {
49 | url: "/topics/"+ topic,
50 | type: "PUT"
51 | }
52 | if(validate.attr("checked")) {
53 | try {
54 | val = JSON.parse(val);
55 | if(typeof val == 'string') {
56 | throw "invalid json";
57 | }
58 | settings.data = JSON.stringify(val);
59 | settings.contentType = "application/json";
60 | } catch(e) {
61 | textarea.addClass("error");
62 | textarea_field.addClass("error");
63 | textarea_error.show();
64 | return false;
65 | }
66 | } else {
67 | settings.data = { payload: val };
68 | }
69 |
70 | $.ajax(settings);
71 | textarea.removeClass("error");
72 | textarea_field.removeClass("error");
73 | textarea_error.hide();
74 |
75 | textarea.attr("readonly", true);
76 | validate.attr("disabled", true);
77 | edit.toggle();
78 | update.toggle();
79 | cancel.toggle();
80 | return false;
81 | });
82 |
83 | edit.click(function() {
84 | textarea.removeAttr("readonly");
85 | validate.removeAttr("disabled");
86 | update.toggle();
87 | cancel.toggle();
88 | edit.toggle();
89 | return false;
90 | });
91 |
92 | cancel.click(function() {
93 | if(last_data.json) {
94 | textarea.val(JSON.stringify(last_data.payload));
95 | } else {
96 | textarea.val(last_data.payload);
97 | }
98 | validate.attr("checked", last_data.json);
99 | textarea.attr("readonly", true);
100 | validate.attr("disabled", true);
101 | update.toggle();
102 | cancel.toggle();
103 | edit.toggle();
104 |
105 | textarea.removeClass("error");
106 | textarea_field.removeClass("error");
107 | textarea_error.hide();
108 | return false;
109 | });
110 | }
111 |
--------------------------------------------------------------------------------
/app/assets/css/lib/progress-bars.less:
--------------------------------------------------------------------------------
1 | //
2 | // Progress bars
3 | // --------------------------------------------------
4 |
5 |
6 | // ANIMATIONS
7 | // ----------
8 |
9 | // Webkit
10 | @-webkit-keyframes progress-bar-stripes {
11 | from { background-position: 40px 0; }
12 | to { background-position: 0 0; }
13 | }
14 |
15 | // Firefox
16 | @-moz-keyframes progress-bar-stripes {
17 | from { background-position: 40px 0; }
18 | to { background-position: 0 0; }
19 | }
20 |
21 | // IE9
22 | @-ms-keyframes progress-bar-stripes {
23 | from { background-position: 40px 0; }
24 | to { background-position: 0 0; }
25 | }
26 |
27 | // Opera
28 | @-o-keyframes progress-bar-stripes {
29 | from { background-position: 0 0; }
30 | to { background-position: 40px 0; }
31 | }
32 |
33 | // Spec
34 | @keyframes progress-bar-stripes {
35 | from { background-position: 40px 0; }
36 | to { background-position: 0 0; }
37 | }
38 |
39 |
40 |
41 | // THE BARS
42 | // --------
43 |
44 | // Outer container
45 | .progress {
46 | overflow: hidden;
47 | height: @baseLineHeight;
48 | margin-bottom: @baseLineHeight;
49 | #gradient > .vertical(#f5f5f5, #f9f9f9);
50 | .box-shadow(inset 0 1px 2px rgba(0,0,0,.1));
51 | .border-radius(4px);
52 | }
53 |
54 | // Bar of progress
55 | .progress .bar {
56 | width: 0%;
57 | height: 100%;
58 | color: @white;
59 | float: left;
60 | font-size: 12px;
61 | text-align: center;
62 | text-shadow: 0 -1px 0 rgba(0,0,0,.25);
63 | #gradient > .vertical(#149bdf, #0480be);
64 | .box-shadow(inset 0 -1px 0 rgba(0,0,0,.15));
65 | .box-sizing(border-box);
66 | .transition(width .6s ease);
67 | }
68 | .progress .bar + .bar {
69 | .box-shadow(inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15));
70 | }
71 |
72 | // Striped bars
73 | .progress-striped .bar {
74 | #gradient > .striped(#149bdf);
75 | .background-size(40px 40px);
76 | }
77 |
78 | // Call animation for the active one
79 | .progress.active .bar {
80 | -webkit-animation: progress-bar-stripes 2s linear infinite;
81 | -moz-animation: progress-bar-stripes 2s linear infinite;
82 | -ms-animation: progress-bar-stripes 2s linear infinite;
83 | -o-animation: progress-bar-stripes 2s linear infinite;
84 | animation: progress-bar-stripes 2s linear infinite;
85 | }
86 |
87 |
88 |
89 | // COLORS
90 | // ------
91 |
92 | // Danger (red)
93 | .progress-danger .bar, .progress .bar-danger {
94 | #gradient > .vertical(#ee5f5b, #c43c35);
95 | }
96 | .progress-danger.progress-striped .bar, .progress-striped .bar-danger {
97 | #gradient > .striped(#ee5f5b);
98 | }
99 |
100 | // Success (green)
101 | .progress-success .bar, .progress .bar-success {
102 | #gradient > .vertical(#62c462, #57a957);
103 | }
104 | .progress-success.progress-striped .bar, .progress-striped .bar-success {
105 | #gradient > .striped(#62c462);
106 | }
107 |
108 | // Info (teal)
109 | .progress-info .bar, .progress .bar-info {
110 | #gradient > .vertical(#5bc0de, #339bb9);
111 | }
112 | .progress-info.progress-striped .bar, .progress-striped .bar-info {
113 | #gradient > .striped(#5bc0de);
114 | }
115 |
116 | // Warning (orange)
117 | .progress-warning .bar, .progress .bar-warning {
118 | #gradient > .vertical(lighten(@orange, 15%), @orange);
119 | }
120 | .progress-warning.progress-striped .bar, .progress-striped .bar-warning {
121 | #gradient > .striped(lighten(@orange, 15%));
122 | }
123 |
--------------------------------------------------------------------------------
/app/assets/css/lib/reset.less:
--------------------------------------------------------------------------------
1 | //
2 | // Modals
3 | // Adapted from http://github.com/necolas/normalize.css
4 | // --------------------------------------------------
5 |
6 |
7 | // Display in IE6-9 and FF3
8 | // -------------------------
9 |
10 | article,
11 | aside,
12 | details,
13 | figcaption,
14 | figure,
15 | footer,
16 | header,
17 | hgroup,
18 | nav,
19 | section {
20 | display: block;
21 | }
22 |
23 | // Display block in IE6-9 and FF3
24 | // -------------------------
25 |
26 | audio,
27 | canvas,
28 | video {
29 | display: inline-block;
30 | *display: inline;
31 | *zoom: 1;
32 | }
33 |
34 | // Prevents modern browsers from displaying 'audio' without controls
35 | // -------------------------
36 |
37 | audio:not([controls]) {
38 | display: none;
39 | }
40 |
41 | // Base settings
42 | // -------------------------
43 |
44 | html {
45 | font-size: 100%;
46 | -webkit-text-size-adjust: 100%;
47 | -ms-text-size-adjust: 100%;
48 | }
49 | // Focus states
50 | a:focus {
51 | .tab-focus();
52 | }
53 | // Hover & Active
54 | a:hover,
55 | a:active {
56 | outline: 0;
57 | }
58 |
59 | // Prevents sub and sup affecting line-height in all browsers
60 | // -------------------------
61 |
62 | sub,
63 | sup {
64 | position: relative;
65 | font-size: 75%;
66 | line-height: 0;
67 | vertical-align: baseline;
68 | }
69 | sup {
70 | top: -0.5em;
71 | }
72 | sub {
73 | bottom: -0.25em;
74 | }
75 |
76 | // Img border in a's and image quality
77 | // -------------------------
78 |
79 | img {
80 | /* Responsive images (ensure images don't scale beyond their parents) */
81 | max-width: 100%; /* Part 1: Set a maxium relative to the parent */
82 | width: auto\9; /* IE7-8 need help adjusting responsive images */
83 | height: auto; /* Part 2: Scale the height according to the width, otherwise you get stretching */
84 |
85 | vertical-align: middle;
86 | border: 0;
87 | -ms-interpolation-mode: bicubic;
88 | }
89 |
90 | // Prevent max-width from affecting Google Maps
91 | #map_canvas img {
92 | max-width: none;
93 | }
94 |
95 | // Forms
96 | // -------------------------
97 |
98 | // Font size in all browsers, margin changes, misc consistency
99 | button,
100 | input,
101 | select,
102 | textarea {
103 | margin: 0;
104 | font-size: 100%;
105 | vertical-align: middle;
106 | }
107 | button,
108 | input {
109 | *overflow: visible; // Inner spacing ie IE6/7
110 | line-height: normal; // FF3/4 have !important on line-height in UA stylesheet
111 | }
112 | button::-moz-focus-inner,
113 | input::-moz-focus-inner { // Inner padding and border oddities in FF3/4
114 | padding: 0;
115 | border: 0;
116 | }
117 | button,
118 | input[type="button"],
119 | input[type="reset"],
120 | input[type="submit"] {
121 | cursor: pointer; // Cursors on all buttons applied consistently
122 | -webkit-appearance: button; // Style clickable inputs in iOS
123 | }
124 | input[type="search"] { // Appearance in Safari/Chrome
125 | -webkit-box-sizing: content-box;
126 | -moz-box-sizing: content-box;
127 | box-sizing: content-box;
128 | -webkit-appearance: textfield;
129 | }
130 | input[type="search"]::-webkit-search-decoration,
131 | input[type="search"]::-webkit-search-cancel-button {
132 | -webkit-appearance: none; // Inner-padding issues in Chrome OSX, Safari 5
133 | }
134 | textarea {
135 | overflow: auto; // Remove vertical scrollbar in IE6-9
136 | vertical-align: top; // Readability and alignment cross-browser
137 | }
138 |
--------------------------------------------------------------------------------
/app/assets/js/bootstrap/bootstrap-popover.js:
--------------------------------------------------------------------------------
1 | /* ===========================================================
2 | * bootstrap-popover.js v2.1.1
3 | * http://twitter.github.com/bootstrap/javascript.html#popovers
4 | * ===========================================================
5 | * Copyright 2012 Twitter, Inc.
6 | *
7 | * Licensed under the Apache License, Version 2.0 (the "License");
8 | * you may not use this file except in compliance with the License.
9 | * You may obtain a copy of the License at
10 | *
11 | * http://www.apache.org/licenses/LICENSE-2.0
12 | *
13 | * Unless required by applicable law or agreed to in writing, software
14 | * distributed under the License is distributed on an "AS IS" BASIS,
15 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
16 | * See the License for the specific language governing permissions and
17 | * limitations under the License.
18 | * =========================================================== */
19 |
20 |
21 | !function ($) {
22 |
23 | "use strict"; // jshint ;_;
24 |
25 |
26 | /* POPOVER PUBLIC CLASS DEFINITION
27 | * =============================== */
28 |
29 | var Popover = function (element, options) {
30 | this.init('popover', element, options)
31 | }
32 |
33 |
34 | /* NOTE: POPOVER EXTENDS BOOTSTRAP-TOOLTIP.js
35 | ========================================== */
36 |
37 | Popover.prototype = $.extend({}, $.fn.tooltip.Constructor.prototype, {
38 |
39 | constructor: Popover
40 |
41 | , setContent: function () {
42 | var $tip = this.tip()
43 | , title = this.getTitle()
44 | , content = this.getContent()
45 |
46 | $tip.find('.popover-title')[this.options.html ? 'html' : 'text'](title)
47 | $tip.find('.popover-content > *')[this.options.html ? 'html' : 'text'](content)
48 |
49 | $tip.removeClass('fade top bottom left right in')
50 | }
51 |
52 | , hasContent: function () {
53 | return this.getTitle() || this.getContent()
54 | }
55 |
56 | , getContent: function () {
57 | var content
58 | , $e = this.$element
59 | , o = this.options
60 |
61 | content = $e.attr('data-content')
62 | || (typeof o.content == 'function' ? o.content.call($e[0]) : o.content)
63 |
64 | return content
65 | }
66 |
67 | , tip: function () {
68 | if (!this.$tip) {
69 | this.$tip = $(this.options.template)
70 | }
71 | return this.$tip
72 | }
73 |
74 | , destroy: function () {
75 | this.hide().$element.off('.' + this.type).removeData(this.type)
76 | }
77 |
78 | })
79 |
80 |
81 | /* POPOVER PLUGIN DEFINITION
82 | * ======================= */
83 |
84 | $.fn.popover = function (option) {
85 | return this.each(function () {
86 | var $this = $(this)
87 | , data = $this.data('popover')
88 | , options = typeof option == 'object' && option
89 | if (!data) $this.data('popover', (data = new Popover(this, options)))
90 | if (typeof option == 'string') data[option]()
91 | })
92 | }
93 |
94 | $.fn.popover.Constructor = Popover
95 |
96 | $.fn.popover.defaults = $.extend({} , $.fn.tooltip.defaults, {
97 | placement: 'right'
98 | , trigger: 'click'
99 | , content: ''
100 | , template: '
4 |
33 |
5 |
6 |
32 |
7 |
9 | 让我们创造、连接一切的节点。
8 |
10 |
17 |
30 |
31 | 最近的节点
18 | {{#if topics.length }} 19 |-
20 | {{#each topics}}
21 |
- {{this}} 22 | {{/each}} 23 |
26 | 没有节点，创建新的节点! 27 |
28 | {{/if}} 29 |