<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width" />
<title></title>
<link data-require="ionic@1.0.0-beta.1" data-semver="1.0.0-beta.1" rel="stylesheet" href="http://code.ionicframework.com/1.0.0-beta.1/css/ionic.css" />
<link rel="stylesheet" href="style.css" />
<link rel="milestone5" href="style.css" />
<script data-require="ionic@1.0.0-beta.1" data-semver="1.0.0-beta.1" src="http://code.ionicframework.com/1.0.0-beta.1/js/ionic.bundle.js"></script>
<!-- cordova script (this will be a 404 during development) -->
<script src="cordova.js"></script>
<script src="app.js"></script>
<script src="controllers.js"></script>
<script src="services.js"></script>
<script src="directive.js"></script>
<script src="angular-resource.js"></script>
<script src="http://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.6.0.js" type="text/javascript"></script>
<script src="http://m-e-conroy.github.io/angular-dialog-service/javascripts/dialogs.min.js" type="text/javascript"></script>
</head>
<body ng-app="starter" animation="slide-left-right-ios7">
<!--
The nav bar that will be updated as we navigate between views.
-->
<ion-nav-bar class="bar-stable nav-title-slide-ios7">
<ion-nav-back-button class="button-icon icon ion-chevron-left">
Back
</ion-nav-back-button>
</ion-nav-bar>
<!--
The views will be rendered in the <ion-nav-view> directive below
Templates are in the /templates folder (but you could also
have templates inline in this html file if you'd like).
-->
<ion-nav-view></ion-nav-view>
</body>
</html>
/* Styles go here */
.content {
background-color:rgb(222,233,233);
padding:1%;
}
.section-title{
color:rgb(122,136,136);
font-size:18px;
}
.box {
border-width:1px;
border-style:solid;
border-color:rgb(210,223,223);
background-color:rgb(255,255,255);
color:rgb(58,58,58);
}
.input-title{
color:rgb(58,58,58);
}
.input {
padding:2px;
background-color:red;
}
.bar-stable1 {
border-color: rgb(155,173,173);
background-color: rgb(155,173,173);
color: white;
}
.km-button-font {
}
.right-border {
border-right-width:1px;
border-style:solid;
border-color:rgb(240,245,245);
}
.bottom-border {
border-bottom-width:1px;
border-style:solid;
border-color:rgb(240,245,245);
}
.plus-bg{
background-color:yellow;
color:black;
}
.button.button-balanced1 {
border-color: #498f24;
background-color: rgb(87,196,134);
color: #fff; }
/* ---
GLOBAL
------ */
body {font-size: 16px; color: #333; background-color: #eee; background-image: -webkit-radial-gradient(50% 50%, circle cover, #eee, #ddd 50%); background-image: -moz-radial-gradient(50% 50%, circle cover, #eee, #ddd 50%); background-image: -ms-radial-gradient(50% 50%, circle cover, #eee, #ddd 50%); background-image: -o-radial-gradient(50% 50%, circle cover, #eee, #ddd 50%); background-image: radial-gradient(50% 50%, circle cover, #eee, #ddd 50%);}
a {color: #039; text-decoration: none;}
.pane, .view {background-color: #eee; background-image: -webkit-radial-gradient(50% 50%, circle cover, #eee, #ddd 50%); background-image: -moz-radial-gradient(50% 50%, circle cover, #eee, #ddd 50%); background-image: -ms-radial-gradient(50% 50%, circle cover, #eee, #ddd 50%); background-image: -o-radial-gradient(50% 50%, circle cover, #eee, #ddd 50%); background-image: radial-gradient(50% 50%, circle cover, #eee, #ddd 50%);}
/* ------------
ICON FONT SIZES
--------------- */
.ks-icon-size-1 {font-size: 12px;}
.ks-icon-size-2 {font-size: 14px;}
.ks-icon-size-3 {font-size: 16px;}
.ks-icon-size-4 {font-size: 18px;}
.ks-icon-size-5 {font-size: 20px;}
.ks-icon-size-6 {font-size: 24px;}
.ks-icon-size-7 {font-size: 28px;}
.ks-icon-size-8 {font-size: 36px;}
/* -------------
ICON FONT WEIGHT
---------------- */
.ks-font-weight-1 {font-weight: 300;}
.ks-font-weight-2 {font-weight: 400;}
/* ------------------
ICON FONT POSITIONING
--------------------- */
/* Left side menu */
.ks-icon-menu {padding: 0 15px 0 0; vertical-align: sub;}
/* -------
TYPOGRAPHY
---------- */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {color: #333; text-shadow: 0 1px 1px #fff;}
h1, .h1, h2, .h2 {font-size: 24px;}
/* ----
BUTTONS
------- */
/* Global: Applies to all buttons */
.button {border: 0;}
/* Primary Button */
.button.button-positive {background-color: #b30839; border-bottom: solid 4px #600c24;}
.button.button-positive.active, .button.button-positive.activated {background-color: #c3073d; border-color: #810e2f;}
/* ------
STRUCTURE
--------- */
/* Top bar */
.bar {border: 0;}
.bar.bar-positive {border-color: #b30839; background-color: #b30839;}
/* Kinnser logo - applied to authentication/no connection available pages */
.ks-branding {padding-top: 110px; background-image: url(../img/kinnser-software-logo.png); background-size: 270px 90px; background-position: center top; background-repeat: no-repeat;}
/* App splash/loading */
.ks-splash {margin: 0 auto; padding-top: 45%; width: 401px; height: 133px; background-image: url(../img/kinnser-software-logo.png); background-size: 401px 133px; background-position: center center; background-repeat: no-repeat;}
/* Similar to ionic.css ".item" class, but without the fancy stuff */
.ks-item {margin: 20px 10px;}
/* ------
SIDE MENU
--------- */
.menu {background-color: #333a42;}
.menu-left {background-image: linear-gradient(to left, #2d333b, #333a42 20%);}
.menu-left .item {color: #c7d1dc; border-color: #414a54; background-color: #333a42; background-image: linear-gradient(to left, #2d333b, #333a42 20%);}
.menu-left .item.active, .menu-left .item.activated {border-color: #414a54; background-color: #262c33;}
.menu-left ul.ks-subnav .item {padding-top: 19px; padding-bottom: 19px; background-color: #262c33;}
.menu-left .ks-subnav-header {padding: 20px 15px; font-size: 13px; color: #627281; text-transform: uppercase; background-color: #1d2227;}
/* ------------
CONTENT PADDING
--------------- */
.padding {padding: 15px;}
.padding-top, .padding-vertical {padding-top: 15px;}
.padding-right, .padding-horizontal {padding-right: 15px;}
.padding-bottom, .padding-vertical {padding-bottom: 15px;}
.padding-left, .padding-horizontal {padding-left: 15px;}
.ks-padding-none {padding: 0;}
/* ----------
LOGIN PROCESS
------------- */
/* Login container */
.ks-login {width: 380px; margin: 100px auto 0;}
.ks-login .list-inset {margin: 15px;}
.ks-login input[type="text"], .ks-login input[type="password"] {padding: 20px 15px; height: auto; border: 0;}
.ks-login .item-input {border-radius: 2px;}
/* Profile icon */
.ks-profile {margin: 0 auto 12px; width: 70px; height: 70px; border: solid 1px #ccc; border-radius: 50%; background-color: #eee; background-image: -webkit-radial-gradient(50% 50%, circle cover, #eee, #ddd 70%); background-image: -moz-radial-gradient(50% 50%, circle cover, #fff, #e5e9ea 70%); background-image: -ms-radial-gradient(50% 50%, circle cover, #eee, #ddd 70%); background-image: -o-radial-gradient(50% 50%, circle cover, #eee, #ddd 70%); background-image: radial-gradient(50% 50%, circle cover, #eee, #ddd 70%); -webkit-box-shadow: 0 0 2px #eee; -moz-box-shadow: 0 0 2px #eee; -ms-box-shadow: 0 0 2px #eee; -o-box-shadow: 0 0 2px #eee; box-shadow: 0 0 2px #eee;}
.ks-profile .ion-person {width: 68px; height: 68px; padding: 5px; font-size: 48px; color: #929da1; border-radius: 50%; border: solid 3px #fff;}
/* --
FORMS
----- */
/* Container structure and layout */
.ks-form-section {margin: 20px 10px; border-radius: 2px; background-color: #fff; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); overflow: hidden;}
.ks-form-section .row {padding: 0;}
.ks-form-section .col {padding: 0;}
.ks-form-section .col label:first-child .input-label {padding-top: 0;}
.ks-form-section .item {margin: 0; padding-bottom: 0; border: 0;}
.ks-form-section .item:last-child {padding-bottom: 15px;}
.ks-form-section .item-divider {padding: 14px 15px 13px; font-size: 13px; text-transform: uppercase; border-bottom: solid 1px #eee; background-color: transparent;}
.ks-form-divider {border-right: solid 1px #eee;}
/* Field properties */
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {padding: 15px; font-size: 16px; height: 50px; line-height: normal; border-radius: 2px; color: #555; border: solid 1px #ddd; background-color: #f4f4f4;}
.item-input {padding: 0; background-color: #f4f4f4;}
.input-label {display: block; padding: 15px 0 5px; width: auto; max-width: none; font-size: 16px; font-weight: bold;}
/* Select drop down list */
.ks-styled-select {width: 100%; height: 50px; overflow: hidden; border-radius: 2px; border: 1px solid #ddd; background-color: #f4f4f4;}
.ks-item-select {position: relative;}
.ks-item-select select {-webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; top: 0; right: 0; padding: 13px 45px 15px 15px; width: 100%; border: none; background: transparent; color: #333; text-indent: 0.01px; text-overflow: ''; white-space: nowrap; font-size: 14px; cursor: pointer; direction: ltl;}
.ks-item-select option {direction: ltl;}
.ks-item-select:after {position: absolute; top: 50%; right: 15px; margin-top: -24px; margin-right: -15px; height: 50px; padding: 15px; color: #fff; content: "\f123"; pointer-events: none; background: rgb(155,173,173);}
.ks-select-icon {display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
/* Checkbox */
.ks-form-section .item-checkbox {padding-bottom: 15px; border: 0; border-bottom: solid 1px #eee;}
/* ----------------------------
TODO: CLEAN EVERYTHING UP BELOW
------------------------------- */
/* ??? */
.ionic-logo {display: block; margin: 15px auto; width: 96px; height: 96px;}
.form {font-size: 45px; margin-right: 50px;}
.listheader {text-align: center;}
.listtab {text-align: center; margin-top: 10px;}
form i.icon.error {color: #ef4e3a;}
form input + i.icon.error {display: none; margin-left: 8px;}
form.ng-submitted input.ng-invalid + i.icon.error {display: block;}
form .has-error {border-left: 5px solid #cc2511;}
form .has-success {border-left: 5px solid #3d8b3d;}
form.ng-submitted input.ng-valid + i.icon.error {display: none;}
.rightButton {padding-left: 90%;}
/* ??? */
.km-padding-left {margin-left: 45%;}
.km-icon{font-size: 50px;}
.error-message {font-size: 12px;}
.side-nav-bar{padding: 0;}
.km-network-icon {color: Red; font-size: 100px;}
.km-padding {padding: 20px;}
.km-font {font-size: 25px;}
.km-margin {margin-left: 50px;}
.km-border {border: 2px solid #E3E1E6;}
.km-right-border {border-right: 2px solid #E3E1E6;}
.km-hint {border: 2px solid gray; background-color: #F1A6CB; margin-bottom: -5px; font-size: 50px;}
.km-hint-icon {margin-left: 5px;}
.km-select {height: 50px;}
.hint-a {color: #000;}
.hint-a span {display: none;}
.hint-a:hover span {position: absolute; display: inline; border: 1px solid #0000FF; margin: 0px 0px 0px 10px; padding: 5px; color: #000; background: #faffc3; opacity: .90; margin-left: 50px; margin-bottom: -50px;}
.km-hint-text {font-size: 12px;}
.km-select-margin {margin-top: 50px;}
.bar-stable1 {border-color: rgb(155,173,173); background-color: rgb(155,173,173); color: white;}
/* Originated from style.css */
.main-content {width: 100%; border-width: 1px; border-style: solid; background-color: rgb(145,145,145);}
.section-title {width: 100%; background-color: rgb(145,145,145); font-size: 20px; color: white; font-weight: bolder;}
.section-subtitle {width: 100%; background-color: rgb(193,193,193); font-size: 18px; color: black; font-weight: bold;}
.textfield-verysmall {width: 50px;}
.textfield-small {width: 100px;}
.textfield-medium {width: 200px;}
.textfield-large {width: 250px;}
.horizontalLine {border-top-width: 1px; border-bottom-width: 0; border-left-width: 0; border-right-width: 0; border-style: solid; width: 100%;}
.preview-label {background-color: rgb(229,232,235); padding: 1px;}
/* Nurse note */
.km-box {border: 1px solid gray;}
.km-input-icon {padding: 5px;}
.km-icon-cal {font-size: 23px;}
.km-drop {width: 100%;}
/* Styles go here */
.floatLeft {float: left;}
.box {background-color: rgb(234,235,234); border: solid 1px rgb(240,250,250);}
.innerbox{margin: 5%; border: solid 1px rgb(234,235,234); background-color: rgb(230,230,230);}
.preview-label {background-color: rgb(234,235,234);}
.hrline {border-top-width: 0; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; border-style: solid;}
.rowlist {display: inline; border-color: rgb(240,250,250);}
.toptext {vertical-align: text-top; border-color: blue;}
.indent {margin-left: 20px;}
/* --------------------------
MEDIA QUERIES FOR ALL DEVICES
----------------------------- */
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
.sidebar {height: 320px; border: 2px solid #E3E1E6; background-color: #E3E1E6;}
.sidebar-button {height: 25px; margin-top: 150px; border: 4px solid #7D7D7D;}
.sidebar-strips {height: 12px; border: 1px solid #FFFCFC;}
}
/* Smartphones (landscape) ----------- */
@media only screen and (min-width: 321px) {
.sidebar {height: 320px; border: 2px solid #E3E1E6; background-color: #E3E1E6;}
.sidebar-button {height: 25px; margin-top: 150px; border: 4px solid #7D7D7D;}
.sidebar-strips {height: 12px; border: 1px solid #FFFCFC;}
}
/* Smartphones (portrait) ----------- */
@media only screen and (max-width: 320px) {
.sidebar {height: 320px; border: 2px solid #E3E1E6; background-color: #E3E1E6;}
.sidebar-button {height: 25px; margin-top: 150px; border: 4px solid #7D7D7D;}
.sidebar-strips {height: 12px; border: 1px solid #FFFCFC;}
}
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
.sidebar {height: 768px; border: 2px solid #E3E1E6; background-color: #E3E1E6;}
.sidebar-button {height: 50px; margin-top: 450px; border: 4px solid #7D7D7D;}
.sidebar-strips { height: 42px; border: 1px solid #FFFCFC;}
}
/* iPads (landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
.sidebar {height: 768px; border: 2px solid #E3E1E6; background-color: #E3E1E6;}
.sidebar-button {height: 50px; margin-top: 450px; border: 4px solid #7D7D7D;}
.sidebar-strips {height: 42px; border: 1px solid #FFFCFC;}
}
/* iPads (portrait) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
/* STYLES GO HERE */
}
/* Desktops and laptops ----------- */
@media only screen and (min-width: 1224px) {
.sidebar {height: 999px; border: 2px solid #E3E1E6; background-color: #E3E1E6;}
.sidebar-button {height: 50px; margin-top: 450px; border: 4px solid #7D7D7D;}
.sidebar-strips {height: 42px; border: 1px solid #FFFCFC;}
}
/* Large screens ----------- */
@media only screen and (min-width: 1824px) {
.sidebar {height: 999px; border: 2px solid #E3E1E6; background-color : #E3E1E6;}
.sidebar-button { height: 50px; margin-top: 450px; border: 4px solid #7D7D7D;}
.sidebar-strips { height: 42px; border: 1px solid #FFFCFC;}
}
/* iPhone 5 (portrait & landscape)----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
.sidebar {height: 320px; border: 2px solid #E3E1E6; background-color: #E3E1E6;}
.sidebar-button {height: 25px; margin-top: 150px; border: 4px solid #7D7D7D;}
.sidebar-strips {height: 12px; border: 1px solid #FFFCFC;}
}
/* Overrides ionic.css */
@media (min--moz-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
.bar {border: 0;}
}
.ks-font-size-1 {font-size: 12px;}
.ks-font-size-2 {font-size: 14px;}
.ks-font-size-3 {font-size: 16px;}
.ks-font-size-4 {font-size: 18px;}
.ks-font-size-5 {font-size: 20px;}
.ks-font-size-6 {font-size: 24px;}
.ks-font-size-7 {font-size: 28px;}
.ks-font-size-8 {font-size: 36px;}
.ks-font-size-9 {font-size: 400px;}
.cog-list {
background-color:rgb(56,61,68);
width:80px;
}
.cog-list-item {
background-color:rgb(56,61,68);
color:rgb(194,204,218);
width:80px;
height:80px;
border-bottom-width:1px;
border-color:rgb(67,73,83);
border-style:solid;
}
.cog-list-item-title {
height:30px;
margin-top:-20px;
}
.cog-col2 {
background-color:rgb(56,61,68);
width:30px;
}
.cog-buttons {
float:left;
}
.cog-accordion {
height:240px;
padding-top:100px;
background-color:yellow;
}
.cog-accordion-icon {
margin-left:-7px;
color:rgb(39,43,47);
}
.cog-bar {
float:left;
height:240px;
background-color:rgb(39,43,47);
width:10px;
}
.gear{
}
.testBg {
background-color:green;
width:100px;
height:100px;
}
.test{
/*position:absolute;*/
z-index:1000;
/*top:20px;
right:20px;*/
background-color:red;
width:260px;
}
.cog {
margin-top:112px;
margin-left:-10px;
}
#testMove {
position:absolute;
z-index:1000;
}
.bottom-border {
background-color:red;
}
/*Cog CSS*/
.cogContainer {
background-color:rgb(39,43,47);
width:100%;
height:80px;
z-index:1000;
}
.cogItem {
background-color:white;
width:auto;
margin:0 auto;
height:auto;
}
/*Display Popup*/
/* Fix for Bootstrap 3 with Angular UI Bootstrap */
.modal {
display: block;
}
/* Custom dialog/modal headers */
.dialog-header-error { background-color: #d2322d; }
.dialog-header-wait { background-color: #428bca; }
.dialog-header-notify { background-color: #eeeeee; }
.dialog-header-confirm { background-color: #333333; }
.dialog-header-error span, .dialog-header-error h4,
.dialog-header-wait span, .dialog-header-wait h4,
.dialog-header-confirm span, .dialog-header-confirm h4 { color: #ffffff; }
/* Ease Display */
.pad { padding: 25px; }
/*MAR style*/
.mar-legend {
background-color:rgb(219,224,227);
border:1px solid;
border-color:rgb(192,197,200);
/*background-color:rgb(192,197,200);*/
}
.mar-submit-button {
background-color:rgb(166,0,43);
color:white;
}
.mar-legend-title {
margin-top:55px;
}
// Ionic Starter App, v0.9.20
// angular.module is a global place for creating, registering and retrieving Angular modules
// 'starter' is the name of this angular module example (also set in a <body> attribute in index.html)
// the 2nd parameter is an array of 'requires'
// 'starter.services' is found in services.js
// 'starter.controllers' is found in controllers.js
angular.module('starter', ['ionic', 'starter.controllers', 'starter.services'])
.run(function($ionicPlatform) {
$ionicPlatform.ready(function() {
StatusBar.styleDefault();
});
})
.config(function($stateProvider, $urlRouterProvider) {
// Ionic uses AngularUI Router which uses the concept of states
// Learn more here: https://github.com/angular-ui/ui-router
// Set up the various states which the app can be in.
// Each state's controller can be found in controllers.js
$stateProvider
// setup an abstract state for the tabs directive
.state('tab', {
url: "/tab",
abstract: true,
templateUrl: "tabs.html"
})
.state('tab.so', {
url:'/so',
views: {
'tab-so':{
templateUrl:'skilledobservation.html',
controller:'MainCtrl'
}
}
})
// Each tab has its own nav history stack:
.state('tab.dash', {
url: '/dash',
views: {
'tab-dash': {
templateUrl: 'tab-dash.html',
controller: 'MainCtrl'
}
}
})
.state('tab.friends', {
url: '/friends',
views: {
'tab-friends': {
templateUrl: 'tab-friends.html',
controller: 'MainCtrl'
}
}
})
.state('tab.friend-detail', {
url: '/friend/:friendId',
views: {
'tab-friends': {
templateUrl: 'friend-detail.html',
controller: 'FriendDetailCtrl'
}
}
})
.state('tab.account', {
url: '/account',
views: {
'tab-account': {
templateUrl: 'tab-account.html',
controller: 'MainCtrl'
}
}
})
// if none of the above states are matched, use this as the fallback
$urlRouterProvider.otherwise('/tab/account');
});
This is a blank ionic framework starter template.
https://github.com/driftyco/ionic-starter-tabs
var app=angular.module('starter.controllers', ['ui.bootstrap','dialogs']);
app.controller('DashCtrl', function($scope,$state) {
/* app.factory("Post", function($resource) {
return $resource("/api/posts/:id");
});
Post.query(function(data) {
$scope.posts = data;
alert($scope.posts);
});*/
$scope.selectedItem='';
$scope.isOn=false;
$scope.a={i:'aaa'};
$scope.radioTapped = function() {
setTimeout(function() {
//var mVal=$scope.a.v;
if($scope.selectedItem==$scope.a.v) {
//$scope.isOn=!$scope.isOn;
if($scope.selectedItem) {
//alert("1");
$scope.a.v='';
$scope.selectedItem=$scope.a.v;
}
else {
//$scope.a.v='';
//alert($scope.a.v);
//$scope.selectedItem=$scope.a.v;
//alert("2");
}
}
else{
//alert("3");
$scope.selectedItem=$scope.a.v;
}
$state.go('tab.dash');//For refreshing the page
}, 5);
};
})
app.controller('FriendsCtrl', function($scope, Friends) {
var today = new Date();
var dd = today.getDate();
var mm = today.getMonth()+1; //January is 0!
var yyyy = today.getFullYear();
if(dd<10){dd='0'+dd} if(mm<10){mm='0'+mm}
var date = dd+'/'+mm+'/'+yyyy;
$scope.todayDate = date;
$scope.friends = Friends.all();
})
app.controller('FriendDetailCtrl', function($scope, $stateParams, Friends) {
$scope.friend = Friends.get($stateParams.friendId);
})
app.controller('AccountCtrl', function($scope) {
});
angular.module('starter.services', [])
/**
* A simple example service that returns some data.
*/
.factory('Friends', function() {
// Might use a resource here that returns a JSON array
// Some fake testing data
var friends = [
{ id: 0, name: 'Scruff McGruff' },
{ id: 1, name: 'G.I. Joe' },
{ id: 2, name: 'Miss Frizzle' },
{ id: 3, name: 'Ash Ketchum' }
];
return {
all: function() {
return friends;
},
get: function(friendId) {
// Simple index lookup
return friends[friendId];
}
}
});
<!--
This template loads for the 'tab.friend-detail' state (app.js)
'firend' is a $scope variable created in the FriendsCtrl controller (controllers.js)
The FriendsCtrl pulls data from the Friends service (service.js)
The Friends service returns an array of friend data
-->
<ion-view title="{{friend.name}}">
<ion-content has-header="true" padding="true">
</ion-content>
</ion-view>
<ion-view title="Skilled Nurse Visit">
<ion-content class="has-header">
<div class="hotbox card">
<div class="bar bar-header hotbox-header">
<h1 class="title">Medication Administration Record</h1>
<button class="button button-icon button-clear ion-close-round" ng-click="closePopUp()"></button>
</div>
</br></br>
<div class="hotbox-top">
<span class=""> Match <b>{{patientName}}</b> with the appropriate task and visit date</span>
<div class="row">
<div class="col">Time In</div>
<div class="col"></div>
</div>
<div class="row">
<div class="col col-33"><input type="time" placeholder="00:00" class="ks-border-right-none" ng-model="skilledNurseVisit.form.timeOut.value" km-space="timeOut" /></div>
<div class="col col-25"><km-currenttime km-model="skilledNurseVisit.form.timeOut.value"></km-currenttime></div>
<div class="col col-25"></div>
<div class="col"><span class="mar-legend-title">Legend</span><a class="button button-icon ion-information-circled"></a></div>
</div>
<div class="mar-legend" ng-if="showMARLegend">
<div class="row">
<div class="col">SQ Location</div>
<div class="col"></div>
<div class="col">IM Location</div>
<div class="col"></div>
<div class="col">Patient Responses</div>
<div class="col"></div>
</div>
<div class="row">
<div class="col">LA</div>
<div class="col">Left Arm</div>
<div class="col">LD/RD</div>
<div class="col">Left/Right Deltoid</div>
<div class="col">NB</div>
<div class="col">No Bleeding/Bruising</div>
</div>
<div class="row">
<div class="col">RA</div>
<div class="col">Right Arm</div>
<div class="col">LVG/RVG</div>
<div class="col">Left/Right Ventrogluteal</div>
<div class="col">NC</div>
<div class="col">No Complaint</div>
</div>
<div class="row">
<div class="col">ABD</div>
<div class="col">Abdomen</div>
<div class="col">LDG/RDG</div>
<div class="col">Left/Righ Dorsogluteal</div>
<div class="col">NN</div>
<div class="col">See Narrative</div>
</div>
<div class="row">
<div class="col">LT</div>
<div class="col">Left THigh</div>
<div class="col">LV/RV</div>
<div class="col">Left/Right Vastus</div>
<div class="col"></div>
<div class="col"></div>
</div>
<div class="row">
<div class="col">RT</div>
<div class="col">Right Thigh</div>
<div class="col"></div>
<div class="col">Lateralis</div>
<div class="col"></div>
<div class="col"></div>
</div>
</div>
<div class="row">
<div class="col col-50">
Medication
</div>
<div class="col col-50">
Dose
</div>
</div>
<div class="row">
<div class="col col-50">
<input type="text" ng-model=""/>
</div>
<div class="col col-50">
<input type="text" ng-model=""/>
</div>
</div>
<div class="row">
<div class="col col-50">
Route
</div>
<div class="col col-50">
Frequency
</div>
</div>
<div class="row">
<div class="col col-50">
<input type="text" ng-model=""/>
</div>
<div class="col col-50">
<input type="text" ng-model=""/>
</div>
</div>
<div class="row">
<div class="col col-50">
PRN Reason
</div>
<div class="col col-50">
Location
</div>
</div>
<div class="row">
<div class="col col-50">
<input type="text" ng-model=""/>
</div>
<div class="col col-50">
<input type="text" ng-model=""/>
</div>
</div>
<div class="row">
<div class="col col-50">
Patient Response
</div>
</div>
<div class="row">
<div class="col">
<input type="text" ng-model=""/>
</div>
</div>
<div class="row">
<div class="col">Comments</div>
</div>
<div class="row">
<div class="col"><textarea ng-model=""></textarea></div>
</div>
<div class="mar-submit">
<button class="button button-block button-primary mar-submit-button" ng-click=""> Submit Document </button>
</div>
</div>
</div>
</div>
</ion-content>
</ion-view>
<ion-view title="Dashboard">
<ion-content class="has-header padding">
<button ng-click="test()">Test</button>
<button ng-click="pull()">Pull</button>
<button ng-click="ngResourcePull()">ngResource Pull</button>
<button ng-click="push()">Push</button>
<ul class="list">
<li class="item item-toggle">
value1
<label class="toggle toggle-positive">
<input type="radio" value="value1" ng-model="a.v" ng-click="radioTapped(a)">
<div class="track">
<div class="handle"></div>
</div>
</label>
</li>
<li class="item item-toggle">
value2
<label class="toggle toggle-positive">
<input type="radio" value="value2" ng-model="a.v" ng-click="radioTapped(a)">
<div class="track">
<div class="handle"></div>
</div>
</label>
</li>
</ul>
<label class="item item-input">
<input type="text"/>
<a class="button button-icon icon ion-calendar" ng-click="test()"></a>
</label>
Current Model Value == {{a.v}}
<div id="ks-visit-record">
<h2 class="ks-item">Visit Records</h2>
<div class="ks-form-section">
<div class="row">
<div class="col col-50 ks-form-divider">
<ul class="list">
<li class="item">
<label>
<span class="input-label">Time In</span>
<div class="row">
<div class="col">
<input type="time" placeholder="00:00" ng-model="skilledNurseVisit.timeIn.value" />
</div>
<div class="col">
<km-currenttime km-model="skilledNurseVisit.timeIn.value"></km-currenttime>
</div>
</div>
</label>
</li>
<li class="item">
<label>
<span class="input-label">Time Out</span>
<div class="row">
<div class="col">
<input type="time" ng-model="skilledNurseVisit.timeOut.value" />
</div>
<div class="col">
<km-currenttime km-model="skilledNurseVisit.timeOut.value"></km-currenttime>
</div>
</div>
</label>
</li>
</ul>
</div>
<div class="col col-50">
<ul class="list">
<li class="item">
<label>
<span class="input-label">Visit Date</span>
<div class="row">
<div class="col">
<input type="date" ng-model="skilledNurseVisit.visitDate.value" />
</div>
<div class="col">
<km-today km-model="skilledNurseVisit.visitDate.value"></km-today>
</div>
</div>
</label>
</li>
<li class="item">
<label>
<span class="input-label">Associated Mileage</span>
<input type="text" />
</label>
</li>
</ul>
<!-- <div class="km-input-icon"><i class="ion-calendar km-icon-cal"></i></div> -->
</div>
</div>
</div>
</div>
<!--
<km-currenttime km-model="skilledNurseVisit.timeIn.value"></km-currenttime>
<km-today km-model="a.txt2"></km-today>
<input type="text" ng-model="skilledNurseVisit.timeIn.value"/>
<input type="text" ng-model="a.txt2.a"/>
<button class="button">
<i class="icon ion-loading-c"></i> Loading...
</button>
<button class="button icon-left ion-home">Home</button>
<button class="button icon-left ion-star button-positive">Favorites</button>
<a class="button icon-right ion-chevron-right button-calm">Learn More</a>
<a class="button icon-left ion-chevron-left button-clear button-dark">Back</a>
<button class="button icon ion-gear-a"></button>
<a class="button button-icon icon ion-settings"></a>
<a class="button button-outline icon-right ion-navicon button-balanced">Reorder</a>
-->
</ion-content>
</ion-view>
<ion-view title="Documents">
<ion-content has-header="true" padding="true">
<div class="card">
<div class="item" id="par">
<div class="row">
<div class="col col-offset-67">
<label class="item item-input ">
<i class="ion-search ks-font-size-7 km-doc-color-4"></i>
<input type="text" placeholder="Search documents" >
</label>
</div>
</div>
</br>
<div class="row km-doc-backcolor-1">
<div class="col "><b>Date</b></div>
<div class="col "><b>Patient</b></div>
<div class="col "><b>Task</b></div>
<div class="col "></div>
</div>
<div class="row row-width km-doc-backcolor-2 ks-font-size-1">
<div class="col">05/16/2014</div>
<div class="col">Deanda, Cannon</div>
<div class="col">Skilled Nurse Visit</div>
<div class="col text-right gear" ng-click="GetScreenCordinates('gear1')" id="gear1"><i class="ion-gear-b ks-font-size-7 km-doc-color-3"></i></div>
</div>
<div class="row row-width km-doc-backcolor-3 ks-font-size-1">
<div class="col">05/16/2014</div>
<div class="col">Deanda, Cannon</div>
<div class="col">Skilled Nurse Visit</div>
<div class="col text-right gear" ng-click="GetScreenCordinates('gear2')" id="gear2"><i class="ion-gear-b ks-font-size-7 km-doc-color-3"></i></div>
</div>
<div class="row row-width km-doc-backcolor-2 ks-font-size-1">
<div class="col"><span class="cog-list-item">05/16/2014</span></div>
<div class="col">Deanda, Cannon</div>
<div class="col">Skilled Nurse Visit</div>
<!--<div class="col text-right gear" ng-click="GetScreenCordinates('gear3')" id="gear3"><i class="ion-gear-b ks-font-size-7 km-doc-color-3"></i></div>-->
<!--<div class="col text-right gear" ng-click="ContentDown('gear3')" id="gear3"><i class="ion-gear-b ks-font-size-7 km-doc-color-3"></i></div>-->
<div class="col text-right gear" ng-click="GetScreenCordinates('gear3')" id="gear3"><km-cog></km-cog></div>
</div>
</div>
<div class="cogContainer" id="cog">
<div class="cogItem" style='width: 240px; margin:0 auto;'>
<table>
<tr>
<td><a class="button button-large button-icon icon ion-ios7-upload cog-list-item" ><div class="cog-list-item-title">Push</div></a></td>
<td><a class="button button-large button-icon icon ion-compose cog-list-item"><div class="cog-list-item-title">Edit</div></a></td>
<td><a class="button button-large button-icon icon ion-ios7-trash cog-list-item"><div class="cog-list-item-title">Delete</div></a></td>
</tr>
</table>
</div>
</div>
</div>
<button ng-click="populate()">Populate</button>
<!--<div class="testBg" style="position:absolute; top:500; left:20">aaaa</div>
<i class="ion-gear-b ks-font-size-7 km-doc-color-3"></i>-->
<!-- <button ng-click="hide()">Test</button>
{{showCogList}}
<div class="row test" id="cog">
<div class="col" ng-show={{showCogList}}>
<div class="cog-buttons">
<ul class="cog-list">
<li><a class="button button-large button-icon icon ion-ios7-upload cog-list-item" ><div class="cog-list-item-title">Push</div></a></li>
<li><a class="button button-large button-icon icon ion-compose cog-list-item"><div class="cog-list-item-title">Edit</div></a></li>
<li><a class="button button-large button-icon icon ion-ios7-trash cog-list-item"><div class="cog-list-item-title">Delete</div></a></li>
</ul>
</div>
<div class="cog-bar"></div>
<div class="cog-accordion">
<a class="button button-large button-icon icon ion-play cog-accordion-icon"></a>
</div>
</div>
<div class="col">
<i class="ion-gear-b ks-font-size-7 km-doc-color-3 cog" ng-click="showCog()"></i>
</div>
</div>-->
<ul>
<li ng-repeat="hotBoxItem in hotBoxItems">
{{hotBoxItem.FirstName}}
{{hotBoxItem.LastName}}
{{hotBoxItem.MiddleInitial}}
{{hotBoxItem.ScheduledDate}}
{{hotBoxItem.TaskName}}
</li>
</ul>
<ul>
<li ng-repeat="hotBoxItem in hotBoxItems">
<a class="item ks-item-icon-right item-icon-right" id={{SavedForm.id}} ng-click="GetScreenCordinates(SavedForm.id)">
<i class="icon ion-checkmark ks-color-light"></i>
<span class="ks-item-header col col-33">{{hotBoxItem.FirstName}}</span>
<span class="ks-item-description">{{hotBoxItem.LastName}}</span>
<span class="ks-item-note">{{hotBoxItem.MiddleInitial}}</span>
</a>
</li>
</ul>
<button ng-click="displayHotBox()">HotBox</button>
</ion-content>
</ion-view>
<!--
Create tabs with an icon and label, using the tabs-positive style.
Each tab's child <ion-nav-view> directive will have its own
navigation history that also transitions its views in and out.
-->
<ion-tabs class="tabs-icon-top">
<!-- Pets Tab -->
<ion-tab title="Dashboard" icon="icon ion-home" href="#/tab/dash">
<ion-nav-view name="tab-dash"></ion-nav-view>
</ion-tab>
<!-- Adopt Tab -->
<ion-tab title="Friends" icon="icon ion-heart" href="#/tab/friends">
<ion-nav-view name="tab-friends"></ion-nav-view>
</ion-tab>
<!-- About Tab -->
<ion-tab title="Account" icon="icon ion-gear-b" href="#/tab/account">
<ion-nav-view name="tab-account"></ion-nav-view>
</ion-tab>
</ion-tabs>
app.controller('MainCtrl', function($scope,$state,$http,$dialogs) {
app.config(['$httpProvider', function ($httpProvider) {
$httpProvider.defaults.useXDomain = true;
delete $httpProvider.defaults.headers.common['X-Requested-With'];
}]);
app.config(['$resourceProvider', function ($resourceProvider) {
// Don't strip trailing slashes from calculated URLs
$resourceProvider.defaults.stripTrailingSlashes = false;
}]);
$scope.showMARLegend=false;
$scope.launch = function(which){
var dlg = null;
switch(which){
// Error Dialog
case 'error':
alert("Error");
dlg = $dialogs.error('This is my error message');
break;
// Wait / Progress Dialog
case 'wait':
dlg = $dialogs.wait(msgs[i++],progress);
fakeProgress();
break;
// Notify Dialog
case 'notify':
dlg = $dialogs.notify('Something Happened!','Something happened that I need to tell you.');
break;
// Confirm Dialog
case 'confirm':
dlg = $dialogs.confirm('Please Confirm','Is this awesome or what?');
dlg.result.then(function(btn){
$scope.confirmed = 'You thought this quite awesome!';
},function(btn){
$scope.confirmed = 'Shame on you for not thinking this is awesome!';
});
break;
// Create Your Own Dialog
case 'create':
dlg = $dialogs.create('/dialogs/whatsyourname.html','whatsYourNameCtrl',{},{key: false,back: 'static'});
dlg.result.then(function(name){
$scope.name = name;
},function(){
$scope.name = 'You decided not to enter in your name, that makes me sad.';
});
break;
}; // end switch
}; // end launch
$scope.hotBoxVal={};
$scope.push=function() {
alert("Push");
$http({
method: 'POST',
url: 'http://localhost:8005/saveForm',
headers:{'Authorization':'a2RldjpraW5uc2Vy','Content-Type':'application/json'},
data: $scope.pushVal
}).success(function (data,status,headers,config) {
alert(data);
})
.error(function (data,status,headers,config) {
alert(status);
alert(data);
alert(headers);
alert(config);
});
};
$scope.hotBoxItems={};
//$scope.hotBoxJSON=JSON.parse(hotBoxString);
$scope.pushVal={
"formInfo": {
"formID": "NurseNoteV6",
"formUniqueKey": "12345995",
"formTimeStamp": "11/02/2013 11:20:00"
},
"form": {
"timeIn": {
"type": "datetime",
"value": "11:20:00"
},
"timeOut": {
"type": "datetime",
"value": "12:30:00"
},
"visitDate": {
"type": "datetime",
"value": "01/02/2014"
},
"hcpcs": {
"type": "varchar",
"value": "G0154"
},
"hcpcspos": {
"type": "varchar",
"value": "G5001"
},
"vitalSignTemp": {
"type": "varchar",
"value": "98.6"
},
"vitalSignTempMethod": {
"type": "int",
"value": 1
}
}
};
$scope.populate=function() {
var jsonVal=[{"FirstName":"FirstName1","LastName":"LastName1","MiddleInitial":"M1","ScheduledDate":"2013-04-02T00:00:00.000Z","TaskName":"Skilled Nurse Visit","FormType":"NurseNoteV6","PatientTaskKey":1},{"FirstName":"FirstName2","LastName":"LastName2","MiddleInitial":"M2","ScheduledDate":"2013-04-02T00:00:00.000Z","TaskName":"Skilled Nurse Visit","FormType":"NurseNoteV6","PatientTaskKey":2},{"FirstName":"FirstName3","LastName":"LastName3","MiddleInitial":"M3","ScheduledDate":"2013-04-02T00:00:00.000Z","TaskName":"Skilled Nurse Visit","FormType":"NurseNoteV6","PatientTaskKey":3},{"FirstName":"FirstName4","LastName":"LastName4","MiddleInitial":"M4","ScheduledDate":"2013-04-02T00:00:00.000Z","TaskName":"Skilled Nurse Visit","FormType":"NurseNoteV6","PatientTaskKey":4},{"FirstName":"FirstName5","LastName":"LastName5","MiddleInitial":"M5","ScheduledDate":"2013-04-02T00:00:00.000Z","TaskName":"Skilled Nurse Visit","FormType":"NurseNoteV6","PatientTaskKey":5}];
$scope.hotBoxItems=jsonVal;
//alert(hotBoxString[0].FirstName);
//alert(hotBoxString);
};
$scope.displayHotBox=function() {
alert("displayHotBox");
};
$scope.pull=function() {
var encodedString = btoa('kdev:kinnser');
console.log("Encoded "+encodedString);
$http({ method: 'GET', url: 'http://0.0.0.0:8005/authenticate' , headers:{'Authorization':'a2RldjpraW5uc2Vy','Content-Type':'application/json'}}).
success(function (data, status, headers, config) {
var reponse=data;
//$scope.response=data;
if(reponse=='"User authorized."'){
alert("Login Success");
authenticate = true;
}
else {
authenticate = false;
alert("Login Failed"+data);
}
})
.error(function (data, status, headers, config) {
alert("Error data"+data);
console.log(data);
console.log(status);
console.log(headers);
console.log(config);
//alert("Error status"+status);
//alert("Error headers"+headers);
//alert("Error Config"+config);
});
};
$scope.testService=function() {
alert("TestService");
$http({ method: 'GET', url: '0.0.0.0:8005/authenticate' , headers:{'Authorization':'a2RldjpraW5uc2Vy','Content-Type':'application/json'}}).
success(function (data, status, headers, config) {
alert(data);
});};
$scope.edemaLine2=false;
$scope.edemaLine3=false;
$scope.showCogList=false;
$scope.greeting='';
/*$scope.pull=function() {
alert($scope.greeting);
$http.get('http://rest-service.guides.spring.io/greeting').
success(function(data) {
$scope.greeting = data;
});
alert($scope.greeting);
};*/
$scope.$watch('skilledNurseVisit.cardioEdema.value', function() {
if($scope.skilledNurseVisit.cardioEdema.value==false) {
$scope.edemaLine3=false;
$scope.edemaLine2=false;
$scope.skilledNurseVisit.cardioEdemaInput1.value="";
$scope.skilledNurseVisit.cardioEdemaSelect1.value="";
$scope.skilledNurseVisit.cardioEdemaInput2.value="";
$scope.skilledNurseVisit.cardioEdemaSelect2.value="";
$scope.skilledNurseVisit.cardioEdemaInput3.value="";
$scope.skilledNurseVisit.cardioEdemaSelect3.value="";
}
});
$scope.ContentDown=function(d)
{
alert("ContentDown");
var obj = document.getElementById(d);
var currentPosition = parseInt(obj.style.top);
var amountToMove = 30;
obj.style.top = currentPosition+amountToMove+"pt";
alert(obj.style.top);
};
$scope.GetScreenCordinates=function(obj) {
var cntrl=document.getElementById(obj);
var parWidth=document.getElementById('par').offsetWidth;
alert(parWidth);
var p = {};
p.x = cntrl.offsetLeft;
p.y = cntrl.offsetTop;
while (cntrl.offsetParent) {
p.x = p.x + cntrl.offsetParent.offsetLeft;
p.y = p.y + cntrl.offsetParent.offsetTop;
if (cntrl == document.getElementsByTagName("body")[0]) {
break;
}
else {
cntrl = cntrl.offsetParent;
}
}
alert(p.x + "&" +p.y);
document.getElementById('cog').style.position = "absolute";
document.getElementById('cog').style.top = (p.y-10)+"px"; //or whatever
//document.getElementById('cog').style.left = p.x+20+"px"; // or whatever
document.getElementById('cog').style.width = parWidth+"px";
return p;
};
$scope.selectedItem='';
$scope.isOn=false;
$scope.tt=function(a,b) {
alert($scope[a][b]);
var full="surendher.raja";
var arr=full.split(".");
alert(arr[0]);
alert(arr[1]);
//$scope[a][b]="Aravind";
//alert($scope[a][b]);
//alert($scope.a.i);
};
/*$scope.pull=function() {
alert("TestService");
console.log("testService");
$http({ method: 'GET', url: 'http://0.0.0.0:8005/authenticate' , headers:{'Authorization':'a2RldjpraW5uc2Vy','Content-Type':'application/json'}}).
success(function (data, status, headers, config) {
alert('success');
alert(data);
})
.error(function (data, status, headers, config) {
alert(data);
//console.log(data);
//console.log(status);
//console.log(headers);
console.log(config);
});
};*/
/*
$scope.testService=function() {
$http.get('http://0.0.0.0:8005/authenticate?username=fgfgdfg&password=dfgdfg').success(function (data, status, headers, config) {
alert(data);
alert(status);
alert(headers);
alert(config);
});
};*/
$scope.test=function() {
alert("Test");
window.scroll(0,20);
//location.replace=document.location.href+"#start";
//window.scrollTo(0, 1500);
//alert($scope.skilledNurseVisit.cardioChestPain.value);
};
$scope.addEdemaLine=function(edL) {
// $scope[edL]=true;
if($scope.skilledNurseVisit.cardioEdema.value) {
if($scope.edemaLine2) {
$scope.edemaLine3=true;
}
else {
$scope.edemaLine2=true;
}
}
};
$scope.showCog=function() {
alert("Cog");
$scope.showCogList=true;
$state.go('tab.friends');
};
$scope.hide=function() {
alert("Cog");
$scope.showCogList=false;
$state.go('tab.friends');
};
$scope.removeEdemaLine=function(edL) {
alert("Remove");
$scope[edL]=false;
if (!$scope.edemaLine3) {
$scope.skilledNurseVisit.cardioEdemaInput3.value="";
$scope.skilledNurseVisit.cardioEdemaSelect3.value="";
}
if (!$scope.edemaLine2) {
$scope.skilledNurseVisit.cardioEdemaInput2.value="";
$scope.skilledNurseVisit.cardioEdemaSelect2.value="";
}
};
$scope.format='kmForm';
$scope.isForm=true;
$scope.a={i:'suren'};
$scope.skilledNurseVisit = {
"nurseNoteV6Key" : {
type : "int",
value : "asd"
},
"fPatientTaskKey" : {
type : "int",
value : ""
},
"timeIn" : {
type : "varchar",
value : ""
},
"timeOut" : {
type : "varchar",
value : ""
},
"visitDate" : {
type : "varchar",
value : ""
},
"associatedMileage" : {
type : "varchar",
value : ""
},
"servicetype" : {
type : "varchar",
value : ""
},
"locationOfVisit" : {
type : "varchar",
value : ""
},
"vitalSignTemp" : {
type : "varchar",
value : ""
},
"vitalSignTempMethod" : {
type : "tinyint",
value : ""
},
"vitalSignPulseApical" : {
type : "varchar",
value : ""
},
"vitalSignPulseRadical" : {
type : "varchar",
value : ""
},
"vitalSignPulseRegular" : {
type : "tinyint",
value : ""
},
"vitalSignResp" : {
type : "varchar",
value : ""
},
"vitalSignWeight" : {
type : "varchar",
value : ""
},
"vitalSignBpR1" : {
type : "varchar",
value : ""
},
"vitalSignBpR2" : {
type : "varchar",
value : ""
},
"vitalSignBpRSelect" : {
type : "tinyint",
value : ""
},
"vitalSignBpL1" : {
type : "varchar",
value : ""
},
"vitalSignBpL2" : {
type : "varchar",
value : ""
},
"vitalSignBpLSelect" : {
type : "tinyint",
value : ""
},
"vitalSignBloodSuger" : {
type : "varchar",
value : ""
},
"vitalSignFasting" : {
type : "tinyint",
value : ""
},
"vitalSignStandard" : {
type : "tinyint",
value : ""
},
"vitalSignComments" : {
type : "varchar",
value : ""
},
"cardioWnl" : {
type : "tinyint",
value : ""
},
"cardioChestPain" : {
type : "tinyint",
value : false
},
"cardioPainComment" : {
type : "varchar",
value : ""
},
"cardioMurmur" : {
type : "tinyint",
value : ""
},
"cardioGallop" : {
type : "tinyint",
value : ""
},
"cardioClick" : {
type : "tinyint",
value : ""
},
"cardioIrregular" : {
type : "tinyint",
value : ""
},
"cardioPeripheralPulses" : {
type : "varchar",
value : false
},
"cardioPeripheralPulsesInput" : {
type : "varchar",
value : ""
},
"cardioCapRefill3" : {
type : "tinyint",
value : ""
},
"cardioDizziness" : {
type : "tinyint",
value : false
},
"cardioDizzinessInput" : {
type : "varchar",
value : ""
},
"cardioEdema" : {
type : "tinyint",
value : false
},
"cardioEdemaInput1" : {
type : "varchar",
value : ""
},
"cardioEdemaSelect1" : {
type : "tinyint",
value : ""
},
"cardioEdemaInput2" : {
type : "varchar",
value : ""
},
"cardioEdemaSelect2" : {
type : "tinyint",
value : ""
},
"cardioEdemaInput3" : {
type : "varchar",
value : ""
},
"cardioEdemaSelect3" : {
type : "tinyint",
value : ""
},
"cardioNeckVein" : {
type : "tinyint",
value : false
},
"cardioNeckVeinInput" : {
type : "varchar",
value : ""
},
"cardioComments" : {
type : "varchar",
value : ""
},
"respWnl" : {
type : "tinyint",
value : ""
},
"respLungSoundsSelect" : {
type : "tinyint",
value : ""
},
"respLungSoundsInput" : {
type : "varchar",
value : ""
},
"respLungSoundsSelect1" : {
type : "tinyint",
value : ""
},
"respLungSoundsInput1" : {
type : "varchar",
value : ""
},
"respLungSoundsSelect2" : {
type : "tinyint",
value : ""
},
"respLungSoundsInput2" : {
type : "varchar",
value : ""
},
"respLungSoundsSelect3" : {
type : "tinyint",
value : ""
},
"respLungSoundsInput3" : {
type : "varchar",
value : ""
},
"respSob" : {
type : "tinyint",
value : false
},
"respSobSelect" : {
type : "tinyint",
value : ""
},
"respCough" : {
type : "tinyint",
value : false
},
"respCoughSelect" : {
type : "tinyint",
value : ""
},
"respSputum" : {
type : "tinyint",
value : false
},
"respSputumAmount" : {
type : "varchar",
value : ""
},
"respSputumDesc" : {
type : "varchar",
value : ""
},
"respO2Input" : {
type : "varchar",
value : ""
},
"respLPM" : {
type : "varchar",
value : ""
},
"respO2SatSelect" : {
type : "tinyint",
value : ""
},
"respNebulizer" : {
type : "tinyint",
value : ""
},
"respNebulizerInput" : {
type : "varchar",
value : ""
},
"respComments" : {
type : "varchar",
value : ""
},
"medicalMedicataionChange" : {
type : "tinyint",
value : ""
},
"medicalMedicataionCompliance" : {
type : "tinyint",
value : ""
},
"medicalMedicataionComments" : {
type : "varchar",
value : ""
},
"medicalHomeBound" : {
type : "tinyint",
value : ""
},
"medicalResidualWeakness" : {
type : "tinyint",
value : ""
},
"medicalConfusion" : {
type : "tinyint",
value : ""
},
"medicalUnableTo" : {
type : "tinyint",
value : ""
},
"medicalRequires" : {
type : "tinyint",
value : ""
},
"medicalSevereSob" : {
type : "tinyint",
value : ""
},
"medicalOther" : {
type : "tinyint",
value : false
},
"medicalOtherInput" : {
type : "varchar",
value : ""
},
"medicalNeedsAssis" : {
type : "tinyint",
value : ""
},
"neuroPerson" : {
type : "tinyint",
value : ""
},
"neuroPlace" : {
type : "tinyint",
value : ""
},
"neuroTime" : {
type : "tinyint",
value : ""
},
"neuroDisoriented" : {
type : "tinyint",
value : ""
},
"neuroForgetful" : {
type : "tinyint",
value : ""
},
"neuroLethargic" : {
type : "tinyint",
value : ""
},
"neuroPERRL" : {
type : "tinyint",
value : ""
},
"neuroSeizures" : {
type : "tinyint",
value : ""
},
"neuroTremorLocations" : {
type : "varchar",
value : ""
},
"neuroWnl" : {
type : "tinyint",
value : ""
},
"neuroHearingimpariedLeft" : {
type : "tinyint",
value : ""
},
"neuroHearingimpariedRight" : {
type : "tinyint",
value : ""
},
"neuroDeaf" : {
type : "tinyint",
value : ""
},
"neuroSpeechImpaired" : {
type : "tinyint",
value : ""
},
"neuroVisionWNL" : {
type : "tinyint",
value : ""
},
"neuroVisionGlasses" : {
type : "tinyint",
value : ""
},
"neuroVisionContactsLeft" : {
type : "tinyint",
value : ""
},
"neuroVisionContactsRight" : {
type : "tinyint",
value : ""
},
"neuroVisionBlurred" : {
type : "tinyint",
value : ""
},
"neuroVisionGlaucoma" : {
type : "tinyint",
value : ""
},
"neuroVisionCataracts" : {
type : "tinyint",
value : ""
},
"neuroVisionMacular" : {
type : "tinyint",
value : ""
},
"neuroVisioher" : {
type : "tinyint",
value : false
},
"neuroVisioherInput" : {
type : "varchar",
value : ""
},
"neuroBlind" : {
type : "tinyint",
value : ""
},
"neuroDecreasedSensation" : {
type : "tinyint",
value : ""
},
"neuroDecreasedSensationInput" : {
type : "varchar",
value : ""
},
"neuroComments" : {
type : "varchar",
value : ""
},
"guWNL" : {
type : "tinyint",
value : ""
},
"guBladder" : {
type : "tinyint",
value : ""
},
"guIncontinence" : {
type : "tinyint",
value : ""
},
"guBurning" : {
type : "tinyint",
value : ""
},
"guFrequency" : {
type : "tinyint",
value : ""
},
"guDysuria" : {
type : "tinyint",
value : ""
},
"guRetention" : {
type : "tinyint",
value : ""
},
"guUrgancy" : {
type : "tinyint",
value : ""
},
"guUrostomy" : {
type : "tinyint",
value : ""
},
"guCatheterSelect" : {
type : "tinyint",
value : ""
},
"guCatheterLastChanged" : {
type : "varchar",
value : ""
},
"guCatheterFr" : {
type : "varchar",
value : ""
},
"guCatheterCC" : {
type : "varchar",
value : ""
},
"guUrineCloudy" : {
type : "tinyint",
value : ""
},
"guUrineOdorous" : {
type : "tinyint",
value : ""
},
"guUrineSediment" : {
type : "tinyint",
value : ""
},
"guUrineHematuria" : {
type : "tinyint",
value : ""
},
"guUrineOther" : {
type : "tinyint",
value : ""
},
"guUrineOtherInput" : {
type : "varchar",
value : ""
},
"guExternalGenitalia" : {
type : "tinyint",
value : ""
},
"guExternalGenitaliaAsPer" : {
type : "tinyint",
value : ""
},
"guComments" : {
type : "varchar",
value : ""
},
"muscWNL" : {
type : "tinyint",
value : ""
},
"muscWeakness" : {
type : "tinyint",
value : ""
},
"muscAmbulation" : {
type : "tinyint",
value : ""
},
"muscLimitedMobility" : {
type : "tinyint",
value : ""
},
"muscLimitedMobilityInput" : {
type : "varchar",
value : ""
},
"muscJointPain" : {
type : "tinyint",
value : ""
},
"muscJointPainInput" : {
type : "varchar",
value : ""
},
"muscPoorBalance" : {
type : "tinyint",
value : ""
},
"muscGripStrengthEq" : {
type : "tinyint",
value : ""
},
"muscGripStrengthInput" : {
type : "varchar",
value : ""
},
"muscBedBound" : {
type : "tinyint",
value : ""
},
"muscChairBound" : {
type : "tinyint",
value : ""
},
"muscContracture" : {
type : "tinyint",
value : false
},
"muscContractureInput" : {
type : "varchar",
value : ""
},
"muscParalysisRadio" : {
type : "tinyint",
value : ""
},
"muscParalysisInput" : {
type : "varchar",
value : ""
},
"muscAssistiveDevice" : {
type : "tinyint",
value : ""
},
"muscAssistiveDeviceInput" : {
type : "varchar",
value : ""
},
"muscComments" : {
type : "varchar",
value : ""
},
"psycWNL" : {
type : "tinyint",
value : ""
},
"psycPoorHomeEnvironment" : {
type : "tinyint",
value : ""
},
"psycPoorCopingSkills" : {
type : "tinyint",
value : ""
},
"psycAgitated" : {
type : "tinyint",
value : ""
},
"psycDepressedMood" : {
type : "tinyint",
value : ""
},
"psycImpairedDecisionMaking" : {
type : "tinyint",
value : ""
},
"psycDemonstratedExpressedAnxiety" : {
type : "tinyint",
value : ""
},
"psycInappropriateBehavior" : {
type : "tinyint",
value : ""
},
"psycIrritablity" : {
type : "tinyint",
value : ""
},
"psycComments" : {
type : "varchar",
value : ""
},
"skinWNL" : {
type : "tinyint",
value : ""
},
"skinWarm" : {
type : "tinyint",
value : ""
},
"skinDry" : {
type : "tinyint",
value : ""
},
"skinCool" : {
type : "tinyint",
value : ""
},
"skinClamy" : {
type : "tinyint",
value : ""
},
"skinPallor" : {
type : "tinyint",
value : ""
},
"skinTurgor" : {
type : "tinyint",
value : ""
},
"skinComments" : {
type : "varchar",
value : ""
},
"painFrequencySelect" : {
type : "tinyint",
value : ""
},
"painPrimarySite" : {
type : "varchar",
value : ""
},
"painIntensitySelect" : {
type : "tinyint",
value : ""
},
"painCurrent" : {
type : "varchar",
value : ""
},
"painWhatMakesPainWorse" : {
type : "varchar",
value : ""
},
"painManagement" : {
type : "tinyint",
value : ""
},
"painTowardsGoal" : {
type : "varchar",
value : ""
},
"digestWNL" : {
type : "tinyint",
value : ""
},
"digestNausea" : {
type : "tinyint",
value : ""
},
"digestNPO" : {
type : "tinyint",
value : ""
},
"digestReflux" : {
type : "tinyint",
value : ""
},
"digestDiarrhea" : {
type : "tinyint",
value : ""
},
"digestConstipation" : {
type : "tinyint",
value : ""
},
"digestBowelIncontinence" : {
type : "tinyint",
value : ""
},
"digestDecreasedAppetite" : {
type : "tinyint",
value : ""
},
"digestDysphagia" : {
type : "tinyint",
value : ""
},
"digestWeightAmount" : {
type : "varchar",
value : ""
},
"digestBowelSounds" : {
type : "tinyint",
value : ""
},
"digestAbdGirth" : {
type : "varchar",
value : ""
},
"digestLastBM" : {
type : "varchar",
value : ""
},
"digestLastBmAsPer" : {
type : "tinyint",
value : ""
},
"digestLastBmWNL" : {
type : "tinyint",
value : ""
},
"digestLastBmAbnormal" : {
type : "tinyint",
value : false
},
"digestLastBmGray" : {
type : "tinyint",
value : ""
},
"digestLastBmTarry" : {
type : "tinyint",
value : ""
},
"digestLastBmFreshBlood" : {
type : "tinyint",
value : ""
},
"digestLastBmBlack" : {
type : "tinyint",
value : ""
},
"digestLastBmConstipation" : {
type : "tinyint",
value : false
},
"digestLastBmType" : {
type : "tinyint",
value : ""
},
"digestLastBmLaxEnema" : {
type : "tinyint",
value : false
},
"digestLastBmLaxEnemaInput" : {
type : "varchar",
value : ""
},
"digestLastBmHemorrhoids" : {
type : "tinyint",
value : ""
},
"digestLastBmHemorrhoidsINT" : {
type : "tinyint",
value : ""
},
"digestLastBmHemorrhoidsEXT" : {
type : "tinyint",
value : ""
},
"digestOstomyTypes" : {
type : "varchar",
value : ""
},
"digestOstomyStoma" : {
type : "tinyint",
value : false
},
"digestOstomyStomaInput" : {
type : "varchar",
value : ""
},
"digestOstomyStool" : {
type : "tinyint",
value : false
},
"digestOstomyStoolInput" : {
type : "varchar",
value : ""
},
"digestOstomySkin" : {
type : "tinyint",
value : ""
},
"digestOstomySkinInput" : {
type : "varchar",
value : ""
},
"digestOstomySkinIntact" : {
type : "tinyint",
value : ""
},
"digestMealsPrepared" : {
type : "tinyint",
value : ""
},
"digesDiet" : {
type : "tinyint",
value : false
},
"digestDietInput" : {
type : "varchar",
value : ""
},
"digestDietInadequate" : {
type : "tinyint",
value : ""
},
"digestTubeFeedingFormula" : {
type : "tinyint",
value : ""
},
"digestTubeFeedingFormulaInput" : {
type : "varchar",
value : ""
},
"digestTubeFeedingBolus" : {
type : "tinyint",
value : ""
},
"digestTubeFeedingBolusCC" : {
type : "varchar",
value : ""
},
"digestTubeFeedingBolusHour" : {
type : "varchar",
value : ""
},
"digestTubeFeedingContinous" : {
type : "tinyint",
value : ""
},
"digestTubeFeedingContinousCC" : {
type : "varchar",
value : ""
},
"digestTubeFeedingContinousHr" : {
type : "tinyint",
value : ""
},
"digestTubeFeedingPlacementChecked" : {
type : "tinyint",
value : ""
},
"digestTubeFeedingResidualChecked" : {
type : "tinyint",
value : ""
},
"digestTubeFeedingResidualCheckedAmount" : {
type : "varchar",
value : ""
},
"digestComments" : {
type : "varchar",
value : ""
},
"skilledInterventionAsses" : {
type : "varchar",
value : ""
},
"skilledInterventionVerbalizedPt" : {
type : "tinyint",
value : ""
},
"skilledInterventionVerbalizedPtPercent" : {
type : "varchar",
value : ""
},
"skilledInterventionVerbalizedCg" : {
type : "tinyint",
value : ""
},
"skilledInterventionVerbalizedCgPercent" : {
type : "varchar",
value : ""
},
"skilledInterventionDemonstrationPt" : {
type : "tinyint",
value : ""
},
"skilledInterventionDemonstrationPtPercent" : {
type : "varchar",
value : ""
},
"skilledInterventionDemonstrationCg" : {
type : "tinyint",
value : ""
},
"skilledInterventionDemonstrationCgPercent" : {
type : "varchar",
value : ""
},
"skilledInterventionRequireFurtherPt" : {
type : "tinyint",
value : ""
},
"skilledInterventionRequireFurtherCg" : {
type : "tinyint",
value : ""
},
"skilledInterventionComments" : {
type : "varchar",
value : ""
},
"skilledInterventionTeachingTool" : {
type : "varchar",
value : ""
},
"coordinationPlanProgress" : {
type : "varchar",
value : ""
},
"coordinationPlanConferencedWith" : {
type : "tinyint",
value : ""
},
"coordinationPlanConferencedWithName" : {
type : "varchar",
value : ""
},
"coordinationPlanRegarding" : {
type : "varchar",
value : ""
},
"coordinationPlanPhysicianContacted" : {
type : "varchar",
value : ""
},
"coordinationPlanOrderChanges" : {
type : "varchar",
value : ""
},
"coordinationPlanNextVisit" : {
type : "varchar",
value : ""
},
"coordinationPlanPhyscicianVisit" : {
type : "varchar",
value : ""
},
"coordinationPlanDischargePlanning" : {
type : "varchar",
value : ""
},
"coordinationPlanDischargePlanningNotice" : {
type : "tinyint",
value : ""
},
"coordinationPlanDischargeDate" : {
type : "datetime",
value : ""
},
"ncpProblem" : {
type : "varchar",
value : ""
},
"ncpIntervention" : {
type : "varchar",
value : ""
},
"ncpGoal" : {
type : "varchar",
value : ""
},
"o2value" : {
type : "varchar",
value : ""
},
"modDate" : {
type : "datetime",
value : ""
}
};
$scope.isVisitRecord=true;
$scope.isHcpcs=true;
$scope.isSkilledObservation=true;
$scope.isSkilledIntervention=true;
$scope.isCoordinationPlan=true;
$scope.isElectronicSignature=true;
$scope.sel='';
$scope.colors = [
{name:'black', shade:'dark'},
{name:'white', shade:'light'},
{name:'red', shade:'dark'},
{name:'blue', shade:'dark'},
{name:'yellow', shade:'light'}
];
$scope.checkValChanged=function(model) {
var p=model;
alert(p);
};
$scope.myColor = $scope.colors[2];
$scope.radioTapped = function(k1,k2,v) {
setTimeout(function() {
if($scope.selectedItem==$scope[k1][k2][v]) {
if($scope.selectedItem) {
$scope[k1][k2][v]='';
$scope.selectedItem=$scope[k1][k2][v];
}
}
else{
$scope.selectedItem=$scope[k1][k2][v];
}
$state.go('tab.account');//For refreshing the page
}, 5);
};
$scope.timeIn=function(k1,k2,v) {
alert("TimeIn");
var today = new Date();
var hr=today.getHours();
var mnt=today.getMinutes();
if(hr<10) {hr='0'+hr;}
if(mnt<10) {mnt='0'+mnt;}
var time= hr + ":"+mnt;
$scope[k1][k2][v]=time;
};
$scope.currentDate=function(k1,k2,v) {
alert("CurDt");
var today = new Date();
var dd = today.getDate();
var mm = today.getMonth()+1;
var yyyy = today.getFullYear();
if(dd<10){dd='0'+dd} if(mm<10){mm='0'+mm}
var date = dd+'/'+mm+'/'+yyyy;
$scope[k1][k2][v]=date;
};
$scope.openSection=function(section) {
switch(section) {
case 1: {
alert("1");
$scope.isVisitRecord=true;
$scope.isHcpcs=false;
$scope.isSkilledObservation=false;
$scope.isSkilledIntervention=false;
$scope.isCoordinationPlan=false;
$scope.isElectronicSignature=false;
}
break;
case 2: {
$scope.isVisitRecord=false;
$scope.isHcpcs=true;
$scope.isSkilledObservation=false;
$scope.isSkilledIntervention=false;
$scope.isCoordinationPlan=false;
$scope.isElectronicSignature=false;
}
break;
case 3: {
$scope.isVisitRecord=false;
$scope.isHcpcs=false;
$scope.isSkilledObservation=true;
$scope.isSkilledIntervention=false;
$scope.isCoordinationPlan=false;
$scope.isElectronicSignature=false;}
break;
case 4: {
$scope.isVisitRecord=false;
$scope.isHcpcs=false;
$scope.isSkilledObservation=false;
$scope.isSkilledIntervention=true;
$scope.isCoordinationPlan=false;
$scope.isElectronicSignature=false;
}
break;
case 5: {
$scope.isVisitRecord=false;
$scope.isHcpcs=false;
$scope.isSkilledObservation=false;
$scope.isSkilledIntervention=false;
$scope.isCoordinationPlan=true;
$scope.isElectronicSignature=false;
}
break;
case 6: {
$scope.isVisitRecord=false;
$scope.isHcpcs=false;
$scope.isSkilledObservation=false;
$scope.isSkilledIntervention=false;
$scope.isCoordinationPlan=false;
$scope.isElectronicSignature=true;
}
break;
}
}
$scope.radioValueChanged = function(model) {
//alert('value: ' + value+ ' model: ' + model);
//rad=value;
//$scope.model=value;
alert($scope.model);
if($scope.model) {
$scope.model=false;
}
else {
$scope.model=true;
}
};
$scope.showPreview=function() {
$scope.format='kmPreview';
//$scope.isForm=false;
};
$scope.showForm=function() {
$scope.format='kmForm';
};
$scope.checkBoxValueChanged=function(model) {
if($scope.model) {
$scope.model=false;
}
else {
$scope.model=true;
}
};
});
app.directive('kmCog',function(){
return {
restrict: 'E',
compile: function(element, attrs)
{
var htmlText ='<i class="ion-gear-b ks-font-size-7 km-doc-color-3"></i>';
element.replaceWith(htmlText);
},
};
});
app.directive('kmCurrenttime', function() {
return {
restrict: 'E',
compile: function(element, attrs)
{
var modelName=attrs.kmModel;
var arr=modelName.split(".");
var htmlText ='<label><button class="button icon-left ion-ios7-clock-outline bar-stable1" ng-click="timeIn(\''+arr[0]+'\',\''+arr[1]+'\',\''+arr[2]+'\')"><span class="km-button-font">Current Time</span></button></label>';
element.replaceWith(htmlText);
},
};
});
app.directive('kmToday', function() {
return {
restrict: 'E',
compile: function(element, attrs)
{
var modelName=attrs.kmModel;
var arr=modelName.split(".");
var htmlText = '<label><button class="button icon-left ion-calendar bar-stable1" ng-click="currentDate(\''+arr[0]+'\',\''+arr[1]+'\',\''+arr[2]+'\')">Today</button></label>';
element.replaceWith(htmlText);
},
};
});
app.directive('kmText', function() {
return {
restrict: 'E',
compile: function(element, attrs)
{
var placeholder='';
if(angular.isUndefined(attrs.kmPlaceholder)) {
placeholder='';
}
else {
placeholder=attrs.kmPlaceholder;
}
var leftTitle='';
if(angular.isUndefined(attrs.kmLeftTitle)) {
leftTitle='';
}
else {
leftTitle=attrs.kmLeftTitle+" ";
}
var rightTitle='';
if(angular.isUndefined(attrs.kmRightTitle)) {
rightTitle='';
}
else {
rightTitle=" "+attrs.kmRightTitle ;
}
var show='false';
if(angular.isUndefined(attrs.kmShow)) {
show="true";
}
else {
show=attrs.kmShow;
}
var htmlText = '<div><div ng-switch on="format">'+
'<div ng-switch-when="kmForm">'+
'<div ng-show="'+show+'">'+leftTitle+'<input class="'+attrs.kmClass+'" ng-model="'+attrs.kmModel+'" placeholder="'+placeholder+'"/>'+rightTitle+'</div>'+
'</div>'+
'<div ng-switch-when="kmPreview">'+
'<div ng-show="'+show+'"><span class="preview-label" >'+leftTitle+' {{'+attrs.kmModel+'}}</span>'+rightTitle+'</div>'+
'</div>'+
'</div></div>';
element.replaceWith(htmlText);
},
}
})
app.directive('kmDate', function() {
return {
restrict: 'E',
compile: function(element, attrs)
{
var placeholder='';
if(angular.isUndefined(attrs.kmPlaceholder)) {
placeholder='';
}
else {
placeholder=attrs.kmPlaceholder;
}
var leftTitle='';
if(angular.isUndefined(attrs.kmLeftTitle)) {
leftTitle='';
}
else {
leftTitle=attrs.kmLeftTitle+" ";
}
var rightTitle='';
if(angular.isUndefined(attrs.kmRightTitle)) {
rightTitle='';
}
else {
rightTitle=" "+attrs.kmRightTitle ;
}
var show='false';
if(angular.isUndefined(attrs.kmShow)) {
show="true";
}
else {
show=attrs.kmShow;
}
var htmlText = '<div><div ng-switch on="format">'+
'<div ng-switch-when="kmForm">'+
'<div ng-show="'+show+'">'+leftTitle+'<input type="date" class="'+attrs.kmClass+'" ng-model="'+attrs.kmModel+'" placeholder="'+placeholder+'"/>'+rightTitle+'</div>'+
'</div>'+
'<div ng-switch-when="kmPreview">'+
'<div ng-show="'+show+'"><span class="preview-label" >'+leftTitle+' {{'+attrs.kmModel+'}}</span>'+rightTitle+'</div>'+
'</div>'+
'</div></div>';
element.replaceWith(htmlText);
},
}
})
app.directive('kmTime', function() {
return {
restrict: 'E',
compile: function(element, attrs)
{
var placeholder='';
if(angular.isUndefined(attrs.kmPlaceholder)) {
placeholder='';
}
else {
placeholder=attrs.kmPlaceholder;
}
var leftTitle='';
if(angular.isUndefined(attrs.kmLeftTitle)) {
leftTitle='';
}
else {
leftTitle=attrs.kmLeftTitle+" ";
}
var rightTitle='';
if(angular.isUndefined(attrs.kmRightTitle)) {
rightTitle='';
}
else {
rightTitle=" "+attrs.kmRightTitle ;
}
var show='false';
if(angular.isUndefined(attrs.kmShow)) {
show="true";
}
else {
show=attrs.kmShow;
}
var htmlText = '<div><div ng-switch on="format">'+
'<div ng-switch-when="kmForm">'+
'<div ng-show="'+show+'">'+leftTitle+'<input type="time" class="'+attrs.kmClass+'" ng-model="'+attrs.kmModel+'" placeholder="'+placeholder+'"/>'+rightTitle+'</div>'+
'</div>'+
'<div ng-switch-when="kmPreview">'+
'<div ng-show="'+show+'"><span class="preview-label" >'+leftTitle+' {{'+attrs.kmModel+'}}</span>'+rightTitle+'</div>'+
'</div>'+
'</div></div>';
element.replaceWith(htmlText);
},
}
})
/*
app.directive('kmTextArea', function() {
return {
restrict: 'E',
compile: function(element, attrs)
{
var placeholder='';
if(angular.isUndefined(attrs.kmPlaceholder)) {
placeholder='';
}
else {
placeholder=attrs.kmPlaceholder;
}
var leftTitle='';
if(angular.isUndefined(attrs.kmLeftTitle)) {
leftTitle='';
}
else {
leftTitle=attrs.kmLeftTitle+" ";
}
var rightTitle='';
if(angular.isUndefined(attrs.kmRightTitle)) {
rightTitle='';
}
else {
rightTitle=" "+attrs.kmRightTitle ;
}
var htmlText = '<div><div ng-switch on="format">'+
'<div ng-switch-when="kmForm">'+
''+leftTitle+'<textarea rows="'+attrs.kmRows+'" cols="'+attrs.kmCols+'" ng-model="'+attrs.kmModel+'" placeholder="'+placeholder+'">'+rightTitle+''+
'<div ng-switch-when="kmPreview">'+
'<div>'+leftTitle+'<span class="preview-label"> {{'+attrs.kmModel+'}}</span>'+rightTitle+'</div>'+
'</div>'+
'</div></div>';
element.replaceWith(htmlText);
}
}
})
*/
app.directive('kmTextArea', function($parse) {
return {
restrict: 'E',
compile: function(element, attrs)
{
var placeholder='';
if(angular.isUndefined(attrs.kmPlaceholder)) {
placeholder='';
}
else {
placeholder=attrs.kmPlaceholder;
}
var leftTitle='';
if(angular.isUndefined(attrs.kmLeftTitle)) {
leftTitle='';
}
else {
leftTitle=attrs.kmLeftTitle+" ";
}
var rightTitle='';
if(angular.isUndefined(attrs.kmRightTitle)) {
rightTitle='';
}
else {
rightTitle=" "+attrs.kmRightTitle ;
}
var htmlText = '{{'+attrs.kmModel+'}}<div><div ng-switch on="format">'+
'<div ng-switch-when="kmForm">'+
''+leftTitle+'<textarea ng-model="'+attrs.kmModel+'" placeholder="'+placeholder+'">'+rightTitle+''+
'<div ng-switch-when="kmPreview">'+
'<div><span class="preview-label" >'+leftTitle+' {{'+attrs.kmModel+'}}</span>'+rightTitle+'</div>'+
'</div>'+
'</div></div>';
element.replaceWith(htmlText);
}
}
})
app.directive('kmCheck', function() {
return {
restrict: 'E',
compile: function(element, attrs)
{
var leftTitle='';
if(angular.isUndefined(attrs.kmLeftTitle)) {
leftTitle='';
}
else {
leftTitle=attrs.kmLeftTitle+" ";
}
var rightTitle='';
if(angular.isUndefined(attrs.kmRightTitle)) {
rightTitle='';
}
else {
rightTitle=" "+attrs.kmRightTitle ;
}
var show='false';
if(angular.isUndefined(attrs.kmShow)) {
show="true";
}
else {
show=attrs.kmShow;
}
var htmlText = '<div><div ng-switch on="format">'+
'<div ng-switch-when="kmForm">'+
'<div ng-show="'+show+'">'+leftTitle+'<input type="checkbox"ng-model="'+attrs.kmModel+'"/>'+rightTitle+'</div>'+
'</div>'+
'<div ng-switch-when="kmPreview">'+
'<div ng-show="'+show+'">'+leftTitle+'<input type="checkbox" ng-model="'+attrs.kmModel+'" disabled="true"/>'+rightTitle+'</div>'+
'</div>'+
'</div></div>';
element.replaceWith(htmlText);
},
}
})
app.directive('kmSelect', function($parse) {
return{
restrict:'E',
compile: function(element,attrs)
{
var title='';
if(angular.isUndefined(attrs.kmTitle)) {
title='';
}
else {
title=attrs.kmTitle;
}
var multiple='';
if(angular.isUndefined(attrs.kmMultiple)) {
multiple='';
}
else {
multiple=attrs.kmMultiple;
}
var leftTitle='';
var show='false';
if(angular.isUndefined(attrs.kmShow)) {
show="true";
}
else {
show=attrs.kmShow;
}
var str1="n in ";
var str2=attrs.kmOption;
var str3=attrs.kmModel;
var repeat=str1.concat(str2);
var result=str1.concat(str3);
var option="n for "+repeat;
var htmlText='<div ><div ng-switch on="format">'+
'<div ng-switch-when="kmForm">'+
'<div>'+
'<div class="floatLeft">'+
'</div>'+
'</div>'+
'<div ng-show="'+show+'"><select '+multiple+' ng-model="$parent.'+attrs.kmModel+'" ng-options="'+option+'">'+
'<option ng-repeat="'+repeat+'" value="{{n}}">{{n}}</option>'+
'</select>'+
'</div></div>'+
'<div ng-switch-when="kmPreview">'+
'<div ng-show="'+show+'">'+
''+leftTitle+''+
' <span class="preview-label">{{'+attrs.kmModel+'}}</span>'+
'</div>'+
'</div>';
element.replaceWith(htmlText);
}
}
});
app.directive('kmSselect', function($parse) {
return {
restrict: 'E',
replace: true,
templateUrl: 'select.html',
scope: {
kmModel: '=',
format: '='
},
link: function(scope, element, attr) {
scope.leftTitle = '';
if (angular.isUndefined(attr.kmLeftTitle)) {
scope.leftTitle = '';
} else {
scope.leftTitle = attr.kmLeftTitle + " ";
}
scope.rightTitle = '';
if (angular.isUndefined(attr.kmRightTitle)) {
scope.rightTitle = '';
} else {
scope.rightTitle = " " + attr.kmRightTitle;
}
scope.kmOption = scope.$eval(attr.kmOption);
}
}
})
app.directive('kmRadio', function() {
return{
restrict:'E',
compile: function(element,attrs)
{
var leftTitle='';
if(angular.isUndefined(attrs.kmLeftTitle)) {
leftTitle='';
}
else {
leftTitle=attrs.kmLeftTitle+" ";
}
var rightTitle='';
if(angular.isUndefined(attrs.kmRightTitle)) {
rightTitle='';
}
else {
rightTitle=" "+attrs.kmRightTitle ;
}
var show='false';
if(angular.isUndefined(attrs.kmShow)) {
show="true";
}
else {
show=attrs.kmShow;
}
var htmlText='<div><div ng-switch on="format">'+
'<div ng-switch-when="kmForm">'+
'<div ng-show='+show+'>'+leftTitle+'<input type="radio" ng-model="'+attrs.kmModel+'" value="'+attrs.kmValue+'"/>'+rightTitle+'</div>'+
'</div>'+
'<div ng-switch-when="kmPreview">'+
'<div ng-show='+show+'>'+leftTitle+'<input type="radio" ng-model="'+attrs.kmModel+'" disabled="true" value="'+attrs.kmValue+'"/>'+rightTitle+'</div>'+
'</div>'+
'</div></div>';
element.replaceWith(htmlText);
}
}
})
app.directive('kmIradio', function() {
return{
restrict:'E',
compile: function(element,attrs)
{
var leftTitle='';
if(angular.isUndefined(attrs.kmLeftTitle)) {
leftTitle='';
}
else {
leftTitle=attrs.kmLeftTitle;
}
var rightTitle='';
if(angular.isUndefined(attrs.kmRightTitle)) {
rightTitle='';
}
else {
rightTitle=" "+attrs.kmRightTitle ;
}
var show='false';
if(angular.isUndefined(attrs.kmShow)) {
show="true";
}
else {
show=attrs.kmShow;
}
var htmlText='<div><div ng-switch on="format">'+
'<div ng-switch-when="kmForm">'+
'<div ng-show='+show+'>'+
'<label class="item item-radio">'+
'<input type="radio" ng-model="'+attrs.kmModel+'" value="'+attrs.kmValue+'">'+
'<div class="item-content">'+leftTitle+''+
'</div>'+
'<i class="radio-icon ion-checkmark"></i>'+
'</label>'+
'</div>'+
'</div>'+
'<div ng-switch-when="kmPreview">'+
'<div ng-show='+show+'>'+
'<label class="item item-radio">'+
'<input type="radio" name="group" ng-model="'+attrs.kmModel+'" value="'+attrs.kmValue+'">'+
'<div class="item-content">'+leftTitle+''+
'</div>'+
'<i class="radio-icon ion-checkmark"></i>'+
'</label>'+
'</div>'+
'</div>'+
'</div></div>';
element.replaceWith(htmlText);
}
}
})
app.directive('kmIcheck', function() {
return {
restrict: 'E',
compile: function(element, attrs)
{
var leftTitle='';
if(angular.isUndefined(attrs.kmLeftTitle)) {
leftTitle='';
}
else {
leftTitle=attrs.kmLeftTitle+" ";
}
var rightTitle='';
if(angular.isUndefined(attrs.kmRightTitle)) {
rightTitle='';
}
else {
rightTitle=" "+attrs.kmRightTitle ;
}
var show='false';
if(angular.isUndefined(attrs.kmShow)) {
show="true";
}
else {
show=attrs.kmShow;
}
var htmlText = '<div><div ng-switch on="format">'+
'<div ng-switch-when="kmForm">'+
'<ul class="list">'+
'<li class="item item-checkbox">'+
''+rightTitle+''+
'<label class="checkbox">'+
'<div ng-show="'+show+'"><input type="checkbox" ng-model="'+attrs.kmModel+'"/></div>'+
'</label>'+
'</li>'+
'</ul>'+
'</div>'+
'<div ng-switch-when="kmPreview">'+
'<ul class="list">'+
'<li class="item item-checkbox">'+
''+rightTitle+''+
'<label class="checkbox">'+
'<div ng-show="'+show+'"><input type="checkbox"ng-model="'+attrs.kmModel+'" disabled="true"/></div>'+
'</label>'+
'</li>'+
'</ul>'+
'</div>'+
'</div></div>';
element.replaceWith(htmlText);
},
}
})
app.directive('kmItext', function() {
return {
restrict: 'E',
compile: function(element, attrs)
{
var placeholder='';
if(angular.isUndefined(attrs.kmPlaceholder)) {
placeholder='';
}
else {
placeholder=attrs.kmPlaceholder;
}
var leftTitle='';
if(angular.isUndefined(attrs.kmLeftTitle)) {
leftTitle='';
}
else {
leftTitle=attrs.kmLeftTitle+" ";
}
var rightTitle='';
if(angular.isUndefined(attrs.kmRightTitle)) {
rightTitle='';
}
else {
rightTitle=" "+attrs.kmRightTitle ;
}
var show='false';
if(angular.isUndefined(attrs.kmShow)) {
show="true";
}
else {
show=attrs.kmShow;
}
var htmlText = '<div><div ng-switch on="format">'+
'<div ng-switch-when="kmForm" >'+
'<div ng-show="'+show+'"><label class="item item-input '+attrs.kmClass+'"><div class="'+attrs.kmClass+'"><input ng-model="'+attrs.kmModel+'" placeholder="'+placeholder+'"/></div></label></div>'+
'</div>'+
'<div ng-switch-when="kmPreview">'+
'<div ng-show="'+show+'"><span class="preview-label" >'+leftTitle+' {{'+attrs.kmModel+'}}</span>'+rightTitle+'</div>'+
'</div>'+
'</div></div>';
element.replaceWith(htmlText);
},
}
})
app.directive('kmItoggleCheck', function() {
return{
restrict:'E',
compile: function(element,attrs)
{
var leftTitle='';
if(angular.isUndefined(attrs.kmLeftTitle)) {
leftTitle='';
}
else {
leftTitle=attrs.kmLeftTitle;
}
var rightTitle='';
if(angular.isUndefined(attrs.kmRightTitle)) {
rightTitle='';
}
else {
rightTitle=" "+attrs.kmRightTitle ;
}
var show='false';
if(angular.isUndefined(attrs.kmShow)) {
show="true";
}
else {
show=attrs.kmShow;
}
var modelName="attrs.kmModel";
var htmlText='<div><div ng-switch on="format">'+
'<div ng-switch-when="kmForm">'+
'<div ng-show='+show+'>'+
'<ul class="list">'+
'<li class="item item-toggle">'+
''+leftTitle+''+
'<label class="toggle toggle-positive">'+
'<input type="checkbox" value="'+attrs.kmValue+'" ng-model="'+attrs.kmModel+'">'+
'<div class="track">'+
'<div class="handle"></div>'+
'</div>'+
'</label>'+
'</ul>'+
'</div>'+
'</div>'+
'<div ng-switch-when="kmPreview">'+
'<div ng-show='+show+'>'+
'<ul class="list">'+
'<li class="item item-toggle">'+
''+leftTitle+''+
'<label class="toggle toggle-positive">'+
'<input type="checkbox" disabled="true" value="'+attrs.kmValue+'" ng-model="'+attrs.kmModel+'">'+
'<div class="track">'+
'<div class="handle"></div>'+
'</div>'+
'</label>'+
'</ul>'+
'</div>'+
'</div>'+
'</div></div>';
element.replaceWith(htmlText);
}
}
})
app.directive('kmItoggleRadio', function() {
return{
restrict:'E',
compile: function(element,attrs)
{
var leftTitle='';
if(angular.isUndefined(attrs.kmLeftTitle)) {
leftTitle='';
}
else {
leftTitle=attrs.kmLeftTitle;
}
var rightTitle='';
if(angular.isUndefined(attrs.kmRightTitle)) {
rightTitle='';
}
else {
rightTitle=" "+attrs.kmRightTitle ;
}
var show='false';
if(angular.isUndefined(attrs.kmShow)) {
show="true";
}
else {
show=attrs.kmShow;
}
var modelName=attrs.kmModel;
var arr=modelName.split(".");
var htmlText='<div><div ng-switch on="format">'+
'<div ng-switch-when="kmForm">'+
'<div ng-show='+show+'>'+
'<ul class="list">'+
'<li class="item item-toggle">'+
''+leftTitle+''+
'<label class="toggle toggle-positive">'+
'<input type="radio" value="'+attrs.kmValue+'" ng-model="'+attrs.kmModel+'" ng-click="radioTapped(\''+arr[0]+'\',\''+arr[1]+'\',\''+arr[2]+'\')">'+
'<div class="track">'+
'<div class="handle"></div>'+
'</div>'+
'</label>'+
'</ul>'+
'</div>'+
'</div>'+
'<div ng-switch-when="kmPreview">'+
'<div ng-show='+show+'>'+
'<ul class="list">'+
'<li class="item item-toggle">'+
''+leftTitle+''+
'<label class="toggle toggle-positive">'+
'<input type="checkbox" disabled="true" value="'+attrs.kmValue+'" ng-model="'+attrs.kmModel+'">'+
'<div class="track">'+
'<div class="handle"></div>'+
'</div>'+
'</label>'+
'</ul>'+
'</div>'+
'</div>'+
'</div></div>';
element.replaceWith(htmlText);
}
}
})
app.directive('kmtest', function() {
return{
restrict:'A',
link: function (scope,element,attrs) {
element.bind("click", function() {
alert("Hererere");
});
}
}
})
/*
$scope.radioTapped = function(modelValue) {
setTimeout(function() {
var mVal=$scope.a.v;
if($scope.selectedItem==$scope.a.v) {
$scope.isOn=!$scope.isOn;
if($scope.isOn) {
$scope.a.v='';
}
}
else{
$scope.selectedItem=$scope.a.v;
}
$state.go('tab.dash');
}, 5);
};
*/
/*
appController.config(['$httpProvider', function ($httpProvider) {
$httpProvider.defaults.useXDomain = true;
delete $httpProvider.defaults.headers.common['X-Requested-With'];
}]);
$scope.pull=function() {
//alert("TestService");
//console.log("testService");
$http({ method: 'GET', url: 'http://0.0.0.0:8005/authenticate' , headers:{'Authorization':'a2RldjpraW5uc2Vy','Content-Type':'application/json'}}).
success(function (data, status, headers, config) {
//alert('success');
//alert("data"+data);
//alert("status"+status);
//alert("headers"+headers);
//alert("config"+config);
var repsonse=data;
$scope.response=data;
if(repsonse=='"User authorized."'){
alert("Login Success");
}
else {
alert("Login Failed"+data);
}
})
.error(function (data, status, headers, config) {
alert("Error data"+data);
//console.log(data);
//console.log(status);
//console.log(headers);
//console.log(config);
alert("Error status"+status);
alert("Error headers"+headers);
alert("Error Config"+config);
});};
*/
//"[{"FirstName":"FirstName1","LastName":"LastName1","MiddleInitial":"M1","ScheduledDate":"2013-04-02T00:00:00.000Z","TaskName":"Skilled Nurse Visit","FormType":"NurseNoteV6","PatientTaskKey":1},{"FirstName":"FirstName2","LastName":"LastName2","MiddleInitial":"M2","ScheduledDate":"2013-04-02T00:00:00.000Z","TaskName":"Skilled Nurse Visit","FormType":"NurseNoteV6","PatientTaskKey":2},{"FirstName":"FirstName3","LastName":"LastName3","MiddleInitial":"M3","ScheduledDate":"2013-04-02T00:00:00.000Z","TaskName":"Skilled Nurse Visit","FormType":"NurseNoteV6","PatientTaskKey":3},{"FirstName":"FirstName4","LastName":"LastName4","MiddleInitial":"M4","ScheduledDate":"2013-04-02T00:00:00.000Z","TaskName":"Skilled Nurse Visit","FormType":"NurseNoteV6","PatientTaskKey":4},{"FirstName":"FirstName5","LastName":"LastName5","MiddleInitial":"M5","ScheduledDate":"2013-04-02T00:00:00.000Z","TaskName":"Skilled Nurse Visit","FormType":"NurseNoteV6","PatientTaskKey":5}]"
.km-styled-select {
width: 100%;
height: 50px;
overflow: hidden;
border: 1px solid #ccc;
}
.km-item-select{
position: relative; }
.km-item-select select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
position: relative;
top: 0;
right: 0;
padding: 13px 45px 15px 15px;
width: 100%;
border: none;
background: transparent;
color: #333;
text-indent: 0.01px;
text-overflow: '';
white-space: nowrap;
font-size: 14px;
cursor: pointer;
direction: ltl; }
.km-item-select option {
direction: ltl; }
.km-item-select:after {
position: absolute;
top: 50%;
right: 15px;
margin-top: -24px;
margin-right: -15px;
height: 50px;
padding: 15px;
color: #fff;
content: "\f123";
pointer-events: none;
background: rgb(155,173,173);
}
.km-select-icon{
display: inline-block;
font-family: "Ionicons";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-rendering: auto;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* ---
GLOBAL
------ */
body {font-size: 16px; color: #333; background-color: #eee; background-image: -webkit-radial-gradient(50% 50%, circle cover, #eee, #ddd 50%); background-image: -moz-radial-gradient(50% 50%, circle cover, #eee, #ddd 50%); background-image: -ms-radial-gradient(50% 50%, circle cover, #eee, #ddd 50%); background-image: -o-radial-gradient(50% 50%, circle cover, #eee, #ddd 50%); background-image: radial-gradient(50% 50%, circle cover, #eee, #ddd 50%);}
a {color: #039; text-decoration: none;}
.pane, .view {background-color: #eee; background-image: -webkit-radial-gradient(50% 50%, circle cover, #eee, #ddd 50%); background-image: -moz-radial-gradient(50% 50%, circle cover, #eee, #ddd 50%); background-image: -ms-radial-gradient(50% 50%, circle cover, #eee, #ddd 50%); background-image: -o-radial-gradient(50% 50%, circle cover, #eee, #ddd 50%); background-image: radial-gradient(50% 50%, circle cover, #eee, #ddd 50%);}
/* ------------------
ICON FONT POSITIONING
--------------------- */
/* Left side menu */
.ks-icon-menu {padding: 0 15px 0 0; vertical-align: sub;}
/* ----
BUTTONS
------- */
/* Global: applies to all buttons */
.button {padding: 0 12px; min-height: 43px; color: #fff; border: 0;}
.button:hover, .button:active {color: #fff;}
.button-full, .button-full > .button {border-radius: 2px;}
/* Primary button */
.button.button-primary {background-color: #b30839; border-bottom: solid 3px #810e2f;}
.button.button-primary.active, .button.button-primary.activated {background-color: #810e2f; border-color: #810e2f;}
/* Secondary button */
.button-secondary {background-color: #4ad; border-bottom: solid 3px #28b;}
.button.button-secondary.active, .button.button-secondary.activated {background-color: #28b; border-color: #28b;}
/* Tertiary button */
.button-tertiary {background-color: #b1b8c0; border-bottom: solid 3px #9ea3a8;}
.button.button-tertiary.active, .button.button-tertiary.activated {background-color: #9ea3a8; border-color: #9ea3a8;}
/* Input button */
.button.button-input {margin: 0; color: #fff; text-align: left; background-color: #9198a0; border-bottom-right-radius: 2px; border-top-right-radius: 2px; border-bottom-left-radius: 0; border-top-left-radius: 0;}
/* ------
STRUCTURE
--------- */
.ks-message {text-align: center;}
.ks-background-font-large {font-size: 400px; height: 310px;}
.ks-inline {display: inline-block;}
.ks-inline-label-input {line-height: 48px;}
.ks-center-container {margin: 0 auto;}
/* Top bar */
.bar {border: 0;}
.bar.nav-bar {border-color: #b30839; background-color: #b30839; color: #fff;}
.bar .title {text-shadow: 0 0 0 transparent;}
/* Kinnser logo - applied to authentication/no connection available pages */
.ks-branding {padding-top: 110px; background-image: url(../img/kinnser-software-logo.png); background-size: 270px 90px; background-position: center top; background-repeat: no-repeat;}
/* App splash/loading */
.ks-loading {position: absolute; top: 50%; left: 50%; width: 450px; height: 149px; margin-top: -74px; margin-left: -225px;}
/* ------
SIDE MENU
--------- */
.menu {background-color: #333a42;}
.menu-left {background-image: linear-gradient(to left, #2d333b, #333a42 20%);}
.menu-left .item {color: #c7d1dc; border-color: #414a54; background-color: #333a42; background-image: linear-gradient(to left, #2d333b, #333a42 20%);}
.menu-left .item.active, .menu-left .item.activated {border-color: #414a54; background-color: #262c33;}
.menu-left ul.ks-subnav .item {padding-top: 19px; padding-bottom: 19px; background-color: #262c33; background-image: linear-gradient(to left, #2d333b, #262c33 20%);}
.menu-left .ks-subnav-header {padding: 20px 15px; font-size: 13px; color: #627281; text-transform: uppercase; background-color: #1d2227;}
/* -----------------------
CONTENT PADDING AND MARGIN
-------------------------- */
.padding {padding: 15px;}
.padding-top, .padding-vertical {padding-top: 15px;}
.padding-right, .padding-horizontal {padding-right: 15px;}
.padding-bottom, .padding-vertical {padding-bottom: 15px;}
.padding-left, .padding-horizontal {padding-left: 15px;}
.ks-padding-none {padding: 0;}
.ks-margin-top {margin-top: 15px;}
.ks-margin-right {margin-right: 15px;}
.ks-margin-bottom {margin-bottom: 15px;}
.ks-margin-left {margin-left: 15px;}
.ks-margin {margin: 15px;}
.ks-margin-top-none {margin-top: 0;}
.ks-margin-right-none {margin-right: 0;}
.ks-margin-bottom-none {margin-bottom: 0;}
.ks-margin-leftp-none {margin-left: 0;}
.ks-margin-none {margin: 0;}
/* ----------
LOGIN PROCESS
------------- */
/* Login container */
.ks-login {width: 380px; margin: 100px auto 0;}
.ks-login .list-inset {margin: 15px;}
.ks-login input[type="text"], .ks-login input[type="password"] {padding: 20px 15px; height: auto; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.ks-login .item-input {border-radius: 2px;}
/*.ks-outter {position: relative;}
.ks-inner {position: absolute; top: 50%; margin-top: -200px; height: 400px; background-color: green;}
*/
/* Profile icon */
.ks-profile {margin: 0 auto 12px; width: 70px; height: 70px; border: solid 1px #ccc; border-radius: 50%; background-color: #eee; background-image: -webkit-radial-gradient(50% 50%, circle cover, #eee, #ddd 70%); background-image: -moz-radial-gradient(50% 50%, circle cover, #fff, #e5e9ea 70%); background-image: -ms-radial-gradient(50% 50%, circle cover, #eee, #ddd 70%); background-image: -o-radial-gradient(50% 50%, circle cover, #eee, #ddd 70%); background-image: radial-gradient(50% 50%, circle cover, #eee, #ddd 70%); -webkit-box-shadow: 0 0 2px #eee; -moz-box-shadow: 0 0 2px #eee; -ms-box-shadow: 0 0 2px #eee; -o-box-shadow: 0 0 2px #eee; box-shadow: 0 0 2px #eee;}
.ks-profile .ion-person {display: inline-block; width: 68px; height: 68px; padding: 5px; font-size: 48px; color: #929da1; border-radius: 50%; border: solid 3px #fff;}
/* --
FORMS
----- */
/* Container structure and layout */
.ks-form-section, .ks-list-section {margin: 20px 10px; border-radius: 2px; background-color: #fff; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); overflow: hidden;}
.ks-form-section .row {padding: 0;}
.ks-form-section .row + .row {margin: 0;}
.ks-form-section .col {padding: 0;}
.ks-form-section .list {padding: 0;}
.ks-form-section .item {margin: 0; padding-bottom: 0; border: 0;}
.ks-form-section .item:last-child {padding-bottom: 15px;}
.ks-form-section .item-divider {padding: 14px 15px 13px; font-size: 13px; color: #333; text-transform: uppercase; border-bottom: solid 1px #eee; background-color: transparent;}
.ks-form-section .item-toggle {margin-top: -1px; padding-bottom: 11px; padding-left: 10px; border: solid 1px #ddd; background-color: #f4f4f4;}
.ks-form-section .item-toggle:last-child {padding-bottom: 11px;}
.ks-form-section .item-toggle .toggle {right: 10px;}
/* Text */
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {padding: 8px 10px; font-size: 16px; height: 43px; line-height: normal; border-radius: 2px; color: #555; border: solid 1px #ddd; background-color: #f4f4f4; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.item-input {padding: 0; background-color: #f4f4f4;}
.input-label {display: block; padding: 0 0 5px 0; width: auto; max-width: none; font-size: 16px; font-weight: bold; white-space: pre-wrap;}
/* Textarea */
textarea {height: auto; min-height: 120px;}
/* Select */
.ks-styled-select {width: 100%; height: 43px; overflow: hidden; border-radius: 2px; border: 1px solid #ddd; background-color: #f4f4f4;}
.ks-item-select {position: relative;}
.ks-item-select select {-webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; top: 0; right: 0; padding: 12px 45px 12px 15px; width: 100%; border: none; border-radius: 0; background: transparent; color: #333; text-indent: 0.01px; text-overflow: ''; white-space: nowrap; font-size: 14px; cursor: pointer; direction: ltl; background-color: #e8e8e8;}
.ks-item-select option {direction: ltl;}
.ks-item-select:after {position: absolute; top: 50%; right: 15px; margin-top: -24px; margin-right: -15px; height: 45px; padding: 15px; color: #fff; content: "\f123"; pointer-events: none; background-color: #9198a0;}
.ks-select-icon {display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
/* Checkbox */
.ks-form-section .item-checkbox {padding-top: 18px; padding-bottom: 16px; border: 0; border-bottom: solid 1px #eee;}
.checkbox input:checked:before, .checkbox input:checked + .checkbox-icon:before {background-color: #19c;}
.checkbox input:before, .checkbox .checkbox-icon:before {border-radius: 2px; border-color: #ddd; border-width: 2px;}
.checkbox input:checked:before, input:checked + .checkbox-icon:before {border-radius: 2px; border-color: #19c;}
.ks-form-section .ks-input-inset {padding-left: 20%;}
.ks-form-section .ks-input-inset label {border-left: solid 1px #eee;}
.ks-form-section .ks-input-inset label:last-child {border-bottom: 0;}
.ks-form-section .ks-input-inset .toggle {border-left: 0;}
.ks-form-section .ks-input-inset .item-toggle {border-color: #eee; border-radius: 0; border-right: 0;}
.ks-form-section .ks-input-inset .item-toggle:last-child {border-bottom: 0;}
/* Toggle */
.toggle .track {border-color: #ddd; background-color: #fff;}
.toggle .handle {box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);}
.toggle.toggle-positive input:checked + .track {background-color: #6c6; border-color: #6c6;}
/* Labels */
/* Aligns text up between two fields */
.ks-static-text {display: block; margin: 0 15px;}
.ks-text-label {margin-top: 39px;}
.ks-text-label-none {margin-top: 19px;}
.ks-input-label-checkbox {padding: 15px; border-bottom: solid 1px #eee;}
/* Form dividers */
.ks-form-section .ks-form-divider-top {border-top: solid 1px #eee;}
.ks-form-section .ks-form-divider-right {border-right: solid 1px #eee;}
.ks-form-section .ks-form-divider-bottom {border-bottom: solid 1px #eee;}
.ks-form-section .ks-form-divider-left {border-left: solid 1px #eee;}
/* Form padding */
.ks-form-section .padding-top {padding-top: 15px;}
.ks-form-section .padding-right {padding-right: 8px;}
.ks-form-section .padding-bottom {padding-bottom: 15px;}
.ks-form-section .padding-left {padding-left: 8px;}
/* Time picker clear button disable */
input[type="time"]::-webkit-clear-button {display: none;}
/* Inputs with a button */
input.ks-border-right-none, .ks-border-right-none {border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: 0;}
input.ks-border-left-none, .ks-border-left-none {border-top-left-radius: 0; border-bottom-left-radius: 0;}
/* Checkbox form groupings */
.ks-form-section .ks-form-checkbox-input {padding-right: 15px;}
.ks-form-section .ks-form-checkbox-input .item-checkbox {border: 0;}
.ks-form-section .ks-form-checkbox-input .item:last-child {padding-bottom: 16px;}
.ks-form-section .ks-form-checkbox-input input, .ks-form-section .ks-form-checkbox-input .ks-styled-select, .ks-form-section .ks-form-checkbox-input button {margin: 7px 0 0;}
/* -------
TYPOGRAPHY
---------- */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {color: #333; text-shadow: 0 1px 1px #fff;}
h1, .h1, h2, .h2 {font-size: 24px;}
/* Font sizes */
.ks-font-size-1 {font-size: 12px;}
.ks-font-size-2 {font-size: 14px;}
.ks-font-size-3 {font-size: 16px;}
.ks-font-size-4 {font-size: 18px;}
.ks-font-size-5 {font-size: 20px;}
.ks-font-size-6 {font-size: 24px;}
.ks-font-size-7 {font-size: 28px;}
.ks-font-size-8 {font-size: 36px;}
/* Font weight */
.ks-font-weight-none {font-weight: normal;}
.ks-font-weight-1 {font-weight: 300;}
.ks-font-weight-2 {font-weight: 400;}
/* Color */
.ks-color-light {color: #9198a0;}
/* --
LISTS
----- */
.ks-item-header {display: inline-block; margin: 0; padding: 0; font-weight: bold;}
.ks-item-description {display: inline-block; margin-left: 15px; color: #999;}
.ks-item-note {float: right; display: inline-block; padding-right: 20px; font-size: 16px; color: #999;}
.ks-item-icon-left .icon, .ks-item-icon-right .icon {padding-left: 10px; border-left: solid 1px #ddd;}
/* Similar to ionic.css ".item" class, but without the fancy stuff */
.ks-item {margin: 20px 10px;}
/* -----
LIST NAV
-------- */
.item.active, .item.activated, .item-complex.active .item-content, .item-complex.activated .item-content {border-color: #eee; background-color: #eee;}
.ion-chevron-right {color: #ccc;}
/* ----------
BORDER RADIUS
------------- */
.ks-radius-top {border-top-right-radius: 2px; border-top-left-radius: 2px;}
.ks-radius-bottom {border-bottom-right-radius: 2px; border-bottom-left-radius: 2px;}
/* -
CSS3
---- */
.ks-text-shadow {text-shadow: 0 -1px 0 rgba(204, 204, 204, 0.8);}
.ks-inset-box-shadow {-webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.4); -moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.4); -ms-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.4); -o-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.4); box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.4);}
/* -----------------------------------------------------
TODO: CLEAN EVERYTHING UP BELOW, INCLUDING MEDIA QUERIES
-------------------------------------------------------- */
/* ??? */
.ionic-logo {display: block; margin: 15px auto; width: 96px; height: 96px;}
.form {font-size: 45px; margin-right: 50px;}
.listheader {text-align: center;}
.listtab {text-align: center; margin-top: 10px;}
form i.icon.error {color: #ef4e3a;}
form input + i.icon.error {display: none; margin-left: 8px;}
form.ng-submitted input.ng-invalid + i.icon.error {display: block;}
form .has-error {border-left: 5px solid #cc2511;}
form .has-success {border-left: 5px solid #3d8b3d;}
form.ng-submitted input.ng-valid + i.icon.error {display: none;}
.rightButton {padding-left: 90%;}
/* --------------------------
MEDIA QUERIES FOR ALL DEVICES
----------------------------- */
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
.sidebar {height: 320px; border: 2px solid #E3E1E6; background-color: #E3E1E6;}
.sidebar-button {height: 25px; margin-top: 150px; border: 4px solid #7D7D7D;}
.sidebar-strips {height: 12px; border: 1px solid #FFFCFC;}
}
/* Smartphones (landscape) ----------- */
@media only screen and (min-width: 321px) {
.sidebar {height: 320px; border: 2px solid #E3E1E6; background-color: #E3E1E6;}
.sidebar-button {height: 25px; margin-top: 150px; border: 4px solid #7D7D7D;}
.sidebar-strips {height: 12px; border: 1px solid #FFFCFC;}
}
/* Smartphones (portrait) ----------- */
@media only screen and (max-width: 320px) {
.sidebar {height: 320px; border: 2px solid #E3E1E6; background-color: #E3E1E6;}
.sidebar-button {height: 25px; margin-top: 150px; border: 4px solid #7D7D7D;}
.sidebar-strips {height: 12px; border: 1px solid #FFFCFC;}
}
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
.sidebar {height: 768px; border: 2px solid #E3E1E6; background-color: #E3E1E6;}
.sidebar-button {height: 50px; margin-top: 450px; border: 4px solid #7D7D7D;}
.sidebar-strips { height: 42px; border: 1px solid #FFFCFC;}
}
/* iPads (landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
.sidebar {height: 768px; border: 2px solid #E3E1E6; background-color: #E3E1E6;}
.sidebar-button {height: 50px; margin-top: 450px; border: 4px solid #7D7D7D;}
.sidebar-strips {height: 42px; border: 1px solid #FFFCFC;}
}
/* iPads (portrait) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
/* STYLES GO HERE */
}
/* Desktops and laptops ----------- */
@media only screen and (min-width: 1224px) {
.sidebar {height: 999px; border: 2px solid #E3E1E6; background-color: #E3E1E6;}
.sidebar-button {height: 50px; margin-top: 450px; border: 4px solid #7D7D7D;}
.sidebar-strips {height: 42px; border: 1px solid #FFFCFC;}
}
/* Large screens ----------- */
@media only screen and (min-width: 1824px) {
.sidebar {height: 999px; border: 2px solid #E3E1E6; background-color : #E3E1E6;}
.sidebar-button { height: 50px; margin-top: 450px; border: 4px solid #7D7D7D;}
.sidebar-strips { height: 42px; border: 1px solid #FFFCFC;}
}
/* iPhone 5 (portrait & landscape)----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
.sidebar {height: 320px; border: 2px solid #E3E1E6; background-color: #E3E1E6;}
.sidebar-button {height: 25px; margin-top: 150px; border: 4px solid #7D7D7D;}
.sidebar-strips {height: 12px; border: 1px solid #FFFCFC;}
}
/* Overrides ionic.css */
@media (min--moz-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
.bar {border: 0;}
}
/* Cog CSS */
.cogContainer {
background-color:rgb(39,43,47);
width:100%;
height:80px;
z-index:1000;
}
.cogItem {
background-color:rgb(56,61,68);
width:auto;
margin:0 auto;
height:auto;
}
.cog-list-item {
background-color:rgb(56,61,68);
color:rgb(194,204,218);
width:82px;
height:80px;
border-bottom-width:1px;
border-color:rgb(67,73,83);
border-style:solid;
}
.cog-list-item-title {
height:30px;
margin-top:-20px;
}
/* Hot Box CSS */
.hotbox {
position:absolute;
top:50%;
left:50%;
margin-top:-250px; /* this is half the height of hotbox div*/
margin-left:-400px; /*this is half of width of hotbox div*/
height: 500px;
width: 800px;
}
.hotbox-header {
height:48px;
background-color:rgb(157,0,43);
}
.hotbox-header h1
{
color: rgb(255,255,255);
}
.hotbox-title {
height:48px;
line-height:48px;
text-align:center;
background-color:rgb(157,0,43);
float:left;
width:752px;
color:white;
}
.hotbox-top {
margin-top: 20px;
}
.hotbox-close-button {
background-color:rgb(157,0,43);
color:white;
}
.hotbox-list {
height:356px;
background-color:white;
}
.hotbox-submit {
line-height : 80px;
height : 80px;
background-color:rgb(223,223,223);
}