.active > a > [class^="icon-"],
+.nav-pills > .active > a > [class*=" icon-"],
+.nav-list > .active > a > [class^="icon-"],
+.nav-list > .active > a > [class*=" icon-"],
+.navbar-inverse .nav > .active > a > [class^="icon-"],
+.navbar-inverse .nav > .active > a > [class*=" icon-"],
+.dropdown-menu > li > a:hover > [class^="icon-"],
+.dropdown-menu > li > a:focus > [class^="icon-"],
+.dropdown-menu > li > a:hover > [class*=" icon-"],
+.dropdown-menu > li > a:focus > [class*=" icon-"],
+.dropdown-menu > .active > a > [class^="icon-"],
+.dropdown-menu > .active > a > [class*=" icon-"],
+.dropdown-submenu:hover > a > [class^="icon-"],
+.dropdown-submenu:focus > a > [class^="icon-"],
+.dropdown-submenu:hover > a > [class*=" icon-"],
+.dropdown-submenu:focus > a > [class*=" icon-"] {
+ background-image: url("../../../img/glyphicons-halflings-white.png");
+}
+
+.icon-glass {
+ background-position: 0 0;
+}
+
+.icon-music {
+ background-position: -24px 0;
+}
+
+.icon-search {
+ background-position: -48px 0;
+}
+
+.icon-envelope {
+ background-position: -72px 0;
+}
+
+.icon-heart {
+ background-position: -96px 0;
+}
+
+.icon-star {
+ background-position: -120px 0;
+}
+
+.icon-star-empty {
+ background-position: -144px 0;
+}
+
+.icon-user {
+ background-position: -168px 0;
+}
+
+.icon-film {
+ background-position: -192px 0;
+}
+
+.icon-th-large {
+ background-position: -216px 0;
+}
+
+.icon-th {
+ background-position: -240px 0;
+}
+
+.icon-th-list {
+ background-position: -264px 0;
+}
+
+.icon-ok {
+ background-position: -288px 0;
+}
+
+.icon-remove {
+ background-position: -312px 0;
+}
+
+.icon-zoom-in {
+ background-position: -336px 0;
+}
+
+.icon-zoom-out {
+ background-position: -360px 0;
+}
+
+.icon-off {
+ background-position: -384px 0;
+}
+
+.icon-signal {
+ background-position: -408px 0;
+}
+
+.icon-cog {
+ background-position: -432px 0;
+}
+
+.icon-trash {
+ background-position: -456px 0;
+}
+
+.icon-home {
+ background-position: 0 -24px;
+}
+
+.icon-file {
+ background-position: -24px -24px;
+}
+
+.icon-time {
+ background-position: -48px -24px;
+}
+
+.icon-road {
+ background-position: -72px -24px;
+}
+
+.icon-download-alt {
+ background-position: -96px -24px;
+}
+
+.icon-download {
+ background-position: -120px -24px;
+}
+
+.icon-upload {
+ background-position: -144px -24px;
+}
+
+.icon-inbox {
+ background-position: -168px -24px;
+}
+
+.icon-play-circle {
+ background-position: -192px -24px;
+}
+
+.icon-repeat {
+ background-position: -216px -24px;
+}
+
+.icon-refresh {
+ background-position: -240px -24px;
+}
+
+.icon-list-alt {
+ background-position: -264px -24px;
+}
+
+.icon-lock {
+ background-position: -287px -24px;
+}
+
+.icon-flag {
+ background-position: -312px -24px;
+}
+
+.icon-headphones {
+ background-position: -336px -24px;
+}
+
+.icon-volume-off {
+ background-position: -360px -24px;
+}
+
+.icon-volume-down {
+ background-position: -384px -24px;
+}
+
+.icon-volume-up {
+ background-position: -408px -24px;
+}
+
+.icon-qrcode {
+ background-position: -432px -24px;
+}
+
+.icon-barcode {
+ background-position: -456px -24px;
+}
+
+.icon-tag {
+ background-position: 0 -48px;
+}
+
+.icon-tags {
+ background-position: -25px -48px;
+}
+
+.icon-book {
+ background-position: -48px -48px;
+}
+
+.icon-bookmark {
+ background-position: -72px -48px;
+}
+
+.icon-print {
+ background-position: -96px -48px;
+}
+
+.icon-camera {
+ background-position: -120px -48px;
+}
+
+.icon-font {
+ background-position: -144px -48px;
+}
+
+.icon-bold {
+ background-position: -167px -48px;
+}
+
+.icon-italic {
+ background-position: -192px -48px;
+}
+
+.icon-text-height {
+ background-position: -216px -48px;
+}
+
+.icon-text-width {
+ background-position: -240px -48px;
+}
+
+.icon-align-left {
+ background-position: -264px -48px;
+}
+
+.icon-align-center {
+ background-position: -288px -48px;
+}
+
+.icon-align-right {
+ background-position: -312px -48px;
+}
+
+.icon-align-justify {
+ background-position: -336px -48px;
+}
+
+.icon-list {
+ background-position: -360px -48px;
+}
+
+.icon-indent-left {
+ background-position: -384px -48px;
+}
+
+.icon-indent-right {
+ background-position: -408px -48px;
+}
+
+.icon-facetime-video {
+ background-position: -432px -48px;
+}
+
+.icon-picture {
+ background-position: -456px -48px;
+}
+
+.icon-pencil {
+ background-position: 0 -72px;
+}
+
+.icon-map-marker {
+ background-position: -24px -72px;
+}
+
+.icon-adjust {
+ background-position: -48px -72px;
+}
+
+.icon-tint {
+ background-position: -72px -72px;
+}
+
+.icon-edit {
+ background-position: -96px -72px;
+}
+
+.icon-share {
+ background-position: -120px -72px;
+}
+
+.icon-check {
+ background-position: -144px -72px;
+}
+
+.icon-move {
+ background-position: -168px -72px;
+}
+
+.icon-step-backward {
+ background-position: -192px -72px;
+}
+
+.icon-fast-backward {
+ background-position: -216px -72px;
+}
+
+.icon-backward {
+ background-position: -240px -72px;
+}
+
+.icon-play {
+ background-position: -264px -72px;
+}
+
+.icon-pause {
+ background-position: -288px -72px;
+}
+
+.icon-stop {
+ background-position: -312px -72px;
+}
+
+.icon-forward {
+ background-position: -336px -72px;
+}
+
+.icon-fast-forward {
+ background-position: -360px -72px;
+}
+
+.icon-step-forward {
+ background-position: -384px -72px;
+}
+
+.icon-eject {
+ background-position: -408px -72px;
+}
+
+.icon-chevron-left {
+ background-position: -432px -72px;
+}
+
+.icon-chevron-right {
+ background-position: -456px -72px;
+}
+
+.icon-plus-sign {
+ background-position: 0 -96px;
+}
+
+.icon-minus-sign {
+ background-position: -24px -96px;
+}
+
+.icon-remove-sign {
+ background-position: -48px -96px;
+}
+
+.icon-ok-sign {
+ background-position: -72px -96px;
+}
+
+.icon-question-sign {
+ background-position: -96px -96px;
+}
+
+.icon-info-sign {
+ background-position: -120px -96px;
+}
+
+.icon-screenshot {
+ background-position: -144px -96px;
+}
+
+.icon-remove-circle {
+ background-position: -168px -96px;
+}
+
+.icon-ok-circle {
+ background-position: -192px -96px;
+}
+
+.icon-ban-circle {
+ background-position: -216px -96px;
+}
+
+.icon-arrow-left {
+ background-position: -240px -96px;
+}
+
+.icon-arrow-right {
+ background-position: -264px -96px;
+}
+
+.icon-arrow-up {
+ background-position: -289px -96px;
+}
+
+.icon-arrow-down {
+ background-position: -312px -96px;
+}
+
+.icon-share-alt {
+ background-position: -336px -96px;
+}
+
+.icon-resize-full {
+ background-position: -360px -96px;
+}
+
+.icon-resize-small {
+ background-position: -384px -96px;
+}
+
+.icon-plus {
+ background-position: -408px -96px;
+}
+
+.icon-minus {
+ background-position: -433px -96px;
+}
+
+.icon-asterisk {
+ background-position: -456px -96px;
+}
+
+.icon-exclamation-sign {
+ background-position: 0 -120px;
+}
+
+.icon-gift {
+ background-position: -24px -120px;
+}
+
+.icon-leaf {
+ background-position: -48px -120px;
+}
+
+.icon-fire {
+ background-position: -72px -120px;
+}
+
+.icon-eye-open {
+ background-position: -96px -120px;
+}
+
+.icon-eye-close {
+ background-position: -120px -120px;
+}
+
+.icon-warning-sign {
+ background-position: -144px -120px;
+}
+
+.icon-plane {
+ background-position: -168px -120px;
+}
+
+.icon-calendar {
+ background-position: -192px -120px;
+}
+
+.icon-random {
+ width: 16px;
+ background-position: -216px -120px;
+}
+
+.icon-comment {
+ background-position: -240px -120px;
+}
+
+.icon-magnet {
+ background-position: -264px -120px;
+}
+
+.icon-chevron-up {
+ background-position: -288px -120px;
+}
+
+.icon-chevron-down {
+ background-position: -313px -119px;
+}
+
+.icon-retweet {
+ background-position: -336px -120px;
+}
+
+.icon-shopping-cart {
+ background-position: -360px -120px;
+}
+
+.icon-folder-close {
+ width: 16px;
+ background-position: -384px -120px;
+}
+
+.icon-folder-open {
+ width: 16px;
+ background-position: -408px -120px;
+}
+
+.icon-resize-vertical {
+ background-position: -432px -119px;
+}
+
+.icon-resize-horizontal {
+ background-position: -456px -118px;
+}
+
+.icon-hdd {
+ background-position: 0 -144px;
+}
+
+.icon-bullhorn {
+ background-position: -24px -144px;
+}
+
+.icon-bell {
+ background-position: -48px -144px;
+}
+
+.icon-certificate {
+ background-position: -72px -144px;
+}
+
+.icon-thumbs-up {
+ background-position: -96px -144px;
+}
+
+.icon-thumbs-down {
+ background-position: -120px -144px;
+}
+
+.icon-hand-right {
+ background-position: -144px -144px;
+}
+
+.icon-hand-left {
+ background-position: -168px -144px;
+}
+
+.icon-hand-up {
+ background-position: -192px -144px;
+}
+
+.icon-hand-down {
+ background-position: -216px -144px;
+}
+
+.icon-circle-arrow-right {
+ background-position: -240px -144px;
+}
+
+.icon-circle-arrow-left {
+ background-position: -264px -144px;
+}
+
+.icon-circle-arrow-up {
+ background-position: -288px -144px;
+}
+
+.icon-circle-arrow-down {
+ background-position: -312px -144px;
+}
+
+.icon-globe {
+ background-position: -336px -144px;
+}
+
+.icon-wrench {
+ background-position: -360px -144px;
+}
+
+.icon-tasks {
+ background-position: -384px -144px;
+}
+
+.icon-filter {
+ background-position: -408px -144px;
+}
+
+.icon-briefcase {
+ background-position: -432px -144px;
+}
+
+.icon-fullscreen {
+ background-position: -456px -144px;
+}
+
+.form-table td {
+ vertical-align: top;
+}
+
+.form-label {
+ text-align: right;
+ padding-right: 14px;
+ height: 42px;
+ float: left;
+ width: 160px;
+ padding-top: 4px;
+}
+
+.form-value {
+ float: left;
+}
+
+.form-row {
+ clear: both;
+}
+
+td.table-row-operation {
+}
+
+input.table-row-value {
+ width: 150px;
+ margin: 0px;
+}
+
+.sub-table {
+ margin-bottom: 3px;
+}
+
+.sub-table td {
+ border: none;
+ vertical-align: middle;
+}
+
+.form-table-value-subtable {
+ max-height: 110px;
+ overflow-x: hidden;
+ overflow-y: auto;
+ border-bottom: solid 1px #3d3d3d;
+ width: 414px;
+}
+
+.datasource-list-container {
+ max-height: 110px;
+ overflow-x: hidden;
+ overflow-y: auto;
+ border-bottom: solid 1px #3d3d3d;
+}
+
+ul.value-dropdown {
+ height: 75px;
+ position: absolute;
+ padding: 0px;
+ margin: 0px;
+ background-color: #272727;
+ border: 1px solid rgba(255, 153, 0, 0.8);
+ overflow-x: hidden;
+ overflow-y: auto;
+ z-index: 3001;
+}
+
+ul.value-dropdown li {
+ padding: 5px;
+ cursor: pointer;
+}
+
+ul.value-dropdown li.selected {
+ background-color: rgba(255, 153, 0, 0.8);
+ color: #000;
+ text-shadow: none;
+}
+
+td.form-table-value > input[type="checkbox"] {
+ height: 15px;
+ margin-top: 7px;
+}
+
+.table-row-operation > i {
+ cursor: pointer;
+}
+
+#main-logo {
+ display: block;
+ margin-bottom: 20px;
+}
+
+#dash-logo {
+ display: block;
+ margin-left: 10px;
+ margin-bottom: 10px;
+}
+
+.value-editor-ds {
+ color: #B88F51;
+ cursor: pointer;
+}
+
+ul.board-toolbar {
+ padding: 0px;
+ margin: 0px;
+ text-transform: uppercase;
+ font-size: 11px;
+}
+
+ul.board-toolbar.vertical {
+ display: inline-block;
+}
+
+.board-toolbar li {
+ color: #B88F51;
+ float: left;
+ cursor: pointer;
+ margin: 0px 0px 0px 5px;
+ background-color: rgba(75, 75, 75, 0.0);
+ padding: 8px;
+ height: 14px;
+}
+
+.board-toolbar.vertical li {
+ float: none;
+}
+
+.board-toolbar li:hover {
+ background-color: rgba(75, 75, 75, 1.0);
+
+ -webkit-transition: 250ms linear;
+ -moz-transition: 250ms linear;
+ -o-transition: 250ms linear;
+ -ms-transition: 250ms linear;
+ transition: 250ms linear;
+}
+
+.board-toolbar li i {
+ float: left;
+ margin: 0;
+ padding: 0;
+}
+
+.board-toolbar li label {
+ cursor: pointer;
+ margin-left: 5px;
+ float: left;
+ margin-top: -3px;
+ margin-bottom: -10px;
+}
+
+.text-button {
+ color: #B88F51;
+ cursor: pointer;
+ text-transform: uppercase;
+}
+
+.datasource-name {
+ text-transform: none;
+}
+
+a:hover.text-button, a:focus.text-button {
+ color: #B88F51;
+ text-decoration: none;
+}
+
+.text-button > i {
+ margin-right: 10px;
+}
+
+.text-button::before,
+.text-button::after {
+ display: inline-block;
+ opacity: 0;
+ -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
+ -moz-transition: -moz-transform 0.3s, opacity 0.2s;
+ transition: transform 0.3s, opacity 0.2s;
+}
+
+.text-button::before {
+ margin-right: 5px;
+ content: '[';
+ -webkit-transform: translateX(10px);
+ -moz-transform: translateX(10px);
+ transform: translateX(10px);
+}
+
+.text-button::after {
+ margin-left: 5px;
+ content: ']';
+ -webkit-transform: translateX(-10px);
+ -moz-transform: translateX(-10px);
+ transform: translateX(-10px);
+}
+
+.text-button:hover::before,
+.text-button:hover::after,
+.text-button:focus::before,
+.text-button:focus::after {
+ opacity: 1;
+ -webkit-transform: translateX(0px);
+ -moz-transform: translateX(0px);
+ transform: translateX(0px);
+}
+
+.setting-description {
+ font-size: 10px;
+ text-shadow: none;
+ color: #6F6F6F;
+ margin-top: 5px;
+ margin-bottom: 15px;
+ max-width: 414px;
+ line-height: 1.5em;
+}
+
+textarea.calculated-value-input {
+ position: absolute;
+ width: 400px;
+ height: 20px;
+ resize: none;
+ white-space: nowrap;
+ overflow: auto;
+ Z-index: 3000;
+}
+
+ul.datasource-input-suffix {
+ margin-left: 409px;
+}
+
+.styled-select select {
+ width: 414px;
+ height: 30px;
+ -webkit-appearance: none;
+ border: 1px solid #3d3d3d;
+ background: url(../../../img/dropdown-arrow.png) no-repeat right #272727;
+}
+
+.title {
+ font-family: 'Helvetica-Neue', 'Helvetica', 'Arial', sans-serif;
+ vertical-align: baseline;
+ -webkit-font-smoothing: antialiased;
+ font-style: normal;
+ color: #d3d4d4;
+}
+
+.title.bordered {
+ border: solid 3px #d3d4d4;
+ display: inline-block;
+ padding: 2px 17px 2px 17px;
+ line-height: 39px;
+}
+
+h1.title {
+ margin-bottom: 10px;
+ font-size: 23px;
+ letter-spacing: -1px;
+}
+
+h2.title {
+ font-size: 13px;
+ line-height: 20px;
+ margin: 0px;
+ padding-top: 10px;
+ padding-bottom: 10px;
+}
+
+.form-value input[type="checkbox"] {
+ margin-top: 8px;
+}
+
+.table-operation {
+ font-size: 11px;
+ padding-left: 5px;
+ padding-bottom: 5px;
+ padding-top: 1px;
+}
+
+#add-pane {
+}
+
+#pane-holding-pen {
+ display: none;
+}
+
+@media screen and (max-width : 960px) {
+ #add-pane {
+ padding-top: 10px;
+ }
+
+ .text-button {
+ font-size: 14px;
+ line-height: 22px;
+ }
+
+ h1.title {
+ margin-bottom: 0px;
+ font-size: 13px;
+ letter-spacing: 0px;
+ }
+
+ .title.bordered {
+ padding: 1px 8px;
+ line-height: 25px;
+ border-width: 2px;
+ }
+
+ #admin-menu {
+ width: 100%;
+ }
+
+ h2.title {
+ font-size: 10px;
+ padding-top: 5px;
+ padding-bottom: 5px;
+ }
+
+ #board-tools {
+ width: 100%;
+ }
+
+ #datasources {
+ width: 100%;
+ float: none;
+ clear: both;
+ }
+
+ #board-actions {
+ float: left;
+ }
+
+ #board-logo {
+ float: left;
+ }
+
+ .modal header {
+ height: 30px;
+ }
+
+ .modal {
+ width: 100%;
+ top: 0px;
+ left: 0px;
+ }
+
+ .datasource-list-container {
+ max-height: 77px;
+ }
+
+ .form-label {
+ float: none;
+ height: auto;
+ width: auto;
+ text-align: left;
+ padding-top: 0px;
+ }
+
+ .form-value {
+ width: 100%;
+ padding-bottom: 10px;
+ float: none;
+ }
+
+ .control-label {
+ width: auto;
+ }
+
+ .modal section {
+ padding-bottom: 10px;
+ padding-top: 10px;
+ }
+
+ ul.datasource-input-suffix {
+ margin-left: 0px;
+ margin-bottom: 30px;
+ }
+
+ ul.datasource-input-suffix li {
+ margin-left: 0;
+ }
+
+ textarea, input[type="text"] {
+ width: 95%;
+ }
+
+ .styled-select select {
+ width: 100%;
+ }
+
+ .form-table-value-subtable {
+ width: 100%;
+ }
+
+ .table-operation {
+ font-size: 11px;
+ }
+
+ textarea.calculated-value-input {
+ position: inherit;
+ width: 95%;
+ }
+}
+
+.wrapperloading {
+ position: absolute;
+ height: 200px;
+ width: 200px;
+ top: 50%;
+ margin-top: -100px;
+ left: 50%;
+ margin-left: -100px;
+ z-index: 2000;
+}
+
+.wrapperloading .loading.up {
+ position: absolute;
+ height: 200px;
+ width: 200px;
+ border-radius: 150px;
+ border: 3px solid #fff;
+ border-top-color: #fff;
+ border-left-color: #555;
+ border-right-color: #555;
+ border-bottom-color: #fff;
+ -webkit-animation: rotation 3s linear infinite;
+ -moz-animation: rotation 3s linear infinite;
+ -o-animation: rotation 3s linear infinite;
+ animation: rotation 3s linear infinite;
+}
+
+.wrapperloading .loading.down {
+ position: absolute;
+ height: 100px;
+ width: 100px;
+ top: 50%;
+ margin-top: -50px;
+ left: 50%;
+ margin-left: -50px;
+ border-radius: 150px;
+ border: 3px solid #fff;
+ border-left-color: #fff;
+ border-top-color: #555;
+ border-bottom-color: #555;
+ border-right-color: #fff;
+ -webkit-animation: rotation 1s linear infinite;
+ -moz-animation: rotation 1s linear infinite;
+ -o-animation: rotation 1s linear infinite;
+ animation: rotation 1s linear infinite;
+}
+
+@-webkit-keyframes rotation {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ -moz-transform: rotate(0deg);
+ -ms-transform: rotate(0deg);
+ -o-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+
+ 50% {
+ -webkit-transform: rotate(180deg);
+ -moz-transform: rotate(180deg);
+ -ms-transform: rotate(180deg);
+ -o-transform: rotate(180deg);
+ transform: rotate(180deg);
+ }
+
+ 100% {
+ -webkit-transform: rotate(360deg);
+ -moz-transform: rotate(360deg);
+ -ms-transform: rotate(360deg);
+ -o-transform: rotate(360deg);
+ transform: rotate(360deg);
+ }
+}
+
+@-moz-keyframes rotation {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ -moz-transform: rotate(0deg);
+ -ms-transform: rotate(0deg);
+ -o-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+
+ 50% {
+ -webkit-transform: rotate(180deg);
+ -moz-transform: rotate(180deg);
+ -ms-transform: rotate(180deg);
+ -o-transform: rotate(180deg);
+ transform: rotate(180deg);
+ }
+
+ 100% {
+ -webkit-transform: rotate(360deg);
+ -moz-transform: rotate(360deg);
+ -ms-transform: rotate(360deg);
+ -o-transform: rotate(360deg);
+ transform: rotate(360deg);
+ }
+}
+
+@-o-keyframes rotation {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ -moz-transform: rotate(0deg);
+ -ms-transform: rotate(0deg);
+ -o-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+
+ 50% {
+ -webkit-transform: rotate(180deg);
+ -moz-transform: rotate(180deg);
+ -ms-transform: rotate(180deg);
+ -o-transform: rotate(180deg);
+ transform: rotate(180deg);
+ }
+
+ 100% {
+ -webkit-transform: rotate(360deg);
+ -moz-transform: rotate(360deg);
+ -ms-transform: rotate(360deg);
+ -o-transform: rotate(360deg);
+ transform: rotate(360deg);
+ }
+}
+
+@keyframes rotation {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ -moz-transform: rotate(0deg);
+ -ms-transform: rotate(0deg);
+ -o-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+
+ 50% {
+ -webkit-transform: rotate(180deg);
+ -moz-transform: rotate(180deg);
+ -ms-transform: rotate(180deg);
+ -o-transform: rotate(180deg);
+ transform: rotate(180deg);
+ }
+
+ 100% {
+ -webkit-transform: rotate(360deg);
+ -moz-transform: rotate(360deg);
+ -ms-transform: rotate(360deg);
+ -o-transform: rotate(360deg);
+ transform: rotate(360deg);
+ }
+}
+
+input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
+ color: #636363;
+}
+
+input:-moz-placeholder, textarea:-moz-placeholder {
+ color: #636363;
+}
+
+::-webkit-scrollbar {
+ height: 0px;
+ width: 4px;
+ background: transparent;
+ padding-right: 10;
+}
+
+::-webkit-scrollbar-thumb {
+ background: rgba(255, 255, 255, 0.05);
+ -webkit-border-radius: 1ex;
+}
+
+::-webkit-scrollbar-corner {
+ background: transparent;
+}
+
+.validation-error {
+ margin-top: 7px;
+ margin-bottom: 7px;
+ color: #AA7575;
+ font-size: 13px;
+}
+
+.onoffswitch {
+ position: relative;
+ width: 78px;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+}
+
+.onoffswitch-checkbox {
+ display: none;
+}
+
+.onoffswitch-label {
+ display: block;
+ overflow: hidden;
+ cursor: pointer;
+ border: 1px solid #3D3D3D;
+ border-radius: 0px;
+}
+
+.onoffswitch-inner {
+ width: 200%;
+ margin-left: -100%;
+ -moz-transition: margin 0.3s ease-in 0s;
+ -webkit-transition: margin 0.3s ease-in 0s;
+ -o-transition: margin 0.3s ease-in 0s;
+ transition: margin 0.3s ease-in 0s;
+}
+
+.onoffswitch-inner .on, .onoffswitch-inner .off {
+ float: left;
+ width: 50%;
+ height: 29px;
+ padding: 0;
+ line-height: 29px;
+ font-size: 17px;
+ color: white;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+}
+
+.onoffswitch-inner .on {
+ padding-left: 6px;
+ background-color: #2a2a2a;
+ color: #8B8B8B;
+}
+
+.onoffswitch-inner .off {
+ padding-right: 6px;
+ background-color: #101214;
+ color: #8B8B8B;
+ text-align: right;
+}
+
+.onoffswitch-switch {
+ width: 21px;
+ margin: 4px;
+ background: #A1A1A1;
+ border: 1px solid #3D3D3D;
+ border-radius: 0px;
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ right: 47px;
+ -moz-transition: all 0.3s ease-in 0s;
+ -webkit-transition: all 0.3s ease-in 0s;
+ -o-transition: all 0.3s ease-in 0s;
+ transition: all 0.3s ease-in 0s;
+}
+
+.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
+ margin-left: 0;
+}
+
+.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
+ right: 0px;
+ background-color: #FF9900;
+}
+
+.code-window {
+ z-index: 5000;
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background-color: #2a2a2a;
+}
+
+.code-window-footer {
+ height: 64px;
+ position: absolute;
+ right: 0;
+ bottom: 0;
+ line-height: 64px;
+ padding-right: 20px;
+ padding-left: 20px;
+}
+
+.code-window-header {
+ position: absolute;
+ top: 0;
+ left: 0;
+ padding: 20px;
+ line-height: 1.1em;
+ font-weight: 200;
+}
+
+@media screen and (max-width : 800px) {
+ .code-window-header {
+ font-size: 11px;
+ }
+}
+
+.code-mirror-wrapper {
+ width: 100%;
+ position: absolute;
+ bottom: 64px;
+ top: 100px;
+ left: 0;
+}
+
+.CodeMirror {
+ width: 100%;
+ height: 100% !important;
+}
+
diff --git a/css/codemirror-ambiance.css b/lib/css/thirdparty/codemirror-ambiance.css
similarity index 100%
rename from css/codemirror-ambiance.css
rename to lib/css/thirdparty/codemirror-ambiance.css
diff --git a/css/codemirror.css b/lib/css/thirdparty/codemirror.css
similarity index 100%
rename from css/codemirror.css
rename to lib/css/thirdparty/codemirror.css
diff --git a/css/jquery.gridster.min.css b/lib/css/thirdparty/jquery.gridster.min.css
similarity index 100%
rename from css/jquery.gridster.min.css
rename to lib/css/thirdparty/jquery.gridster.min.css
diff --git a/lib/js/freeboard/DatasourceModel.js b/lib/js/freeboard/DatasourceModel.js
new file mode 100644
index 00000000..7d384ae3
--- /dev/null
+++ b/lib/js/freeboard/DatasourceModel.js
@@ -0,0 +1,107 @@
+DatasourceModel = function(theFreeboardModel, datasourcePlugins) {
+ var self = this;
+
+ function disposeDatasourceInstance()
+ {
+ if(!_.isUndefined(self.datasourceInstance))
+ {
+ if(_.isFunction(self.datasourceInstance.onDispose))
+ {
+ self.datasourceInstance.onDispose();
+ }
+
+ self.datasourceInstance = undefined;
+ }
+ }
+
+ this.name = ko.observable();
+ this.latestData = ko.observable();
+ this.settings = ko.observable({});
+ this.settings.subscribe(function(newValue)
+ {
+ if(!_.isUndefined(self.datasourceInstance) && _.isFunction(self.datasourceInstance.onSettingsChanged))
+ {
+ self.datasourceInstance.onSettingsChanged(newValue);
+ }
+ });
+
+ this.updateCallback = function(newData)
+ {
+ theFreeboardModel.processDatasourceUpdate(self, newData);
+
+ self.latestData(newData);
+
+ var now = new Date();
+ self.last_updated(now.toLocaleTimeString());
+ }
+
+ this.type = ko.observable();
+ this.type.subscribe(function(newValue)
+ {
+ disposeDatasourceInstance();
+
+ if((newValue in datasourcePlugins) && _.isFunction(datasourcePlugins[newValue].newInstance))
+ {
+ var datasourceType = datasourcePlugins[newValue];
+
+ function finishLoad()
+ {
+ datasourceType.newInstance(self.settings(), function(datasourceInstance)
+ {
+
+ self.datasourceInstance = datasourceInstance;
+ datasourceInstance.updateNow();
+
+ }, self.updateCallback);
+ }
+
+ // Do we need to load any external scripts?
+ if(datasourceType.external_scripts)
+ {
+ head.js(datasourceType.external_scripts.slice(0), finishLoad); // Need to clone the array because head.js adds some weird functions to it
+ }
+ else
+ {
+ finishLoad();
+ }
+ }
+ });
+
+ this.last_updated = ko.observable("never");
+ this.last_error = ko.observable();
+
+ this.serialize = function()
+ {
+ return {
+ name : self.name(),
+ type : self.type(),
+ settings: self.settings()
+ };
+ }
+
+ this.deserialize = function(object)
+ {
+ self.settings(object.settings);
+ self.name(object.name);
+ self.type(object.type);
+ }
+
+ this.getDataRepresentation = function(dataPath)
+ {
+ var valueFunction = new Function("data", "return " + dataPath + ";");
+ return valueFunction.call(undefined, self.latestData());
+ }
+
+ this.updateNow = function()
+ {
+ if(!_.isUndefined(self.datasourceInstance) && _.isFunction(self.datasourceInstance.updateNow))
+ {
+ self.datasourceInstance.updateNow();
+ }
+ }
+
+ this.dispose = function()
+ {
+ disposeDatasourceInstance();
+ }
+}
diff --git a/lib/js/freeboard/DeveloperConsole.js b/lib/js/freeboard/DeveloperConsole.js
new file mode 100644
index 00000000..2255554f
--- /dev/null
+++ b/lib/js/freeboard/DeveloperConsole.js
@@ -0,0 +1,95 @@
+DeveloperConsole = function(theFreeboardModel)
+{
+ function showDeveloperConsole()
+ {
+ var pluginScriptsInputs = [];
+ var container = $('');
+ var addScript = $('ADD
');
+ var table = $('');
+
+ table.append($('| Plugin Script URL |
|---|
'));
+
+ var tableBody = $("");
+
+ table.append(tableBody);
+
+ container.append($("Here you can add references to other scripts to load datasource or widget plugins.
"))
+ .append(table)
+ .append(addScript)
+ .append('To learn how to build plugins for freeboard, please visit http://freeboard.github.io/freeboard/docs/plugin_example.html
');
+
+ function refreshScript(scriptURL)
+ {
+ $('script[src="' + scriptURL + '"]').remove();
+ }
+
+ function addNewScriptRow(scriptURL)
+ {
+ var tableRow = $('|
');
+ var tableOperations = $('');
+ var scriptInput = $('');
+ var deleteOperation = $('').click(function(e){
+ pluginScriptsInputs = _.without(pluginScriptsInputs, scriptInput);
+ tableRow.remove();
+ });
+
+ pluginScriptsInputs.push(scriptInput);
+
+ if(scriptURL)
+ {
+ scriptInput.val(scriptURL);
+ }
+
+ tableOperations.append(deleteOperation);
+ tableBody
+ .append(tableRow
+ .append($(' | ').append(scriptInput))
+ .append($('').append(tableOperations)));
+ }
+
+ _.each(theFreeboardModel.plugins(), function(pluginSource){
+
+ addNewScriptRow(pluginSource);
+
+ });
+
+ addScript.click(function(e)
+ {
+ addNewScriptRow();
+ });
+
+ new DialogBox(container, "Developer Console", "OK", null, function(){
+
+ // Unload our previous scripts
+ _.each(theFreeboardModel.plugins(), function(pluginSource){
+
+ $('script[src^="' + pluginSource + '"]').remove();
+
+ });
+
+ theFreeboardModel.plugins.removeAll();
+
+ _.each(pluginScriptsInputs, function(scriptInput){
+
+ var scriptURL = scriptInput.val();
+
+ if(scriptURL && scriptURL.length > 0)
+ {
+ theFreeboardModel.addPluginSource(scriptURL);
+
+ // Load the script with a cache buster
+ head.js(scriptURL + "?" + Date.now());
+ }
+ });
+
+ });
+ }
+
+ // Public API
+ return {
+ showDeveloperConsole : function()
+ {
+ showDeveloperConsole();
+ }
+ }
+}
diff --git a/lib/js/freeboard/DialogBox.js b/lib/js/freeboard/DialogBox.js
new file mode 100644
index 00000000..18fea8bd
--- /dev/null
+++ b/lib/js/freeboard/DialogBox.js
@@ -0,0 +1,55 @@
+function DialogBox(contentElement, title, okTitle, cancelTitle, okCallback)
+{
+ var modal_width = 900;
+
+ // Initialize our modal overlay
+ var overlay = $('');
+
+ var modalDialog = $('');
+
+ function closeModal()
+ {
+ overlay.fadeOut(200, function()
+ {
+ $(this).remove();
+ });
+ }
+
+ // Create our header
+ modalDialog.append('");
+
+ $('').appendTo(modalDialog).append(contentElement);
+
+ // Create our footer
+ var footer = $('').appendTo(modalDialog);
+
+ if(okTitle)
+ {
+ $('' + okTitle + '').appendTo(footer).click(function()
+ {
+ var hold = false;
+
+ if(_.isFunction(okCallback))
+ {
+ hold = okCallback();
+ }
+
+ if(!hold)
+ {
+ closeModal();
+ }
+ });
+ }
+
+ if(cancelTitle)
+ {
+ $('' + cancelTitle + '').appendTo(footer).click(function()
+ {
+ closeModal();
+ });
+ }
+
+ overlay.append(modalDialog);
+ $("body").append(overlay);
+ overlay.fadeIn(200);
+}
diff --git a/lib/js/freeboard/FreeboardModel.js b/lib/js/freeboard/FreeboardModel.js
new file mode 100644
index 00000000..2b34fdce
--- /dev/null
+++ b/lib/js/freeboard/FreeboardModel.js
@@ -0,0 +1,395 @@
+function FreeboardModel(datasourcePlugins, widgetPlugins, freeboardUI)
+{
+ var self = this;
+
+ var SERIALIZATION_VERSION = 1;
+
+ this.version = 0;
+ this.isEditing = ko.observable(false);
+ this.allow_edit = ko.observable(false);
+ this.allow_edit.subscribe(function(newValue)
+ {
+ if(newValue)
+ {
+ $("#main-header").show();
+ }
+ else
+ {
+ $("#main-header").hide();
+ }
+ });
+
+ this.header_image = ko.observable();
+ this.plugins = ko.observableArray();
+ this.datasources = ko.observableArray();
+ this.panes = ko.observableArray();
+ this.datasourceData = {};
+ this.processDatasourceUpdate = function(datasourceModel, newData)
+ {
+ var datasourceName = datasourceModel.name();
+
+ self.datasourceData[datasourceName] = newData;
+
+ _.each(self.panes(), function(pane)
+ {
+ _.each(pane.widgets(), function(widget)
+ {
+ widget.processDatasourceUpdate(datasourceName);
+ });
+ });
+ }
+
+ this._datasourceTypes = ko.observable();
+ this.datasourceTypes = ko.computed({
+ read: function()
+ {
+ self._datasourceTypes();
+
+ var returnTypes = [];
+
+ _.each(datasourcePlugins, function(datasourcePluginType)
+ {
+ var typeName = datasourcePluginType.type_name;
+ var displayName = typeName;
+
+ if(!_.isUndefined(datasourcePluginType.display_name))
+ {
+ displayName = datasourcePluginType.display_name;
+ }
+
+ returnTypes.push({
+ name : typeName,
+ display_name: displayName
+ });
+ });
+
+ return returnTypes;
+ }
+ });
+
+ this._widgetTypes = ko.observable();
+ this.widgetTypes = ko.computed({
+ read: function()
+ {
+ self._widgetTypes();
+
+ var returnTypes = [];
+
+ _.each(widgetPlugins, function(widgetPluginType)
+ {
+ var typeName = widgetPluginType.type_name;
+ var displayName = typeName;
+
+ if(!_.isUndefined(widgetPluginType.display_name))
+ {
+ displayName = widgetPluginType.display_name;
+ }
+
+ returnTypes.push({
+ name : typeName,
+ display_name: displayName
+ });
+ });
+
+ return returnTypes;
+ }
+ });
+
+ this.addPluginSource = function(pluginSource)
+ {
+ if(pluginSource && self.plugins.indexOf(pluginSource) == -1)
+ {
+ self.plugins.push(pluginSource);
+ }
+ }
+
+ this.serialize = function()
+ {
+ var panes = [];
+
+ _.each(self.panes(), function(pane)
+ {
+ panes.push(pane.serialize());
+ });
+
+ var datasources = [];
+
+ _.each(self.datasources(), function(datasource)
+ {
+ datasources.push(datasource.serialize());
+ });
+
+ return {
+ version : SERIALIZATION_VERSION,
+ header_image: self.header_image(),
+ allow_edit : self.allow_edit(),
+ plugins : self.plugins(),
+ panes : panes,
+ datasources : datasources,
+ columns : freeboardUI.getUserColumns()
+ };
+ }
+
+ this.deserialize = function(object, finishedCallback)
+ {
+ self.clearDashboard();
+
+ function finishLoad()
+ {
+ freeboardUI.setUserColumns(object.columns);
+
+ if(!_.isUndefined(object.allow_edit))
+ {
+ self.allow_edit(object.allow_edit);
+ }
+ else
+ {
+ self.allow_edit(true);
+ }
+ self.version = object.version || 0;
+ self.header_image(object.header_image);
+
+ _.each(object.datasources, function(datasourceConfig)
+ {
+ var datasource = new DatasourceModel(self, datasourcePlugins);
+ datasource.deserialize(datasourceConfig);
+ self.addDatasource(datasource);
+ });
+
+ var sortedPanes = _.sortBy(object.panes, function(pane){
+ return freeboardUI.getPositionForScreenSize(pane).row;
+ });
+
+ _.each(sortedPanes, function(paneConfig)
+ {
+ var pane = new PaneModel(self, widgetPlugins);
+ pane.deserialize(paneConfig);
+ self.panes.push(pane);
+ });
+
+ if(self.allow_edit() && self.panes().length == 0)
+ {
+ self.setEditing(true);
+ }
+
+ if(_.isFunction(finishedCallback))
+ {
+ finishedCallback();
+ }
+
+ freeboardUI.processResize(true);
+ }
+
+ // This could have been self.plugins(object.plugins), but for some weird reason head.js was causing a function to be added to the list of plugins.
+ _.each(object.plugins, function(plugin)
+ {
+ self.addPluginSource(plugin);
+ });
+
+ // Load any plugins referenced in this definition
+ if(_.isArray(object.plugins) && object.plugins.length > 0)
+ {
+ head.js(object.plugins, function()
+ {
+ finishLoad();
+ });
+ }
+ else
+ {
+ finishLoad();
+ }
+ }
+
+ this.clearDashboard = function()
+ {
+ freeboardUI.removeAllPanes();
+
+ _.each(self.datasources(), function(datasource)
+ {
+ datasource.dispose();
+ });
+
+ _.each(self.panes(), function(pane)
+ {
+ pane.dispose();
+ });
+
+ self.plugins.removeAll();
+ self.datasources.removeAll();
+ self.panes.removeAll();
+ }
+
+ this.loadDashboard = function(dashboardData, callback)
+ {
+ freeboardUI.showLoadingIndicator(true);
+ self.deserialize(dashboardData, function()
+ {
+ freeboardUI.showLoadingIndicator(false);
+
+ if(_.isFunction(callback))
+ {
+ callback();
+ }
+
+ freeboard.emit("dashboard_loaded");
+ });
+ }
+
+ this.loadDashboardFromLocalFile = function()
+ {
+ // Check for the various File API support.
+ if(window.File && window.FileReader && window.FileList && window.Blob)
+ {
+ var input = document.createElement('input');
+ input.type = "file";
+ $(input).on("change", function(event)
+ {
+ var files = event.target.files;
+
+ if(files && files.length > 0)
+ {
+ var file = files[0];
+ var reader = new FileReader();
+
+ reader.addEventListener("load", function(fileReaderEvent)
+ {
+
+ var textFile = fileReaderEvent.target;
+ var jsonObject = JSON.parse(textFile.result);
+
+
+ self.loadDashboard(jsonObject);
+ self.setEditing(false);
+ });
+
+ reader.readAsText(file);
+ }
+
+ });
+ $(input).trigger("click");
+ }
+ else
+ {
+ alert('Unable to load a file in this browser.');
+ }
+ }
+
+ this.saveDashboard = function()
+ {
+ var contentType = 'application/octet-stream';
+ var a = document.createElement('a');
+ var blob = new Blob([JSON.stringify(self.serialize())], {'type': contentType});
+ document.body.appendChild(a);
+ a.href = window.URL.createObjectURL(blob);
+ a.download = "dashboard.json";
+ a.target="_self";
+ a.click();
+ }
+
+ this.addDatasource = function(datasource)
+ {
+ self.datasources.push(datasource);
+ }
+
+ this.deleteDatasource = function(datasource)
+ {
+ delete self.datasourceData[datasource.name()];
+ datasource.dispose();
+ self.datasources.remove(datasource);
+ }
+
+ this.createPane = function()
+ {
+ var newPane = new PaneModel(self, widgetPlugins);
+ self.addPane(newPane);
+ }
+
+ this.addGridColumnLeft = function()
+ {
+ freeboardUI.addGridColumnLeft();
+ }
+
+ this.addGridColumnRight = function()
+ {
+ freeboardUI.addGridColumnRight();
+ }
+
+ this.subGridColumnLeft = function()
+ {
+ freeboardUI.subGridColumnLeft();
+ }
+
+ this.subGridColumnRight = function()
+ {
+ freeboardUI.subGridColumnRight();
+ }
+
+ this.addPane = function(pane)
+ {
+ self.panes.push(pane);
+ }
+
+ this.deletePane = function(pane)
+ {
+ pane.dispose();
+ self.panes.remove(pane);
+ }
+
+ this.deleteWidget = function(widget)
+ {
+ ko.utils.arrayForEach(self.panes(), function(pane)
+ {
+ pane.widgets.remove(widget);
+ });
+
+ widget.dispose();
+ }
+
+ this.setEditing = function(editing, animate)
+ {
+ // Don't allow editing if it's not allowed
+ if(!self.allow_edit() && editing)
+ {
+ return;
+ }
+
+ self.isEditing(editing);
+
+ if(_.isUndefined(animate))
+ {
+ animate = true;
+ }
+
+ var animateLength = (animate) ? 250 : 0;
+ var barHeight = $("#admin-bar").outerHeight();
+
+ if(!editing)
+ {
+ $("#toggle-header-icon").addClass("icon-wrench").removeClass("icon-chevron-up");
+ $(".gridster .gs_w").css({cursor: "default"});
+ $("#main-header").animate({"top": "-" + barHeight + "px"}, animateLength);
+ $("#board-content").animate({"top": "20"}, animateLength);
+ $("#main-header").data().shown = false;
+ $(".sub-section").unbind();
+ freeboardUI.disableGrid();
+ }
+ else
+ {
+ $("#toggle-header-icon").addClass("icon-chevron-up").removeClass("icon-wrench");
+ $(".gridster .gs_w").css({cursor: "pointer"});
+ $("#main-header").animate({"top": "0px"}, animateLength);
+ $("#board-content").animate({"top": (barHeight + 20) + "px"}, animateLength);
+ $("#main-header").data().shown = true;
+ freeboardUI.attachWidgetEditIcons($(".sub-section"));
+ freeboardUI.enableGrid();
+ }
+
+ freeboardUI.showPaneEditIcons(editing, animate);
+ }
+
+ this.toggleEditing = function()
+ {
+ var editing = !self.isEditing();
+ self.setEditing(editing);
+ }
+}
diff --git a/lib/js/freeboard/FreeboardUI.js b/lib/js/freeboard/FreeboardUI.js
new file mode 100644
index 00000000..38e19d96
--- /dev/null
+++ b/lib/js/freeboard/FreeboardUI.js
@@ -0,0 +1,437 @@
+function FreeboardUI()
+{
+ var PANE_MARGIN = 10;
+ var PANE_WIDTH = 300;
+ var MIN_COLUMNS = 3;
+ var COLUMN_WIDTH = PANE_MARGIN + PANE_WIDTH + PANE_MARGIN;
+
+ var userColumns = MIN_COLUMNS;
+
+ var loadingIndicator = $('');
+ var grid;
+
+ function processResize(layoutWidgets)
+ {
+ var maxDisplayableColumns = getMaxDisplayableColumnCount();
+ var repositionFunction = function(){};
+ if(layoutWidgets)
+ {
+ repositionFunction = function(index)
+ {
+ var paneElement = this;
+ var viewModel = ko.dataFor(paneElement);
+
+ var newPosition = getPositionForScreenSize(viewModel);
+ $(paneElement).attr("data-sizex", Math.min(viewModel.col_width(),
+ maxDisplayableColumns, grid.cols))
+ .attr("data-row", newPosition.row)
+ .attr("data-col", newPosition.col);
+ }
+ }
+
+ updateGridWidth(Math.min(maxDisplayableColumns, userColumns));
+
+ repositionGrid(repositionFunction);
+ updateGridColumnControls();
+ }
+
+ function addGridColumn(shift)
+ {
+ var num_cols = grid.cols + 1;
+ if(updateGridWidth(num_cols))
+ {
+ repositionGrid(function() {
+ var paneElement = this;
+ var paneModel = ko.dataFor(paneElement);
+
+ var prevColumnIndex = grid.cols > 1 ? grid.cols - 1 : 1;
+ var prevCol = paneModel.col[prevColumnIndex];
+ var prevRow = paneModel.row[prevColumnIndex];
+ var newPosition;
+ if(shift)
+ {
+ leftPreviewCol = true;
+ var newCol = prevCol < grid.cols ? prevCol + 1 : grid.cols;
+ newPosition = {row: prevRow, col: newCol};
+ }
+ else
+ {
+ rightPreviewCol = true;
+ newPosition = {row: prevRow, col: prevCol};
+ }
+ $(paneElement).attr("data-sizex", Math.min(paneModel.col_width(), grid.cols))
+ .attr("data-row", newPosition.row)
+ .attr("data-col", newPosition.col);
+ });
+ }
+ updateGridColumnControls();
+ userColumns = grid.cols;
+ }
+
+ function subtractGridColumn(shift)
+ {
+ var num_cols = grid.cols - 1;
+ if(updateGridWidth(num_cols))
+ {
+ repositionGrid(function() {
+ var paneElement = this;
+ var paneModel = ko.dataFor(paneElement);
+
+ var prevColumnIndex = grid.cols + 1;
+ var prevCol = paneModel.col[prevColumnIndex];
+ var prevRow = paneModel.row[prevColumnIndex];
+ var newPosition;
+ if(shift)
+ {
+ var newCol = prevCol > 1 ? prevCol - 1 : 1;
+ newPosition = {row: prevRow, col: newCol};
+ }
+ else
+ {
+ var newCol = prevCol <= grid.cols ? prevCol : grid.cols;
+ newPosition = {row: prevRow, col: newCol};
+ }
+ $(paneElement).attr("data-sizex", Math.min(paneModel.col_width(), grid.cols))
+ .attr("data-row", newPosition.row)
+ .attr("data-col", newPosition.col);
+ });
+ }
+ updateGridColumnControls();
+ userColumns = grid.cols;
+ }
+
+ function updateGridColumnControls()
+ {
+ var col_controls = $(".column-tool");
+ var available_width = $("#board-content").width();
+ var max_columns = Math.floor(available_width / COLUMN_WIDTH);
+
+ if(grid.cols <= MIN_COLUMNS)
+ {
+ col_controls.addClass("min");
+ }
+ else
+ {
+ col_controls.removeClass("min");
+ }
+
+ if(grid.cols >= max_columns)
+ {
+ col_controls.addClass("max");
+ }
+ else
+ {
+ col_controls.removeClass("max");
+ }
+ }
+
+ function getMaxDisplayableColumnCount()
+ {
+ var available_width = $("#board-content").width();
+ return Math.floor(available_width / COLUMN_WIDTH);
+ }
+
+ function updateGridWidth(newCols)
+ {
+ if(newCols === undefined || newCols < MIN_COLUMNS)
+ {
+ newCols = MIN_COLUMNS;
+ }
+
+ var max_columns = getMaxDisplayableColumnCount();
+ if(newCols > max_columns)
+ {
+ newCols = max_columns;
+ }
+
+ var new_width = COLUMN_WIDTH * newCols;
+ $(".responsive-column-width").css("max-width", new_width);
+
+ if(newCols === grid.cols)
+ {
+ return false;
+ }
+ else
+ {
+ return true;
+ }
+ }
+
+ function repositionGrid(repositionFunction)
+ {
+ var rootElement = grid.$el;
+
+ rootElement.find("> li").unbind().removeData();
+ $(".responsive-column-width").css("width", "");
+ grid.generate_grid_and_stylesheet();
+
+ rootElement.find("> li").each(repositionFunction);
+
+ grid.init();
+ $(".responsive-column-width").css("width", grid.cols * PANE_WIDTH + (grid.cols * PANE_MARGIN * 2));
+ }
+
+ function getUserColumns()
+ {
+ return userColumns;
+ }
+
+ function setUserColumns(numCols)
+ {
+ userColumns = Math.max(MIN_COLUMNS, numCols);
+ }
+
+ ko.bindingHandlers.grid = {
+ init: function(element, valueAccessor, allBindingsAccessor, viewModel, bindingContext)
+ {
+ // Initialize our grid
+ grid = $(element).gridster({
+ widget_margins : [PANE_MARGIN, PANE_MARGIN],
+ widget_base_dimensions: [PANE_WIDTH, 10],
+ resize: {
+ enabled : false,
+ axes : "x"
+ }
+ }).data("gridster");
+
+ processResize(false)
+
+ grid.disable();
+ }
+ }
+
+ function addPane(element, viewModel, isEditing)
+ {
+ var position = getPositionForScreenSize(viewModel);
+ var col = position.col;
+ var row = position.row;
+ var width = Number(viewModel.width());
+ var height = Number(viewModel.getCalculatedHeight());
+
+ grid.add_widget(element, width, height, col, row);
+
+ if(isEditing)
+ {
+ showPaneEditIcons(true);
+ }
+
+ updatePositionForScreenSize(viewModel, row, col);
+
+ $(element).attrchange({
+ trackValues: true,
+ callback : function(event)
+ {
+ if(event.attributeName == "data-row")
+ {
+ updatePositionForScreenSize(viewModel, Number(event.newValue), undefined);
+ }
+ else if(event.attributeName == "data-col")
+ {
+ updatePositionForScreenSize(viewModel, undefined, Number(event.newValue));
+ }
+ }
+ });
+ }
+
+ function updatePane(element, viewModel)
+ {
+ // If widget has been added or removed
+ var calculatedHeight = viewModel.getCalculatedHeight();
+
+ var elementHeight = Number($(element).attr("data-sizey"));
+ var elementWidth = Number($(element).attr("data-sizex"));
+
+ if(calculatedHeight != elementHeight || viewModel.col_width() != elementWidth)
+ {
+ grid.resize_widget($(element), viewModel.col_width(), calculatedHeight, function(){
+ grid.set_dom_grid_height();
+ });
+ }
+ }
+
+ function updatePositionForScreenSize(paneModel, row, col)
+ {
+ var displayCols = grid.cols;
+
+ if(!_.isUndefined(row)) paneModel.row[displayCols] = row;
+ if(!_.isUndefined(col)) paneModel.col[displayCols] = col;
+ }
+
+ function showLoadingIndicator(show)
+ {
+ if(show)
+ {
+ loadingIndicator.fadeOut(0).appendTo("body").fadeIn(500);
+ }
+ else
+ {
+ loadingIndicator.fadeOut(500).remove();
+ }
+ }
+
+ function showPaneEditIcons(show, animate)
+ {
+ if(_.isUndefined(animate))
+ {
+ animate = true;
+ }
+
+ var animateLength = (animate) ? 250 : 0;
+
+ if(show)
+ {
+ $(".pane-tools").fadeIn(animateLength);//.css("display", "block").animate({opacity: 1.0}, animateLength);
+ $("#column-tools").fadeIn(animateLength);
+ }
+ else
+ {
+ $(".pane-tools").fadeOut(animateLength);//.animate({opacity: 0.0}, animateLength).css("display", "none");//, function()
+ $("#column-tools").fadeOut(animateLength);
+ }
+ }
+
+ function attachWidgetEditIcons(element)
+ {
+ $(element).hover(function()
+ {
+ showWidgetEditIcons(this, true);
+ }, function()
+ {
+ showWidgetEditIcons(this, false);
+ });
+ }
+
+ function showWidgetEditIcons(element, show)
+ {
+ if(show)
+ {
+ $(element).find(".sub-section-tools").fadeIn(250);
+ }
+ else
+ {
+ $(element).find(".sub-section-tools").fadeOut(250);
+ }
+ }
+
+ function getPositionForScreenSize(paneModel)
+ {
+ var cols = grid.cols;
+
+ if(_.isNumber(paneModel.row) && _.isNumber(paneModel.col)) // Support for legacy format
+ {
+ var obj = {};
+ obj[cols] = paneModel.row;
+ paneModel.row = obj;
+
+
+ obj = {};
+ obj[cols] = paneModel.col;
+ paneModel.col = obj;
+ }
+
+ var newColumnIndex = 1;
+ var columnDiff = 1000;
+
+ for(var columnIndex in paneModel.col)
+ {
+ if(columnIndex == cols) // If we already have a position defined for this number of columns, return that position
+ {
+ return {row: paneModel.row[columnIndex], col: paneModel.col[columnIndex]};
+ }
+ else if(paneModel.col[columnIndex] > cols) // If it's greater than our display columns, put it in the last column
+ {
+ newColumnIndex = cols;
+ }
+ else // If it's less than, pick whichever one is closest
+ {
+ var delta = cols - columnIndex;
+
+ if(delta < columnDiff)
+ {
+ newColumnIndex = columnIndex;
+ columnDiff = delta;
+ }
+ }
+ }
+
+ if(newColumnIndex in paneModel.col && newColumnIndex in paneModel.row)
+ {
+ return {row: paneModel.row[newColumnIndex], col: paneModel.col[newColumnIndex]};
+ }
+
+ return {row:1,col:newColumnIndex};
+ }
+
+
+ // Public Functions
+ return {
+ showLoadingIndicator : function(show)
+ {
+ showLoadingIndicator(show);
+ },
+ showPaneEditIcons : function(show, animate)
+ {
+ showPaneEditIcons(show, animate);
+ },
+ attachWidgetEditIcons : function(element)
+ {
+ attachWidgetEditIcons(element);
+ },
+ getPositionForScreenSize : function(paneModel)
+ {
+ return getPositionForScreenSize(paneModel);
+ },
+ processResize : function(layoutWidgets)
+ {
+ processResize(layoutWidgets);
+ },
+ disableGrid : function()
+ {
+ grid.disable();
+ },
+ enableGrid : function()
+ {
+ grid.enable();
+ },
+ addPane : function(element, viewModel, isEditing)
+ {
+ addPane(element, viewModel, isEditing);
+ },
+ updatePane : function(element, viewModel)
+ {
+ updatePane(element, viewModel);
+ },
+ removePane : function(element)
+ {
+ grid.remove_widget(element);
+ },
+ removeAllPanes : function()
+ {
+ grid.remove_all_widgets();
+ },
+ addGridColumnLeft : function()
+ {
+ addGridColumn(true);
+ },
+ addGridColumnRight : function()
+ {
+ addGridColumn(false);
+ },
+ subGridColumnLeft : function()
+ {
+ subtractGridColumn(true);
+ },
+ subGridColumnRight : function()
+ {
+ subtractGridColumn(false);
+ },
+ getUserColumns : function()
+ {
+ return getUserColumns();
+ },
+ setUserColumns : function(numCols)
+ {
+ setUserColumns(numCols);
+ }
+ }
+}
diff --git a/lib/js/freeboard/JSEditor.js b/lib/js/freeboard/JSEditor.js
new file mode 100644
index 00000000..26fddfc7
--- /dev/null
+++ b/lib/js/freeboard/JSEditor.js
@@ -0,0 +1,78 @@
+JSEditor = function()
+{
+ var assetRoot = ""
+
+ function setAssetRoot(_assetRoot)
+ {
+ assetRoot = _assetRoot;
+ }
+
+ function displayJSEditor(value, callback)
+ {
+ // We load these when we need them— no sense in loading more javascript and css if we're never using the editor.
+ head.js(
+ assetRoot + "css/codemirror.css",
+ assetRoot + "css/codemirror-ambiance.css",
+ assetRoot + "js/codemirror.js",
+ function(){
+
+ var exampleText = "// Example: Convert temp from C to F and truncate to 2 decimal places.\n// return (datasources[\"MyDatasource\"].sensor.tempInF * 1.8 + 32).toFixed(2);";
+
+ // If value is empty, go ahead and suggest something
+ if(!value)
+ {
+ value = exampleText;
+ }
+
+ var codeWindow = $('');
+ var codeMirrorWrapper = $('');
+ var codeWindowFooter = $('');
+ var codeWindowHeader = $('');
+
+ codeWindow.append([codeWindowHeader, codeMirrorWrapper, codeWindowFooter]);
+
+ $("body").append(codeWindow);
+
+ var codeMirrorEditor = CodeMirror(codeMirrorWrapper.get(0),
+ {
+ value: value,
+ mode: "javascript",
+ theme: "ambiance",
+ indentUnit: 4,
+ lineNumbers: true,
+ matchBrackets: true,
+ autoCloseBrackets: true
+ }
+ );
+
+ var closeButton = $('Close').click(function(){
+ if(callback)
+ {
+ var newValue = codeMirrorEditor.getValue();
+
+ if(newValue === exampleText)
+ {
+ newValue = "";
+ }
+
+ callback(newValue);
+ codeWindow.remove();
+ }
+ });
+
+ codeWindowFooter.append(closeButton);
+ });
+ }
+
+ // Public API
+ return {
+ displayJSEditor : function(value, callback)
+ {
+ displayJSEditor(value, callback);
+ },
+ setAssetRoot : function(assetRoot)
+ {
+ setAssetRoot(assetRoot)
+ }
+ }
+}
diff --git a/lib/js/freeboard/PaneModel.js b/lib/js/freeboard/PaneModel.js
new file mode 100644
index 00000000..5ac90cbc
--- /dev/null
+++ b/lib/js/freeboard/PaneModel.js
@@ -0,0 +1,109 @@
+function PaneModel(theFreeboardModel, widgetPlugins)
+{
+ var self = this;
+
+ this.title = ko.observable();
+ this.width = ko.observable(1);
+ this.row = {};
+ this.col = {};
+ this.col_width = ko.observable(1);
+ this.widgets = ko.observableArray();
+
+ this.addWidget = function(widget)
+ {
+ this.widgets.push(widget);
+ }
+
+ this.widgetCanMoveUp = function(widget)
+ {
+ return (self.widgets.indexOf(widget) >= 1);
+ }
+
+ this.widgetCanMoveDown = function(widget)
+ {
+ var i = self.widgets.indexOf(widget);
+
+ return (i < self.widgets().length - 1);
+ }
+
+ this.moveWidgetUp = function(widget)
+ {
+ if(self.widgetCanMoveUp(widget))
+ {
+ var i = self.widgets.indexOf(widget);
+ var array = self.widgets();
+ self.widgets.splice(i - 1, 2, array[i], array[i - 1]);
+ }
+ }
+
+ this.moveWidgetDown = function(widget)
+ {
+ if(self.widgetCanMoveDown(widget))
+ {
+ var i = self.widgets.indexOf(widget);
+ var array = self.widgets();
+ self.widgets.splice(i, 2, array[i + 1], array[i]);
+ }
+ }
+
+ this.getCalculatedHeight = function()
+ {
+ var sumHeights = _.reduce(self.widgets(), function(memo, widget)
+ {
+ return memo + widget.height();
+ }, 0);
+
+ sumHeights *= 6;
+ sumHeights += 3;
+
+ sumHeights *= 10;
+
+ var rows = Math.ceil((sumHeights + 20) / 30);
+
+ return Math.max(4, rows);
+ }
+
+ this.serialize = function()
+ {
+ var widgets = [];
+
+ _.each(self.widgets(), function(widget)
+ {
+ widgets.push(widget.serialize());
+ });
+
+ return {
+ title : self.title(),
+ width : self.width(),
+ row : self.row,
+ col : self.col,
+ col_width : self.col_width(),
+ widgets: widgets
+ };
+ }
+
+ this.deserialize = function(object)
+ {
+ self.title(object.title);
+ self.width(object.width);
+
+ self.row = object.row;
+ self.col = object.col;
+ self.col_width(object.col_width || 1);
+
+ _.each(object.widgets, function(widgetConfig)
+ {
+ var widget = new WidgetModel(theFreeboardModel, widgetPlugins);
+ widget.deserialize(widgetConfig);
+ self.widgets.push(widget);
+ });
+ }
+
+ this.dispose = function()
+ {
+ _.each(self.widgets(), function(widget)
+ {
+ widget.dispose();
+ });
+ }
+}
diff --git a/lib/js/freeboard/PluginEditor.js b/lib/js/freeboard/PluginEditor.js
new file mode 100644
index 00000000..76120406
--- /dev/null
+++ b/lib/js/freeboard/PluginEditor.js
@@ -0,0 +1,430 @@
+PluginEditor = function(jsEditor, valueEditor)
+{
+ function _displayValidationError(settingName, errorMessage)
+ {
+ var errorElement = $('').html(errorMessage);
+ $("#setting-value-container-" + settingName).append(errorElement);
+ }
+
+ function _removeSettingsRows()
+ {
+ if($("#setting-row-instance-name").length)
+ {
+ $("#setting-row-instance-name").nextAll().remove();
+ }
+ else
+ {
+ $("#setting-row-plugin-types").nextAll().remove();
+ }
+ }
+
+ function _isNumerical(n)
+ {
+ return !isNaN(parseFloat(n)) && isFinite(n);
+ }
+
+ function createPluginEditor(title, pluginTypes, currentTypeName, currentSettingsValues, settingsSavedCallback)
+ {
+ var newSettings = {
+ type : currentTypeName,
+ settings: {}
+ };
+
+ function createSettingRow(name, displayName)
+ {
+ var tr = $('').appendTo(form);
+
+ tr.append('');
+ return $('').appendTo(tr);
+ }
+
+ var selectedType;
+ var form = $('');
+
+ var pluginDescriptionElement = $('').hide();
+ form.append(pluginDescriptionElement);
+
+ function createSettingsFromDefinition(settingsDefs)
+ {
+ _.each(settingsDefs, function(settingDef)
+ {
+ // Set a default value if one doesn't exist
+ if(!_.isUndefined(settingDef.default_value) && _.isUndefined(currentSettingsValues[settingDef.name]))
+ {
+ currentSettingsValues[settingDef.name] = settingDef.default_value;
+ }
+
+ var displayName = settingDef.name;
+
+ if(!_.isUndefined(settingDef.display_name))
+ {
+ displayName = settingDef.display_name;
+ }
+
+ var valueCell = createSettingRow(settingDef.name, displayName);
+
+ switch (settingDef.type)
+ {
+ case "array":
+ {
+ var subTableDiv = $('').appendTo(valueCell);
+
+ var subTable = $('').appendTo(subTableDiv);
+ var subTableHead = $("").hide().appendTo(subTable);
+ var subTableHeadRow = $(" | |
").appendTo(subTableHead);
+ var subTableBody = $('').appendTo(subTable);
+
+ var currentSubSettingValues = [];
+
+ // Create our headers
+ _.each(settingDef.settings, function(subSettingDef)
+ {
+ var subsettingDisplayName = subSettingDef.name;
+
+ if(!_.isUndefined(subSettingDef.display_name))
+ {
+ subsettingDisplayName = subSettingDef.display_name;
+ }
+
+ $('' + subsettingDisplayName + ' | ').appendTo(subTableHeadRow);
+ });
+
+ if(settingDef.name in currentSettingsValues)
+ {
+ currentSubSettingValues = currentSettingsValues[settingDef.name];
+ }
+
+ function processHeaderVisibility()
+ {
+ if(newSettings.settings[settingDef.name].length > 0)
+ {
+ subTableHead.show();
+ }
+ else
+ {
+ subTableHead.hide();
+ }
+ }
+
+ function createSubsettingRow(subsettingValue)
+ {
+ var subsettingRow = $('|
').appendTo(subTableBody);
+
+ var newSetting = {};
+
+ if(!_.isArray(newSettings.settings[settingDef.name]))
+ {
+ newSettings.settings[settingDef.name] = [];
+ }
+
+ newSettings.settings[settingDef.name].push(newSetting);
+
+ _.each(settingDef.settings, function(subSettingDef)
+ {
+ var subsettingCol = $(' | ').appendTo(subsettingRow);
+ var subsettingValueString = "";
+
+ if(!_.isUndefined(subsettingValue[subSettingDef.name]))
+ {
+ subsettingValueString = subsettingValue[subSettingDef.name];
+ }
+
+ newSetting[subSettingDef.name] = subsettingValueString;
+
+ $('').appendTo(subsettingCol).val(subsettingValueString).change(function()
+ {
+ newSetting[subSettingDef.name] = $(this).val();
+ });
+ });
+
+ subsettingRow.append($(' | ').append($('').append($('').append($('').click(function()
+ {
+ var subSettingIndex = newSettings.settings[settingDef.name].indexOf(newSetting);
+
+ if(subSettingIndex != -1)
+ {
+ newSettings.settings[settingDef.name].splice(subSettingIndex, 1);
+ subsettingRow.remove();
+ processHeaderVisibility();
+ }
+ })))));
+
+ subTableDiv.scrollTop(subTableDiv[0].scrollHeight);
+
+ processHeaderVisibility();
+ }
+
+ $('ADD
').appendTo(valueCell).click(function()
+ {
+ var newSubsettingValue = {};
+
+ _.each(settingDef.settings, function(subSettingDef)
+ {
+ newSubsettingValue[subSettingDef.name] = "";
+ });
+
+ createSubsettingRow(newSubsettingValue);
+ });
+
+ // Create our rows
+ _.each(currentSubSettingValues, function(currentSubSettingValue, subSettingIndex)
+ {
+ createSubsettingRow(currentSubSettingValue);
+ });
+
+ break;
+ }
+ case "boolean":
+ {
+ newSettings.settings[settingDef.name] = currentSettingsValues[settingDef.name];
+
+ var onOffSwitch = $('').appendTo(valueCell);
+
+ var input = $('').prependTo(onOffSwitch).change(function()
+ {
+ newSettings.settings[settingDef.name] = this.checked;
+ });
+
+ if(settingDef.name in currentSettingsValues)
+ {
+ input.prop("checked", currentSettingsValues[settingDef.name]);
+ }
+
+ break;
+ }
+ case "option":
+ {
+ var defaultValue = currentSettingsValues[settingDef.name];
+
+ var input = $('').appendTo($('').appendTo(valueCell)).change(function()
+ {
+ newSettings.settings[settingDef.name] = $(this).val();
+ });
+
+ _.each(settingDef.options, function(option)
+ {
+
+ var optionName;
+ var optionValue;
+
+ if(_.isObject(option))
+ {
+ optionName = option.name;
+ optionValue = option.value;
+ }
+ else
+ {
+ optionName = option;
+ }
+
+ if(_.isUndefined(optionValue))
+ {
+ optionValue = optionName;
+ }
+
+ if(_.isUndefined(defaultValue))
+ {
+ defaultValue = optionValue;
+ }
+
+ $("").text(optionName).attr("value", optionValue).appendTo(input);
+ });
+
+ newSettings.settings[settingDef.name] = defaultValue;
+
+ if(settingDef.name in currentSettingsValues)
+ {
+ input.val(currentSettingsValues[settingDef.name]);
+ }
+
+ break;
+ }
+ default:
+ {
+ newSettings.settings[settingDef.name] = currentSettingsValues[settingDef.name];
+
+
+ if(settingDef.type == "calculated")
+ {
+ var input = $('').appendTo(valueCell).change(function()
+ {
+ newSettings.settings[settingDef.name] = $(this).val();
+ });
+
+ if(settingDef.name in currentSettingsValues)
+ {
+ input.val(currentSettingsValues[settingDef.name]);
+ }
+
+ valueEditor.createValueEditor(input);
+
+ var datasourceToolbox = $('');
+
+ var datasourceTool = $('').mousedown(function(e)
+ {
+ e.preventDefault();
+ $(input).focus();
+ $(input).insertAtCaret("datasources[\"");
+ $(input).trigger("freeboard-eval");
+ });
+
+ var jsEditorTool = $('').mousedown(function(e)
+ {
+ e.preventDefault();
+
+ jsEditor.displayJSEditor(input.val(), function(result){
+ input.val(result);
+ input.change();
+ });
+ });
+
+ $(valueCell).append(datasourceToolbox.append([datasourceTool, jsEditorTool]));
+ }
+ else
+ {
+ var input = $('').appendTo(valueCell).change(function()
+ {
+ if(settingDef.type == "number")
+ {
+ newSettings.settings[settingDef.name] = Number($(this).val());
+ }
+ else
+ {
+ newSettings.settings[settingDef.name] = $(this).val();
+ }
+ });
+
+ if(settingDef.name in currentSettingsValues)
+ {
+ input.val(currentSettingsValues[settingDef.name]);
+ }
+ }
+
+ break;
+ }
+ }
+
+ if(!_.isUndefined(settingDef.suffix))
+ {
+ valueCell.append($('' + settingDef.suffix + '
'));
+ }
+
+ if(!_.isUndefined(settingDef.description))
+ {
+ valueCell.append($('' + settingDef.description + '
'));
+ }
+ });
+ }
+
+
+ new DialogBox(form, title, "Save", "Cancel", function()
+ {
+ $(".validation-error").remove();
+
+ // Loop through each setting and validate it
+ for(var index = 0; index < selectedType.settings.length; index++)
+ {
+ var settingDef = selectedType.settings[index];
+
+ if(settingDef.required && (_.isUndefined(newSettings.settings[settingDef.name]) || newSettings.settings[settingDef.name] == ""))
+ {
+ _displayValidationError(settingDef.name, "This is required.");
+ return true;
+ }
+ else if(settingDef.type == "number" && !_isNumerical(newSettings.settings[settingDef.name]))
+ {
+ _displayValidationError(settingDef.name, "Must be a number.");
+ return true;
+ }
+ }
+
+ if(_.isFunction(settingsSavedCallback))
+ {
+ settingsSavedCallback(newSettings);
+ }
+ });
+
+ // Create our body
+ var pluginTypeNames = _.keys(pluginTypes);
+ var typeSelect;
+
+ if(pluginTypeNames.length > 1)
+ {
+ var typeRow = createSettingRow("plugin-types", "Type");
+ typeSelect = $('').appendTo($('').appendTo(typeRow));
+
+ typeSelect.append($("").attr("value", "undefined"));
+
+ _.each(pluginTypes, function(pluginType)
+ {
+ typeSelect.append($("").text(pluginType.display_name).attr("value", pluginType.type_name));
+ });
+
+ typeSelect.change(function()
+ {
+ newSettings.type = $(this).val();
+ newSettings.settings = {};
+
+ // Remove all the previous settings
+ _removeSettingsRows();
+
+ selectedType = pluginTypes[typeSelect.val()];
+
+ if(_.isUndefined(selectedType))
+ {
+ $("#setting-row-instance-name").hide();
+ $("#dialog-ok").hide();
+ }
+ else
+ {
+ $("#setting-row-instance-name").show();
+
+ if(selectedType.description && selectedType.description.length > 0)
+ {
+ pluginDescriptionElement.html(selectedType.description).show();
+ }
+ else
+ {
+ pluginDescriptionElement.hide();
+ }
+
+ $("#dialog-ok").show();
+ createSettingsFromDefinition(selectedType.settings);
+ }
+ });
+ }
+ else if(pluginTypeNames.length == 1)
+ {
+ selectedType = pluginTypes[pluginTypeNames[0]];
+ createSettingsFromDefinition(selectedType.settings);
+ }
+
+ if(typeSelect)
+ {
+ if(_.isUndefined(currentTypeName))
+ {
+ $("#setting-row-instance-name").hide();
+ $("#dialog-ok").hide();
+ }
+ else
+ {
+ $("#dialog-ok").show();
+ typeSelect.val(currentTypeName).trigger("change");
+ }
+ }
+ }
+
+ // Public API
+ return {
+ createPluginEditor : function(
+ title,
+ pluginTypes,
+ currentInstanceName,
+ currentTypeName,
+ currentSettingsValues,
+ settingsSavedCallback)
+ {
+ createPluginEditor(title, pluginTypes, currentInstanceName, currentTypeName, currentSettingsValues, settingsSavedCallback);
+ }
+ }
+}
diff --git a/lib/js/freeboard/ValueEditor.js b/lib/js/freeboard/ValueEditor.js
new file mode 100644
index 00000000..19dc95cc
--- /dev/null
+++ b/lib/js/freeboard/ValueEditor.js
@@ -0,0 +1,289 @@
+ValueEditor = function(theFreeboardModel)
+{
+ var _veDatasourceRegex = new RegExp(".*datasources\\[\"([^\"]*)(\"\\]\\[\")?(.*)$");
+
+ var _autocompleteOptions = [];
+ var _autocompleteReplacementString;
+
+ function _resizeValueEditor(element)
+ {
+ var lineBreakCount = ($(element).val().match(/\n/g) || []).length;
+
+ var newHeight = Math.min(200, 20 * (lineBreakCount + 1));
+
+ $(element).css({height: newHeight + "px"});
+ }
+
+ function _autocompleteFromDatasource(inputString, datasources)
+ {
+ var match = _veDatasourceRegex.exec(inputString);
+
+ var options = [];
+ var replacementString;
+
+ if(match)
+ {
+ if(match[1] == "") // List all datasources
+ {
+ _.each(datasources, function(datasource)
+ {
+ options.push({value: datasource.name(), follow_char: "\"][\""});
+ });
+ }
+ else if(match[1] != "" && _.isUndefined(match[2])) // List partial datasources
+ {
+ replacementString = match[1];
+
+ _.each(datasources, function(datasource)
+ {
+ var dsName = datasource.name();
+
+ if(dsName != replacementString && dsName.indexOf(replacementString) == 0)
+ {
+ options.push({value: dsName, follow_char: "\"][\""});
+ }
+ });
+ }
+ else
+ {
+ var datasource = _.find(datasources, function(datasource)
+ {
+ return (datasource.name() === match[1]);
+ });
+
+ if(!_.isUndefined(datasource))
+ {
+ var dataPath = "";
+
+ if(!_.isUndefined(match[2]))
+ {
+ dataPath = match[2] + match[3];
+ }
+
+ var dataPathItems = dataPath.split("\"][\"");
+ dataPath = "data";
+
+ for(var index = 1; index < dataPathItems.length - 1; index++)
+ {
+ if(dataPathItems[index] != "")
+ {
+ dataPathItem = "[\"" + dataPathItems[index] + "\"]";
+ dataPath = dataPath + dataPathItem;
+ }
+ }
+
+ var lastPathObject = _.last(dataPathItems);
+
+ // If the last character is a ", then ignore it
+ if(lastPathObject.charAt(lastPathObject.length - 1) == "\"")
+ {
+ lastPathObject = lastPathObject.replace(/\[\"?$/, "");
+ dataPath = dataPath + "[\"" + lastPathObject + "\"]";
+ }
+
+ var dataValue = datasource.getDataRepresentation(dataPath);
+
+ if(_.isArray(dataValue))
+ {
+ for(var index = 0; index < dataValue.length; index++)
+ {
+ var followChar = "\"]";
+
+ if(_.isObject(dataValue[index]))
+ {
+ followChar = followChar + "\"][\"";
+ }
+ else if(_.isArray(dataValue[index]))
+ {
+ followChar = followChar + "\"][";
+ }
+
+ options.push({value: index, follow_char: followChar});
+ }
+ }
+ else if(_.isObject(dataValue))
+ {
+ replacementString = lastPathObject;
+
+ if(_.keys(dataValue).indexOf(replacementString) == -1)
+ {
+ _.each(dataValue, function(value, name)
+ {
+ if(name != lastPathObject && name.indexOf(lastPathObject) == 0)
+ {
+ var followChar = "\"]";
+
+ if(_.isArray(value))
+ {
+ followChar = "\"][";
+ }
+ else if(_.isObject(value))
+ {
+ followChar = "\"][\"";
+ }
+
+ options.push({value: name, follow_char: followChar});
+ }
+ });
+ }
+ }
+ }
+ }
+ }
+ _autocompleteOptions = options;
+ _autocompleteReplacementString = replacementString;
+ }
+
+ function createValueEditor(element)
+ {
+ var dropdown = null;
+ var selectedOptionIndex = 0;
+
+ $(element).addClass("calculated-value-input").bind("keyup mouseup freeboard-eval",function(event)
+ {
+ // Ignore arrow keys and enter keys
+ if(dropdown && event.type == "keyup" && (event.keyCode == 38 || event.keyCode == 40 || event.keyCode == 13))
+ {
+ event.preventDefault();
+ return;
+ }
+
+ var inputString = $(element).val().substring(0, $(element).getCaretPosition());
+ inputString = inputString.replace(String.fromCharCode(160), " "); // Weird issue where the textarea box was putting in ASCII (non breaking space) for spaces.
+
+ _autocompleteFromDatasource(inputString, theFreeboardModel.datasources());
+
+ if(_autocompleteOptions.length > 0)
+ {
+ if(!dropdown)
+ {
+ dropdown = $('').insertAfter(element).width($(element).outerWidth() - 2).css("left", $(element).position().left).css("top", $(element).position().top + $(element).outerHeight() - 1);
+ }
+
+ dropdown.empty();
+ dropdown.scrollTop(0);
+
+ var selected = true;
+ selectedOptionIndex = 0;
+
+ var currentIndex = 0;
+
+ _.each(_autocompleteOptions, function(option)
+ {
+ var li = $('' + option.value + '').appendTo(dropdown).mouseenter(function()
+ {
+ $(this).trigger("freeboard-select");
+ }).mousedown(function(event)
+ {
+ $(this).trigger("freeboard-insertValue");
+ event.preventDefault();
+ }).data("freeboard-optionIndex", currentIndex).data("freeboard-optionValue", option.value).bind("freeboard-insertValue",function()
+ {
+ var optionValue = option.value;
+
+ if(!_.isUndefined(option.follow_char))
+ {
+ optionValue = optionValue + option.follow_char;
+ }
+
+ if(!_.isUndefined(_autocompleteReplacementString))
+ {
+ var replacementIndex = inputString.lastIndexOf(_autocompleteReplacementString);
+
+ if(replacementIndex != -1)
+ {
+ $(element).replaceTextAt(replacementIndex, replacementIndex + _autocompleteReplacementString.length, optionValue);
+ }
+ }
+ else
+ {
+ $(element).insertAtCaret(optionValue);
+ }
+
+ $(element).triggerHandler("mouseup");
+ }).bind("freeboard-select", function()
+ {
+ $(this).parent().find("li.selected").removeClass("selected");
+ $(this).addClass("selected");
+ selectedOptionIndex = $(this).data("freeboard-optionIndex");
+ });
+
+ if(selected)
+ {
+ $(li).addClass("selected");
+ selected = false;
+ }
+
+ currentIndex++;
+ });
+ }
+ else
+ {
+ $(element).next("ul#value-selector").remove();
+ dropdown = null;
+ selectedOptionIndex = -1;
+ }
+ }).focus(function()
+ {
+ _resizeValueEditor(element);
+ }).focusout(function()
+ {
+ $(element).css({height: ""});
+ $(element).next("ul#value-selector").remove();
+ dropdown = null;
+ selectedOptionIndex = -1;
+ }).bind("keydown", function(event)
+ {
+
+ if(dropdown)
+ {
+ if(event.keyCode == 38 || event.keyCode == 40) // Handle Arrow keys
+ {
+ event.preventDefault();
+
+ var optionItems = $(dropdown).find("li");
+
+ if(event.keyCode == 38) // Up Arrow
+ {
+ selectedOptionIndex--;
+ }
+ else if(event.keyCode == 40) // Down Arrow
+ {
+ selectedOptionIndex++;
+ }
+
+ if(selectedOptionIndex < 0)
+ {
+ selectedOptionIndex = optionItems.size() - 1;
+ }
+ else if(selectedOptionIndex >= optionItems.size())
+ {
+ selectedOptionIndex = 0;
+ }
+
+ var optionElement = $(optionItems).eq(selectedOptionIndex);
+
+ optionElement.trigger("freeboard-select");
+ $(dropdown).scrollTop($(optionElement).position().top);
+ }
+ else if(event.keyCode == 13) // Handle enter key
+ {
+ event.preventDefault();
+
+ if(selectedOptionIndex != -1)
+ {
+ $(dropdown).find("li").eq(selectedOptionIndex).trigger("freeboard-insertValue");
+ }
+ }
+ }
+ });
+ }
+
+ // Public API
+ return {
+ createValueEditor : function(element)
+ {
+ createValueEditor(element);
+ }
+ }
+}
diff --git a/lib/js/freeboard/WidgetModel.js b/lib/js/freeboard/WidgetModel.js
new file mode 100644
index 00000000..cac092f9
--- /dev/null
+++ b/lib/js/freeboard/WidgetModel.js
@@ -0,0 +1,236 @@
+function WidgetModel(theFreeboardModel, widgetPlugins)
+{
+ function disposeWidgetInstance()
+ {
+ if(!_.isUndefined(self.widgetInstance))
+ {
+ if(_.isFunction(self.widgetInstance.onDispose))
+ {
+ self.widgetInstance.onDispose();
+ }
+
+ self.widgetInstance = undefined;
+ }
+ }
+
+ var self = this;
+
+ this.datasourceRefreshNotifications = {};
+ this.calculatedSettingScripts = {};
+
+ this.title = ko.observable();
+ this.fillSize = ko.observable(false);
+
+ this.type = ko.observable();
+ this.type.subscribe(function(newValue)
+ {
+ disposeWidgetInstance();
+
+ if((newValue in widgetPlugins) && _.isFunction(widgetPlugins[newValue].newInstance))
+ {
+ var widgetType = widgetPlugins[newValue];
+
+ function finishLoad()
+ {
+ widgetType.newInstance(self.settings(), function(widgetInstance)
+ {
+
+ self.fillSize((widgetType.fill_size === true));
+ self.widgetInstance = widgetInstance;
+ self.shouldRender(true);
+ self._heightUpdate.valueHasMutated();
+
+ });
+ }
+
+ // Do we need to load any external scripts?
+ if(widgetType.external_scripts)
+ {
+ head.js(widgetType.external_scripts.slice(0), finishLoad); // Need to clone the array because head.js adds some weird functions to it
+ }
+ else
+ {
+ finishLoad();
+ }
+ }
+ });
+
+ this.settings = ko.observable({});
+ this.settings.subscribe(function(newValue)
+ {
+ if(!_.isUndefined(self.widgetInstance) && _.isFunction(self.widgetInstance.onSettingsChanged))
+ {
+ self.widgetInstance.onSettingsChanged(newValue);
+ }
+
+ self.updateCalculatedSettings();
+ self._heightUpdate.valueHasMutated();
+ });
+
+ this.processDatasourceUpdate = function(datasourceName)
+ {
+ var refreshSettingNames = self.datasourceRefreshNotifications[datasourceName];
+
+ if(_.isArray(refreshSettingNames))
+ {
+ _.each(refreshSettingNames, function(settingName)
+ {
+ self.processCalculatedSetting(settingName);
+ });
+ }
+ }
+
+ this.callValueFunction = function(theFunction)
+ {
+ return theFunction.call(undefined, theFreeboardModel.datasourceData);
+ }
+
+ this.processCalculatedSetting = function(settingName)
+ {
+ if(_.isFunction(self.calculatedSettingScripts[settingName]))
+ {
+ var returnValue = undefined;
+
+ try
+ {
+ returnValue = self.callValueFunction(self.calculatedSettingScripts[settingName]);
+ }
+ catch(e)
+ {
+ var rawValue = self.settings()[settingName];
+
+ // If there is a reference error and the value just contains letters and numbers, then
+ if(e instanceof ReferenceError && (/^\w+$/).test(rawValue))
+ {
+ returnValue = rawValue;
+ }
+ }
+
+ if(!_.isUndefined(self.widgetInstance) && _.isFunction(self.widgetInstance.onCalculatedValueChanged) && !_.isUndefined(returnValue))
+ {
+ try
+ {
+ self.widgetInstance.onCalculatedValueChanged(settingName, returnValue);
+ }
+ catch(e)
+ {
+ console.log(e.toString());
+ }
+ }
+ }
+ }
+
+ this.updateCalculatedSettings = function()
+ {
+ self.datasourceRefreshNotifications = {};
+ self.calculatedSettingScripts = {};
+
+ if(_.isUndefined(self.type()))
+ {
+ return;
+ }
+
+ // Check for any calculated settings
+ var settingsDefs = widgetPlugins[self.type()].settings;
+ var datasourceRegex = new RegExp("datasources.([\\w_-]+)|datasources\\[['\"]([^'\"]+)", "g");
+ var currentSettings = self.settings();
+
+ _.each(settingsDefs, function(settingDef)
+ {
+ if(settingDef.type == "calculated")
+ {
+ var script = currentSettings[settingDef.name];
+
+ if(!_.isUndefined(script))
+ {
+ // If there is no return, add one
+ if((script.match(/;/g) || []).length <= 1 && script.indexOf("return") == -1)
+ {
+ script = "return " + script;
+ }
+
+ var valueFunction;
+
+ try
+ {
+ valueFunction = new Function("datasources", script);
+ }
+ catch(e)
+ {
+ var literalText = currentSettings[settingDef.name].replace(/"/g, '\\"').replace(/[\r\n]/g, ' \\\n');
+
+ // If the value function cannot be created, then go ahead and treat it as literal text
+ valueFunction = new Function("datasources", "return \"" + literalText + "\";");
+ }
+
+ self.calculatedSettingScripts[settingDef.name] = valueFunction;
+ self.processCalculatedSetting(settingDef.name);
+
+ // Are there any datasources we need to be subscribed to?
+ var matches;
+
+ while(matches = datasourceRegex.exec(script))
+ {
+ var dsName = (matches[1] || matches[2]);
+ var refreshSettingNames = self.datasourceRefreshNotifications[dsName];
+
+ if(_.isUndefined(refreshSettingNames))
+ {
+ refreshSettingNames = [];
+ self.datasourceRefreshNotifications[dsName] = refreshSettingNames;
+ }
+
+ refreshSettingNames.push(settingDef.name);
+ }
+ }
+ }
+ });
+ }
+
+ this._heightUpdate = ko.observable();
+ this.height = ko.computed({
+ read: function()
+ {
+ self._heightUpdate();
+
+ if(!_.isUndefined(self.widgetInstance) && _.isFunction(self.widgetInstance.getHeight))
+ {
+ return self.widgetInstance.getHeight();
+ }
+
+ return 1;
+ }
+ });
+
+ this.shouldRender = ko.observable(false);
+ this.render = function(element)
+ {
+ self.shouldRender(false);
+ if(!_.isUndefined(self.widgetInstance) && _.isFunction(self.widgetInstance.render))
+ {
+ self.widgetInstance.render(element);
+ self.updateCalculatedSettings();
+ }
+ }
+
+ this.dispose = function()
+ {
+
+ }
+
+ this.serialize = function()
+ {
+ return {
+ title : self.title(),
+ type : self.type(),
+ settings: self.settings()
+ };
+ }
+
+ this.deserialize = function(object)
+ {
+ self.title(object.title);
+ self.settings(object.settings);
+ self.type(object.type);
+ }
+}
diff --git a/lib/js/freeboard/freeboard.js b/lib/js/freeboard/freeboard.js
new file mode 100755
index 00000000..7e4b8b58
--- /dev/null
+++ b/lib/js/freeboard/freeboard.js
@@ -0,0 +1,649 @@
+// ┌────────────────────────────────────────────────────────────────────┐ \\
+// │ F R E E B O A R D │ \\
+// ├────────────────────────────────────────────────────────────────────┤ \\
+// │ Copyright © 2013 Jim Heising (https://github.com/jheising) │ \\
+// │ Copyright © 2013 Bug Labs, Inc. (http://buglabs.net) │ \\
+// ├────────────────────────────────────────────────────────────────────┤ \\
+// │ Licensed under the MIT license. │ \\
+// └────────────────────────────────────────────────────────────────────┘ \\
+
+// Jquery plugin to watch for attribute changes
+(function($)
+{
+ function isDOMAttrModifiedSupported()
+ {
+ var p = document.createElement('p');
+ var flag = false;
+
+ if(p.addEventListener)
+ {
+ p.addEventListener('DOMAttrModified', function()
+ {
+ flag = true
+ }, false);
+ }
+ else if(p.attachEvent)
+ {
+ p.attachEvent('onDOMAttrModified', function()
+ {
+ flag = true
+ });
+ }
+ else
+ {
+ return false;
+ }
+
+ p.setAttribute('id', 'target');
+
+ return flag;
+ }
+
+ function checkAttributes(chkAttr, e)
+ {
+ if(chkAttr)
+ {
+ var attributes = this.data('attr-old-value');
+
+ if(e.attributeName.indexOf('style') >= 0)
+ {
+ if(!attributes['style'])
+ {
+ attributes['style'] = {};
+ } //initialize
+ var keys = e.attributeName.split('.');
+ e.attributeName = keys[0];
+ e.oldValue = attributes['style'][keys[1]]; //old value
+ e.newValue = keys[1] + ':' + this.prop("style")[$.camelCase(keys[1])]; //new value
+ attributes['style'][keys[1]] = e.newValue;
+ }
+ else
+ {
+ e.oldValue = attributes[e.attributeName];
+ e.newValue = this.attr(e.attributeName);
+ attributes[e.attributeName] = e.newValue;
+ }
+
+ this.data('attr-old-value', attributes); //update the old value object
+ }
+ }
+
+ //initialize Mutation Observer
+ var MutationObserver = window.MutationObserver || window.WebKitMutationObserver;
+
+ $.fn.attrchange = function(o)
+ {
+
+ var cfg = {
+ trackValues: false,
+ callback : $.noop
+ };
+
+ //for backward compatibility
+ if(typeof o === "function")
+ {
+ cfg.callback = o;
+ }
+ else
+ {
+ $.extend(cfg, o);
+ }
+
+ if(cfg.trackValues)
+ { //get attributes old value
+ $(this).each(function(i, el)
+ {
+ var attributes = {};
+ for(var attr, i = 0, attrs = el.attributes, l = attrs.length; i < l; i++)
+ {
+ attr = attrs.item(i);
+ attributes[attr.nodeName] = attr.value;
+ }
+
+ $(this).data('attr-old-value', attributes);
+ });
+ }
+
+ if(MutationObserver)
+ { //Modern Browsers supporting MutationObserver
+ /*
+ Mutation Observer is still new and not supported by all browsers.
+ http://lists.w3.org/Archives/Public/public-webapps/2011JulSep/1622.html
+ */
+ var mOptions = {
+ subtree : false,
+ attributes : true,
+ attributeOldValue: cfg.trackValues
+ };
+
+ var observer = new MutationObserver(function(mutations)
+ {
+ mutations.forEach(function(e)
+ {
+ var _this = e.target;
+
+ //get new value if trackValues is true
+ if(cfg.trackValues)
+ {
+ /**
+ * @KNOWN_ISSUE: The new value is buggy for STYLE attribute as we don't have
+ * any additional information on which style is getting updated.
+ * */
+ e.newValue = $(_this).attr(e.attributeName);
+ }
+
+ cfg.callback.call(_this, e);
+ });
+ });
+
+ return this.each(function()
+ {
+ observer.observe(this, mOptions);
+ });
+ }
+ else if(isDOMAttrModifiedSupported())
+ { //Opera
+ //Good old Mutation Events but the performance is no good
+ //http://hacks.mozilla.org/2012/05/dom-mutationobserver-reacting-to-dom-changes-without-killing-browser-performance/
+ return this.on('DOMAttrModified', function(event)
+ {
+ if(event.originalEvent)
+ {
+ event = event.originalEvent;
+ } //jQuery normalization is not required for us
+ event.attributeName = event.attrName; //property names to be consistent with MutationObserver
+ event.oldValue = event.prevValue; //property names to be consistent with MutationObserver
+ cfg.callback.call(this, event);
+ });
+ }
+ else if('onpropertychange' in document.body)
+ { //works only in IE
+ return this.on('propertychange', function(e)
+ {
+ e.attributeName = window.event.propertyName;
+ //to set the attr old value
+ checkAttributes.call($(this), cfg.trackValues, e);
+ cfg.callback.call(this, e);
+ });
+ }
+
+ return this;
+ }
+})(jQuery);
+
+(function(jQuery) {
+
+ jQuery.eventEmitter = {
+ _JQInit: function() {
+ this._JQ = jQuery(this);
+ },
+ emit: function(evt, data) {
+ !this._JQ && this._JQInit();
+ this._JQ.trigger(evt, data);
+ },
+ once: function(evt, handler) {
+ !this._JQ && this._JQInit();
+ this._JQ.one(evt, handler);
+ },
+ on: function(evt, handler) {
+ !this._JQ && this._JQInit();
+ this._JQ.bind(evt, handler);
+ },
+ off: function(evt, handler) {
+ !this._JQ && this._JQInit();
+ this._JQ.unbind(evt, handler);
+ }
+ };
+
+}(jQuery));
+
+var freeboard = (function()
+{
+ var datasourcePlugins = {};
+ var widgetPlugins = {};
+
+ var freeboardUI = new FreeboardUI();
+ var theFreeboardModel = new FreeboardModel(datasourcePlugins, widgetPlugins, freeboardUI);
+
+ var jsEditor = new JSEditor();
+ var valueEditor = new ValueEditor(theFreeboardModel);
+ var pluginEditor = new PluginEditor(jsEditor, valueEditor);
+
+ var developerConsole = new DeveloperConsole(theFreeboardModel);
+
+ var currentStyle = {
+ values: {
+ "font-family": '"HelveticaNeue-UltraLight", "Helvetica Neue Ultra Light", "Helvetica Neue", sans-serif',
+ "color" : "#d3d4d4",
+ "font-weight": 100
+ }
+ };
+
+ ko.bindingHandlers.pluginEditor = {
+ init: function(element, valueAccessor, allBindingsAccessor, viewModel, bindingContext)
+ {
+ var options = ko.unwrap(valueAccessor());
+
+ var types = {};
+ var settings = undefined;
+ var title = "";
+
+ if(options.type == 'datasource')
+ {
+ types = datasourcePlugins;
+ title = "Datasource";
+ }
+ else if(options.type == 'widget')
+ {
+ types = widgetPlugins;
+ title = "Widget";
+ }
+ else if(options.type == 'pane')
+ {
+ title = "Pane";
+ }
+
+ $(element).click(function(event)
+ {
+ if(options.operation == 'delete')
+ {
+ var phraseElement = $('Are you sure you want to delete this ' + title + '?
');
+ new DialogBox(phraseElement, "Confirm Delete", "Yes", "No", function()
+ {
+
+ if(options.type == 'datasource')
+ {
+ theFreeboardModel.deleteDatasource(viewModel);
+ }
+ else if(options.type == 'widget')
+ {
+ theFreeboardModel.deleteWidget(viewModel);
+ }
+ else if(options.type == 'pane')
+ {
+ theFreeboardModel.deletePane(viewModel);
+ }
+
+ });
+ }
+ else
+ {
+ var instanceType = undefined;
+
+ if(options.type == 'datasource')
+ {
+ if(options.operation == 'add')
+ {
+ settings = {};
+ }
+ else
+ {
+ instanceType = viewModel.type();
+ settings = viewModel.settings();
+ settings.name = viewModel.name();
+ }
+ }
+ else if(options.type == 'widget')
+ {
+ if(options.operation == 'add')
+ {
+ settings = {};
+ }
+ else
+ {
+ instanceType = viewModel.type();
+ settings = viewModel.settings();
+ }
+ }
+ else if(options.type == 'pane')
+ {
+ settings = {};
+
+ if(options.operation == 'edit')
+ {
+ settings.title = viewModel.title();
+ settings.col_width = viewModel.col_width();
+ }
+
+ types = {
+ settings: {
+ settings: [
+ {
+ name : "title",
+ display_name: "Title",
+ type : "text"
+ },
+ {
+ name : "col_width",
+ display_name : "Columns",
+ type : "number",
+ default_value : 1,
+ required : true
+ }
+ ]
+ }
+ }
+ }
+
+ pluginEditor.createPluginEditor(title, types, instanceType, settings, function(newSettings)
+ {
+ if(options.operation == 'add')
+ {
+ if(options.type == 'datasource')
+ {
+ var newViewModel = new DatasourceModel(theFreeboardModel, datasourcePlugins);
+ theFreeboardModel.addDatasource(newViewModel);
+
+ newViewModel.name(newSettings.settings.name);
+ delete newSettings.settings.name;
+
+ newViewModel.settings(newSettings.settings);
+ newViewModel.type(newSettings.type);
+ }
+ else if(options.type == 'widget')
+ {
+ var newViewModel = new WidgetModel(theFreeboardModel, widgetPlugins);
+ newViewModel.settings(newSettings.settings);
+ newViewModel.type(newSettings.type);
+
+ viewModel.widgets.push(newViewModel);
+
+ freeboardUI.attachWidgetEditIcons(element);
+ }
+ }
+ else if(options.operation == 'edit')
+ {
+ if(options.type == 'pane')
+ {
+ viewModel.title(newSettings.settings.title);
+ viewModel.col_width(newSettings.settings.col_width);
+ freeboardUI.processResize(false);
+ }
+ else
+ {
+ if(options.type == 'datasource')
+ {
+ viewModel.name(newSettings.settings.name);
+ delete newSettings.settings.name;
+ }
+
+ viewModel.type(newSettings.type);
+ viewModel.settings(newSettings.settings);
+ }
+ }
+ });
+ }
+ });
+ }
+ }
+
+ ko.virtualElements.allowedBindings.datasourceTypeSettings = true;
+ ko.bindingHandlers.datasourceTypeSettings = {
+ update: function(element, valueAccessor, allBindingsAccessor, viewModel, bindingContext)
+ {
+ processPluginSettings(element, valueAccessor, allBindingsAccessor, viewModel, bindingContext);
+ }
+ }
+
+ ko.bindingHandlers.pane = {
+ init : function(element, valueAccessor, allBindingsAccessor, viewModel, bindingContext)
+ {
+ if(theFreeboardModel.isEditing())
+ {
+ $(element).css({cursor: "pointer"});
+ }
+
+ freeboardUI.addPane(element, viewModel, bindingContext.$root.isEditing());
+ },
+ update: function(element, valueAccessor, allBindingsAccessor, viewModel, bindingContext)
+ {
+ // If pane has been removed
+ if(theFreeboardModel.panes.indexOf(viewModel) == -1)
+ {
+ freeboardUI.removePane(element);
+ }
+ freeboardUI.updatePane(element, viewModel);
+ }
+ }
+
+ ko.bindingHandlers.widget = {
+ init : function(element, valueAccessor, allBindingsAccessor, viewModel, bindingContext)
+ {
+ if(theFreeboardModel.isEditing())
+ {
+ freeboardUI.attachWidgetEditIcons($(element).parent());
+ }
+ },
+ update: function(element, valueAccessor, allBindingsAccessor, viewModel, bindingContext)
+ {
+ if(viewModel.shouldRender())
+ {
+ $(element).empty();
+ viewModel.render(element);
+ }
+ }
+ }
+
+ function getParameterByName(name)
+ {
+ name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");
+ var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"), results = regex.exec(location.search);
+ return results == null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
+ }
+
+ $(function()
+ { //DOM Ready
+ // Show the loading indicator when we first load
+ freeboardUI.showLoadingIndicator(true);
+
+ var resizeTimer;
+
+ function resizeEnd()
+ {
+ freeboardUI.processResize(true);
+ }
+
+ $(window).resize(function() {
+ clearTimeout(resizeTimer);
+ resizeTimer = setTimeout(resizeEnd, 500);
+ });
+
+ });
+
+ // PUBLIC FUNCTIONS
+ return {
+ initialize : function(allowEdit, finishedCallback)
+ {
+ ko.applyBindings(theFreeboardModel);
+
+ // Check to see if we have a query param called load. If so, we should load that dashboard initially
+ var freeboardLocation = getParameterByName("load");
+
+ if(freeboardLocation != "")
+ {
+ $.ajax({
+ url : freeboardLocation,
+ success: function(data)
+ {
+ theFreeboardModel.loadDashboard(data);
+
+ if(_.isFunction(finishedCallback))
+ {
+ finishedCallback();
+ }
+ }
+ });
+ }
+ else
+ {
+ theFreeboardModel.allow_edit(allowEdit);
+ theFreeboardModel.setEditing(allowEdit);
+
+ freeboardUI.showLoadingIndicator(false);
+ if(_.isFunction(finishedCallback))
+ {
+ finishedCallback();
+ }
+
+ freeboard.emit("initialized");
+ }
+ },
+ newDashboard : function()
+ {
+ theFreeboardModel.loadDashboard({allow_edit: true});
+ },
+ loadDashboard : function(configuration, callback)
+ {
+ theFreeboardModel.loadDashboard(configuration, callback);
+ },
+ serialize : function()
+ {
+ return theFreeboardModel.serialize();
+ },
+ setEditing : function(editing, animate)
+ {
+ theFreeboardModel.setEditing(editing, animate);
+ },
+ isEditing : function()
+ {
+ return theFreeboardModel.isEditing();
+ },
+ loadDatasourcePlugin: function(plugin)
+ {
+ if(_.isUndefined(plugin.display_name))
+ {
+ plugin.display_name = plugin.type_name;
+ }
+
+ // Add a required setting called name to the beginning
+ plugin.settings.unshift({
+ name : "name",
+ display_name : "Name",
+ type : "text",
+ required : true
+ });
+
+
+ theFreeboardModel.addPluginSource(plugin.source);
+ datasourcePlugins[plugin.type_name] = plugin;
+ theFreeboardModel._datasourceTypes.valueHasMutated();
+ },
+ resize : function()
+ {
+ freeboardUI.processResize(true);
+ },
+ loadWidgetPlugin : function(plugin)
+ {
+ if(_.isUndefined(plugin.display_name))
+ {
+ plugin.display_name = plugin.type_name;
+ }
+
+ theFreeboardModel.addPluginSource(plugin.source);
+ widgetPlugins[plugin.type_name] = plugin;
+ theFreeboardModel._widgetTypes.valueHasMutated();
+ },
+ // To be used if freeboard is going to load dynamic assets from a different root URL
+ setAssetRoot : function(assetRoot)
+ {
+ jsEditor.setAssetRoot(assetRoot);
+ },
+ addStyle : function(selector, rules)
+ {
+ var context = document, stylesheet;
+
+ if(typeof context.styleSheets == 'object')
+ {
+ if(context.styleSheets.length)
+ {
+ stylesheet = context.styleSheets[context.styleSheets.length - 1];
+ }
+ if(context.styleSheets.length)
+ {
+ if(context.createStyleSheet)
+ {
+ stylesheet = context.createStyleSheet();
+ }
+ else
+ {
+ context.getElementsByTagName('head')[0].appendChild(context.createElement('style'));
+ stylesheet = context.styleSheets[context.styleSheets.length - 1];
+ }
+ }
+ if(stylesheet.addRule)
+ {
+ stylesheet.addRule(selector, rules);
+ }
+ else
+ {
+ stylesheet.insertRule(selector + '{' + rules + '}', stylesheet.cssRules.length);
+ }
+ }
+ },
+ showLoadingIndicator: function(show)
+ {
+ freeboardUI.showLoadingIndicator(show);
+ },
+ showDialog : function(contentElement, title, okTitle, cancelTitle, okCallback)
+ {
+ new DialogBox(contentElement, title, okTitle, cancelTitle, okCallback);
+ },
+ getDatasourceSettings : function(datasourceName)
+ {
+ var datasources = theFreeboardModel.datasources();
+
+ // Find the datasource with the name specified
+ var datasource = _.find(datasources, function(datasourceModel){
+ return (datasourceModel.name() === datasourceName);
+ });
+
+ if(datasource)
+ {
+ return datasource.settings();
+ }
+ else
+ {
+ return null;
+ }
+ },
+ setDatasourceSettings : function(datasourceName, settings)
+ {
+ var datasources = theFreeboardModel.datasources();
+
+ // Find the datasource with the name specified
+ var datasource = _.find(datasources, function(datasourceModel){
+ return (datasourceModel.name() === datasourceName);
+ });
+
+ if(!datasource)
+ {
+ console.log("Datasource not found");
+ return;
+ }
+
+ var combinedSettings = _.defaults(settings, datasource.settings());
+ datasource.settings(combinedSettings);
+ },
+ getStyleString : function(name)
+ {
+ var returnString = "";
+
+ _.each(currentStyle[name], function(value, name)
+ {
+ returnString = returnString + name + ":" + value + ";";
+ });
+
+ return returnString;
+ },
+ getStyleObject : function(name)
+ {
+ return currentStyle[name];
+ },
+ showDeveloperConsole : function()
+ {
+ developerConsole.showDeveloperConsole();
+ }
+ };
+}());
+
+$.extend(freeboard, jQuery.eventEmitter);
diff --git a/js/codemirror.js b/lib/js/thirdparty/codemirror.js
similarity index 100%
rename from js/codemirror.js
rename to lib/js/thirdparty/codemirror.js
diff --git a/js/head.js b/lib/js/thirdparty/head.js
similarity index 100%
rename from js/head.js
rename to lib/js/thirdparty/head.js
diff --git a/js/jquery-ui.js b/lib/js/thirdparty/jquery-ui.js
similarity index 100%
rename from js/jquery-ui.js
rename to lib/js/thirdparty/jquery-ui.js
diff --git a/js/jquery.caret.js b/lib/js/thirdparty/jquery.caret.js
similarity index 100%
rename from js/jquery.caret.js
rename to lib/js/thirdparty/jquery.caret.js
diff --git a/js/jquery.gridster.js b/lib/js/thirdparty/jquery.gridster.js
similarity index 99%
rename from js/jquery.gridster.js
rename to lib/js/thirdparty/jquery.gridster.js
index e4e82e1a..7ccd0805 100755
--- a/js/jquery.gridster.js
+++ b/lib/js/thirdparty/jquery.gridster.js
@@ -498,6 +498,11 @@
$(window).bind('resize.gridster-draggable', throttle($.proxy(this.calculate_positions, this), 200));
};
+ fn.setOptions = function(options)
+ {
+ this.options = $.extend(this.options, options);
+ };
+
fn.events = function()
{
this.$container.on('selectstart.gridster-draggable', $.proxy(this.on_select_start, this));
@@ -814,6 +819,10 @@
{
$.data(this, 'drag', new Draggable(this, options));
}
+ else
+ {
+ $.data(this, 'drag').setOptions(options);
+ }
});
};
@@ -3865,4 +3874,4 @@
return false;
};
-}(jQuery, window, document));
\ No newline at end of file
+}(jQuery, window, document));
diff --git a/js/jquery.js b/lib/js/thirdparty/jquery.js
similarity index 100%
rename from js/jquery.js
rename to lib/js/thirdparty/jquery.js
diff --git a/js/knockout.js b/lib/js/thirdparty/knockout.js
similarity index 100%
rename from js/knockout.js
rename to lib/js/thirdparty/knockout.js
diff --git a/js/underscore.js b/lib/js/thirdparty/underscore.js
similarity index 100%
rename from js/underscore.js
rename to lib/js/thirdparty/underscore.js
diff --git a/package.json b/package.json
new file mode 100644
index 00000000..00e54529
--- /dev/null
+++ b/package.json
@@ -0,0 +1,13 @@
+{
+ "name": "freeboard",
+ "title": "freeboard",
+ "version": "1.1.0",
+ "devDependencies": {
+ "grunt": "0.4.1",
+ "grunt-contrib-concat": "0.1.3",
+ "grunt-contrib-cssmin": "0.6.1",
+ "grunt-contrib-watch": "0.5.3",
+ "grunt-contrib-uglify": "0.2.0",
+ "grunt-string-replace": "^0.2.7"
+ }
+}
diff --git a/plugins/freeboard/freeboard.datasources.js b/plugins/freeboard/freeboard.datasources.js
new file mode 100755
index 00000000..c61990a4
--- /dev/null
+++ b/plugins/freeboard/freeboard.datasources.js
@@ -0,0 +1,497 @@
+// ┌────────────────────────────────────────────────────────────────────┐ \\
+// │ F R E E B O A R D │ \\
+// ├────────────────────────────────────────────────────────────────────┤ \\
+// │ Copyright © 2013 Jim Heising (https://github.com/jheising) │ \\
+// │ Copyright © 2013 Bug Labs, Inc. (http://buglabs.net) │ \\
+// ├────────────────────────────────────────────────────────────────────┤ \\
+// │ Licensed under the MIT license. │ \\
+// └────────────────────────────────────────────────────────────────────┘ \\
+
+(function () {
+ var jsonDatasource = function (settings, updateCallback) {
+ var self = this;
+ var updateTimer = null;
+ var currentSettings = settings;
+ var errorStage = 0; // 0 = try standard request
+ // 1 = try JSONP
+ // 2 = try thingproxy.freeboard.io
+ var lockErrorStage = false;
+
+ function updateRefresh(refreshTime) {
+ if (updateTimer) {
+ clearInterval(updateTimer);
+ }
+
+ updateTimer = setInterval(function () {
+ self.updateNow();
+ }, refreshTime);
+ }
+
+ updateRefresh(currentSettings.refresh * 1000);
+
+ this.updateNow = function () {
+ if ((errorStage > 1 && !currentSettings.use_thingproxy) || errorStage > 2) // We've tried everything, let's quit
+ {
+ return; // TODO: Report an error
+ }
+
+ var requestURL = currentSettings.url;
+
+ if (errorStage == 2 && currentSettings.use_thingproxy) {
+ requestURL = (location.protocol == "https:" ? "https:" : "http:") + "//thingproxy.freeboard.io/fetch/" + encodeURI(currentSettings.url);
+ }
+
+ var body = currentSettings.body;
+
+ // Can the body be converted to JSON?
+ if (body) {
+ try {
+ body = JSON.parse(body);
+ }
+ catch (e) {
+ }
+ }
+
+ $.ajax({
+ url: requestURL,
+ dataType: (errorStage == 1) ? "JSONP" : "JSON",
+ type: currentSettings.method || "GET",
+ data: body,
+ beforeSend: function (xhr) {
+ try {
+ _.each(currentSettings.headers, function (header) {
+ var name = header.name;
+ var value = header.value;
+
+ if (!_.isUndefined(name) && !_.isUndefined(value)) {
+ xhr.setRequestHeader(name, value);
+ }
+ });
+ }
+ catch (e) {
+ }
+ },
+ success: function (data) {
+ lockErrorStage = true;
+ updateCallback(data);
+ },
+ error: function (xhr, status, error) {
+ if (!lockErrorStage) {
+ // TODO: Figure out a way to intercept CORS errors only. The error message for CORS errors seems to be a standard 404.
+ errorStage++;
+ self.updateNow();
+ }
+ }
+ });
+ }
+
+ this.onDispose = function () {
+ clearInterval(updateTimer);
+ updateTimer = null;
+ }
+
+ this.onSettingsChanged = function (newSettings) {
+ lockErrorStage = false;
+ errorStage = 0;
+
+ currentSettings = newSettings;
+ updateRefresh(currentSettings.refresh * 1000);
+ self.updateNow();
+ }
+ };
+
+ freeboard.loadDatasourcePlugin({
+ type_name: "JSON",
+ settings: [
+ {
+ name: "url",
+ display_name: "URL",
+ type: "text"
+ },
+ {
+ name: "use_thingproxy",
+ display_name: "Try thingproxy",
+ description: 'A direct JSON connection will be tried first, if that fails, a JSONP connection will be tried. If that fails, you can use thingproxy, which can solve many connection problems to APIs. More information.',
+ type: "boolean",
+ default_value: true
+ },
+ {
+ name: "refresh",
+ display_name: "Refresh Every",
+ type: "number",
+ suffix: "seconds",
+ default_value: 5
+ },
+ {
+ name: "method",
+ display_name: "Method",
+ type: "option",
+ options: [
+ {
+ name: "GET",
+ value: "GET"
+ },
+ {
+ name: "POST",
+ value: "POST"
+ },
+ {
+ name: "PUT",
+ value: "PUT"
+ },
+ {
+ name: "DELETE",
+ value: "DELETE"
+ }
+ ]
+ },
+ {
+ name: "body",
+ display_name: "Body",
+ type: "text",
+ description: "The body of the request. Normally only used if method is POST"
+ },
+ {
+ name: "headers",
+ display_name: "Headers",
+ type: "array",
+ settings: [
+ {
+ name: "name",
+ display_name: "Name",
+ type: "text"
+ },
+ {
+ name: "value",
+ display_name: "Value",
+ type: "text"
+ }
+ ]
+ }
+ ],
+ newInstance: function (settings, newInstanceCallback, updateCallback) {
+ newInstanceCallback(new jsonDatasource(settings, updateCallback));
+ }
+ });
+
+ var openWeatherMapDatasource = function (settings, updateCallback) {
+ var self = this;
+ var updateTimer = null;
+ var currentSettings = settings;
+
+ function updateRefresh(refreshTime) {
+ if (updateTimer) {
+ clearInterval(updateTimer);
+ }
+
+ updateTimer = setInterval(function () {
+ self.updateNow();
+ }, refreshTime);
+ }
+
+ function toTitleCase(str) {
+ return str.replace(/\w\S*/g, function (txt) {
+ return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();
+ });
+ }
+
+ updateRefresh(currentSettings.refresh * 1000);
+
+ this.updateNow = function () {
+ $.ajax({
+ url: "http://api.openweathermap.org/data/2.5/weather?q=" + encodeURIComponent(currentSettings.location) + "&units=" + currentSettings.units,
+ dataType: "JSONP",
+ success: function (data) {
+ // Rejigger our data into something easier to understand
+ var newData = {
+ place_name: data.name,
+ sunrise: (new Date(data.sys.sunrise * 1000)).toLocaleTimeString(),
+ sunset: (new Date(data.sys.sunset * 1000)).toLocaleTimeString(),
+ conditions: toTitleCase(data.weather[0].description),
+ current_temp: data.main.temp,
+ high_temp: data.main.temp_max,
+ low_temp: data.main.temp_min,
+ pressure: data.main.pressure,
+ humidity: data.main.humidity,
+ wind_speed: data.wind.speed,
+ wind_direction: data.wind.deg
+ };
+
+ updateCallback(newData);
+ },
+ error: function (xhr, status, error) {
+ }
+ });
+ }
+
+ this.onDispose = function () {
+ clearInterval(updateTimer);
+ updateTimer = null;
+ }
+
+ this.onSettingsChanged = function (newSettings) {
+ currentSettings = newSettings;
+ self.updateNow();
+ updateRefresh(currentSettings.refresh * 1000);
+ }
+ };
+
+ freeboard.loadDatasourcePlugin({
+ type_name: "openweathermap",
+ display_name: "Open Weather Map API",
+ settings: [
+ {
+ name: "location",
+ display_name: "Location",
+ type: "text",
+ description: "Example: London, UK"
+ },
+ {
+ name: "units",
+ display_name: "Units",
+ type: "option",
+ default: "imperial",
+ options: [
+ {
+ name: "Imperial",
+ value: "imperial"
+ },
+ {
+ name: "Metric",
+ value: "metric"
+ }
+ ]
+ },
+ {
+ name: "refresh",
+ display_name: "Refresh Every",
+ type: "number",
+ suffix: "seconds",
+ default_value: 5
+ }
+ ],
+ newInstance: function (settings, newInstanceCallback, updateCallback) {
+ newInstanceCallback(new openWeatherMapDatasource(settings, updateCallback));
+ }
+ });
+
+ var dweetioDatasource = function (settings, updateCallback) {
+ var self = this;
+ var currentSettings = settings;
+
+ function onNewDweet(dweet) {
+ updateCallback(dweet);
+ }
+
+ this.updateNow = function () {
+ dweetio.get_latest_dweet_for(currentSettings.thing_id, function (err, dweet) {
+ if (err) {
+ //onNewDweet({});
+ }
+ else {
+ onNewDweet(dweet[0].content);
+ }
+ });
+ }
+
+ this.onDispose = function () {
+
+ }
+
+ this.onSettingsChanged = function (newSettings) {
+ dweetio.stop_listening();
+
+ currentSettings = newSettings;
+
+ dweetio.listen_for(currentSettings.thing_id, function (dweet) {
+ onNewDweet(dweet.content);
+ });
+ }
+
+ self.onSettingsChanged(settings);
+ };
+
+ freeboard.loadDatasourcePlugin({
+ "type_name": "dweet_io",
+ "display_name": "Dweet.io",
+ "external_scripts": [
+ "http://dweet.io/client/dweet.io.min.js"
+ ],
+ "settings": [
+ {
+ name: "thing_id",
+ display_name: "Thing Name",
+ "description": "Example: salty-dog-1",
+ type: "text"
+ }
+ ],
+ newInstance: function (settings, newInstanceCallback, updateCallback) {
+ newInstanceCallback(new dweetioDatasource(settings, updateCallback));
+ }
+ });
+
+ var playbackDatasource = function (settings, updateCallback) {
+ var self = this;
+ var currentSettings = settings;
+ var currentDataset = [];
+ var currentIndex = 0;
+ var currentTimeout;
+
+ function moveNext() {
+ if (currentDataset.length > 0) {
+ if (currentIndex < currentDataset.length) {
+ updateCallback(currentDataset[currentIndex]);
+ currentIndex++;
+ }
+
+ if (currentIndex >= currentDataset.length && currentSettings.loop) {
+ currentIndex = 0;
+ }
+
+ if (currentIndex < currentDataset.length) {
+ currentTimeout = setTimeout(moveNext, currentSettings.refresh * 1000);
+ }
+ }
+ else {
+ updateCallback({});
+ }
+ }
+
+ function stopTimeout() {
+ currentDataset = [];
+ currentIndex = 0;
+
+ if (currentTimeout) {
+ clearTimeout(currentTimeout);
+ currentTimeout = null;
+ }
+ }
+
+ this.updateNow = function () {
+ stopTimeout();
+
+ $.ajax({
+ url: currentSettings.datafile,
+ dataType: (currentSettings.is_jsonp) ? "JSONP" : "JSON",
+ success: function (data) {
+ if (_.isArray(data)) {
+ currentDataset = data;
+ }
+ else {
+ currentDataset = [];
+ }
+
+ currentIndex = 0;
+
+ moveNext();
+ },
+ error: function (xhr, status, error) {
+ }
+ });
+ }
+
+ this.onDispose = function () {
+ stopTimeout();
+ }
+
+ this.onSettingsChanged = function (newSettings) {
+ currentSettings = newSettings;
+ self.updateNow();
+ }
+ };
+
+ freeboard.loadDatasourcePlugin({
+ "type_name": "playback",
+ "display_name": "Playback",
+ "settings": [
+ {
+ "name": "datafile",
+ "display_name": "Data File URL",
+ "type": "text",
+ "description": "A link to a JSON array of data."
+ },
+ {
+ name: "is_jsonp",
+ display_name: "Is JSONP",
+ type: "boolean"
+ },
+ {
+ "name": "loop",
+ "display_name": "Loop",
+ "type": "boolean",
+ "description": "Rewind and loop when finished"
+ },
+ {
+ "name": "refresh",
+ "display_name": "Refresh Every",
+ "type": "number",
+ "suffix": "seconds",
+ "default_value": 5
+ }
+ ],
+ newInstance: function (settings, newInstanceCallback, updateCallback) {
+ newInstanceCallback(new playbackDatasource(settings, updateCallback));
+ }
+ });
+
+ var clockDatasource = function (settings, updateCallback) {
+ var self = this;
+ var currentSettings = settings;
+ var timer;
+
+ function stopTimer() {
+ if (timer) {
+ clearTimeout(timer);
+ timer = null;
+ }
+ }
+
+ function updateTimer() {
+ stopTimer();
+ timer = setInterval(self.updateNow, currentSettings.refresh * 1000);
+ }
+
+ this.updateNow = function () {
+ var date = new Date();
+
+ var data = {
+ numeric_value: date.getTime(),
+ full_string_value: date.toLocaleString(),
+ date_string_value: date.toLocaleDateString(),
+ time_string_value: date.toLocaleTimeString(),
+ date_object: date
+ };
+
+ updateCallback(data);
+ }
+
+ this.onDispose = function () {
+ stopTimer();
+ }
+
+ this.onSettingsChanged = function (newSettings) {
+ currentSettings = newSettings;
+ updateTimer();
+ }
+
+ updateTimer();
+ };
+
+ freeboard.loadDatasourcePlugin({
+ "type_name": "clock",
+ "display_name": "Clock",
+ "settings": [
+ {
+ "name": "refresh",
+ "display_name": "Refresh Every",
+ "type": "number",
+ "suffix": "seconds",
+ "default_value": 1
+ }
+ ],
+ newInstance: function (settings, newInstanceCallback, updateCallback) {
+ newInstanceCallback(new clockDatasource(settings, updateCallback));
+ }
+ });
+
+}());
\ No newline at end of file
diff --git a/js/freeboard/plugins/freeboard.widgets.js b/plugins/freeboard/freeboard.widgets.js
similarity index 98%
rename from js/freeboard/plugins/freeboard.widgets.js
rename to plugins/freeboard/freeboard.widgets.js
index bac69e6c..1f45e8f4 100755
--- a/js/freeboard/plugins/freeboard.widgets.js
+++ b/plugins/freeboard/freeboard.widgets.js
@@ -171,6 +171,9 @@
freeboard.loadWidgetPlugin({
type_name: "text_widget",
display_name: "Text",
+ "external_scripts" : [
+ "plugins/thirdparty/jquery.sparkline.min.js"
+ ],
settings: [
{
name: "title",
@@ -288,6 +291,10 @@
freeboard.loadWidgetPlugin({
type_name: "gauge",
display_name: "Gauge",
+ "external_scripts" : [
+ "plugins/thirdparty/raphael.2.1.0.min.js",
+ "plugins/thirdparty/justgage.1.0.1.js"
+ ],
settings: [
{
name: "title",
@@ -353,6 +360,9 @@
freeboard.loadWidgetPlugin({
type_name: "sparkline",
display_name: "Sparkline",
+ "external_scripts" : [
+ "plugins/thirdparty/jquery.sparkline.min.js"
+ ],
settings: [
{
name: "title",
@@ -448,6 +458,9 @@
freeboard.loadWidgetPlugin({
type_name: "pointer",
display_name: "Pointer",
+ "external_scripts" : [
+ "plugins/thirdparty/raphael.2.1.0.min.js"
+ ],
settings: [
{
name: "direction",
diff --git a/plugins/thirdparty/jquery.sparkline.min.js b/plugins/thirdparty/jquery.sparkline.min.js
new file mode 100755
index 00000000..2c3616cd
--- /dev/null
+++ b/plugins/thirdparty/jquery.sparkline.min.js
@@ -0,0 +1,5 @@
+/* jquery.sparkline 2.1.2 - http://omnipotent.net/jquery.sparkline/
+** Licensed under the New BSD License - see above site for details */
+
+(function(a,b,c){(function(a){typeof define=="function"&&define.amd?define(["../../lib/js/thirdparty/jquery"],a):jQuery&&!jQuery.fn.sparkline&&a(jQuery)})(function(d){"use strict";var e={},f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z,A,B,C,D,E,F,G,H,I,J,K,L=0;f=function(){return{common:{type:"line",lineColor:"#00f",fillColor:"#cdf",defaultPixelsPerValue:3,width:"auto",height:"auto",composite:!1,tagValuesAttribute:"values",tagOptionsPrefix:"spark",enableTagOptions:!1,enableHighlight:!0,highlightLighten:1.4,tooltipSkipNull:!0,tooltipPrefix:"",tooltipSuffix:"",disableHiddenCheck:!1,numberFormatter:!1,numberDigitGroupCount:3,numberDigitGroupSep:",",numberDecimalMark:".",disableTooltips:!1,disableInteraction:!1},line:{spotColor:"#f80",highlightSpotColor:"#5f5",highlightLineColor:"#f22",spotRadius:1.5,minSpotColor:"#f80",maxSpotColor:"#f80",lineWidth:1,normalRangeMin:c,normalRangeMax:c,normalRangeColor:"#ccc",drawNormalOnTop:!1,chartRangeMin:c,chartRangeMax:c,chartRangeMinX:c,chartRangeMaxX:c,tooltipFormat:new h('● {{prefix}}{{y}}{{suffix}}')},bar:{barColor:"#3366cc",negBarColor:"#f44",stackedBarColor:["#3366cc","#dc3912","#ff9900","#109618","#66aa00","#dd4477","#0099c6","#990099"],zeroColor:c,nullColor:c,zeroAxis:!0,barWidth:4,barSpacing:1,chartRangeMax:c,chartRangeMin:c,chartRangeClip:!1,colorMap:c,tooltipFormat:new h('● {{prefix}}{{value}}{{suffix}}')},tristate:{barWidth:4,barSpacing:1,posBarColor:"#6f6",negBarColor:"#f44",zeroBarColor:"#999",colorMap:{},tooltipFormat:new h('● {{value:map}}'),tooltipValueLookups:{map:{"-1":"Loss",0:"Draw",1:"Win"}}},discrete:{lineHeight:"auto",thresholdColor:c,thresholdValue:0,chartRangeMax:c,chartRangeMin:c,chartRangeClip:!1,tooltipFormat:new h("{{prefix}}{{value}}{{suffix}}")},bullet:{targetColor:"#f33",targetWidth:3,performanceColor:"#33f",rangeColors:["#d3dafe","#a8b6ff","#7f94ff"],base:c,tooltipFormat:new h("{{fieldkey:fields}} - {{value}}"),tooltipValueLookups:{fields:{r:"Range",p:"Performance",t:"Target"}}},pie:{offset:0,sliceColors:["#3366cc","#dc3912","#ff9900","#109618","#66aa00","#dd4477","#0099c6","#990099"],borderWidth:0,borderColor:"#000",tooltipFormat:new h('● {{value}} ({{percent.1}}%)')},box:{raw:!1,boxLineColor:"#000",boxFillColor:"#cdf",whiskerColor:"#000",outlierLineColor:"#333",outlierFillColor:"#fff",medianColor:"#f00",showOutliers:!0,outlierIQR:1.5,spotRadius:1.5,target:c,targetColor:"#4a2",chartRangeMax:c,chartRangeMin:c,tooltipFormat:new h("{{field:fields}}: {{value}}"),tooltipFormatFieldlistKey:"field",tooltipValueLookups:{fields:{lq:"Lower Quartile",med:"Median",uq:"Upper Quartile",lo:"Left Outlier",ro:"Right Outlier",lw:"Left Whisker",rw:"Right Whisker"}}}}},E='.jqstooltip { position: absolute;left: 0px;top: 0px;visibility: hidden;background: rgb(0, 0, 0) transparent;background-color: rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";color: white;font: 10px arial, san serif;text-align: left;white-space: nowrap;padding: 5px;border: 1px solid white;z-index: 10000;}.jqsfield { color: white;font: 10px arial, san serif;text-align: left;}',g=function(){var a,b;return a=function(){this.init.apply(this,arguments)},arguments.length>1?(arguments[0]?(a.prototype=d.extend(new arguments[0],arguments[arguments.length-1]),a._super=arguments[0].prototype):a.prototype=arguments[arguments.length-1],arguments.length>2&&(b=Array.prototype.slice.call(arguments,1,-1),b.unshift(a.prototype),d.extend.apply(d,b))):a.prototype=arguments[0],a.prototype.cls=a,a},d.SPFormatClass=h=g({fre:/\{\{([\w.]+?)(:(.+?))?\}\}/g,precre:/(\w+)\.(\d+)/,init:function(a,b){this.format=a,this.fclass=b},render:function(a,b,d){var e=this,f=a,g,h,i,j,k;return this.format.replace(this.fre,function(){var a;return h=arguments[1],i=arguments[3],g=e.precre.exec(h),g?(k=g[2],h=g[1]):k=!1,j=f[h],j===c?"":i&&b&&b[i]?(a=b[i],a.get?b[i].get(j)||j:b[i][j]||j):(n(j)&&(d.get("numberFormatter")?j=d.get("numberFormatter")(j):j=s(j,k,d.get("numberDigitGroupCount"),d.get("numberDigitGroupSep"),d.get("numberDecimalMark"))),j)})}}),d.spformat=function(a,b){return new h(a,b)},i=function(a,b,c){return ac?c:a},j=function(a,c){var d;return c===2?(d=b.floor(a.length/2),a.length%2?a[d]:(a[d-1]+a[d])/2):a.length%2?(d=(a.length*c+c)/4,d%1?(a[b.floor(d)]+a[b.floor(d)-1])/2:a[d-1]):(d=(a.length*c+2)/4,d%1?(a[b.floor(d)]+a[b.floor(d)-1])/2:a[d-1])},k=function(a){var b;switch(a){case"undefined":a=c;break;case"null":a=null;break;case"true":a=!0;break;case"false":a=!1;break;default:b=parseFloat(a),a==b&&(a=b)}return a},l=function(a){var b,c=[];for(b=a.length;b--;)c[b]=k(a[b]);return c},m=function(a,b){var c,d,e=[];for(c=0,d=a.length;c0;h-=c)a.splice(h,0,e);return a.join("")},o=function(a,b,c){var d;for(d=b.length;d--;){if(c&&b[d]===null)continue;if(b[d]!==a)return!1}return!0},p=function(a){var b=0,c;for(c=a.length;c--;)b+=typeof a[c]=="number"?a[c]:0;return b},r=function(a){return d.isArray(a)?a:[a]},q=function(b){var c;a.createStyleSheet?a.createStyleSheet().cssText=b:(c=a.createElement("style"),c.type="text/css",a.getElementsByTagName("head")[0].appendChild(c),c[typeof a.body.style.WebkitAppearance=="string"?"innerText":"innerHTML"]=b)},d.fn.simpledraw=function(b,e,f,g){var h,i;if(f&&(h=this.data("_jqs_vcanvas")))return h;if(d.fn.sparkline.canvas===!1)return!1;if(d.fn.sparkline.canvas===c){var j=a.createElement("canvas");if(!j.getContext||!j.getContext("2d")){if(!a.namespaces||!!a.namespaces.v)return d.fn.sparkline.canvas=!1,!1;a.namespaces.add("v","urn:schemas-microsoft-com:vml","#default#VML"),d.fn.sparkline.canvas=function(a,b,c,d){return new J(a,b,c)}}else d.fn.sparkline.canvas=function(a,b,c,d){return new I(a,b,c,d)}}return b===c&&(b=d(this).innerWidth()),e===c&&(e=d(this).innerHeight()),h=d.fn.sparkline.canvas(b,e,this,g),i=d(this).data("_jqs_mhandler"),i&&i.registerCanvas(h),h},d.fn.cleardraw=function(){var a=this.data("_jqs_vcanvas");a&&a.reset()},d.RangeMapClass=t=g({init:function(a){var b,c,d=[];for(b in a)a.hasOwnProperty(b)&&typeof b=="string"&&b.indexOf(":")>-1&&(c=b.split(":"),c[0]=c[0].length===0?-Infinity:parseFloat(c[0]),c[1]=c[1].length===0?Infinity:parseFloat(c[1]),c[2]=a[b],d.push(c));this.map=a,this.rangelist=d||!1},get:function(a){var b=this.rangelist,d,e,f;if((f=this.map[a])!==c)return f;if(b)for(d=b.length;d--;){e=b[d];if(e[0]<=a&&e[1]>=a)return e[2]}return c}}),d.range_map=function(a){return new t(a)},u=g({init:function(a,b){var c=d(a);this.$el=c,this.options=b,this.currentPageX=0,this.currentPageY=0,this.el=a,this.splist=[],this.tooltip=null,this.over=!1,this.displayTooltips=!b.get("disableTooltips"),this.highlightEnabled=!b.get("disableHighlight")},registerSparkline:function(a){this.splist.push(a),this.over&&this.updateDisplay()},registerCanvas:function(a){var b=d(a.canvas);this.canvas=a,this.$canvas=b,b.mouseenter(d.proxy(this.mouseenter,this)),b.mouseleave(d.proxy(this.mouseleave,this)),b.click(d.proxy(this.mouseclick,this))},reset:function(a){this.splist=[],this.tooltip&&a&&(this.tooltip.remove(),this.tooltip=c)},mouseclick:function(a){var b=d.Event("sparklineClick");b.originalEvent=a,b.sparklines=this.splist,this.$el.trigger(b)},mouseenter:function(b){d(a.body).unbind("mousemove.jqs"),d(a.body).bind("mousemove.jqs",d.proxy(this.mousemove,this)),this.over=!0,this.currentPageX=b.pageX,this.currentPageY=b.pageY,this.currentEl=b.target,!this.tooltip&&this.displayTooltips&&(this.tooltip=new v(this.options),this.tooltip.updatePosition(b.pageX,b.pageY)),this.updateDisplay()},mouseleave:function(){d(a.body).unbind("mousemove.jqs");var b=this.splist,c=b.length,e=!1,f,g;this.over=!1,this.currentEl=null,this.tooltip&&(this.tooltip.remove(),this.tooltip=null);for(g=0;g",{id:"jqssizetip",style:e,"class":c}),this.tooltip=d("",{id:"jqstooltip","class":c}).appendTo(this.container),f=this.tooltip.offset(),this.offsetLeft=f.left,this.offsetTop=f.top,this.hidden=!0,d(window).unbind("resize.jqs scroll.jqs"),d(window).bind("resize.jqs scroll.jqs",d.proxy(this.updateWindowDims,this)),this.updateWindowDims()},updateWindowDims:function(){this.scrollTop=d(window).scrollTop(),this.scrollLeft=d(window).scrollLeft(),this.scrollRight=this.scrollLeft+d(window).width(),this.updatePosition()},getSize:function(a){this.sizetip.html(a).appendTo(this.container),this.width=this.sizetip.width()+1,this.height=this.sizetip.height(),this.sizetip.remove()},setContent:function(a){if(!a){this.tooltip.css("visibility","hidden"),this.hidden=!0;return}this.getSize(a),this.tooltip.html(a).css({width:this.width,height:this.height,visibility:"visible"}),this.hidden&&(this.hidden=!1,this.updatePosition())},updatePosition:function(a,b){if(a===c){if(this.mousex===c)return;a=this.mousex-this.offsetLeft,b=this.mousey-this.offsetTop}else this.mousex=a-=this.offsetLeft,this.mousey=b-=this.offsetTop;if(!this.height||!this.width||this.hidden)return;b-=this.height+this.tooltipOffsetY,a+=this.tooltipOffsetX,bthis.scrollRight&&(a=this.scrollRight-this.width),this.tooltip.css({left:a,top:b})},remove:function(){this.tooltip.remove(),this.sizetip.remove(),this.sizetip=this.tooltip=c,d(window).unbind("resize.jqs scroll.jqs")}}),F=function(){q(E)},d(F),K=[],d.fn.sparkline=function(b,e){return this.each(function(){var f=new d.fn.sparkline.options(this,e),g=d(this),h,i;h=function(){var e,h,i,j,k,l,m;if(b==="html"||b===c){m=this.getAttribute(f.get("tagValuesAttribute"));if(m===c||m===null)m=g.html();e=m.replace(/(^\s*\s*$)|\s+/g,"").split(",")}else e=b;h=f.get("width")==="auto"?e.length*f.get("defaultPixelsPerValue"):f.get("width");if(f.get("height")==="auto"){if(!f.get("composite")||!d.data(this,"_jqs_vcanvas"))j=a.createElement("span"),j.innerHTML="a",g.html(j),i=d(j).innerHeight()||d(j).height(),d(j).remove(),j=null}else i=f.get("height");f.get("disableInteraction")?k=!1:(k=d.data(this,"_jqs_mhandler"),k?f.get("composite")||k.reset():(k=new u(this,f),d.data(this,"_jqs_mhandler",k)));if(f.get("composite")&&!d.data(this,"_jqs_vcanvas")){d.data(this,"_jqs_errnotify")||(alert("Attempted to attach a composite sparkline to an element with no existing sparkline"),d.data(this,"_jqs_errnotify",!0));return}l=new(d.fn.sparkline[f.get("type")])(this,e,f,h,i),l.render(),k&&k.registerSparkline(l)};if(d(this).html()&&!f.get("disableHiddenCheck")&&d(this).is(":hidden")||!d(this).parents("body").length){if(!f.get("composite")&&d.data(this,"_jqs_pending"))for(i=K.length;i;i--)K[i-1][0]==this&&K.splice(i-1,1);K.push([this,h]),d.data(this,"_jqs_pending",!0)}else h.call(this)})},d.fn.sparkline.defaults=f(),d.sparkline_display_visible=function(){var a,b,c,e=[];for(b=0,c=K.length;bthis.canvasWidth||d>this.canvasHeight||b<0||d<0?null:(g=this.getRegion(a,b,d),e!==g?(e!==c&&f&&this.removeHighlight(),this.currentRegion=g,g!==c&&f&&this.renderHighlight(),!0):!1)},clearRegionHighlight:function(){return this.currentRegion!==c?(this.removeHighlight(),this.currentRegion=c,!0):!1},renderHighlight:function(){this.changeHighlight(!0)},removeHighlight:function(){this.changeHighlight(!1)},changeHighlight:function(a){},getCurrentRegionTooltip:function(){var a=this.options,b="",e=[],f,g,i,j,k,l,m,n,o,p,q,r,s,t;if(this.currentRegion===c)return"";f=this.getCurrentRegionFields(),q=a.get("tooltipFormatter");if(q)return q(this,a,f);a.get("tooltipChartTitle")&&(b+=''+a.get("tooltipChartTitle")+"
\n"),g=this.options.get("tooltipFormat");if(!g)return"";d.isArray(g)||(g=[g]),d.isArray(f)||(f=[f]),m=this.options.get("tooltipFormatFieldlist"),n=this.options.get("tooltipFormatFieldlistKey");if(m&&n){o=[];for(l=f.length;l--;)p=f[l][n],(t=d.inArray(p,m))!=-1&&(o[t]=f[l]);f=o}i=g.length,s=f.length;for(l=0;l'+k+"")}return e.length?b+e.join("\n"):""},getCurrentRegionFields:function(){},calcHighlightColor:function(a,c){var d=c.get("highlightColor"),e=c.get("highlightLighten"),f,g,h,j;if(d)return d;if(e){f=/^#([0-9a-f])([0-9a-f])([0-9a-f])$/i.exec(a)||/^#([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})$/i.exec(a);if(f){h=[],g=a.length===4?16:1;for(j=0;j<3;j++)h[j]=i(b.round(parseInt(f[j+1],16)*g*e),0,255);return"rgb("+h.join(",")+")"}}return a}}),w={changeHighlight:function(a){var b=this.currentRegion,c=this.target,e=this.regionShapes[b],f;e&&(f=this.renderRegion(b,a),d.isArray(f)||d.isArray(e)?(c.replaceWithShapes(e,f),this.regionShapes[b]=d.map(f,function(a){return a.id})):(c.replaceWithShape(e,f),this.regionShapes[b]=f.id))},render:function(){var a=this.values,b=this.target,c=this.regionShapes,e,f,g,h;if(!this.cls._super.render.call(this))return;for(g=a.length;g--;){e=this.renderRegion(g);if(e)if(d.isArray(e)){f=[];for(h=e.length;h--;)e[h].append(),f.push(e[h].id);c[g]=f}else e.append(),c[g]=e.id;else c[g]=null}b.render()}},d.fn.sparkline.line=x=g(d.fn.sparkline._base,{type:"line",init:function(a,b,c,d,e){x._super.init.call(this,a,b,c,d,e),this.vertices=[],this.regionMap=[],this.xvalues=[],this.yvalues=[],this.yminmax=[],this.hightlightSpotId=null,this.lastShapeId=null,this.initTarget()},getRegion:function(a,b,d){var e,f=this.regionMap;for(e=f.length;e--;)if(f[e]!==null&&b>=f[e][0]&&b<=f[e][1])return f[e][2];return c},getCurrentRegionFields:function(){var a=this.currentRegion;return{isNull:this.yvalues[a]===null,x:this.xvalues[a],y:this.yvalues[a],color:this.options.get("lineColor"),fillColor:this.options.get("fillColor"),offset:a}},renderHighlight:function(){var a=this.currentRegion,b=this.target,d=this.vertices[a],e=this.options,f=e.get("spotRadius"),g=e.get("highlightSpotColor"),h=e.get("highlightLineColor"),i,j;if(!d)return;f&&g&&(i=b.drawCircle(d[0],d[1],f,c,g),this.highlightSpotId=i.id,b.insertAfterShape(this.lastShapeId,i)),h&&(j=b.drawLine(d[0],this.canvasTop,d[0],this.canvasTop+this.canvasHeight,h),this.highlightLineId=j.id,b.insertAfterShape(this.lastShapeId,j))},removeHighlight:function(){var a=this.target;this.highlightSpotId&&(a.removeShapeId(this.highlightSpotId),this.highlightSpotId=null),this.highlightLineId&&(a.removeShapeId(this.highlightLineId),this.highlightLineId=null)},scanValues:function(){var a=this.values,c=a.length,d=this.xvalues,e=this.yvalues,f=this.yminmax,g,h,i,j,k;for(g=0;gthis.maxy&&(this.maxy=d)),a.get("chartRangeMin")!==c&&(a.get("chartRangeClip")||a.get("chartRangeMin")this.maxy)&&(this.maxy=a.get("chartRangeMax")),a.get("chartRangeMinX")!==c&&(a.get("chartRangeClipX")||a.get("chartRangeMinX")this.maxx)&&(this.maxx=a.get("chartRangeMaxX"))},drawNormalRange:function(a,d,e,f,g){var h=this.options.get("normalRangeMin"),i=this.options.get("normalRangeMax"),j=d+b.round(e-e*((i-this.miny)/g)),k=b.round(e*(i-h)/g);this.target.drawRect(a,j,f,k,c,this.options.get("normalRangeColor")).append()},render:function(){var a=this.options,e=this.target,f=this.canvasWidth,g=this.canvasHeight,h=this.vertices,i=a.get("spotRadius"),j=this.regionMap,k,l,m,n,o,p,q,r,s,u,v,w,y,z,A,B,C,D,E,F,G,H,I,J,K;if(!x._super.render.call(this))return;this.scanValues(),this.processRangeOptions(),I=this.xvalues,J=this.yvalues;if(!this.yminmax.length||this.yvalues.length<2)return;n=o=0,k=this.maxx-this.minx===0?1:this.maxx-this.minx,l=this.maxy-this.miny===0?1:this.maxy-this.miny,m=this.yvalues.length-1,i&&(fthis.maxy&&(u=this.maxy),q.length||q.push([w,n+g]),p=[w,n+b.round(g-g*((u-this.miny)/l))],q.push(p),h.push(p));C=[],D=[],E=r.length;for(K=0;K2&&(q[0]=[q[0][0],q[1][1]]),C.push(q));E=D.length;for(K=0;K-1;if(u||d.isArray(O))J=!0,u&&(O=e[A]=l(O.split(":"))),O=m(O,null),v=b.min.apply(b,O),w=b.max.apply(b,O),vs&&(s=w)}this.stacked=J,this.regionShapes={},this.barWidth=j,this.barSpacing=n,this.totalBarWidth=j+n,this.width=g=e.length*j+(e.length-1)*n,this.initTarget(),q&&(H=o===c?-Infinity:o,I=p===c?Infinity:p),z=[],x=J?[]:z;var S=[],T=[];for(A=0,B=e.length;A0&&(S[A]+=O),r<0&&s>0?O<0?T[A]+=b.abs(O):x[A]+=O:x[A]+=b.abs(O-(O<0?s:r)),z.push(O))}else O=q?i(e[A],H,I):e[A],O=e[A]=k(O),O!==null&&z.push(O);this.max=G=b.max.apply(b,z),this.min=F=b.min.apply(b,z),this.stackMax=s=J?b.max.apply(b,S):G,this.stackMin=r=J?b.min.apply(b,z):F,f.get("chartRangeMin")!==c&&(f.get("chartRangeClip")||f.get("chartRangeMin")G)&&(G=f.get("chartRangeMax")),this.zeroAxis=D=f.get("zeroAxis",!0),F<=0&&G>=0&&D?E=0:D==0?E=F:F>0?E=F:E=G,this.xaxisOffset=E,C=J?b.max.apply(b,x)+b.max.apply(b,T):G-F,this.canvasHeightEf=D&&F<0?this.canvasHeight-2:this.canvasHeight-1,F=0?s:G,P=(Q-E)/C*this.canvasHeight,P!==b.ceil(P)&&(this.canvasHeightEf-=2,P=b.ceil(P))):P=this.canvasHeight,this.yoffset=P,d.isArray(f.get("colorMap"))?(this.colorMapByIndex=f.get("colorMap"),this.colorMapByValue=null):(this.colorMapByIndex=null,this.colorMapByValue=f.get("colorMap"),this.colorMapByValue&&this.colorMapByValue.get===c&&(this.colorMapByValue=new t(this.colorMapByValue))),this.range=C},getRegion:function(a,d,e){var f=b.floor(d/this.totalBarWidth);return f<0||f>=this.values.length?c:f},getCurrentRegionFields:function(){var a=this.currentRegion,b=r(this.values[a]),c=[],d,e;for(e=b.length;e--;)d=b[e],c.push({isNull:d===null,value:d,color:this.calcColor(e,d,a),offset:a});return c},calcColor:function(a,b,e){var f=this.colorMapByIndex,g=this.colorMapByValue,h=this.options,i,j;return this.stacked?i=h.get("stackedBarColor"):i=b<0?h.get("negBarColor"):h.get("barColor"),b===0&&h.get("zeroColor")!==c&&(i=h.get("zeroColor")),g&&(j=g.get(b))?i=j:f&&f.length>e&&(i=f[e]),d.isArray(i)?i[a%i.length]:i},renderRegion:function(a,e){var f=this.values[a],g=this.options,h=this.xaxisOffset,i=[],j=this.range,k=this.stacked,l=this.target,m=a*this.totalBarWidth,n=this.canvasHeightEf,p=this.yoffset,q,r,s,t,u,v,w,x,y,z;f=d.isArray(f)?f:[f],w=f.length,x=f[0],t=o(null,f),z=o(h,f,!0);if(t)return g.get("nullColor")?(s=e?g.get("nullColor"):this.calcHighlightColor(g.get("nullColor"),g),q=p>0?p-1:p,l.drawRect(m,q,this.barWidth-1,0,s,s)):c;u=p;for(v=0;v0?r=b.floor(n*(b.abs(x-h)/j))+1:r=1,xb?g=e[b]:c[b]<0?g=d.get("negBarColor"):c[b]>0?g=d.get("posBarColor"):g=d.get("zeroBarColor"),g},renderRegion:function(a,c){var d=this.values,e=this.options,f=this.target,g,h,i,j,k,l;g=f.pixelHeight,i=b.round(g/2),j=a*this.totalBarWidth,d[a]<0?(k=i,h=i-1):d[a]>0?(k=0,h=i-1):(k=i-1,h=2),l=this.calcColor(d[a],a);if(l===null)return;return c&&(l=this.calcHighlightColor(l,e)),f.drawRect(j,k,this.barWidth-1,h-1,l,l)}}),d.fn.sparkline.discrete=A=g(d.fn.sparkline._base,w,{type:"discrete",init:function(a,e,f,g,h){A._super.init.call(this,a,e,f,g,h),this.regionShapes={},this.values=e=d.map(e,Number),this.min=b.min.apply(b,e),this.max=b.max.apply(b,e),this.range=this.max-this.min,this.width=g=f.get("width")==="auto"?e.length*2:this.width,this.interval=b.floor(g/e.length),this.itemWidth=g/e.length,f.get("chartRangeMin")!==c&&(f.get("chartRangeClip")||f.get("chartRangeMin")this.max)&&(this.max=f.get("chartRangeMax")),this.initTarget(),this.target&&(this.lineHeight=f.get("lineHeight")==="auto"?b.round(this.canvasHeight*.3):f.get("lineHeight"))},getRegion:function(a,c,d){return b.floor(c/this.itemWidth)},getCurrentRegionFields:function(){var a=this.currentRegion;return{isNull:this.values[a]===c,value:this.values[a],offset:a}},renderRegion:function(a,c){var d=this.values,e=this.options,f=this.min,g=this.max,h=this.range,j=this.interval,k=this.target,l=this.canvasHeight,m=this.lineHeight,n=l-m,o,p,q,r;return p=i(d[a],f,g),r=a*j,o=b.round(n-n*((p-f)/h)),q=e.get("thresholdColor")&&p0)for(i=c.length;i--;)h+=c[i];this.total=h,this.initTarget(),this.radius=b.floor(b.min(this.canvasWidth,this.canvasHeight)/2)},getRegion:function(a,b,d){var e=this.target.getShapeAt(a,b,d);return e!==c&&this.shapes[e]!==c?this.shapes[e]:c},getCurrentRegionFields:function(){var a=this.currentRegion;return{isNull:this.values[a]===c,value:this.values[a],percent:this.values[a]/this.total*100,color:this.options.get("sliceColors")[a%this.options.get("sliceColors").length],offset:a}},changeHighlight:function(a){var b=this.currentRegion,c=this.renderSlice(b,a),d=this.valueShapes[b];delete this.shapes[d],this.target.replaceWithShape(d,c),this.valueShapes[b]=c.id,this.shapes[c.id]=b},renderSlice:function(a,d){var e=this.target,f=this.options,g=this.radius,h=f.get("borderWidth"),i=f.get("offset"),j=2*b.PI,k=this.values,l=this.total,m=i?2*b.PI*(i/360):0,n,o,p,q,r;q=k.length;for(p=0;p0&&(o=m+j*(k[p]/l));if(a===p)return r=f.get("sliceColors")[p%f.get("sliceColors").length],d&&(r=this.calcHighlightColor(r,f)),e.drawPieSlice(g,g,g-h,n,o,c,r);m=o}},render:function(){var a=this.target,d=this.values,e=this.options,f=this.radius,g=e.get("borderWidth"),h,i;if(!C._super.render.call(this))return;g&&a.drawCircle(f,f,b.floor(f-g/2),e.get("borderColor"),c,g).append();for(i=d.length;i--;)d[i]&&(h=this.renderSlice(i).append(),this.valueShapes[i]=h.id,this.shapes[h.id]=i);a.render()}}),d.fn.sparkline.box=D=g(d.fn.sparkline._base,{type:"box",init:function(a,b,c,e,f){D._super.init.call(this,a,b,c,e,f),this.values=d.map(b,Number),this.width=c.get("width")==="auto"?"4.0em":e,this.initTarget(),this.values.length||(this.disabled=1)},getRegion:function(){return 1},getCurrentRegionFields:function(){var a=[{field:"lq",value:this.quartiles[0]},{field:"med",value:this.quartiles
+[1]},{field:"uq",value:this.quartiles[2]}];return this.loutlier!==c&&a.push({field:"lo",value:this.loutlier}),this.routlier!==c&&a.push({field:"ro",value:this.routlier}),this.lwhisker!==c&&a.push({field:"lw",value:this.lwhisker}),this.rwhisker!==c&&a.push({field:"rw",value:this.rwhisker}),a},render:function(){var a=this.target,d=this.values,e=d.length,f=this.options,g=this.canvasWidth,h=this.canvasHeight,i=f.get("chartRangeMin")===c?b.min.apply(b,d):f.get("chartRangeMin"),k=f.get("chartRangeMax")===c?b.max.apply(b,d):f.get("chartRangeMax"),l=0,m,n,o,p,q,r,s,t,u,v,w;if(!D._super.render.call(this))return;if(f.get("raw"))f.get("showOutliers")&&d.length>5?(n=d[0],m=d[1],p=d[2],q=d[3],r=d[4],s=d[5],t=d[6]):(m=d[0],p=d[1],q=d[2],r=d[3],s=d[4]);else{d.sort(function(a,b){return a-b}),p=j(d,1),q=j(d,2),r=j(d,3),o=r-p;if(f.get("showOutliers")){m=s=c;for(u=0;up-o*f.get("outlierIQR")&&(m=d[u]),d[u]s&&a.drawCircle((t-i)*w+l,h/2,f.get("spotRadius"),f.get("outlierLineColor"),f.get("outlierFillColor")).append()),a.drawRect(b.round((p-i)*w+l),b.round(h*.1),b.round((r-p)*w),b.round(h*.8),f.get("boxLineColor"),f.get("boxFillColor")).append(),a.drawLine(b.round((m-i)*w+l),b.round(h/2),b.round((p-i)*w+l),b.round(h/2),f.get("lineColor")).append(),a.drawLine(b.round((m-i)*w+l),b.round(h/4),b.round((m-i)*w+l),b.round(h-h/4),f.get("whiskerColor")).append(),a.drawLine(b.round((s-i)*w+l),b.round(h/2),b.round((r-i)*w+l),b.round(h/2),f.get("lineColor")).append(),a.drawLine(b.round((s-i)*w+l),b.round(h/4),b.round((s-i)*w+l),b.round(h-h/4),f.get("whiskerColor")).append(),a.drawLine(b.round((q-i)*w+l),b.round(h*.1),b.round((q-i)*w+l),b.round(h*.9),f.get("medianColor")).append(),f.get("target")&&(v=b.ceil(f.get("spotRadius")),a.drawLine(b.round((f.get("target")-i)*w+l),b.round(h/2-v),b.round((f.get("target")-i)*w+l),b.round(h/2+v),f.get("targetColor")).append(),a.drawLine(b.round((f.get("target")-i)*w+l-v),b.round(h/2),b.round((f.get("target")-i)*w+l+v),b.round(h/2),f.get("targetColor")).append()),a.render()}}),G=g({init:function(a,b,c,d){this.target=a,this.id=b,this.type=c,this.args=d},append:function(){return this.target.appendShape(this),this}}),H=g({_pxregex:/(\d+)(px)?\s*$/i,init:function(a,b,c){if(!a)return;this.width=a,this.height=b,this.target=c,this.lastShapeId=null,c[0]&&(c=c[0]),d.data(c,"_jqs_vcanvas",this)},drawLine:function(a,b,c,d,e,f){return this.drawShape([[a,b],[c,d]],e,f)},drawShape:function(a,b,c,d){return this._genShape("Shape",[a,b,c,d])},drawCircle:function(a,b,c,d,e,f){return this._genShape("Circle",[a,b,c,d,e,f])},drawPieSlice:function(a,b,c,d,e,f,g){return this._genShape("PieSlice",[a,b,c,d,e,f,g])},drawRect:function(a,b,c,d,e,f){return this._genShape("Rect",[a,b,c,d,e,f])},getElement:function(){return this.canvas},getLastShapeId:function(){return this.lastShapeId},reset:function(){alert("reset not implemented")},_insert:function(a,b){d(b).html(a)},_calculatePixelDims:function(a,b,c){var e;e=this._pxregex.exec(b),e?this.pixelHeight=e[1]:this.pixelHeight=d(c).height(),e=this._pxregex.exec(a),e?this.pixelWidth=e[1]:this.pixelWidth=d(c).width()},_genShape:function(a,b){var c=L++;return b.unshift(c),new G(this,c,a,b)},appendShape:function(a){alert("appendShape not implemented")},replaceWithShape:function(a,b){alert("replaceWithShape not implemented")},insertAfterShape:function(a,b){alert("insertAfterShape not implemented")},removeShapeId:function(a){alert("removeShapeId not implemented")},getShapeAt:function(a,b,c){alert("getShapeAt not implemented")},render:function(){alert("render not implemented")}}),I=g(H,{init:function(b,e,f,g){I._super.init.call(this,b,e,f),this.canvas=a.createElement("canvas"),f[0]&&(f=f[0]),d.data(f,"_jqs_vcanvas",this),d(this.canvas).css({display:"inline-block",width:b,height:e,verticalAlign:"top"}),this._insert(this.canvas,f),this._calculatePixelDims(b,e,this.canvas),this.canvas.width=this.pixelWidth,this.canvas.height=this.pixelHeight,this.interact=g,this.shapes={},this.shapeseq=[],this.currentTargetShapeId=c,d(this.canvas).css({width:this.pixelWidth,height:this.pixelHeight})},_getContext:function(a,b,d){var e=this.canvas.getContext("2d");return a!==c&&(e.strokeStyle=a),e.lineWidth=d===c?1:d,b!==c&&(e.fillStyle=b),e},reset:function(){var a=this._getContext();a.clearRect(0,0,this.pixelWidth,this.pixelHeight),this.shapes={},this.shapeseq=[],this.currentTargetShapeId=c},_drawShape:function(a,b,d,e,f){var g=this._getContext(d,e,f),h,i;g.beginPath(),g.moveTo(b[0][0]+.5,b[0][1]+.5);for(h=1,i=b.length;h',this.canvas.insertAdjacentHTML("beforeEnd",f),this.group=d(this.canvas).children()[0],this.rendered=!1,this.prerender=""},_drawShape:function(a,b,d,e,f){var g=[],h,i,j,k,l,m,n;for(n=0,m=b.length;n'+" ",l},_drawCircle:function(a,b,d,e,f,g,h){var i,j,k;return b-=e,d-=e,i=f===c?' stroked="false" ':' strokeWeight="'+h+'px" strokeColor="'+f+'" ',j=g===c?' filled="false"':' fillColor="'+g+'" filled="true" ',k='',k},_drawPieSlice:function(a,d,e,f,g,h,i,j){var k,l,m,n,o,p,q,r;if(g===h)return"";h-g===2*b.PI&&(g=0,h=2*b.PI),l=d+b.round(b.cos(g)*f),m=e+b.round(b.sin(g)*f),n=d+b.round(b.cos(h)*f),o=e+b.round(b.sin(h)*f);if(l===n&&m===o){if(h-g'+" ",r)},_drawRect:function(a,b,c,d,e,f,g){return this._drawShape(a,[[b,c],[b,c+e],[b+d,c+e],[b+d,c],[b,c]],f,g)},reset:function(){this.group.innerHTML=""},appendShape:function(a){var b=this["_draw"+a.type].apply(this,a.args);return this.rendered?this.group.insertAdjacentHTML("beforeEnd",b):this.prerender+=b,this.lastShapeId=a.id,a.id},replaceWithShape:function(a,b){var c=d("#jqsshape"+a),e=this["_draw"+b.type].apply(this,b.args);c[0].outerHTML=e},replaceWithShapes:function(a,b){var c=d("#jqsshape"+a[0]),e="",f=b.length,g;for(g=0;gf*b.top){e=b.percents[y],p=b.percents[y-1]||0,t=t/b.top*(e-p),o=b.percents[y+1],j=b.anim[e];break}f&&d.attr(b.anim[b.percents[y]])}if(!!j){if(!k){for(var A in j)if(j[g](A))if(U[g](A)||d.paper.customAttributes[g](A)){u[A]=d.attr(A),u[A]==null&&(u[A]=T[A]),v[A]=j[A];switch(U[A]){case C:w[A]=(v[A]-u[A])/t;break;case"colour":u[A]=a.getRGB(u[A]);var B=a.getRGB(v[A]);w[A]={r:(B.r-u[A].r)/t,g:(B.g-u[A].g)/t,b:(B.b-u[A].b)/t};break;case"path":var D=bR(u[A],v[A]),E=D[1];u[A]=D[0],w[A]=[];for(y=0,z=u[A].length;yd)return d;while(cf?c=e:d=e,e=(d-c)/2+c}return e}function n(a,b){var c=o(a,b);return((l*c+k)*c+j)*c}function m(a){return((i*a+h)*a+g)*a}var g=3*b,h=3*(d-b)-g,i=1-g-h,j=3*c,k=3*(e-c)-j,l=1-j-k;return n(a,1/(200*f))}function cq(){return this.x+q+this.y+q+this.width+" "+this.height}function cp(){return this.x+q+this.y}function cb(a,b,c,d,e,f){a!=null?(this.a=+a,this.b=+b,this.c=+c,this.d=+d,this.e=+e,this.f=+f):(this.a=1,this.b=0,this.c=0,this.d=1,this.e=0,this.f=0)}function bH(b,c,d){b=a._path2curve(b),c=a._path2curve(c);var e,f,g,h,i,j,k,l,m,n,o=d?0:[];for(var p=0,q=b.length;p=0&&y<=1&&A>=0&&A<=1&&(d?n++:n.push({x:x.x,y:x.y,t1:y,t2:A}))}}return n}function bF(a,b){return bG(a,b,1)}function bE(a,b){return bG(a,b)}function bD(a,b,c,d,e,f,g,h){if(!(x(a,c)x(e,g)||x(b,d)x(f,h))){var i=(a*d-b*c)*(e-g)-(a-c)*(e*h-f*g),j=(a*d-b*c)*(f-h)-(b-d)*(e*h-f*g),k=(a-c)*(f-h)-(b-d)*(e-g);if(!k)return;var l=i/k,m=j/k,n=+l.toFixed(2),o=+m.toFixed(2);if(n<+y(a,c).toFixed(2)||n>+x(a,c).toFixed(2)||n<+y(e,g).toFixed(2)||n>+x(e,g).toFixed(2)||o<+y(b,d).toFixed(2)||o>+x(b,d).toFixed(2)||o<+y(f,h).toFixed(2)||o>+x(f,h).toFixed(2))return;return{x:l,y:m}}}function bC(a,b,c,d,e,f,g,h,i){if(!(i<0||bB(a,b,c,d,e,f,g,h)n)k/=2,l+=(m1?1:i<0?0:i;var j=i/2,k=12,l=[-0.1252,.1252,-0.3678,.3678,-0.5873,.5873,-0.7699,.7699,-0.9041,.9041,-0.9816,.9816],m=[.2491,.2491,.2335,.2335,.2032,.2032,.1601,.1601,.1069,.1069,.0472,.0472],n=0;for(var o=0;od;d+=2){var f=[{x:+a[d-2],y:+a[d-1]},{x:+a[d],y:+a[d+1]},{x:+a[d+2],y:+a[d+3]},{x:+a[d+4],y:+a[d+5]}];b?d?e-4==d?f[3]={x:+a[0],y:+a[1]}:e-2==d&&(f[2]={x:+a[0],y:+a[1]},f[3]={x:+a[2],y:+a[3]}):f[0]={x:+a[e-2],y:+a[e-1]}:e-4==d?f[3]=f[2]:d||(f[0]={x:+a[d],y:+a[d+1]}),c.push(["C",(-f[0].x+6*f[1].x+f[2].x)/6,(-f[0].y+6*f[1].y+f[2].y)/6,(f[1].x+6*f[2].x-f[3].x)/6,(f[1].y+6*f[2].y-f[3].y)/6,f[2].x,f[2].y])}return c}function bx(){return this.hex}function bv(a,b,c){function d(){var e=Array.prototype.slice.call(arguments,0),f=e.join("?"),h=d.cache=d.cache||{},i=d.count=d.count||[];if(h[g](f)){bu(i,f);return c?c(h[f]):h[f]}i.length>=1e3&&delete h[i.shift()],i.push(f),h[f]=a[m](b,e);return c?c(h[f]):h[f]}return d}function bu(a,b){for(var c=0,d=a.length;c',bl=bk.firstChild,bl.style.behavior="url(#default#VML)";if(!bl||typeof bl.adj!="object")return a.type=p;bk=null}a.svg=!(a.vml=a.type=="VML"),a._Paper=j,a.fn=k=j.prototype=a.prototype,a._id=0,a._oid=0,a.is=function(a,b){b=v.call(b);if(b=="finite")return!M[g](+a);if(b=="array")return a instanceof Array;return b=="null"&&a===null||b==typeof a&&a!==null||b=="object"&&a===Object(a)||b=="array"&&Array.isArray&&Array.isArray(a)||H.call(a).slice(8,-1).toLowerCase()==b},a.angle=function(b,c,d,e,f,g){if(f==null){var h=b-d,i=c-e;if(!h&&!i)return 0;return(180+w.atan2(-i,-h)*180/B+360)%360}return a.angle(b,c,f,g)-a.angle(d,e,f,g)},a.rad=function(a){return a%360*B/180},a.deg=function(a){return a*180/B%360},a.snapTo=function(b,c,d){d=a.is(d,"finite")?d:10;if(a.is(b,E)){var e=b.length;while(e--)if(z(b[e]-c)<=d)return b[e]}else{b=+b;var f=c%b;if(fb-d)return c-f+b}return c};var bn=a.createUUID=function(a,b){return function(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(a,b).toUpperCase()}}(/[xy]/g,function(a){var b=w.random()*16|0,c=a=="x"?b:b&3|8;return c.toString(16)});a.setWindow=function(b){eve("raphael.setWindow",a,h.win,b),h.win=b,h.doc=h.win.document,a._engine.initWin&&a._engine.initWin(h.win)};var bo=function(b){if(a.vml){var c=/^\s+|\s+$/g,d;try{var e=new ActiveXObject("htmlfile");e.write(""),e.close(),d=e.body}catch(f){d=createPopup().document.body}var g=d.createTextRange();bo=bv(function(a){try{d.style.color=r(a).replace(c,p);var b=g.queryCommandValue("ForeColor");b=(b&255)<<16|b&65280|(b&16711680)>>>16;return"#"+("000000"+b.toString(16)).slice(-6)}catch(e){return"none"}})}else{var i=h.doc.createElement("i");i.title="Raphal Colour Picker",i.style.display="none",h.doc.body.appendChild(i),bo=bv(function(a){i.style.color=a;return h.doc.defaultView.getComputedStyle(i,p).getPropertyValue("color")})}return bo(b)},bp=function(){return"hsb("+[this.h,this.s,this.b]+")"},bq=function(){return"hsl("+[this.h,this.s,this.l]+")"},br=function(){return this.hex},bs=function(b,c,d){c==null&&a.is(b,"object")&&"r"in b&&"g"in b&&"b"in b&&(d=b.b,c=b.g,b=b.r);if(c==null&&a.is(b,D)){var e=a.getRGB(b);b=e.r,c=e.g,d=e.b}if(b>1||c>1||d>1)b/=255,c/=255,d/=255;return[b,c,d]},bt=function(b,c,d,e){b*=255,c*=255,d*=255;var f={r:b,g:c,b:d,hex:a.rgb(b,c,d),toString:br};a.is(e,"finite")&&(f.opacity=e);return f};a.color=function(b){var c;a.is(b,"object")&&"h"in b&&"s"in b&&"b"in b?(c=a.hsb2rgb(b),b.r=c.r,b.g=c.g,b.b=c.b,b.hex=c.hex):a.is(b,"object")&&"h"in b&&"s"in b&&"l"in b?(c=a.hsl2rgb(b),b.r=c.r,b.g=c.g,b.b=c.b,b.hex=c.hex):(a.is(b,"string")&&(b=a.getRGB(b)),a.is(b,"object")&&"r"in b&&"g"in b&&"b"in b?(c=a.rgb2hsl(b),b.h=c.h,b.s=c.s,b.l=c.l,c=a.rgb2hsb(b),b.v=c.b):(b={hex:"none"},b.r=b.g=b.b=b.h=b.s=b.v=b.l=-1)),b.toString=br;return b},a.hsb2rgb=function(a,b,c,d){this.is(a,"object")&&"h"in a&&"s"in a&&"b"in a&&(c=a.b,b=a.s,a=a.h,d=a.o),a*=360;var e,f,g,h,i;a=a%360/60,i=c*b,h=i*(1-z(a%2-1)),e=f=g=c-i,a=~~a,e+=[i,h,0,0,h,i][a],f+=[h,i,i,h,0,0][a],g+=[0,0,h,i,i,h][a];return bt(e,f,g,d)},a.hsl2rgb=function(a,b,c,d){this.is(a,"object")&&"h"in a&&"s"in a&&"l"in a&&(c=a.l,b=a.s,a=a.h);if(a>1||b>1||c>1)a/=360,b/=100,c/=100;a*=360;var e,f,g,h,i;a=a%360/60,i=2*b*(c<.5?c:1-c),h=i*(1-z(a%2-1)),e=f=g=c-i/2,a=~~a,e+=[i,h,0,0,h,i][a],f+=[h,i,i,h,0,0][a],g+=[0,0,h,i,i,h][a];return bt(e,f,g,d)},a.rgb2hsb=function(a,b,c){c=bs(a,b,c),a=c[0],b=c[1],c=c[2];var d,e,f,g;f=x(a,b,c),g=f-y(a,b,c),d=g==0?null:f==a?(b-c)/g:f==b?(c-a)/g+2:(a-b)/g+4,d=(d+360)%6*60/360,e=g==0?0:g/f;return{h:d,s:e,b:f,toString:bp}},a.rgb2hsl=function(a,b,c){c=bs(a,b,c),a=c[0],b=c[1],c=c[2];var d,e,f,g,h,i;g=x(a,b,c),h=y(a,b,c),i=g-h,d=i==0?null:g==a?(b-c)/i:g==b?(c-a)/i+2:(a-b)/i+4,d=(d+360)%6*60/360,f=(g+h)/2,e=i==0?0:f<.5?i/(2*f):i/(2-2*f);return{h:d,s:e,l:f,toString:bq}},a._path2string=function(){return this.join(",").replace(Y,"$1")};var bw=a._preload=function(a,b){var c=h.doc.createElement("img");c.style.cssText="position:absolute;left:-9999em;top:-9999em",c.onload=function(){b.call(this),this.onload=null,h.doc.body.removeChild(this)},c.onerror=function(){h.doc.body.removeChild(this)},h.doc.body.appendChild(c),c.src=a};a.getRGB=bv(function(b){if(!b||!!((b=r(b)).indexOf("-")+1))return{r:-1,g:-1,b:-1,hex:"none",error:1,toString:bx};if(b=="none")return{r:-1,g:-1,b:-1,hex:"none",toString:bx};!X[g](b.toLowerCase().substring(0,2))&&b.charAt()!="#"&&(b=bo(b));var c,d,e,f,h,i,j,k=b.match(L);if(k){k[2]&&(f=R(k[2].substring(5),16),e=R(k[2].substring(3,5),16),d=R(k[2].substring(1,3),16)),k[3]&&(f=R((i=k[3].charAt(3))+i,16),e=R((i=k[3].charAt(2))+i,16),d=R((i=k[3].charAt(1))+i,16)),k[4]&&(j=k[4][s](W),d=Q(j[0]),j[0].slice(-1)=="%"&&(d*=2.55),e=Q(j[1]),j[1].slice(-1)=="%"&&(e*=2.55),f=Q(j[2]),j[2].slice(-1)=="%"&&(f*=2.55),k[1].toLowerCase().slice(0,4)=="rgba"&&(h=Q(j[3])),j[3]&&j[3].slice(-1)=="%"&&(h/=100));if(k[5]){j=k[5][s](W),d=Q(j[0]),j[0].slice(-1)=="%"&&(d*=2.55),e=Q(j[1]),j[1].slice(-1)=="%"&&(e*=2.55),f=Q(j[2]),j[2].slice(-1)=="%"&&(f*=2.55),(j[0].slice(-3)=="deg"||j[0].slice(-1)=="")&&(d/=360),k[1].toLowerCase().slice(0,4)=="hsba"&&(h=Q(j[3])),j[3]&&j[3].slice(-1)=="%"&&(h/=100);return a.hsb2rgb(d,e,f,h)}if(k[6]){j=k[6][s](W),d=Q(j[0]),j[0].slice(-1)=="%"&&(d*=2.55),e=Q(j[1]),j[1].slice(-1)=="%"&&(e*=2.55),f=Q(j[2]),j[2].slice(-1)=="%"&&(f*=2.55),(j[0].slice(-3)=="deg"||j[0].slice(-1)=="")&&(d/=360),k[1].toLowerCase().slice(0,4)=="hsla"&&(h=Q(j[3])),j[3]&&j[3].slice(-1)=="%"&&(h/=100);return a.hsl2rgb(d,e,f,h)}k={r:d,g:e,b:f,toString:bx},k.hex="#"+(16777216|f|e<<8|d<<16).toString(16).slice(1),a.is(h,"finite")&&(k.opacity=h);return k}return{r:-1,g:-1,b:-1,hex:"none",error:1,toString:bx}},a),a.hsb=bv(function(b,c,d){return a.hsb2rgb(b,c,d).hex}),a.hsl=bv(function(b,c,d){return a.hsl2rgb(b,c,d).hex}),a.rgb=bv(function(a,b,c){return"#"+(16777216|c|b<<8|a<<16).toString(16).slice(1)}),a.getColor=function(a){var b=this.getColor.start=this.getColor.start||{h:0,s:1,b:a||.75},c=this.hsb2rgb(b.h,b.s,b.b);b.h+=.075,b.h>1&&(b.h=0,b.s-=.2,b.s<=0&&(this.getColor.start={h:0,s:1,b:b.b}));return c.hex},a.getColor.reset=function(){delete this.start},a.parsePathString=function(b){if(!b)return null;var c=bz(b);if(c.arr)return bJ(c.arr);var d={a:7,c:6,h:1,l:2,m:2,r:4,q:4,s:4,t:2,v:1,z:0},e=[];a.is(b,E)&&a.is(b[0],E)&&(e=bJ(b)),e.length||r(b).replace(Z,function(a,b,c){var f=[],g=b.toLowerCase();c.replace(_,function(a,b){b&&f.push(+b)}),g=="m"&&f.length>2&&(e.push([b][n](f.splice(0,2))),g="l",b=b=="m"?"l":"L");if(g=="r")e.push([b][n](f));else while(f.length>=d[g]){e.push([b][n](f.splice(0,d[g])));if(!d[g])break}}),e.toString=a._path2string,c.arr=bJ(e);return e},a.parseTransformString=bv(function(b){if(!b)return null;var c={r:3,s:4,t:2,m:6},d=[];a.is(b,E)&&a.is(b[0],E)&&(d=bJ(b)),d.length||r(b).replace($,function(a,b,c){var e=[],f=v.call(b);c.replace(_,function(a,b){b&&e.push(+b)}),d.push([b][n](e))}),d.toString=a._path2string;return d});var bz=function(a){var b=bz.ps=bz.ps||{};b[a]?b[a].sleep=100:b[a]={sleep:100},setTimeout(function(){for(var c in b)b[g](c)&&c!=a&&(b[c].sleep--,!b[c].sleep&&delete b[c])});return b[a]};a.findDotsAtSegment=function(a,b,c,d,e,f,g,h,i){var j=1-i,k=A(j,3),l=A(j,2),m=i*i,n=m*i,o=k*a+l*3*i*c+j*3*i*i*e+n*g,p=k*b+l*3*i*d+j*3*i*i*f+n*h,q=a+2*i*(c-a)+m*(e-2*c+a),r=b+2*i*(d-b)+m*(f-2*d+b),s=c+2*i*(e-c)+m*(g-2*e+c),t=d+2*i*(f-d)+m*(h-2*f+d),u=j*a+i*c,v=j*b+i*d,x=j*e+i*g,y=j*f+i*h,z=90-w.atan2(q-s,r-t)*180/B;(q>s||r=a.x&&b<=a.x2&&c>=a.y&&c<=a.y2},a.isBBoxIntersect=function(b,c){var d=a.isPointInsideBBox;return d(c,b.x,b.y)||d(c,b.x2,b.y)||d(c,b.x,b.y2)||d(c,b.x2,b.y2)||d(b,c.x,c.y)||d(b,c.x2,c.y)||d(b,c.x,c.y2)||d(b,c.x2,c.y2)||(b.xc.x||c.xb.x)&&(b.yc.y||c.yb.y)},a.pathIntersection=function(a,b){return bH(a,b)},a.pathIntersectionNumber=function(a,b){return bH(a,b,1)},a.isPointInsidePath=function(b,c,d){var e=a.pathBBox(b);return a.isPointInsideBBox(e,c,d)&&bH(b,[["M",c,d],["H",e.x2+10]],1)%2==1},a._removedFactory=function(a){return function(){eve("raphael.log",null,"Raphal: you are calling to method "+a+" of removed object",a)}};var bI=a.pathBBox=function(a){var b=bz(a);if(b.bbox)return b.bbox;if(!a)return{x:0,y:0,width:0,height:0,x2:0,y2:0};a=bR(a);var c=0,d=0,e=[],f=[],g;for(var h=0,i=a.length;h1&&(v=w.sqrt(v),c=v*c,d=v*d);var x=c*c,y=d*d,A=(f==g?-1:1)*w.sqrt(z((x*y-x*u*u-y*t*t)/(x*u*u+y*t*t))),C=A*c*u/d+(a+h)/2,D=A*-d*t/c+(b+i)/2,E=w.asin(((b-D)/d).toFixed(9)),F=w.asin(((i-D)/d).toFixed(9));E=aF&&(E=E-B*2),!g&&F>E&&(F=F-B*2)}else E=j[0],F=j[1],C=j[2],D=j[3];var G=F-E;if(z(G)>k){var H=F,I=h,J=i;F=E+k*(g&&F>E?1:-1),h=C+c*w.cos(F),i=D+d*w.sin(F),m=bO(h,i,c,d,e,0,g,I,J,[F,H,C,D])}G=F-E;var K=w.cos(E),L=w.sin(E),M=w.cos(F),N=w.sin(F),O=w.tan(G/4),P=4/3*c*O,Q=4/3*d*O,R=[a,b],S=[a+P*L,b-Q*K],T=[h+P*N,i-Q*M],U=[h,i];S[0]=2*R[0]-S[0],S[1]=2*R[1]-S[1];if(j)return[S,T,U][n](m);m=[S,T,U][n](m).join()[s](",");var V=[];for(var W=0,X=m.length;W"1e12"&&(l=.5),z(n)>"1e12"&&(n=.5),l>0&&l<1&&(q=bP(a,b,c,d,e,f,g,h,l),p.push(q.x),o.push(q.y)),n>0&&n<1&&(q=bP(a,b,c,d,e,f,g,h,n),p.push(q.x),o.push(q.y)),i=f-2*d+b-(h-2*f+d),j=2*(d-b)-2*(f-d),k=b-d,l=(-j+w.sqrt(j*j-4*i*k))/2/i,n=(-j-w.sqrt(j*j-4*i*k))/2/i,z(l)>"1e12"&&(l=.5),z(n)>"1e12"&&(n=.5),l>0&&l<1&&(q=bP(a,b,c,d,e,f,g,h,l),p.push(q.x),o.push(q.y)),n>0&&n<1&&(q=bP(a,b,c,d,e,f,g,h,n),p.push(q.x),o.push(q.y));return{min:{x:y[m](0,p),y:y[m](0,o)},max:{x:x[m](0,p),y:x[m](0,o)}}}),bR=a._path2curve=bv(function(a,b){var c=!b&&bz(a);if(!b&&c.curve)return bJ(c.curve);var d=bL(a),e=b&&bL(b),f={x:0,y:0,bx:0,by:0,X:0,Y:0,qx:null,qy:null},g={x:0,y:0,bx:0,by:0,X:0,Y:0,qx:null,qy:null},h=function(a,b){var c,d;if(!a)return["C",b.x,b.y,b.x,b.y,b.x,b.y];!(a[0]in{T:1,Q:1})&&(b.qx=b.qy=null);switch(a[0]){case"M":b.X=a[1],b.Y=a[2];break;case"A":a=["C"][n](bO[m](0,[b.x,b.y][n](a.slice(1))));break;case"S":c=b.x+(b.x-(b.bx||b.x)),d=b.y+(b.y-(b.by||b.y)),a=["C",c,d][n](a.slice(1));break;case"T":b.qx=b.x+(b.x-(b.qx||b.x)),b.qy=b.y+(b.y-(b.qy||b.y)),a=["C"][n](bN(b.x,b.y,b.qx,b.qy,a[1],a[2]));break;case"Q":b.qx=a[1],b.qy=a[2],a=["C"][n](bN(b.x,b.y,a[1],a[2],a[3],a[4]));break;case"L":a=["C"][n](bM(b.x,b.y,a[1],a[2]));break;case"H":a=["C"][n](bM(b.x,b.y,a[1],b.y));break;case"V":a=["C"][n](bM(b.x,b.y,b.x,a[1]));break;case"Z":a=["C"][n](bM(b.x,b.y,b.X,b.Y))}return a},i=function(a,b){if(a[b].length>7){a[b].shift();var c=a[b];while(c.length)a.splice(b++,0,["C"][n](c.splice(0,6)));a.splice(b,1),l=x(d.length,e&&e.length||0)}},j=function(a,b,c,f,g){a&&b&&a[g][0]=="M"&&b[g][0]!="M"&&(b.splice(g,0,["M",f.x,f.y]),c.bx=0,c.by=0,c.x=a[g][1],c.y=a[g][2],l=x(d.length,e&&e.length||0))};for(var k=0,l=x(d.length,e&&e.length||0);ke){if(c&&!l.start){m=cs(g,h,i[1],i[2],i[3],i[4],i[5],i[6],e-n),k+=["C"+m.start.x,m.start.y,m.m.x,m.m.y,m.x,m.y];if(f)return k;l.start=k,k=["M"+m.x,m.y+"C"+m.n.x,m.n.y,m.end.x,m.end.y,i[5],i[6]].join(),n+=j,g=+i[5],h=+i[6];continue}if(!b&&!c){m=cs(g,h,i[1],i[2],i[3],i[4],i[5],i[6],e-n);return{x:m.x,y:m.y,alpha:m.alpha}}}n+=j,g=+i[5],h=+i[6]}k+=i.shift()+i}l.end=k,m=b?n:c?l:a.findDotsAtSegment(g,h,i[0],i[1],i[2],i[3],i[4],i[5],1),m.alpha&&(m={x:m.x,y:m.y,alpha:m.alpha});return m}},cu=ct(1),cv=ct(),cw=ct(0,1);a.getTotalLength=cu,a.getPointAtLength=cv,a.getSubpath=function(a,b,c){if(this.getTotalLength(a)-c<1e-6)return cw(a,b).end;var d=cw(a,c,1);return b?cw(d,b).end:d},cl.getTotalLength=function(){if(this.type=="path"){if(this.node.getTotalLength)return this.node.getTotalLength();return cu(this.attrs.path)}},cl.getPointAtLength=function(a){if(this.type=="path")return cv(this.attrs.path,a)},cl.getSubpath=function(b,c){if(this.type=="path")return a.getSubpath(this.attrs.path,b,c)};var cx=a.easing_formulas={linear:function(a){return a},"<":function(a){return A(a,1.7)},">":function(a){return A(a,.48)},"<>":function(a){var b=.48-a/1.04,c=w.sqrt(.1734+b*b),d=c-b,e=A(z(d),1/3)*(d<0?-1:1),f=-c-b,g=A(z(f),1/3)*(f<0?-1:1),h=e+g+.5;return(1-h)*3*h*h+h*h*h},backIn:function(a){var b=1.70158;return a*a*((b+1)*a-b)},backOut:function(a){a=a-1;var b=1.70158;return a*a*((b+1)*a+b)+1},elastic:function(a){if(a==!!a)return a;return A(2,-10*a)*w.sin((a-.075)*2*B/.3)+1},bounce:function(a){var b=7.5625,c=2.75,d;a<1/c?d=b*a*a:a<2/c?(a-=1.5/c,d=b*a*a+.75):a<2.5/c?(a-=2.25/c,d=b*a*a+.9375):(a-=2.625/c,d=b*a*a+.984375);return d}};cx.easeIn=cx["ease-in"]=cx["<"],cx.easeOut=cx["ease-out"]=cx[">"],cx.easeInOut=cx["ease-in-out"]=cx["<>"],cx["back-in"]=cx.backIn,cx["back-out"]=cx.backOut;var cy=[],cz=window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||window.msRequestAnimationFrame||function(a){setTimeout(a,16)},cA=function(){var b=+(new Date),c=0;for(;c1&&!d.next){for(s in k)k[g](s)&&(r[s]=d.totalOrigin[s]);d.el.attr(r),cE(d.anim,d.el,d.anim.percents[0],null,d.totalOrigin,d.repeat-1)}d.next&&!d.stop&&cE(d.anim,d.el,d.next,null,d.totalOrigin,d.repeat)}}a.svg&&m&&m.paper&&m.paper.safari(),cy.length&&cz(cA)},cB=function(a){return a>255?255:a<0?0:a};cl.animateWith=function(b,c,d,e,f,g){var h=this;if(h.removed){g&&g.call(h);return h}var i=d instanceof cD?d:a.animation(d,e,f,g),j,k;cE(i,h,i.percents[0],null,h.attr());for(var l=0,m=cy.length;l.5)*2-1;i(m-.5,2)+i(n-.5,2)>.25&&(n=f.sqrt(.25-i(m-.5,2))*e+.5)&&n!=.5&&(n=n.toFixed(5)-1e-5*e)}return l}),e=e.split(/\s*\-\s*/);if(j=="linear"){var t=e.shift();t=-d(t);if(isNaN(t))return null;var u=[0,0,f.cos(a.rad(t)),f.sin(a.rad(t))],v=1/(g(h(u[2]),h(u[3]))||1);u[2]*=v,u[3]*=v,u[2]<0&&(u[0]=-u[2],u[2]=0),u[3]<0&&(u[1]=-u[3],u[3]=0)}var w=a._parseDots(e);if(!w)return null;k=k.replace(/[\(\)\s,\xb0#]/g,"_"),b.gradient&&k!=b.gradient.id&&(p.defs.removeChild(b.gradient),delete b.gradient);if(!b.gradient){s=q(j+"Gradient",{id:k}),b.gradient=s,q(s,j=="radial"?{fx:m,fy:n}:{x1:u[0],y1:u[1],x2:u[2],y2:u[3],gradientTransform:b.matrix.invert()}),p.defs.appendChild(s);for(var x=0,y=w.length;x1?G.opacity/100:G.opacity});case"stroke":G=a.getRGB(p),i.setAttribute(o,G.hex),o=="stroke"&&G[b]("opacity")&&q(i,{"stroke-opacity":G.opacity>1?G.opacity/100:G.opacity}),o=="stroke"&&d._.arrows&&("startString"in d._.arrows&&t(d,d._.arrows.startString),"endString"in d._.arrows&&t(d,d._.arrows.endString,1));break;case"gradient":(d.type=="circle"||d.type=="ellipse"||c(p).charAt()!="r")&&r(d,p);break;case"opacity":k.gradient&&!k[b]("stroke-opacity")&&q(i,{"stroke-opacity":p>1?p/100:p});case"fill-opacity":if(k.gradient){H=a._g.doc.getElementById(i.getAttribute("fill").replace(/^url\(#|\)$/g,l)),H&&(I=H.getElementsByTagName("stop"),q(I[I.length-1],{"stop-opacity":p}));break};default:o=="font-size"&&(p=e(p,10)+"px");var J=o.replace(/(\-.)/g,function(a){return a.substring(1).toUpperCase()});i.style[J]=p,d._.dirty=1,i.setAttribute(o,p)}}y(d,f),i.style.visibility=m},x=1.2,y=function(d,f){if(d.type=="text"&&!!(f[b]("text")||f[b]("font")||f[b]("font-size")||f[b]("x")||f[b]("y"))){var g=d.attrs,h=d.node,i=h.firstChild?e(a._g.doc.defaultView.getComputedStyle(h.firstChild,l).getPropertyValue("font-size"),10):10;if(f[b]("text")){g.text=f.text;while(h.firstChild)h.removeChild(h.firstChild);var j=c(f.text).split("\n"),k=[],m;for(var n=0,o=j.length;n"));var $=X.getBoundingClientRect();t.W=m.w=($.right-$.left)/Y,t.H=m.h=($.bottom-$.top)/Y,t.X=m.x,t.Y=m.y+t.H/2,("x"in i||"y"in i)&&(t.path.v=a.format("m{0},{1}l{2},{1}",f(m.x*u),f(m.y*u),f(m.x*u)+1));var _=["x","y","text","font","font-family","font-weight","font-style","font-size"];for(var ba=0,bb=_.length;ba.25&&(c=e.sqrt(.25-i(b-.5,2))*((c>.5)*2-1)+.5),m=b+n+c);return o}),f=f.split(/\s*\-\s*/);if(l=="linear"){var p=f.shift();p=-d(p);if(isNaN(p))return null}var q=a._parseDots(f);if(!q)return null;b=b.shape||b.node;if(q.length){b.removeChild(g),g.on=!0,g.method="none",g.color=q[0].color,g.color2=q[q.length-1].color;var r=[];for(var s=0,t=q.length;s')}}catch(c){F=function(a){return b.createElement("<"+a+' xmlns="urn:schemas-microsoft.com:vml" class="rvml">')}}},a._engine.initWin(a._g.win),a._engine.create=function(){var b=a._getContainer.apply(0,arguments),c=b.container,d=b.height,e,f=b.width,g=b.x,h=b.y;if(!c)throw new Error("VML container not found.");var i=new a._Paper,j=i.canvas=a._g.doc.createElement("div"),k=j.style;g=g||0,h=h||0,f=f||512,d=d||342,i.width=f,i.height=d,f==+f&&(f+="px"),d==+d&&(d+="px"),i.coordsize=u*1e3+n+u*1e3,i.coordorigin="0 0",i.span=a._g.doc.createElement("span"),i.span.style.cssText="position:absolute;left:-9999em;top:-9999em;padding:0;margin:0;line-height:1;",j.appendChild(i.span),k.cssText=a.format("top:0;left:0;width:{0};height:{1};display:inline-block;position:relative;clip:rect(0 {0} {1} 0);overflow:hidden",f,d),c==1?(a._g.doc.body.appendChild(j),k.left=g+"px",k.top=h+"px",k.position="absolute"):c.firstChild?c.insertBefore(j,c.firstChild):c.appendChild(j),i.renderfix=function(){};return i},a.prototype.clear=function(){a.eve("raphael.clear",this),this.canvas.innerHTML=o,this.span=a._g.doc.createElement("span"),this.span.style.cssText="position:absolute;left:-9999em;top:-9999em;padding:0;margin:0;line-height:1;display:inline;",this.canvas.appendChild(this.span),this.bottom=this.top=null},a.prototype.remove=function(){a.eve("raphael.remove",this),this.canvas.parentNode.removeChild(this.canvas);for(var b in this)this[b]=typeof this[b]=="function"?a._removedFactory(b):null;return!0};var G=a.st;for(var H in E)E[b](H)&&!G[b](H)&&(G[H]=function(a){return function(){var b=arguments;return this.forEach(function(c){c[a].apply(c,b)})}}(H))}(window.Raphael)
\ No newline at end of file
diff --git a/test/casper/tests/smoke_test.js b/test/casper/tests/smoke_test.js
new file mode 100644
index 00000000..99b786e3
--- /dev/null
+++ b/test/casper/tests/smoke_test.js
@@ -0,0 +1,100 @@
+var util = require('../util/test_util.js');
+
+casper.test.begin('Freeboard smoke test', function testFunction(test)
+{
+ casper.start(util.FREEBOARD_URL, function()
+ {
+ // Test initial page load state
+ test.assertTitle('freeboard');
+ test.assertVisible(util.SELECTORS.adminBar);
+ test.assertNotVisible(util.SELECTORS.modalOverlay);
+ });
+
+ util.addJSONDatasource(test, 'json_input', 'test/fixtures/input.json');
+
+ casper.then(function() {
+ // Click add pane
+ test.assertNotVisible(util.SELECTORS.allPanes);
+ test.assertVisible(util.SELECTORS.boardTools);
+ this.click(util.SELECTORS.addPane);
+ test.assertVisible(util.SELECTORS.allPanes);
+
+ // Click add widget
+ this.click(util.SELECTORS.addWidget);
+ test.assertVisible(util.SELECTORS.pluginTypeDropdown);
+
+ // Select text widget
+ util.setValueAndTriggerChange(test, util.SELECTORS.pluginTypeDropdown, 'text_widget');
+
+ // Click datasource autofill
+ test.assertVisible(util.SELECTORS.valueValueInput);
+ test.assertVisible(util.SELECTORS.autofillDatasource);
+ this.click(util.SELECTORS.autofillDatasource);
+ test.assertVisible(util.SELECTORS.autofillMenu);
+ var valueName = this.fetchText(util.getAutofillMenuItemSelector(1));
+ test.assertEquals(valueName, 'json_input');
+
+ // Select the first (and only) datasource
+ this.mouseEvent('mousedown', util.getAutofillMenuItemSelector(1));
+ test.assertVisible(util.SELECTORS.autofillMenu);
+
+ // Select the "meta" sub-object of the datasource
+ valueName = this.fetchText(util.getAutofillMenuItemSelector(4));
+ test.assertEquals(valueName, 'meta');
+ this.mouseEvent('mousedown', util.getAutofillMenuItemSelector(4));
+ test.assertVisible(util.SELECTORS.autofillMenu);
+
+ // Select the "year" field to be displayed
+ valueName = this.fetchText(util.getAutofillMenuItemSelector(5));
+ test.assertEquals(valueName, 'year');
+ this.mouseEvent('mousedown', util.getAutofillMenuItemSelector(5));
+ test.assertNotVisible(util.SELECTORS.autofillMenu);
+ });
+
+ // Click save
+ util.clickModalOK(test);
+
+ casper.then(function() {
+ // Assert that the new text widget displays the correct value
+ test.assertVisible(util.SELECTORS.singlePaneTextWidget);
+ var textValue = this.fetchText(util.SELECTORS.singlePaneTextWidget);
+ test.assertEquals(textValue, '2018');
+
+ // Click and confirm delete widget
+ this.click(util.SELECTORS.trashWidget);
+ });
+
+ util.clickModalOK(test);
+
+ casper.then(function() {
+ // Assert widget deleted, pane not deleted
+ test.assertNotVisible(util.SELECTORS.allWidgets);
+ test.assertVisible(util.SELECTORS.allPanes);
+
+ // Click and confirm delete pane
+ this.click(util.SELECTORS.trashPane);
+ });
+
+ util.clickModalOK(test);
+
+ casper.then(function() {
+ // Confirm pane deleted
+ test.assertNotVisible(util.SELECTORS.allPanes);
+
+ // Click and confirm delete datasource
+ test.assertVisible(util.SELECTORS.datasourceTable);
+ this.click(util.SELECTORS.trashDatasource);
+ });
+
+ util.clickModalOK(test);
+
+ casper.then(function() {
+ // Confirm datasource deleted
+ test.assertNotVisible(util.SELECTORS.datasourceTable);
+ });
+
+ casper.run(function() {
+ this.reload();
+ test.done();
+ });
+});
diff --git a/test/casper/util/test_util.js b/test/casper/util/test_util.js
new file mode 100644
index 00000000..64dae384
--- /dev/null
+++ b/test/casper/util/test_util.js
@@ -0,0 +1,84 @@
+var fs = require('fs');
+
+exports.FREEBOARD_URL = fs.workingDirectory + '/index.html';
+
+exports.BOGUS = 'json_input';
+
+var SELECTORS = {
+ adminBar : '#admin-bar',
+ modelOverlay : '#modal_overlay',
+ addDatasource : '#datasources span.text-button',
+ pluginTypeDropdown : '#modal_overlay #setting-value-container-plugin-types select',
+ nameValueInput : '#modal_overlay #setting-value-container-name input',
+ urlValueInput : '#modal_overlay #setting-value-container-url input',
+ valueValueInput : '#modal_overlay #setting-value-container-value textarea',
+ modalOK : '#modal_overlay #dialog-ok',
+ modalValidationError : '#modal_overlay validation-error',
+ datasourceTable : '#datasources table#datasources-list',
+ datasourceName : '#datasources table#datasources-list span.datasource-name',
+ datasoureUpdated : '#datasources table#datasources-list tr td:nth-child(2)',
+ allPanes : '#board-content li',
+ allWidgets : '#board-content li section',
+ boardTools : '#board-tools',
+ addPane : '#board-tools #add-pane',
+ addWidget : '#board-content li header li i.icon-plus',
+ autofillDatasource : '#modal_overlay #setting-value-container-value li i.icon-plus',
+ autofillMenu : '#modal_overlay #value-selector',
+ autofillMenuItem : '#modal_overlay #value-selector li:nth-child(%s)',
+ singlePaneTextWidget : '#board-content li section div.text-widget-regular-value',
+ trashWidget : '#board-content li section i.icon-trash',
+ trashPane : '#board-content li header i.icon-trash',
+ trashDatasource : '#datasources table#datasources-list i.icon-trash'
+};
+exports.SELECTORS = SELECTORS;
+
+function setValueAndTriggerChange(test, selector, value) {
+ test.assertVisible(selector);
+ casper.evaluate(function(selector, value) {
+ $(selector).val(value).change();
+ }, selector, value);
+}
+exports.setValueAndTriggerChange = setValueAndTriggerChange;
+
+function clickModalOK(test) {
+ casper.then(function() {
+ test.assertVisible(SELECTORS.modalOK);
+ casper.click(SELECTORS.modalOK);
+ test.assertNotVisible(SELECTORS.modalValidationError);
+ });
+ casper.waitWhileVisible('#modal_overlay');
+}
+exports.clickModalOK = clickModalOK;
+
+exports.getAutofillMenuItemSelector = function(index) {
+ return SELECTORS.autofillMenuItem.replace('%s', index);
+}
+
+exports.addJSONDatasource = function(test, name, url) {
+
+ casper.then(function() {
+ // Click Add datasource
+ casper.click(SELECTORS.addDatasource);
+
+ // Select JSON
+ setValueAndTriggerChange(test, SELECTORS.pluginTypeDropdown, 'JSON');
+
+ // Name the datasource "json_input"
+ setValueAndTriggerChange(test, SELECTORS.nameValueInput, name);
+
+ // Specify fixtures/input.json as the source
+ setValueAndTriggerChange(test, SELECTORS.urlValueInput, url);
+ });
+
+ // Click ok
+ clickModalOK(test);
+
+ casper.then(function() {
+ // Assert that the datasource displays correctly
+ test.assertVisible(SELECTORS.datasourceName);
+ var datasourceName = casper.fetchText(SELECTORS.datasourceName);
+ test.assertEquals(datasourceName, name);
+ var datasourceTime = casper.fetchText(SELECTORS.datasourceUpdated);
+ test.assertNotEquals(datasourceTime, 'never');
+ });
+};
diff --git a/test/fixtures/input.json b/test/fixtures/input.json
new file mode 100644
index 00000000..8a755f88
--- /dev/null
+++ b/test/fixtures/input.json
@@ -0,0 +1,40 @@
+{
+ "x" : 42,
+ "y" : 19,
+ "z" : 313,
+ "meta" : {
+ "owner" :
+ {
+ "first_name" : "Alfonso",
+ "last_name" : "Jones",
+ "maiden_name" : "Smith"
+ },
+ "country" : "USA",
+ "make" : "BMW",
+ "model" : "XL",
+ "year" : "2018"
+ },
+ "entries" : ["2000", "2003", "2004", "2006", "2011", "2014"],
+ "previous_owners" : [
+ {
+ "owner" : "Zelnit",
+ "country" : "Russia"
+ },
+ {
+ "owner" : "Yolga",
+ "country" : "Venezuela"
+ },
+ {
+ "owner" : "Xavier",
+ "country" : "Poland"
+ },
+ {
+ "owner" : "Voltron",
+ "country" : "Greenland"
+ },
+ {
+ "owner" : "Uther",
+ "country" : "Cambodia"
+ }
+ ]
+}
diff --git a/test/run_browser_tests.sh b/test/run_browser_tests.sh
new file mode 100644
index 00000000..bcbe9630
--- /dev/null
+++ b/test/run_browser_tests.sh
@@ -0,0 +1,3 @@
+cd "$( dirname "$0" )"
+cd ..
+casperjs test test/casper/tests/