preparing to push to heroku
@@ -0,0 +1,369 @@
|
||||
/* Cubic Bezier Transition */
|
||||
/***
|
||||
Inbox Page
|
||||
***/
|
||||
.inbox {
|
||||
margin-bottom: 20px; }
|
||||
.inbox .compose-btn {
|
||||
padding: 8px 14px; }
|
||||
.inbox .inbox-content {
|
||||
min-height: 400px; }
|
||||
.inbox .inbox-nav {
|
||||
margin: 30px 0;
|
||||
padding: 0;
|
||||
list-style: none; }
|
||||
.inbox .inbox-nav > li {
|
||||
padding: 0;
|
||||
margin: 0; }
|
||||
.inbox .inbox-nav > li > a {
|
||||
text-decoration: none !important;
|
||||
display: block;
|
||||
padding: 8px 16px;
|
||||
border-left: 4px solid transparent; }
|
||||
.inbox .inbox-nav > li > a:hover {
|
||||
background: #f1f4f7; }
|
||||
.inbox .inbox-nav > li > a .badge {
|
||||
float: right;
|
||||
margin-top: 1px; }
|
||||
.inbox .inbox-nav > li.active > a {
|
||||
border-left: 4px solid #ed6b75; }
|
||||
.inbox .inbox-nav > li.divider {
|
||||
padding: 0;
|
||||
margin: 4px 16px;
|
||||
border-top: 1px solid #eef1f5; }
|
||||
.inbox .inbox-contacts {
|
||||
margin: 0 0 30px 0;
|
||||
padding: 0;
|
||||
list-style: none; }
|
||||
.inbox .inbox-contacts > li {
|
||||
padding: 0;
|
||||
margin: 0; }
|
||||
.inbox .inbox-contacts > li.divider {
|
||||
padding: 0;
|
||||
margin: 4px 16px;
|
||||
border-top: 1px solid #eef1f5; }
|
||||
.inbox .inbox-contacts > li > a {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 8px 16px;
|
||||
color: #3f444a; }
|
||||
.inbox .inbox-contacts > li > a:hover {
|
||||
background: #f1f4f7;
|
||||
text-decoration: none; }
|
||||
.inbox .inbox-contacts > li > a .contact-name {
|
||||
display: inline-block;
|
||||
padding-left: 5px; }
|
||||
.inbox .inbox-contacts > li > a .contact-pic {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
border-radius: 50% !important; }
|
||||
.inbox .inbox-contacts > li > a .contact-status {
|
||||
position: absolute;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
border-radius: 50% !important;
|
||||
left: 38px;
|
||||
top: 30px; }
|
||||
.inbox .input-actions .btn {
|
||||
margin-left: 10px; }
|
||||
.inbox .inbox-view-info {
|
||||
color: #666;
|
||||
padding: 5px 0;
|
||||
border-top: solid 1px #eee;
|
||||
border-bottom: solid 1px #eee; }
|
||||
.inbox .inbox-view-info .inbox-author {
|
||||
border-radius: 50% !important;
|
||||
margin-right: 10px; }
|
||||
.inbox .inbox-view-info .inbox-info-btn .btn-group {
|
||||
float: right;
|
||||
margin-top: 5px; }
|
||||
.inbox .inbox-sidebar {
|
||||
padding: 20px;
|
||||
border: 1px solid #e7ecf1;
|
||||
border-radius: 4px; }
|
||||
.inbox .inbox-body {
|
||||
padding: 20px;
|
||||
border: 1px solid #e7ecf1;
|
||||
border-radius: 4px; }
|
||||
.page-container-bg-solid .inbox .inbox-sidebar {
|
||||
background: #ffffff;
|
||||
border: 0; }
|
||||
.page-container-bg-solid .inbox .inbox-body {
|
||||
background: #ffffff;
|
||||
border: 0; }
|
||||
|
||||
.inbox .inbox {
|
||||
margin-bottom: 0px; }
|
||||
|
||||
.inbox .tab-content {
|
||||
overflow: inherit; }
|
||||
|
||||
.inbox .inbox-loading {
|
||||
display: none;
|
||||
font-size: 22px;
|
||||
font-weight: 300; }
|
||||
|
||||
/*Inbox Content*/
|
||||
.inbox .inbox-header {
|
||||
overflow: hidden; }
|
||||
|
||||
.inbox .inbox-header h1 {
|
||||
margin: 0;
|
||||
color: #666;
|
||||
margin-bottom: 20px; }
|
||||
|
||||
.inbox .pagination-control {
|
||||
text-align: right; }
|
||||
|
||||
.inbox .pagination-control .pagination-info {
|
||||
display: inline-block;
|
||||
padding-right: 10px;
|
||||
font-size: 14px;
|
||||
line-height: 14px; }
|
||||
|
||||
.inbox tr {
|
||||
color: #777;
|
||||
font-size: 13px; }
|
||||
|
||||
.inbox tr label {
|
||||
display: inline-block; }
|
||||
|
||||
.inbox tr.unread td {
|
||||
font-weight: 600; }
|
||||
|
||||
.inbox td i.icon-paper-clip {
|
||||
top: 2px;
|
||||
color: #d8e0e5;
|
||||
font-size: 17px;
|
||||
position: relative; }
|
||||
|
||||
.inbox tr i.icon-star,
|
||||
.inbox tr i.icon-trash {
|
||||
cursor: pointer; }
|
||||
|
||||
.inbox tr i.icon-star {
|
||||
color: #eceef0; }
|
||||
|
||||
.inbox tr i.icon-star:hover {
|
||||
color: #fd7b12; }
|
||||
|
||||
.inbox tr i.inbox-started {
|
||||
color: #fd7b12; }
|
||||
|
||||
.inbox .table th,
|
||||
.inbox .table td {
|
||||
border: none; }
|
||||
|
||||
.inbox .table th {
|
||||
background: #eef4f7;
|
||||
border-bottom: solid 5px #fff; }
|
||||
|
||||
.inbox th.text-right {
|
||||
text-align: right; }
|
||||
|
||||
.inbox th label.inbox-select-all {
|
||||
color: #828f97;
|
||||
font-size: 13px;
|
||||
padding: 1px 4px 0; }
|
||||
|
||||
.inbox td.text-right {
|
||||
width: 100px;
|
||||
text-align: right; }
|
||||
|
||||
.inbox td.inbox-small-cells {
|
||||
width: 10px; }
|
||||
|
||||
.inbox .table-hover tbody tr:hover > td,
|
||||
.inbox .table-hover tbody tr:hover > th,
|
||||
.inbox .table-striped tbody > tr:nth-child(odd) > td,
|
||||
.inbox .table-striped tbody > tr:nth-child(odd) > th {
|
||||
background: #f8fbfd;
|
||||
cursor: pointer; }
|
||||
|
||||
.inbox .table-hover tbody tr:hover > td,
|
||||
.inbox .table-hover tbody tr:hover > th {
|
||||
background: #eef4f7; }
|
||||
|
||||
/*Inbox Drafts*/
|
||||
.inbox .inbox-drafts {
|
||||
padding: 8px 0;
|
||||
text-align: center;
|
||||
border-top: solid 1px #eee;
|
||||
border-bottom: solid 1px #eee; }
|
||||
|
||||
/*Inbox View*/
|
||||
.inbox-view-header {
|
||||
margin-bottom: 20px; }
|
||||
|
||||
.inbox-view-header h1 {
|
||||
color: #666;
|
||||
font-size: 22px;
|
||||
line-height: 24px;
|
||||
margin-bottom: 0 !important; }
|
||||
|
||||
.inbox-view-header h1 a {
|
||||
top: -2px;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
font-size: 13px;
|
||||
padding: 2px 7px;
|
||||
line-height: 16px;
|
||||
position: relative;
|
||||
background: #b0bcc4;
|
||||
display: inline-block; }
|
||||
|
||||
.inbox-view-header h1 a:hover {
|
||||
background: #aab5bc;
|
||||
text-decoration: none; }
|
||||
|
||||
.inbox-view-header i.icon-print {
|
||||
color: #94a4ab;
|
||||
cursor: pointer;
|
||||
font-size: 14px;
|
||||
display: inline-block;
|
||||
padding: 6px 8px !important;
|
||||
background: #edf1f4 !important; }
|
||||
|
||||
.inbox-view-header i.icon-print:hover {
|
||||
background: #e7ebef !important; }
|
||||
|
||||
.inbox-view-info strong {
|
||||
color: #666;
|
||||
margin: 0 10px 0 5px; }
|
||||
|
||||
.inbox-view {
|
||||
color: #666;
|
||||
padding: 10px 0 0; }
|
||||
|
||||
.inbox-view a {
|
||||
color: #169ce9; }
|
||||
|
||||
.inbox-attached {
|
||||
line-height: 16px; }
|
||||
|
||||
.inbox-attached a {
|
||||
margin: 0 2px; }
|
||||
|
||||
.inbox-attached img {
|
||||
height: auto;
|
||||
max-width: 250px;
|
||||
margin-bottom: 5px; }
|
||||
|
||||
.inbox-attached span {
|
||||
margin-right: 3px; }
|
||||
|
||||
.inbox-attached strong {
|
||||
color: #555;
|
||||
display: block;
|
||||
font-size: 13px; }
|
||||
|
||||
.inbox-attached .margin-bottom-25 {
|
||||
margin-bottom: 25px; }
|
||||
|
||||
.inbox-attached .margin-bottom-15 {
|
||||
margin-bottom: 15px; }
|
||||
|
||||
/*Inbox Compose*/
|
||||
.inbox-compose {
|
||||
margin-top: 1px;
|
||||
border: solid 1px #eee; }
|
||||
|
||||
.inbox-compose-btn {
|
||||
padding: 12px 12px;
|
||||
background: #f0f6fa; }
|
||||
|
||||
.inbox-compose-attachment {
|
||||
padding: 8px 8px; }
|
||||
|
||||
.inbox-compose-attachment .btn {
|
||||
padding: 4px 10px; }
|
||||
|
||||
.inbox-compose .inbox-form-group {
|
||||
margin-bottom: 0;
|
||||
position: relative;
|
||||
border-bottom: solid 1px #eee; }
|
||||
|
||||
.inbox-compose .controls {
|
||||
margin-left: 85px; }
|
||||
|
||||
.inbox-compose .inbox-form-group > label {
|
||||
width: 80px;
|
||||
float: left;
|
||||
color: #979797;
|
||||
text-align: right; }
|
||||
|
||||
.inbox-compose .controls > input {
|
||||
border: none !important; }
|
||||
|
||||
.inbox-compose .controls-to {
|
||||
padding-right: 55px; }
|
||||
|
||||
.inbox-compose .controls-cc {
|
||||
padding-right: 20px; }
|
||||
|
||||
.inbox-compose .controls-bcc {
|
||||
padding-right: 20px; }
|
||||
|
||||
.inbox-compose .inbox-form-group a.close {
|
||||
top: 13px;
|
||||
right: 10px;
|
||||
position: absolute; }
|
||||
|
||||
.inbox-compose .mail-to .inbox-cc-bcc {
|
||||
display: inline-block;
|
||||
top: 7px;
|
||||
right: 10px;
|
||||
color: #979797;
|
||||
font-size: 14px;
|
||||
cursor: pointer;
|
||||
position: absolute; }
|
||||
|
||||
.inbox-compose .mail-to .inbox-bcc {
|
||||
margin-left: 5px; }
|
||||
|
||||
.inbox-compose .mail-to inbox-cc:hover,
|
||||
.inbox-compose .mail-to inbox-bcc:hover {
|
||||
color: #777; }
|
||||
|
||||
.inbox-compose .wysihtml5 {
|
||||
padding: 0px !important;
|
||||
margin: 0px !important;
|
||||
border: 0 !important; }
|
||||
|
||||
.inbox-compose .wysihtml5-sandbox {
|
||||
padding: 0px !important;
|
||||
margin: 0px !important;
|
||||
display: block !important;
|
||||
border: 0 !important;
|
||||
margin-top: 5px;
|
||||
width: 100% !important;
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
border-color: #eee; }
|
||||
|
||||
.inbox-compose .wysihtml5-toolbar {
|
||||
border: 0;
|
||||
border-bottom: 1px solid #eee; }
|
||||
|
||||
.inbox-compose .wysihtml5-toolbar > li {
|
||||
height: 34px;
|
||||
margin-right: 0;
|
||||
margin-bottom: 0; }
|
||||
|
||||
.inbox-compose .wysihtml5-toolbar > li > a,
|
||||
.inbox-compose .wysihtml5-toolbar > li > div > a {
|
||||
background: #fff !important;
|
||||
border-color: #fff !important; }
|
||||
.inbox-compose .wysihtml5-toolbar > li > a:hover,
|
||||
.inbox-compose .wysihtml5-toolbar > li > div > a:hover {
|
||||
background: #f1f1f1 !important;
|
||||
border-color: #f1f1f1 !important;
|
||||
border-radius: 0; }
|
||||
|
||||
.inbox-compose .wysihtml5-toolbar .dropdown.open .dropdown-toggle,
|
||||
ul.wysihtml5-toolbar a.btn.wysihtml5-command-active {
|
||||
background: #eee !important; }
|
||||
|
||||
@media (max-width: 480px) {
|
||||
.inbox-compose .inbox-form-group > label {
|
||||
margin-top: 7px; } }
|
||||
@@ -0,0 +1,60 @@
|
||||
/***
|
||||
Ticket Page
|
||||
***/
|
||||
/* Cubic Bezier Transition */
|
||||
.app-ticket {
|
||||
overflow: hidden; }
|
||||
.app-ticket h3 {
|
||||
margin: 0 0 15px 0;
|
||||
font-size: 14px;
|
||||
font-weight: bold; }
|
||||
.app-ticket h3 i {
|
||||
color: #a1acb7;
|
||||
margin-right: 5px; }
|
||||
.app-ticket p {
|
||||
margin: 0; }
|
||||
|
||||
.app-ticket-details .portlet-body .row {
|
||||
margin-bottom: 30px; }
|
||||
|
||||
.app-ticket-details .ticket-line {
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
border-bottom: 1px solid;
|
||||
border-color: #e7ecf1;
|
||||
margin-bottom: 30px; }
|
||||
|
||||
.app-ticket-details .ticket-id,
|
||||
.app-ticket-details .ticket-title {
|
||||
display: inline-block;
|
||||
font-size: 16px;
|
||||
margin-right: 30px; }
|
||||
|
||||
.app-ticket-details .ticket-cust a:hover {
|
||||
text-decoration: none; }
|
||||
|
||||
.app-ticket-details .ticket-reply-msg {
|
||||
width: 100%;
|
||||
height: 7em;
|
||||
border-color: #e7ecf1;
|
||||
outline: none; }
|
||||
|
||||
.app-ticket-details .ticket-assign,
|
||||
.app-ticket-details .ticket-status {
|
||||
padding: 5px;
|
||||
border: 1px solid;
|
||||
border-color: #e7ecf1;
|
||||
outline: none; }
|
||||
|
||||
.app-ticket-config .ticket-counter {
|
||||
text-align: center; }
|
||||
.app-ticket-config .ticket-counter > h4 {
|
||||
font-size: 24px; }
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.app-ticket-details .ticket-margin {
|
||||
margin-top: 30px; } }
|
||||
|
||||
@media (max-width: 480px) {
|
||||
.app-ticket-config .ticket-counter {
|
||||
margin-bottom: 30px; } }
|
||||
@@ -0,0 +1 @@
|
||||
.app-ticket{overflow:hidden}.app-ticket h3{margin:0 0 15px;font-size:14px;font-weight:700}.app-ticket h3 i{color:#a1acb7;margin-right:5px}.app-ticket p{margin:0}.app-ticket-details .portlet-body .row{margin-bottom:30px}.app-ticket-details .ticket-line{width:100%;height:1px;border-bottom:1px solid;border-color:#e7ecf1;margin-bottom:30px}.app-ticket-details .ticket-id,.app-ticket-details .ticket-title{display:inline-block;font-size:16px;margin-right:30px}.app-ticket-details .ticket-cust a:hover{text-decoration:none}.app-ticket-details .ticket-reply-msg{width:100%;height:7em;border-color:#e7ecf1;outline:0}.app-ticket-details .ticket-assign,.app-ticket-details .ticket-status{padding:5px;border:1px solid #e7ecf1;outline:0}.app-ticket-config .ticket-counter{text-align:center}.app-ticket-config .ticket-counter>h4{font-size:24px}@media (max-width:991px){.app-ticket-details .ticket-margin{margin-top:30px}}@media (max-width:480px){.app-ticket-config .ticket-counter{margin-bottom:30px}}
|
||||
@@ -0,0 +1,226 @@
|
||||
/***
|
||||
TODO Page
|
||||
***/
|
||||
/* Cubic Bezier Transition */
|
||||
.todo-sidebar {
|
||||
float: left;
|
||||
width: 230px;
|
||||
margin-right: 20px; }
|
||||
|
||||
.todo-content {
|
||||
overflow: hidden; }
|
||||
|
||||
.todo-tasklist-item-border-green {
|
||||
border-left: #3faba4 2px solid; }
|
||||
|
||||
.todo-tasklist-item-border-blue {
|
||||
border-left: #4c87b9 2px solid; }
|
||||
|
||||
.todo-tasklist-item-border-purple {
|
||||
border-left: #8877a9 2px solid; }
|
||||
|
||||
.todo-tasklist-item-border-red {
|
||||
border-left: #d05454 2px solid; }
|
||||
|
||||
.todo-tasklist-item-border-yellow {
|
||||
border-left: #d4ad38 2px solid; }
|
||||
|
||||
.padding-top-10px {
|
||||
padding-top: 15px; }
|
||||
|
||||
.todo-userpic {
|
||||
-webkit-border-radius: 50% !important;
|
||||
-moz-border-radius: 50% !important;
|
||||
border-radius: 50% !important;
|
||||
border: 1px #cedae1 solid; }
|
||||
|
||||
.todo-text-color {
|
||||
color: #45535b; }
|
||||
|
||||
/* PROJECT LIST */
|
||||
.todo-projects-config {
|
||||
padding: 6px 9px 3px 9px !important; }
|
||||
.todo-projects-config > i {
|
||||
font-size: 14px !important; }
|
||||
|
||||
.todo-tasklist {
|
||||
padding: 0; }
|
||||
|
||||
.todo-project-list ul li a {
|
||||
font-size: 14px !important;
|
||||
padding: 8px 10px; }
|
||||
|
||||
.todo-project-list .nav li a .badge {
|
||||
float: right;
|
||||
margin-top: 1px !important; }
|
||||
|
||||
.todo-project-list .nav > li.active > a {
|
||||
color: #3f444a;
|
||||
background-color: #f1f4f7 !important; }
|
||||
|
||||
/* END PROJECT LIST */
|
||||
/* TASK HISTORY */
|
||||
.todo-task-history {
|
||||
padding: 0;
|
||||
margin: 0; }
|
||||
.todo-task-history > li {
|
||||
padding: 5px 0; }
|
||||
.todo-task-history > li > .todo-task-history-desc {
|
||||
overflow: hidden; }
|
||||
.todo-task-history > li > .todo-task-history-date {
|
||||
font-size: 12px;
|
||||
float: right;
|
||||
width: 150px;
|
||||
margin-left: 10px;
|
||||
text-align: right;
|
||||
color: #999; }
|
||||
|
||||
/* TASKS LIST */
|
||||
.todo-tasklist-item {
|
||||
background: #f6fbfc;
|
||||
padding: 10px;
|
||||
margin-bottom: 10px;
|
||||
margin-bottom: 15px;
|
||||
overflow: hidden; }
|
||||
.todo-tasklist-item:last-child {
|
||||
margin-bottom: 0; }
|
||||
|
||||
div .todo-tasklist-item:hover {
|
||||
cursor: pointer;
|
||||
background-color: #edf7f9; }
|
||||
|
||||
.todo-tasklist-item img {
|
||||
margin: 0 10px 10px 0; }
|
||||
|
||||
.todo-tasklist-item-title {
|
||||
font-size: 15px;
|
||||
color: #2b4a5c;
|
||||
font-weight: 600;
|
||||
padding-top: 3px;
|
||||
padding-bottom: 13px; }
|
||||
|
||||
.todo-tasklist-item-text {
|
||||
font-size: 13px;
|
||||
color: #577688;
|
||||
padding-bottom: 5px; }
|
||||
|
||||
.todo-tasklist-item ul {
|
||||
margin: 5px 0 0 0px; }
|
||||
|
||||
.todo-tasklist-item li {
|
||||
color: #577688;
|
||||
font-size: 13px;
|
||||
margin-right: 10px;
|
||||
margin-bottom: 5px;
|
||||
padding: 0 !important; }
|
||||
|
||||
.todo-tasklist-item li i {
|
||||
color: #b3bfcb;
|
||||
font-size: 15px; }
|
||||
|
||||
.todo-tasklist-controls {
|
||||
margin-top: 5px; }
|
||||
|
||||
.todo-tasklist-date {
|
||||
color: #637b89 !important;
|
||||
margin-right: 12px; }
|
||||
|
||||
.todo-tasklist-date i {
|
||||
color: #abbfca !important;
|
||||
margin-right: 5px; }
|
||||
|
||||
/* END TASKS LIST */
|
||||
/* TASK BODY */
|
||||
.todo-taskbody-tasktitle {
|
||||
font-size: 18px;
|
||||
color: #778d96; }
|
||||
|
||||
.todo-taskbody-taskdesc {
|
||||
font-size: 14px;
|
||||
color: #778d96; }
|
||||
|
||||
.todo-username {
|
||||
font-size: 16px;
|
||||
color: #2b4a5c;
|
||||
font-weight: 600;
|
||||
padding: 15px 0 0 15px; }
|
||||
|
||||
.todo-comment-head {
|
||||
padding-top: 3px; }
|
||||
|
||||
.todo-comment {
|
||||
position: relative; }
|
||||
|
||||
.todo-comment:hover > .todo-comment-btn {
|
||||
display: block; }
|
||||
|
||||
.todo-comment-btn {
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: 1px;
|
||||
right: 0px;
|
||||
font-size: 12px;
|
||||
color: #566e7c;
|
||||
border-color: #a2aeb5; }
|
||||
|
||||
.todo-comment-btn:hover {
|
||||
color: #fff;
|
||||
background-color: #a1b6c2;
|
||||
border-color: #a1b6c2; }
|
||||
|
||||
.todo-comment-username {
|
||||
font-size: 14px;
|
||||
color: #2b4a5c;
|
||||
font-weight: 600; }
|
||||
|
||||
.todo-comment-date {
|
||||
font-size: 12px;
|
||||
color: #2b4a5c;
|
||||
font-weight: 400; }
|
||||
|
||||
.todo-username-btn {
|
||||
margin: 14px 0 0 15px;
|
||||
color: #566e7c;
|
||||
border-color: #a2aeb5; }
|
||||
|
||||
.todo-username-btn:hover {
|
||||
color: #fff;
|
||||
background-color: #a1b6c2;
|
||||
border-color: #a1b6c2; }
|
||||
|
||||
.form .form-actions.todo-form-actions {
|
||||
padding-top: 10px;
|
||||
border: 0;
|
||||
margin: 0 0 20px 0; }
|
||||
|
||||
/* END TASK BODY */
|
||||
/* RESPONSIVE MODE */
|
||||
@media (max-width: 991px) {
|
||||
/* 991px */
|
||||
.todo-sidebar {
|
||||
float: none;
|
||||
width: 100%;
|
||||
margin: 0; }
|
||||
.todo-sidebar > .portlet {
|
||||
margin-bottom: 20px; }
|
||||
.todo-sidebar > .portlet .portlet-title .tools {
|
||||
margin-left: 5px; }
|
||||
.todo-content {
|
||||
overflow: visible; } }
|
||||
|
||||
.todo-tasklist-devider {
|
||||
display: none; }
|
||||
|
||||
@media (max-width: 767px) {
|
||||
/* 767px */
|
||||
.todo-tasklist-devider {
|
||||
display: block;
|
||||
height: 20px;
|
||||
margin: 20px -10px;
|
||||
background: #F1F3FA; }
|
||||
/* TASK HISTORY */
|
||||
.todo-task-history > li {
|
||||
padding: 9px 0; }
|
||||
.todo-task-history > li > .todo-task-history-date {
|
||||
width: 100px;
|
||||
font-size: 11px; } }
|
||||
@@ -0,0 +1 @@
|
||||
.todo-content,.todo-task-history>li>.todo-task-history-desc{overflow:hidden}.todo-sidebar{float:left;width:230px;margin-right:20px}.todo-tasklist-item-border-green{border-left:#3faba4 2px solid}.todo-tasklist-item-border-blue{border-left:#4c87b9 2px solid}.todo-tasklist-item-border-purple{border-left:#8877a9 2px solid}.todo-tasklist-item-border-red{border-left:#d05454 2px solid}.todo-tasklist-item-border-yellow{border-left:#d4ad38 2px solid}.padding-top-10px{padding-top:15px}.todo-userpic{-webkit-border-radius:50%!important;-moz-border-radius:50%!important;border-radius:50%!important;border:1px solid #cedae1}.todo-text-color{color:#45535b}.todo-projects-config{padding:6px 9px 3px!important}.todo-projects-config>i{font-size:14px!important}.todo-tasklist{padding:0}.todo-project-list ul li a{font-size:14px!important;padding:8px 10px}.todo-project-list .nav li a .badge{float:right;margin-top:1px!important}.todo-project-list .nav>li.active>a{color:#3f444a;background-color:#f1f4f7!important}.todo-task-history{padding:0;margin:0}.todo-task-history>li{padding:5px 0}.todo-task-history>li>.todo-task-history-date{font-size:12px;float:right;width:150px;margin-left:10px;text-align:right;color:#999}.todo-tasklist-item{background:#f6fbfc;padding:10px;margin-bottom:15px;overflow:hidden}.todo-tasklist-item:last-child{margin-bottom:0}div .todo-tasklist-item:hover{cursor:pointer;background-color:#edf7f9}.todo-tasklist-item img{margin:0 10px 10px 0}.todo-tasklist-item-title{font-size:15px;color:#2b4a5c;font-weight:600;padding-top:3px;padding-bottom:13px}.todo-tasklist-item-text{font-size:13px;color:#577688;padding-bottom:5px}.todo-tasklist-item ul{margin:5px 0 0}.todo-tasklist-item li{color:#577688;font-size:13px;margin-right:10px;margin-bottom:5px;padding:0!important}.todo-tasklist-item li i{color:#b3bfcb;font-size:15px}.todo-tasklist-controls{margin-top:5px}.todo-tasklist-date{color:#637b89!important;margin-right:12px}.todo-tasklist-date i{color:#abbfca!important;margin-right:5px}.todo-taskbody-tasktitle{font-size:18px;color:#778d96}.todo-taskbody-taskdesc{font-size:14px;color:#778d96}.todo-username{font-size:16px;color:#2b4a5c;font-weight:600;padding:15px 0 0 15px}.todo-comment-head{padding-top:3px}.todo-comment{position:relative}.todo-comment:hover>.todo-comment-btn{display:block}.todo-comment-btn{display:none;position:absolute;top:1px;right:0;font-size:12px;color:#566e7c;border-color:#a2aeb5}.todo-comment-btn:hover{color:#fff;background-color:#a1b6c2;border-color:#a1b6c2}.todo-comment-username{font-size:14px;color:#2b4a5c;font-weight:600}.todo-comment-date{font-size:12px;color:#2b4a5c;font-weight:400}.todo-username-btn{margin:14px 0 0 15px;color:#566e7c;border-color:#a2aeb5}.todo-username-btn:hover{color:#fff;background-color:#a1b6c2;border-color:#a1b6c2}.form .form-actions.todo-form-actions{padding-top:10px;border:0;margin:0 0 20px}@media (max-width:991px){.todo-sidebar{float:none;width:100%;margin:0}.todo-sidebar>.portlet{margin-bottom:20px}.todo-sidebar>.portlet .portlet-title .tools{margin-left:5px}.todo-content{overflow:visible}}.todo-tasklist-devider{display:none}@media (max-width:767px){.todo-tasklist-devider{display:block;height:20px;margin:20px -10px;background:#F1F3FA}.todo-task-history>li{padding:9px 0}.todo-task-history>li>.todo-task-history-date{width:100px;font-size:11px}}
|
||||
@@ -0,0 +1,286 @@
|
||||
@charset "UTF-8";
|
||||
/***
|
||||
NEW TODO Page
|
||||
***/
|
||||
/* Cubic Bezier Transition */
|
||||
.todo-main-header {
|
||||
margin-top: -20px; }
|
||||
.todo-main-header > h3 {
|
||||
font-weight: 400;
|
||||
font-size: 22px;
|
||||
margin-right: 1em;
|
||||
display: inline-block;
|
||||
color: #3b464f; }
|
||||
.todo-main-header > .todo-breadcrumb {
|
||||
border-left: 1px solid;
|
||||
border-color: #dae3eb;
|
||||
padding: 0.5em 2em;
|
||||
display: inline-block;
|
||||
margin-top: 17px; }
|
||||
.todo-main-header > .todo-breadcrumb > li {
|
||||
display: inline-block;
|
||||
font-size: 11px; }
|
||||
.todo-main-header > .todo-breadcrumb > li > a {
|
||||
color: #77838d;
|
||||
text-transform: uppercase;
|
||||
text-decoration: none; }
|
||||
.todo-main-header > .todo-breadcrumb > li > a:hover {
|
||||
color: #337ab7;
|
||||
text-decoration: none; }
|
||||
.todo-main-header > .todo-breadcrumb > li > .todo-active {
|
||||
color: #49a7fa; }
|
||||
.todo-main-header > .todo-breadcrumb > li:before {
|
||||
content: "•";
|
||||
color: #b6c1cb;
|
||||
margin: 0 1em; }
|
||||
.todo-main-header > .todo-breadcrumb > li:first-child:before {
|
||||
content: "";
|
||||
margin: 0; }
|
||||
|
||||
.todo-container .todo-projects-container,
|
||||
.todo-container .todo-tasks-container {
|
||||
background-color: #fff;
|
||||
border: 1px solid;
|
||||
border-color: #ebf0f5; }
|
||||
|
||||
.todo-container .todo-projects-container {
|
||||
padding: 0; }
|
||||
.todo-container .todo-projects-container > li {
|
||||
list-style: none;
|
||||
padding: 30px 20px; }
|
||||
|
||||
.todo-container .todo-projects-divider {
|
||||
height: 1px;
|
||||
margin: 0;
|
||||
background-color: #ebf0f5; }
|
||||
|
||||
.todo-container .todo-tasks-container {
|
||||
padding: 30px 20px; }
|
||||
|
||||
.todo-container .todo-head {
|
||||
border-bottom: 1px solid;
|
||||
border-color: #ebf0f5;
|
||||
padding-bottom: 20px; }
|
||||
.todo-container .todo-head > h3 {
|
||||
margin-top: 0;
|
||||
display: inline-block;
|
||||
color: #4db3a4;
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
font-size: 15px; }
|
||||
.todo-container .todo-head > p {
|
||||
display: inline-block;
|
||||
color: #9eacb4;
|
||||
font-size: 12px;
|
||||
margin-left: 2em;
|
||||
margin-bottom: 0;
|
||||
margin-top: 0; }
|
||||
.todo-container .todo-head > button {
|
||||
float: right;
|
||||
font-weight: 600;
|
||||
font-size: 11px;
|
||||
text-transform: uppercase; }
|
||||
|
||||
.todo-container .todo-projects-content,
|
||||
.todo-container .todo-tasks-content {
|
||||
padding-left: 0; }
|
||||
|
||||
.todo-container .todo-projects-item,
|
||||
.todo-container .todo-tasks-item {
|
||||
list-style: none;
|
||||
margin-left: 0; }
|
||||
|
||||
.todo-container .todo-projects-item > h3 {
|
||||
font-size: 20px;
|
||||
color: #4e5a64;
|
||||
font-weight: 600;
|
||||
margin-top: 0;
|
||||
margin-bottom: 15px; }
|
||||
|
||||
.todo-container .todo-projects-item p {
|
||||
color: #a0a9b4;
|
||||
margin-bottom: 15px;
|
||||
margin-top: 0; }
|
||||
|
||||
.todo-container .todo-projects-item:last-child {
|
||||
border-bottom: none; }
|
||||
|
||||
.todo-container .todo-projects-item.todo-active {
|
||||
background-color: #fafbfc;
|
||||
position: relative; }
|
||||
.todo-container .todo-projects-item.todo-active > h3 {
|
||||
color: #49a7fa; }
|
||||
.todo-container .todo-projects-item.todo-active:after {
|
||||
content: " ";
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-top: 40px solid transparent;
|
||||
border-bottom: 40px solid transparent;
|
||||
border-left: 20px solid #fafbfc;
|
||||
position: absolute;
|
||||
right: -20px;
|
||||
top: 65px; }
|
||||
|
||||
.todo-container .todo-projects-item:hover {
|
||||
background-color: #fafbfc;
|
||||
cursor: pointer; }
|
||||
|
||||
.todo-container .todo-projects-item > .todo-project-item-foot {
|
||||
font-size: 12px; }
|
||||
|
||||
.todo-container .todo-tasks-item {
|
||||
padding: 30px 0;
|
||||
border-bottom: 1px solid;
|
||||
border-color: #ebf0f5; }
|
||||
.todo-container .todo-tasks-item > h4 {
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
margin: 0;
|
||||
line-height: 1.3em; }
|
||||
.todo-container .todo-tasks-item > h4 > a {
|
||||
color: #65717b; }
|
||||
.todo-container .todo-tasks-item > h4 > a:hover {
|
||||
color: #49a7fa;
|
||||
text-decoration: none; }
|
||||
.todo-container .todo-tasks-item > h4 > a:focus {
|
||||
color: #65717b;
|
||||
text-decoration: none; }
|
||||
.todo-container .todo-tasks-item > p {
|
||||
margin: 0;
|
||||
color: #9eacb4; }
|
||||
.todo-container .todo-tasks-item:last-child {
|
||||
border-bottom: none; }
|
||||
|
||||
.todo-add-button {
|
||||
border: 1px solid;
|
||||
border-color: #e0e6e9;
|
||||
background-color: #fff;
|
||||
color: #c1cbd1;
|
||||
text-decoration: none;
|
||||
padding: 0 0.4em;
|
||||
font-size: 20px;
|
||||
margin: -0.3em 0 0 0.5em;
|
||||
float: right; }
|
||||
.todo-add-button:hover {
|
||||
background-color: #4db3a4;
|
||||
color: #fff;
|
||||
text-decoration: none; }
|
||||
.todo-add-button:focus {
|
||||
color: #c1cbd1;
|
||||
text-decoration: none; }
|
||||
|
||||
#todo-members-modal > .modal-dialog {
|
||||
top: 20px; }
|
||||
|
||||
#todo-members-modal .select-height {
|
||||
height: 10em; }
|
||||
|
||||
#todo-task-modal > .modal-dialog {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
width: 60%;
|
||||
margin: 0 auto; }
|
||||
#todo-task-modal > .modal-dialog .modal-content {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
overflow: auto; }
|
||||
#todo-task-modal > .modal-dialog .modal-content .todo-task-modal-title {
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
margin-left: 2em; }
|
||||
#todo-task-modal > .modal-dialog .modal-content .todo-task-due {
|
||||
margin-left: 1em;
|
||||
font-weight: 600;
|
||||
color: #4db3a4;
|
||||
width: 150px !important; }
|
||||
#todo-task-modal > .modal-dialog .modal-content .todo-task-assign {
|
||||
margin-left: 1em;
|
||||
border: 1px solid;
|
||||
border-color: #ccc;
|
||||
padding: 6px 10px;
|
||||
font-weight: 600;
|
||||
color: #4db3a4;
|
||||
text-transform: uppercase; }
|
||||
#todo-task-modal > .modal-dialog .modal-content .todo-task-assign:hover, #todo-task-modal > .modal-dialog .modal-content .todo-task-assign:focus {
|
||||
text-decoration: none; }
|
||||
#todo-task-modal > .modal-dialog .modal-content > .todo-task-modal-body > .todo-task-modal-bg {
|
||||
background-color: #f7f9fa;
|
||||
padding: 20px; }
|
||||
#todo-task-modal > .modal-dialog .modal-content > .todo-task-modal-body > h3 {
|
||||
margin: 15px 0;
|
||||
font-size: 20px;
|
||||
color: #4e5a64;
|
||||
font-weight: 600; }
|
||||
#todo-task-modal > .modal-dialog .modal-content > .todo-task-modal-body > p {
|
||||
font-size: 15px;
|
||||
color: #8f9ea6;
|
||||
line-height: 24px; }
|
||||
#todo-task-modal > .modal-dialog .modal-content > .todo-task-modal-body > h4 {
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
color: #9eacb4;
|
||||
margin-top: 25px; }
|
||||
#todo-task-modal > .modal-dialog .modal-content > .todo-task-modal-body > h4 > .todo-add-button {
|
||||
float: none; }
|
||||
#todo-task-modal > .modal-dialog .modal-content > .todo-task-modal-body > .todo-task-file {
|
||||
color: #49a7fa;
|
||||
font-size: 13px; }
|
||||
#todo-task-modal > .modal-dialog .modal-content > .todo-task-modal-body > .todo-task-file > i {
|
||||
margin-right: 0.5em; }
|
||||
#todo-task-modal > .modal-dialog .modal-content > .todo-task-modal-body > .todo-task-file > .todo-remove-file {
|
||||
color: #9eacb4;
|
||||
margin-left: 0.5em; }
|
||||
#todo-task-modal > .modal-dialog .modal-content > .todo-task-modal-body > .todo-task-file > .todo-remove-file:hover {
|
||||
color: #4db3a4;
|
||||
cursor: pointer; }
|
||||
|
||||
.todo-inline {
|
||||
display: inline-block; }
|
||||
|
||||
.todo-float-r {
|
||||
float: right; }
|
||||
|
||||
.todo-bold {
|
||||
font-weight: 600;
|
||||
font-size: 11px;
|
||||
text-transform: uppercase; }
|
||||
|
||||
.todo-padding-b-0 {
|
||||
padding-bottom: 0 !important; }
|
||||
|
||||
.todo-grey {
|
||||
color: #9eacb4; }
|
||||
|
||||
.todo-red {
|
||||
color: #d39790 !important; }
|
||||
|
||||
.todo-green {
|
||||
color: #4db3a4; }
|
||||
|
||||
/* RESPONSIVE MODE */
|
||||
@media (max-width: 1199px) {
|
||||
.todo-head > p {
|
||||
display: block;
|
||||
margin-left: 0 !important; } }
|
||||
|
||||
@media (max-width: 991px) {
|
||||
/* 991px */
|
||||
#todo-task-modal > .modal-dialog {
|
||||
width: 95%; }
|
||||
.todo-active:after {
|
||||
border: none !important; } }
|
||||
|
||||
@media (max-width: 480px) {
|
||||
.todo-task-modal-title {
|
||||
margin-left: 0 !important;
|
||||
margin-top: 1em;
|
||||
display: block !important; }
|
||||
.todo-tasks-container .todo-head > p {
|
||||
margin-left: 0 !important;
|
||||
margin-top: 1em; } }
|
||||
@@ -0,0 +1,178 @@
|
||||
var AppCalendar = function() {
|
||||
|
||||
return {
|
||||
//main function to initiate the module
|
||||
init: function() {
|
||||
this.initCalendar();
|
||||
},
|
||||
|
||||
initCalendar: function() {
|
||||
|
||||
if (!jQuery().fullCalendar) {
|
||||
return;
|
||||
}
|
||||
|
||||
var date = new Date();
|
||||
var d = date.getDate();
|
||||
var m = date.getMonth();
|
||||
var y = date.getFullYear();
|
||||
|
||||
var h = {};
|
||||
|
||||
if (App.isRTL()) {
|
||||
if ($('#calendar').parents(".portlet").width() <= 720) {
|
||||
$('#calendar').addClass("mobile");
|
||||
h = {
|
||||
right: 'title, prev, next',
|
||||
center: '',
|
||||
left: 'agendaDay, agendaWeek, month, today'
|
||||
};
|
||||
} else {
|
||||
$('#calendar').removeClass("mobile");
|
||||
h = {
|
||||
right: 'title',
|
||||
center: '',
|
||||
left: 'agendaDay, agendaWeek, month, today, prev,next'
|
||||
};
|
||||
}
|
||||
} else {
|
||||
if ($('#calendar').parents(".portlet").width() <= 720) {
|
||||
$('#calendar').addClass("mobile");
|
||||
h = {
|
||||
left: 'title, prev, next',
|
||||
center: '',
|
||||
right: 'today,month,agendaWeek,agendaDay'
|
||||
};
|
||||
} else {
|
||||
$('#calendar').removeClass("mobile");
|
||||
h = {
|
||||
left: 'title',
|
||||
center: '',
|
||||
right: 'prev,next,today,month,agendaWeek,agendaDay'
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
var initDrag = function(el) {
|
||||
// create an Event Object (http://arshaw.com/fullcalendar/docs/event_data/Event_Object/)
|
||||
// it doesn't need to have a start or end
|
||||
var eventObject = {
|
||||
title: $.trim(el.text()) // use the element's text as the event title
|
||||
};
|
||||
// store the Event Object in the DOM element so we can get to it later
|
||||
el.data('eventObject', eventObject);
|
||||
// make the event draggable using jQuery UI
|
||||
el.draggable({
|
||||
zIndex: 999,
|
||||
revert: true, // will cause the event to go back to its
|
||||
revertDuration: 0 // original position after the drag
|
||||
});
|
||||
};
|
||||
|
||||
var addEvent = function(title) {
|
||||
title = title.length === 0 ? "Untitled Event" : title;
|
||||
var html = $('<div class="external-event label label-default">' + title + '</div>');
|
||||
jQuery('#event_box').append(html);
|
||||
initDrag(html);
|
||||
};
|
||||
|
||||
$('#external-events div.external-event').each(function() {
|
||||
initDrag($(this));
|
||||
});
|
||||
|
||||
$('#event_add').unbind('click').click(function() {
|
||||
var title = $('#event_title').val();
|
||||
addEvent(title);
|
||||
});
|
||||
|
||||
//predefined events
|
||||
$('#event_box').html("");
|
||||
addEvent("My Event 1");
|
||||
addEvent("My Event 2");
|
||||
addEvent("My Event 3");
|
||||
addEvent("My Event 4");
|
||||
addEvent("My Event 5");
|
||||
addEvent("My Event 6");
|
||||
|
||||
$('#calendar').fullCalendar('destroy'); // destroy the calendar
|
||||
$('#calendar').fullCalendar({ //re-initialize the calendar
|
||||
header: h,
|
||||
defaultView: 'month', // change default view with available options from http://arshaw.com/fullcalendar/docs/views/Available_Views/
|
||||
slotMinutes: 15,
|
||||
editable: true,
|
||||
droppable: true, // this allows things to be dropped onto the calendar !!!
|
||||
drop: function(date, allDay) { // this function is called when something is dropped
|
||||
|
||||
// retrieve the dropped element's stored Event Object
|
||||
var originalEventObject = $(this).data('eventObject');
|
||||
// we need to copy it, so that multiple events don't have a reference to the same object
|
||||
var copiedEventObject = $.extend({}, originalEventObject);
|
||||
|
||||
// assign it the date that was reported
|
||||
copiedEventObject.start = date;
|
||||
copiedEventObject.allDay = allDay;
|
||||
copiedEventObject.className = $(this).attr("data-class");
|
||||
|
||||
// render the event on the calendar
|
||||
// the last `true` argument determines if the event "sticks" (http://arshaw.com/fullcalendar/docs/event_rendering/renderEvent/)
|
||||
$('#calendar').fullCalendar('renderEvent', copiedEventObject, true);
|
||||
|
||||
// is the "remove after drop" checkbox checked?
|
||||
if ($('#drop-remove').is(':checked')) {
|
||||
// if so, remove the element from the "Draggable Events" list
|
||||
$(this).remove();
|
||||
}
|
||||
},
|
||||
events: [{
|
||||
title: 'All Day Event',
|
||||
start: new Date(y, m, 1),
|
||||
backgroundColor: App.getBrandColor('yellow')
|
||||
}, {
|
||||
title: 'Long Event',
|
||||
start: new Date(y, m, d - 5),
|
||||
end: new Date(y, m, d - 2),
|
||||
backgroundColor: App.getBrandColor('green')
|
||||
}, {
|
||||
title: 'Repeating Event',
|
||||
start: new Date(y, m, d - 3, 16, 0),
|
||||
allDay: false,
|
||||
backgroundColor: App.getBrandColor('red')
|
||||
}, {
|
||||
title: 'Repeating Event',
|
||||
start: new Date(y, m, d + 4, 16, 0),
|
||||
allDay: false,
|
||||
backgroundColor: App.getBrandColor('green')
|
||||
}, {
|
||||
title: 'Meeting',
|
||||
start: new Date(y, m, d, 10, 30),
|
||||
allDay: false,
|
||||
}, {
|
||||
title: 'Lunch',
|
||||
start: new Date(y, m, d, 12, 0),
|
||||
end: new Date(y, m, d, 14, 0),
|
||||
backgroundColor: App.getBrandColor('grey'),
|
||||
allDay: false,
|
||||
}, {
|
||||
title: 'Birthday Party',
|
||||
start: new Date(y, m, d + 1, 19, 0),
|
||||
end: new Date(y, m, d + 1, 22, 30),
|
||||
backgroundColor: App.getBrandColor('purple'),
|
||||
allDay: false,
|
||||
}, {
|
||||
title: 'Click for Google',
|
||||
start: new Date(y, m, 28),
|
||||
end: new Date(y, m, 29),
|
||||
backgroundColor: App.getBrandColor('yellow'),
|
||||
url: 'http://google.com/',
|
||||
}]
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
AppCalendar.init();
|
||||
});
|
||||
@@ -0,0 +1 @@
|
||||
var AppCalendar=function(){return{init:function(){this.initCalendar()},initCalendar:function(){if(jQuery().fullCalendar){var e=new Date,t=e.getDate(),a=e.getMonth(),n=e.getFullYear(),r={};App.isRTL()?$("#calendar").parents(".portlet").width()<=720?($("#calendar").addClass("mobile"),r={right:"title, prev, next",center:"",left:"agendaDay, agendaWeek, month, today"}):($("#calendar").removeClass("mobile"),r={right:"title",center:"",left:"agendaDay, agendaWeek, month, today, prev,next"}):$("#calendar").parents(".portlet").width()<=720?($("#calendar").addClass("mobile"),r={left:"title, prev, next",center:"",right:"today,month,agendaWeek,agendaDay"}):($("#calendar").removeClass("mobile"),r={left:"title",center:"",right:"prev,next,today,month,agendaWeek,agendaDay"});var l=function(e){var t={title:$.trim(e.text())};e.data("eventObject",t),e.draggable({zIndex:999,revert:!0,revertDuration:0})},o=function(e){e=0===e.length?"Untitled Event":e;var t=$('<div class="external-event label label-default">'+e+"</div>");jQuery("#event_box").append(t),l(t)};$("#external-events div.external-event").each(function(){l($(this))}),$("#event_add").unbind("click").click(function(){var e=$("#event_title").val();o(e)}),$("#event_box").html(""),o("My Event 1"),o("My Event 2"),o("My Event 3"),o("My Event 4"),o("My Event 5"),o("My Event 6"),$("#calendar").fullCalendar("destroy"),$("#calendar").fullCalendar({header:r,defaultView:"month",slotMinutes:15,editable:!0,droppable:!0,drop:function(e,t){var a=$(this).data("eventObject"),n=$.extend({},a);n.start=e,n.allDay=t,n.className=$(this).attr("data-class"),$("#calendar").fullCalendar("renderEvent",n,!0),$("#drop-remove").is(":checked")&&$(this).remove()},events:[{title:"All Day Event",start:new Date(n,a,1),backgroundColor:App.getBrandColor("yellow")},{title:"Long Event",start:new Date(n,a,t-5),end:new Date(n,a,t-2),backgroundColor:App.getBrandColor("green")},{title:"Repeating Event",start:new Date(n,a,t-3,16,0),allDay:!1,backgroundColor:App.getBrandColor("red")},{title:"Repeating Event",start:new Date(n,a,t+4,16,0),allDay:!1,backgroundColor:App.getBrandColor("green")},{title:"Meeting",start:new Date(n,a,t,10,30),allDay:!1},{title:"Lunch",start:new Date(n,a,t,12,0),end:new Date(n,a,t,14,0),backgroundColor:App.getBrandColor("grey"),allDay:!1},{title:"Birthday Party",start:new Date(n,a,t+1,19,0),end:new Date(n,a,t+1,22,30),backgroundColor:App.getBrandColor("purple"),allDay:!1},{title:"Click for Google",start:new Date(n,a,28),end:new Date(n,a,29),backgroundColor:App.getBrandColor("yellow"),url:"http://google.com/"}]})}}}}();jQuery(document).ready(function(){AppCalendar.init()});
|
||||
@@ -0,0 +1,302 @@
|
||||
var AppInbox = function () {
|
||||
|
||||
var content = $('.inbox-content');
|
||||
var listListing = '';
|
||||
|
||||
var loadInbox = function (el, name) {
|
||||
var url = 'app_inbox_inbox.html';
|
||||
var title = el.attr('data-title');
|
||||
listListing = name;
|
||||
|
||||
App.blockUI({
|
||||
target: content,
|
||||
overlayColor: 'none',
|
||||
animate: true
|
||||
});
|
||||
|
||||
toggleButton(el);
|
||||
|
||||
$.ajax({
|
||||
type: "GET",
|
||||
cache: false,
|
||||
url: url,
|
||||
dataType: "html",
|
||||
success: function(res)
|
||||
{
|
||||
toggleButton(el);
|
||||
|
||||
App.unblockUI('.inbox-content');
|
||||
|
||||
$('.inbox-nav > li.active').removeClass('active');
|
||||
el.closest('li').addClass('active');
|
||||
$('.inbox-header > h1').text(title);
|
||||
|
||||
content.html(res);
|
||||
|
||||
if (Layout.fixContentHeight) {
|
||||
Layout.fixContentHeight();
|
||||
}
|
||||
},
|
||||
error: function(xhr, ajaxOptions, thrownError)
|
||||
{
|
||||
toggleButton(el);
|
||||
},
|
||||
async: false
|
||||
});
|
||||
|
||||
// handle group checkbox:
|
||||
jQuery('body').on('change', '.mail-group-checkbox', function () {
|
||||
var set = jQuery('.mail-checkbox');
|
||||
var checked = jQuery(this).is(":checked");
|
||||
jQuery(set).each(function () {
|
||||
$(this).prop('checked', checked);
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
var loadMessage = function (el, name, resetMenu) {
|
||||
var url = 'app_inbox_view.html';
|
||||
|
||||
App.blockUI({
|
||||
target: content,
|
||||
overlayColor: 'none',
|
||||
animate: true
|
||||
});
|
||||
|
||||
toggleButton(el);
|
||||
|
||||
var message_id = el.parent('tr').attr("data-messageid");
|
||||
|
||||
$.ajax({
|
||||
type: "GET",
|
||||
cache: false,
|
||||
url: url,
|
||||
dataType: "html",
|
||||
data: {'message_id': message_id},
|
||||
success: function(res)
|
||||
{
|
||||
App.unblockUI(content);
|
||||
|
||||
toggleButton(el);
|
||||
|
||||
if (resetMenu) {
|
||||
$('.inbox-nav > li.active').removeClass('active');
|
||||
}
|
||||
$('.inbox-header > h1').text('View Message');
|
||||
|
||||
content.html(res);
|
||||
Layout.fixContentHeight();
|
||||
},
|
||||
error: function(xhr, ajaxOptions, thrownError)
|
||||
{
|
||||
toggleButton(el);
|
||||
},
|
||||
async: false
|
||||
});
|
||||
}
|
||||
|
||||
var initWysihtml5 = function () {
|
||||
$('.inbox-wysihtml5').wysihtml5({
|
||||
"stylesheets": ["../assets/global/plugins/bootstrap-wysihtml5/wysiwyg-color.css"]
|
||||
});
|
||||
}
|
||||
|
||||
var initFileupload = function () {
|
||||
|
||||
$('#fileupload').fileupload({
|
||||
// Uncomment the following to send cross-domain cookies:
|
||||
//xhrFields: {withCredentials: true},
|
||||
url: '../assets/global/plugins/jquery-file-upload/server/php/',
|
||||
autoUpload: true
|
||||
});
|
||||
|
||||
// Upload server status check for browsers with CORS support:
|
||||
if ($.support.cors) {
|
||||
$.ajax({
|
||||
url: '../assets/global/plugins/jquery-file-upload/server/php/',
|
||||
type: 'HEAD'
|
||||
}).fail(function () {
|
||||
$('<span class="alert alert-error"/>')
|
||||
.text('Upload server currently unavailable - ' +
|
||||
new Date())
|
||||
.appendTo('#fileupload');
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
var loadCompose = function (el) {
|
||||
var url = 'app_inbox_compose.html';
|
||||
|
||||
App.blockUI({
|
||||
target: content,
|
||||
overlayColor: 'none',
|
||||
animate: true
|
||||
});
|
||||
|
||||
toggleButton(el);
|
||||
|
||||
// load the form via ajax
|
||||
$.ajax({
|
||||
type: "GET",
|
||||
cache: false,
|
||||
url: url,
|
||||
dataType: "html",
|
||||
success: function(res)
|
||||
{
|
||||
App.unblockUI(content);
|
||||
toggleButton(el);
|
||||
|
||||
$('.inbox-nav > li.active').removeClass('active');
|
||||
$('.inbox-header > h1').text('Compose');
|
||||
|
||||
content.html(res);
|
||||
|
||||
initFileupload();
|
||||
initWysihtml5();
|
||||
|
||||
$('.inbox-wysihtml5').focus();
|
||||
Layout.fixContentHeight();
|
||||
},
|
||||
error: function(xhr, ajaxOptions, thrownError)
|
||||
{
|
||||
toggleButton(el);
|
||||
},
|
||||
async: false
|
||||
});
|
||||
}
|
||||
|
||||
var loadReply = function (el) {
|
||||
var messageid = $(el).attr("data-messageid");
|
||||
var url = 'app_inbox_reply.html';
|
||||
|
||||
App.blockUI({
|
||||
target: content,
|
||||
overlayColor: 'none',
|
||||
animate: true
|
||||
});
|
||||
|
||||
toggleButton(el);
|
||||
|
||||
// load the form via ajax
|
||||
$.ajax({
|
||||
type: "GET",
|
||||
cache: false,
|
||||
url: url,
|
||||
dataType: "html",
|
||||
success: function(res)
|
||||
{
|
||||
App.unblockUI(content);
|
||||
toggleButton(el);
|
||||
|
||||
$('.inbox-nav > li.active').removeClass('active');
|
||||
$('.inbox-header > h1').text('Reply');
|
||||
|
||||
content.html(res);
|
||||
$('[name="message"]').val($('#reply_email_content_body').html());
|
||||
|
||||
handleCCInput(); // init "CC" input field
|
||||
|
||||
initFileupload();
|
||||
initWysihtml5();
|
||||
Layout.fixContentHeight();
|
||||
},
|
||||
error: function(xhr, ajaxOptions, thrownError)
|
||||
{
|
||||
toggleButton(el);
|
||||
},
|
||||
async: false
|
||||
});
|
||||
}
|
||||
|
||||
var handleCCInput = function () {
|
||||
var the = $('.inbox-compose .mail-to .inbox-cc');
|
||||
var input = $('.inbox-compose .input-cc');
|
||||
the.hide();
|
||||
input.show();
|
||||
$('.close', input).click(function () {
|
||||
input.hide();
|
||||
the.show();
|
||||
});
|
||||
}
|
||||
|
||||
var handleBCCInput = function () {
|
||||
|
||||
var the = $('.inbox-compose .mail-to .inbox-bcc');
|
||||
var input = $('.inbox-compose .input-bcc');
|
||||
the.hide();
|
||||
input.show();
|
||||
$('.close', input).click(function () {
|
||||
input.hide();
|
||||
the.show();
|
||||
});
|
||||
}
|
||||
|
||||
var toggleButton = function(el) {
|
||||
if (typeof el == 'undefined') {
|
||||
return;
|
||||
}
|
||||
if (el.attr("disabled")) {
|
||||
el.attr("disabled", false);
|
||||
} else {
|
||||
el.attr("disabled", true);
|
||||
}
|
||||
}
|
||||
|
||||
return {
|
||||
//main function to initiate the module
|
||||
init: function () {
|
||||
|
||||
// handle compose btn click
|
||||
$('.inbox').on('click', '.compose-btn', function () {
|
||||
loadCompose($(this));
|
||||
});
|
||||
|
||||
// handle discard btn
|
||||
$('.inbox').on('click', '.inbox-discard-btn', function(e) {
|
||||
e.preventDefault();
|
||||
loadInbox($(this), listListing);
|
||||
});
|
||||
|
||||
// handle reply and forward button click
|
||||
$('.inbox').on('click', '.reply-btn', function () {
|
||||
loadReply($(this));
|
||||
});
|
||||
|
||||
// handle view message
|
||||
$('.inbox').on('click', '.view-message', function () {
|
||||
loadMessage($(this));
|
||||
});
|
||||
|
||||
// handle inbox listing
|
||||
$('.inbox-nav > li > a').click(function () {
|
||||
loadInbox($(this), 'inbox');
|
||||
});
|
||||
|
||||
//handle compose/reply cc input toggle
|
||||
$('.inbox-content').on('click', '.mail-to .inbox-cc', function () {
|
||||
handleCCInput();
|
||||
});
|
||||
|
||||
//handle compose/reply bcc input toggle
|
||||
$('.inbox-content').on('click', '.mail-to .inbox-bcc', function () {
|
||||
handleBCCInput();
|
||||
});
|
||||
|
||||
//handle loading content based on URL parameter
|
||||
if (App.getURLParameter("a") === "view") {
|
||||
loadMessage();
|
||||
} else if (App.getURLParameter("a") === "compose") {
|
||||
loadCompose();
|
||||
} else {
|
||||
$('.inbox-nav > li:first > a').click();
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
AppInbox.init();
|
||||
});
|
||||
@@ -0,0 +1 @@
|
||||
var AppInbox=function(){var t=$(".inbox-content"),e="",o=function(o,n){var i="app_inbox_inbox.html",a=o.attr("data-title");e=n,App.blockUI({target:t,overlayColor:"none",animate:!0}),p(o),$.ajax({type:"GET",cache:!1,url:i,dataType:"html",success:function(e){p(o),App.unblockUI(".inbox-content"),$(".inbox-nav > li.active").removeClass("active"),o.closest("li").addClass("active"),$(".inbox-header > h1").text(a),t.html(e),Layout.fixContentHeight&&Layout.fixContentHeight()},error:function(t,e,n){p(o)},async:!1}),jQuery("body").on("change",".mail-group-checkbox",function(){var t=jQuery(".mail-checkbox"),e=jQuery(this).is(":checked");jQuery(t).each(function(){$(this).prop("checked",e)})})},n=function(e,o,n){var i="app_inbox_view.html";App.blockUI({target:t,overlayColor:"none",animate:!0}),p(e);var a=e.parent("tr").attr("data-messageid");$.ajax({type:"GET",cache:!1,url:i,dataType:"html",data:{message_id:a},success:function(o){App.unblockUI(t),p(e),n&&$(".inbox-nav > li.active").removeClass("active"),$(".inbox-header > h1").text("View Message"),t.html(o),Layout.fixContentHeight()},error:function(t,o,n){p(e)},async:!1})},i=function(){$(".inbox-wysihtml5").wysihtml5({stylesheets:["../assets/global/plugins/bootstrap-wysihtml5/wysiwyg-color.css"]})},a=function(){$("#fileupload").fileupload({url:"../assets/global/plugins/jquery-file-upload/server/php/",autoUpload:!0}),$.support.cors&&$.ajax({url:"../assets/global/plugins/jquery-file-upload/server/php/",type:"HEAD"}).fail(function(){$('<span class="alert alert-error"/>').text("Upload server currently unavailable - "+new Date).appendTo("#fileupload")})},c=function(e){var o="app_inbox_compose.html";App.blockUI({target:t,overlayColor:"none",animate:!0}),p(e),$.ajax({type:"GET",cache:!1,url:o,dataType:"html",success:function(o){App.unblockUI(t),p(e),$(".inbox-nav > li.active").removeClass("active"),$(".inbox-header > h1").text("Compose"),t.html(o),a(),i(),$(".inbox-wysihtml5").focus(),Layout.fixContentHeight()},error:function(t,o,n){p(e)},async:!1})},l=function(e){var o=($(e).attr("data-messageid"),"app_inbox_reply.html");App.blockUI({target:t,overlayColor:"none",animate:!0}),p(e),$.ajax({type:"GET",cache:!1,url:o,dataType:"html",success:function(o){App.unblockUI(t),p(e),$(".inbox-nav > li.active").removeClass("active"),$(".inbox-header > h1").text("Reply"),t.html(o),$('[name="message"]').val($("#reply_email_content_body").html()),s(),a(),i(),Layout.fixContentHeight()},error:function(t,o,n){p(e)},async:!1})},s=function(){var t=$(".inbox-compose .mail-to .inbox-cc"),e=$(".inbox-compose .input-cc");t.hide(),e.show(),$(".close",e).click(function(){e.hide(),t.show()})},r=function(){var t=$(".inbox-compose .mail-to .inbox-bcc"),e=$(".inbox-compose .input-bcc");t.hide(),e.show(),$(".close",e).click(function(){e.hide(),t.show()})},p=function(t){"undefined"!=typeof t&&(t.attr("disabled")?t.attr("disabled",!1):t.attr("disabled",!0))};return{init:function(){$(".inbox").on("click",".compose-btn",function(){c($(this))}),$(".inbox").on("click",".inbox-discard-btn",function(t){t.preventDefault(),o($(this),e)}),$(".inbox").on("click",".reply-btn",function(){l($(this))}),$(".inbox").on("click",".view-message",function(){n($(this))}),$(".inbox-nav > li > a").click(function(){o($(this),"inbox")}),$(".inbox-content").on("click",".mail-to .inbox-cc",function(){s()}),$(".inbox-content").on("click",".mail-to .inbox-bcc",function(){r()}),"view"===App.getURLParameter("a")?n():"compose"===App.getURLParameter("a")?c():$(".inbox-nav > li:first > a").click()}}}();jQuery(document).ready(function(){AppInbox.init()});
|
||||
@@ -0,0 +1,52 @@
|
||||
/**
|
||||
Todo 2 Module
|
||||
**/
|
||||
var AppTodo2 = function () {
|
||||
|
||||
// private functions & variables
|
||||
|
||||
var _initComponents = function() {
|
||||
|
||||
// init datepicker
|
||||
$('.todo-taskbody-due').datepicker({
|
||||
rtl: App.isRTL(),
|
||||
orientation: "left",
|
||||
autoclose: true
|
||||
});
|
||||
|
||||
// init tags
|
||||
$(".todo-taskbody-tags").select2({
|
||||
placeholder: 'Status'
|
||||
});
|
||||
}
|
||||
|
||||
var _handleProjectListMenu = function() {
|
||||
if (App.getViewPort().width <= 992) {
|
||||
$('.todo-project-list-content').addClass("collapse");
|
||||
} else {
|
||||
$('.todo-project-list-content').removeClass("collapse").css("height", "auto");
|
||||
}
|
||||
}
|
||||
|
||||
// public functions
|
||||
return {
|
||||
|
||||
//main function
|
||||
init: function () {
|
||||
_initComponents();
|
||||
_handleProjectListMenu();
|
||||
|
||||
App.addResizeHandler(function(){
|
||||
_handleProjectListMenu();
|
||||
});
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
}();
|
||||
|
||||
if (App.isAngularJsApp() === false) {
|
||||
jQuery(document).ready(function() {
|
||||
AppTodo2.init();
|
||||
});
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
var AppTodo2=function(){var t=function(){$(".todo-taskbody-due").datepicker({rtl:App.isRTL(),orientation:"left",autoclose:!0}),$(".todo-taskbody-tags").select2({placeholder:"Status"})},o=function(){App.getViewPort().width<=992?$(".todo-project-list-content").addClass("collapse"):$(".todo-project-list-content").removeClass("collapse").css("height","auto")};return{init:function(){t(),o(),App.addResizeHandler(function(){o()})}}}();App.isAngularJsApp()===!1&&jQuery(document).ready(function(){AppTodo2.init()});
|
||||
@@ -0,0 +1,50 @@
|
||||
/**
|
||||
Todo Module
|
||||
**/
|
||||
var AppTodo = function () {
|
||||
|
||||
// private functions & variables
|
||||
|
||||
var _initComponents = function() {
|
||||
|
||||
// init datepicker
|
||||
$('.todo-taskbody-due').datepicker({
|
||||
rtl: App.isRTL(),
|
||||
orientation: "left",
|
||||
autoclose: true
|
||||
});
|
||||
|
||||
// init tags
|
||||
$(".todo-taskbody-tags").select2({
|
||||
tags: ["Testing", "Important", "Info", "Pending", "Completed", "Requested", "Approved"]
|
||||
});
|
||||
}
|
||||
|
||||
var _handleProjectListMenu = function() {
|
||||
if (App.getViewPort().width <= 992) {
|
||||
$('.todo-project-list-content').addClass("collapse");
|
||||
} else {
|
||||
$('.todo-project-list-content').removeClass("collapse").css("height", "auto");
|
||||
}
|
||||
}
|
||||
|
||||
// public functions
|
||||
return {
|
||||
|
||||
//main function
|
||||
init: function () {
|
||||
_initComponents();
|
||||
_handleProjectListMenu();
|
||||
|
||||
App.addResizeHandler(function(){
|
||||
_handleProjectListMenu();
|
||||
});
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
AppTodo.init();
|
||||
});
|
||||
@@ -0,0 +1 @@
|
||||
var AppTodo=function(){var t=function(){$(".todo-taskbody-due").datepicker({rtl:App.isRTL(),orientation:"left",autoclose:!0}),$(".todo-taskbody-tags").select2({tags:["Testing","Important","Info","Pending","Completed","Requested","Approved"]})},o=function(){App.getViewPort().width<=992?$(".todo-project-list-content").addClass("collapse"):$(".todo-project-list-content").removeClass("collapse").css("height","auto")};return{init:function(){t(),o(),App.addResizeHandler(function(){o()})}}}();jQuery(document).ready(function(){AppTodo.init()});
|
||||
|
After Width: | Height: | Size: 171 KiB |
|
After Width: | Height: | Size: 162 B |
|
After Width: | Height: | Size: 29 KiB |
|
After Width: | Height: | Size: 27 KiB |
|
After Width: | Height: | Size: 7.4 KiB |
|
After Width: | Height: | Size: 39 KiB |
|
After Width: | Height: | Size: 19 KiB |
|
After Width: | Height: | Size: 86 KiB |
|
After Width: | Height: | Size: 29 KiB |
|
After Width: | Height: | Size: 796 KiB |
|
After Width: | Height: | Size: 27 KiB |
|
After Width: | Height: | Size: 6.0 KiB |
|
After Width: | Height: | Size: 145 KiB |
|
After Width: | Height: | Size: 299 B |
|
After Width: | Height: | Size: 643 B |
|
After Width: | Height: | Size: 408 B |
|
After Width: | Height: | Size: 604 B |
|
After Width: | Height: | Size: 591 B |
|
After Width: | Height: | Size: 643 B |
|
After Width: | Height: | Size: 600 B |
|
After Width: | Height: | Size: 497 B |
|
After Width: | Height: | Size: 488 B |
|
After Width: | Height: | Size: 428 B |
|
After Width: | Height: | Size: 506 B |
|
After Width: | Height: | Size: 647 B |
|
After Width: | Height: | Size: 403 B |
|
After Width: | Height: | Size: 673 B |
|
After Width: | Height: | Size: 524 B |
|
After Width: | Height: | Size: 663 B |
|
After Width: | Height: | Size: 589 B |
|
After Width: | Height: | Size: 593 B |
|
After Width: | Height: | Size: 585 B |
|
After Width: | Height: | Size: 504 B |
|
After Width: | Height: | Size: 449 B |
|
After Width: | Height: | Size: 497 B |
|
After Width: | Height: | Size: 462 B |
|
After Width: | Height: | Size: 457 B |
|
After Width: | Height: | Size: 675 B |
|
After Width: | Height: | Size: 486 B |
|
After Width: | Height: | Size: 611 B |
|
After Width: | Height: | Size: 639 B |
|
After Width: | Height: | Size: 500 B |
|
After Width: | Height: | Size: 593 B |
|
After Width: | Height: | Size: 526 B |
|
After Width: | Height: | Size: 631 B |
|
After Width: | Height: | Size: 512 B |
|
After Width: | Height: | Size: 443 B |
|
After Width: | Height: | Size: 514 B |
|
After Width: | Height: | Size: 600 B |
|
After Width: | Height: | Size: 628 B |
|
After Width: | Height: | Size: 398 B |
|
After Width: | Height: | Size: 625 B |
|
After Width: | Height: | Size: 528 B |
|
After Width: | Height: | Size: 614 B |
|
After Width: | Height: | Size: 521 B |
|
After Width: | Height: | Size: 367 B |
|
After Width: | Height: | Size: 453 B |
|
After Width: | Height: | Size: 586 B |
|
After Width: | Height: | Size: 450 B |
|
After Width: | Height: | Size: 525 B |
|
After Width: | Height: | Size: 472 B |
|
After Width: | Height: | Size: 483 B |
|
After Width: | Height: | Size: 477 B |
|
After Width: | Height: | Size: 439 B |
|
After Width: | Height: | Size: 563 B |
|
After Width: | Height: | Size: 529 B |
|
After Width: | Height: | Size: 608 B |
|
After Width: | Height: | Size: 428 B |
|
After Width: | Height: | Size: 476 B |
|
After Width: | Height: | Size: 545 B |
|
After Width: | Height: | Size: 572 B |
|
After Width: | Height: | Size: 495 B |
|
After Width: | Height: | Size: 620 B |
|
After Width: | Height: | Size: 508 B |