Talenttic_survey/CATI_Tool
2
0
Fork 0
mirror of https://github.com/ACSPRI/queXS synced 2024-04-02 12:12:16 +00:00
Code Issues Releases Activity

styling and lauout syncronization

Browse Source
This commit is contained in:
Alex
2015-07-16 18:36:23 +03:00
parent 000a22466c
commit 350b27295d
3 changed files with 52 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

84
css/index_interface2.css
View File

@@ -127,8 +127,8 @@ body {
list-style: none; list-style: none;
display: inline; display: inline;
float: left; float: left;
width: 145px; width: 220px;
height: 36px; height: 40px;
color:#9f9f9f; color:#9f9f9f;
text-decoration:none; text-decoration:none;
padding:8px 0px 0px 18px; padding:8px 0px 0px 18px;
@@ -139,8 +139,8 @@ body {
list-style: none; list-style: none;
display: inline; display: inline;
float: left; float: left;
width: 145px; width: 220px;
height: 36px; height: 40px;
text-decoration:none; text-decoration:none;
color:#49b848; color:#49b848;
} }
@@ -153,7 +153,7 @@ body {
list-style: none; list-style: none;
display: inline; display: inline;
float: left; float: left;
width: 145px; width: 220px;
height: 36px; height: 36px;
text-decoration:none; text-decoration:none;
color:#9f9f9f; color:#9f9f9f;
@@ -162,7 +162,7 @@ body {
} }
.item_2_half_height a{ .item_2_half_height a{
float: left; float: left;
width: 145px; width: 220px;
height: 1px; height: 1px;
text-decoration:none; text-decoration:none;
color:#b8b8ba; color:#b8b8ba;
@@ -172,7 +172,7 @@ body {
list-style: none; list-style: none;
display: inline; display: inline;
float: left; float: left;
width: 145px; width: 220px;
height: 36px; height: 36px;
text-decoration:none; text-decoration:none;
color:#05b0f7; color:#05b0f7;
@@ -183,7 +183,7 @@ list-style: none;
} }
.item_2_half_height { .item_2_half_height {
float: left; float: left;
width: 145px; width: 220px;
height: 1px; height: 1px;
display:none; display:none;
} }
@@ -192,7 +192,7 @@ list-style: none;
} }
.item_3_half_height { .item_3_half_height {
float: left; float: left;
width: 145px; width: 220px;
height: 1px; height: 1px;
display:none; display:none;
} }
@@ -201,7 +201,7 @@ list-style: none;
list-style: none; list-style: none;
display: inline; display: inline;
float: left; float: left;
width: 145px; width: 220px;
height: 36px; height: 36px;
text-decoration:none; text-decoration:none;
color:#9f9f9f; color:#9f9f9f;
@@ -214,7 +214,7 @@ list-style: none;
list-style: none; list-style: none;
display: inline; display: inline;
float: left; float: left;
width: 145px; width: 220px;
height: 36px; height: 36px;
text-decoration:none; text-decoration:none;
color:#ff3506; color:#ff3506;
@@ -343,9 +343,9 @@ a:active {
.header { .header {
position : absolute; position : absolute;
width : 20%; width : 50%;
height : 38%; height : 30%;
top : 40%; top : 30%;
right : 0; right : 0;
bottom : auto; bottom : auto;
left : 0; left : 0;
@@ -354,31 +354,33 @@ a:active {
#calllist { #calllist {
position : absolute; position : absolute;
width : 50%; width : 50%;
height : 38%; height : 28%;
top : 2%; top : 2%;
left : 50%; left : 48%;
right : 0; right : 1%;
/*max-height:180px;*/ /*max-height:180px;*/
bottom : auto; bottom : auto;
} }
#qstatus { #qstatus {
position : absolute; position : absolute;
width : 30%; width : 30%;
height : 38%; height : 30%;
top : 2%; top : 2%;
right : 0; right : 2%;
left: 20%; left: 17%;
bottom : auto; bottom : auto;
/*max-height:38%;*/ /*max-height:38%;*/
} }
#casefunctions { #casefunctions {
position : absolute; position : absolute;
width : 17%; width : 12%;
height : 38%; height : 30%;
top : 2%; top : 0;
right : 0; right : 0;
left: 3%; left: 0;
font-size:15px; font-size:18px;
padding:1%;
bottom : auto; bottom : auto;
} }
#casefunctions li { #casefunctions li {
@@ -386,11 +388,12 @@ a:active {
} }
#content { #content {
position : absolute; position : absolute;
top : 40%; top : 31%;
left : 0; left : 0.5%;
right :0.5%;
bottom : auto; bottom : auto;
width : 100%; width : 99%;
height : 60%; height : 69%;
} }
.embeddedobject { .embeddedobject {
width:100%; width:100%;
@@ -398,11 +401,11 @@ a:active {
position:absolute; position:absolute;
} }
#main-qstatus { #main-qstatus {
width:185px; width:95%;
/*max-height:116px;*/ /*max-height:116px;*/
position:absolute; position:absolute;
left:3%; left:3%;
top:2%; top:1%;
height:90%; height:90%;
border: 2px solid #e9e9eb; border: 2px solid #e9e9eb;
border-radius: 15px; border-radius: 15px;
@@ -431,7 +434,7 @@ margin: 0 auto;
position:absolute; position:absolute;
top:40%; top:40%;
height:60%; height:60%;
width:160px; width:260px;
left:40%; left:40%;
list-style:none; list-style:none;
} }
@@ -443,20 +446,21 @@ list-style:none;
list-style: none; list-style: none;
display: inline; display: inline;
float: left; float: left;
width: 145px; width: 220px;
height: 36px; height: 40px;
color:#9f9f9f; color:#9f9f9f;
text-decoration:none; text-decoration:none;
padding:8px 0px 0px 18px; padding:8px 0px 0px 18px;
border:none; border:none;
margin-bottom: 20px;
} }
.wait_li_1 a:hover{ .wait_li_1 a:hover{
list-style: none; list-style: none;
display: inline; display: inline;
float: left; float: left;
width: 145px; width: 220px;
height: 36px; height: 40px;
text-decoration:none; text-decoration:none;
color:#49b848; color:#49b848;
} }
@@ -465,8 +469,8 @@ list-style:none;
list-style: none; list-style: none;
display: inline; display: inline;
float: left; float: left;
width: 145px; width: 220px;
height: 36px; height: 40px;
color:#9f9f9f; color:#9f9f9f;
text-decoration:none; text-decoration:none;
padding:8px 0px 0px 18px; padding:8px 0px 0px 18px;
@@ -477,8 +481,8 @@ list-style:none;
list-style: none; list-style: none;
display: inline; display: inline;
float: left; float: left;
width: 145px; width: 220px;
height: 36px; height: 40px;
text-decoration:none; text-decoration:none;
color:#ff3506; color:#ff3506;
} }

2
css/tabber_interface2.css
View File

@@ -45,7 +45,7 @@ ul.tabbernav li a
border-bottom: none; border-bottom: none;
background: #e9e9eb; background: #e9e9eb;
text-decoration: none; text-decoration: none;
font-size: 9px; font-size: 12px;
border-top-left-radius: 5px; border-top-left-radius: 5px;
-moz-border-radius-topleft: 5px; -moz-border-radius-topleft: 5px;
border-top-right-radius: 5px; border-top-right-radius: 5px;

14
index_interface2.php
View File

@@ -194,7 +194,7 @@ else if (HEADER_EXPANDER_MANUAL)
} }
xhtml_head(T_("Case"), $body, array("css/index_interface2.css","css/tabber_interface2.css","include/jquery-ui/jquery-ui.min.css") , $js); xhtml_head(T_("Case"), $body, array("include/bootstrap/css/bootstrap.min.css","css/index_interface2.css","css/tabber_interface2.css","include/jquery-ui/jquery-ui.min.css") , $js);
print $script; print $script;
$case_id = get_case_id($operator_id,true); $case_id = get_case_id($operator_id,true);
@@ -208,9 +208,10 @@ $scr = $db->GetRow($sql);
$sc = $scr['self_complete']; $sc = $scr['self_complete'];
$ref = $scr['referral']; $ref = $scr['referral'];
?>
<ul id="casefunctions" class="header"> ?>
<div id="casefunctions" class="col-sm-2">
<ul id="casefunctions" class="header ">
<li id="item_1"><a href="javascript:poptastic('call_interface2.php');"><?php echo T_("Outcome"); ?> <img src="css/images/play.jpg" /></a></li> <li id="item_1"><a href="javascript:poptastic('call_interface2.php');"><?php echo T_("Outcome"); ?> <img src="css/images/play.jpg" /></a></li>
<li id="item_2_e" class="item_2_full_height"><a href="javascript:poptastic('appointment.php');"><?php echo T_("Appointment"); ?><img src="css/images/plius.jpg" /></a></li> <li id="item_2_e" class="item_2_full_height"><a href="javascript:poptastic('appointment.php');"><?php echo T_("Appointment"); ?><img src="css/images/plius.jpg" /></a></li>
<?php if ($sc == 1) { ?> <?php if ($sc == 1) { ?>
@@ -221,15 +222,15 @@ $ref = $scr['referral'];
<?php } ?> <?php } ?>
<li id="item_3_e" class="item_3_full_height"><a href="?endwork=endwork"><?php echo T_("End work"); ?> <img src="css/images/end.jpg" /></a></li> <li id="item_3_e" class="item_3_full_height"><a href="?endwork=endwork"><?php echo T_("End work"); ?> <img src="css/images/end.jpg" /></a></li>
</ul> </ul>
</div>
<div id="qstatus" class="header col-sm-4">
<div id="qstatus" class="header">
<?php xhtml_object("status_interface2.php","main-qstatus");?> <?php xhtml_object("status_interface2.php","main-qstatus");?>
<?php if (HEADER_EXPANDER_MANUAL){ ?> <div class='headerexpand'><img id='headerexpandimage' src='./images/arrow-up-2.jpg' alt='<?php echo T_('Arrow for expanding or contracting'); ?>'/></div> <?php } ?> <?php if (HEADER_EXPANDER_MANUAL){ ?> <div class='headerexpand'><img id='headerexpandimage' src='./images/arrow-up-2.jpg' alt='<?php echo T_('Arrow for expanding or contracting'); ?>'/></div> <?php } ?>
</div> </div>
<div id="calllist" class="header"> <div id="calllist" class="header col-sm-6">
<div class="tabber" id="tab-main"> <div class="tabber" id="tab-main">
@@ -396,7 +397,6 @@ if (!$call_id)
{ {
$respondent_id = $rs['respondent_id']; $respondent_id = $rs['respondent_id'];
} }
$call_id = get_call($operator_id,$respondent_id,$contact_phone_id,true); $call_id = get_call($operator_id,$respondent_id,$contact_phone_id,true);
} }
} }