Message-ID: <4f9f4b22f2d049c4d2bc80bb6844afbc@localhost>
Date: Thu, 11 Aug 2016 12:27:25 +0800
Subject: Application - Ryo Yeung
From: it@grandtag.com
To: ryo.yeung@grandtag.com
Bcc: louis.lee@grandtag.com
MIME-Version: 1.0
Content-Type: multipart/alternative;
 boundary="_=_swift_v4_1470889645_a0b7c988942817677d42e98446b53b1b_=_"


--_=_swift_v4_1470889645_a0b7c988942817677d42e98446b53b1b_=_
Content-Type: text/plain; charset=utf-8
Content-Transfer-Encoding: quoted-printable

=C2=A0
GrandTag Staff Portal=C2=A0

Dear Hong Leung,

Please find my appli=
cation's details below.                               =20

Applicant     =
                          =20

Ryo Yeung

Dept                       =
        =20

IT

Apply Date                               =20

2016=
-08-11

From                               =20

2016-08-01(Mon)

=
To                               =20

2016-08-01(Mon)

Total Day(s)  =
                             =20

1

Request Item

Item          =
                     =20

Airline Ticket

Description                =
               =20

1

Item                               =20

Hote=
l

Description                               =20

2

Approve
=

Reject

--_=_swift_v4_1470889645_a0b7c988942817677d42e98446b53b1b_=_
Content-Type: text/html; charset=utf-8
Content-Transfer-Encoding: quoted-printable

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org=
/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns=3D"http://www.w3.org/1999/=
xhtml">
<head>
    <meta http-equiv=3D"Content-Type" content=3D"text/ht=
ml; charset=3DUTF-8" />
    <title></title>
    </head>
<body>
    =
        <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://ww=
w.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns=3D"http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv=3D"Content-Type" content=3D"text/html; charset=3DU=
TF-8"/>
        <title></title>
            </head>
    <body>
   =20
    <div class=3D"container">
        <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://ww=
w.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns=3D"http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv=3D"Content-Type" content=3D"text/html; charset=3DUTF-8=
"/>
    <title></title>
    </head>
<body>

<table cellpadding=3D"0" cellspacing=3D"0" align=3D"center"
       style=3D"border:1px solid #bcbcbc;border-collapse:collapse;width:670=
px">
    <tbody>
    <tr>
        <td>
            <table cellpadding=3D"0" cellspacing=3D"0" align=3D"center">
                <tbody>
                <tr>
                    <td valign=3D"top" align=3D"left" style=3D"padding:15px=
 15px 0 20px">
                        <table cellpadding=3D"0" cellspacing=3D"0" width=3D=
"635" border=3D"0">
                            <tbody>
                            <tr>
                                <td width=3D"60" height=3D"60" valign=3D"mi=
ddle">
                                    <a href=3D'http://localhost/grandflow/'
                                       style=3D"display:block" target=3D"_b=
lank">
                                        <img border=3D"0"
                                             src=3D"http://localhost/grandf=
low/uploads/gtlogo.png"></a>
                                </td>
                                <td width=3D" 570" height=3D"30" valign=3D"=
middle">&nbsp;
                                    <a href=3D'http://localhost/grandflow/'
                                       style=3D"font-size:18px;font-weight:=
bold;color:#1F2D6F;text-decoration:none"
                                       target=3D"_blank">GrandTag Staff Por=
tal</a>&nbsp;</td>
                            </tr>
                            </tbody>
                        </table>
                    </td>
                </tr>
                <tr>
                    <td valign=3D"top" align=3D"center">
                        <table cellpadding=3D"0" cellspacing=3D"0" width=3D=
"630" style=3D"border-top:1px solid #bcbcbc">
                            <tbody>
                            <tr>
                                <td align=3D"left" valign=3D"middle" width=
=3D"640" height=3D"48"
                                    style=3D"font-size:16px;color:#ff6d07;"=
>
                                    Dear Hong Leung,
                                </td>
                            </tr>
                            <tr>
                                <td align=3D"left" valign=3D"top" width=3D"=
640"
                                    style=3D"font-size:14px;color:#ff6d07;p=
adding-bottom:15px">
                                    Please find my application's details be=
low.                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </td>
                </tr>


    <tr>
        <td align=3D"center" style=3D"padding-bottom:10px">
            <table cellpadding=3D"0" cellspacing=3D"0" border=3D"0" width=
=3D"630">
                <tbody>

               =20
                                            <tr>
                                                            <td align=3D"ce=
nter" valign=3D"middle" width=3D"150" bgcolor=3D"#ff6d07"
                                    style=3D"color: white; padding: 10px;">=
Applicant                                </td>
                                <td align=3D"center" valign=3D"middle" widt=
h=3D"550" bgcolor=3D"#eeeeee"
                                    style=3D"padding: 10px;">

                                                                           =
 <div style=3D"display: inline;">
                                            Ryo Yeung</div>
                                                                    </td>
                                                    </tr>

                                                    <tr>
                                <td bgcolor=3D"#ff6d07"
                                    style=3D"font-size:1px;padding-left: 10=
px; padding-right: 10px;">
                                    <hr width=3D"100%" size=3D"1" noshade=
=3D"" color=3D"#d6d6d6"
                                        style=3D"padding:0px 0px 0px 0px">
                                </td>
                                <td bgcolor=3D"#eeeeee"
                                    style=3D"font-size:1px;padding-left: 10=
px; padding-right: 10px;">
                                    <hr width=3D"100%" size=3D"1" noshade=
=3D"" color=3D"#d6d6d6"
                                        style=3D"padding:0px 0px 0px 0px">
                                </td>
                            </tr>
                                           =20
               =20
                                            <tr>
                                                            <td align=3D"ce=
nter" valign=3D"middle" width=3D"150" bgcolor=3D"#ff6d07"
                                    style=3D"color: white; padding: 10px;">=
Dept                                </td>
                                <td align=3D"center" valign=3D"middle" widt=
h=3D"550" bgcolor=3D"#eeeeee"
                                    style=3D"padding: 10px;">

                                                                           =
 <div style=3D"display: inline;">
                                            IT</div>
                                                                    </td>
                                                    </tr>

                                                    <tr>
                                <td bgcolor=3D"#ff6d07"
                                    style=3D"font-size:1px;padding-left: 10=
px; padding-right: 10px;">
                                    <hr width=3D"100%" size=3D"1" noshade=
=3D"" color=3D"#d6d6d6"
                                        style=3D"padding:0px 0px 0px 0px">
                                </td>
                                <td bgcolor=3D"#eeeeee"
                                    style=3D"font-size:1px;padding-left: 10=
px; padding-right: 10px;">
                                    <hr width=3D"100%" size=3D"1" noshade=
=3D"" color=3D"#d6d6d6"
                                        style=3D"padding:0px 0px 0px 0px">
                                </td>
                            </tr>
                                           =20
               =20
                                            <tr>
                                                            <td align=3D"ce=
nter" valign=3D"middle" width=3D"150" bgcolor=3D"#ff6d07"
                                    style=3D"color: white; padding: 10px;">=
Apply Date                                </td>
                                <td align=3D"center" valign=3D"middle" widt=
h=3D"550" bgcolor=3D"#eeeeee"
                                    style=3D"padding: 10px;">

                                                                           =
 <div style=3D"display: inline;">
                                            2016-08-11</div>
                                                                    </td>
                                                    </tr>

                                                    <tr>
                                <td bgcolor=3D"#ff6d07"
                                    style=3D"font-size:1px;padding-left: 10=
px; padding-right: 10px;">
                                    <hr width=3D"100%" size=3D"1" noshade=
=3D"" color=3D"#d6d6d6"
                                        style=3D"padding:0px 0px 0px 0px">
                                </td>
                                <td bgcolor=3D"#eeeeee"
                                    style=3D"font-size:1px;padding-left: 10=
px; padding-right: 10px;">
                                    <hr width=3D"100%" size=3D"1" noshade=
=3D"" color=3D"#d6d6d6"
                                        style=3D"padding:0px 0px 0px 0px">
                                </td>
                            </tr>
                                           =20
               =20
                                            <tr>
                                                            <td align=3D"ce=
nter" valign=3D"middle" width=3D"150" bgcolor=3D"#ff6d07"
                                    style=3D"color: white; padding: 10px;">=
From                                </td>
                                <td align=3D"center" valign=3D"middle" widt=
h=3D"550" bgcolor=3D"#eeeeee"
                                    style=3D"padding: 10px;">

                                                                           =
 <div style=3D"display: inline;">
                                            2016-08-01(Mon)</div>
                                                                    </td>
                                                    </tr>

                                                    <tr>
                                <td bgcolor=3D"#ff6d07"
                                    style=3D"font-size:1px;padding-left: 10=
px; padding-right: 10px;">
                                    <hr width=3D"100%" size=3D"1" noshade=
=3D"" color=3D"#d6d6d6"
                                        style=3D"padding:0px 0px 0px 0px">
                                </td>
                                <td bgcolor=3D"#eeeeee"
                                    style=3D"font-size:1px;padding-left: 10=
px; padding-right: 10px;">
                                    <hr width=3D"100%" size=3D"1" noshade=
=3D"" color=3D"#d6d6d6"
                                        style=3D"padding:0px 0px 0px 0px">
                                </td>
                            </tr>
                                           =20
               =20
                                            <tr>
                                                            <td align=3D"ce=
nter" valign=3D"middle" width=3D"150" bgcolor=3D"#ff6d07"
                                    style=3D"color: white; padding: 10px;">=
To                                </td>
                                <td align=3D"center" valign=3D"middle" widt=
h=3D"550" bgcolor=3D"#eeeeee"
                                    style=3D"padding: 10px;">

                                                                           =
 <div style=3D"display: inline;">
                                            2016-08-01(Mon)</div>
                                                                    </td>
                                                    </tr>

                                                    <tr>
                                <td bgcolor=3D"#ff6d07"
                                    style=3D"font-size:1px;padding-left: 10=
px; padding-right: 10px;">
                                    <hr width=3D"100%" size=3D"1" noshade=
=3D"" color=3D"#d6d6d6"
                                        style=3D"padding:0px 0px 0px 0px">
                                </td>
                                <td bgcolor=3D"#eeeeee"
                                    style=3D"font-size:1px;padding-left: 10=
px; padding-right: 10px;">
                                    <hr width=3D"100%" size=3D"1" noshade=
=3D"" color=3D"#d6d6d6"
                                        style=3D"padding:0px 0px 0px 0px">
                                </td>
                            </tr>
                                           =20
               =20
                                            <tr>
                                                            <td align=3D"ce=
nter" valign=3D"middle" width=3D"150" bgcolor=3D"#ff6d07"
                                    style=3D"color: white; padding: 10px;">=
Total Day(s)                                </td>
                                <td align=3D"center" valign=3D"middle" widt=
h=3D"550" bgcolor=3D"#eeeeee"
                                    style=3D"padding: 10px;">

                                                                           =
 <div style=3D"display: inline;">
                                            1</div>
                                                                    </td>
                                                    </tr>

                                           =20
               =20
                </tbody>
            </table>
        </td>
    </tr>

<tr>
    <td align=3D"left" valign=3D"middle" style=3D"color: #1F2D6F; padding: =
10px 0 20px 20px;">
        Request Item
    </td>
</tr>



    <tr>
        <td align=3D"center" style=3D"padding-bottom:10px">
            <table cellpadding=3D"0" cellspacing=3D"0" border=3D"0" width=
=3D"630">
                <tbody>

               =20
                                            <tr>
                                                            <td align=3D"ce=
nter" valign=3D"middle" width=3D"150" bgcolor=3D"#1F2D6F"
                                    style=3D"color: white; padding: 10px;">=
Item                                </td>
                                <td align=3D"center" valign=3D"middle" widt=
h=3D"550" bgcolor=3D"#eeeeee"
                                    style=3D"padding: 10px;">

                                                                           =
 <div style=3D"display: inline;">
                                            Airline Ticket</div>
                                                                    </td>
                                                    </tr>

                                                    <tr>
                                <td bgcolor=3D"#1F2D6F"
                                    style=3D"font-size:1px;padding-left: 10=
px; padding-right: 10px;">
                                    <hr width=3D"100%" size=3D"1" noshade=
=3D"" color=3D"#d6d6d6"
                                        style=3D"padding:0px 0px 0px 0px">
                                </td>
                                <td bgcolor=3D"#eeeeee"
                                    style=3D"font-size:1px;padding-left: 10=
px; padding-right: 10px;">
                                    <hr width=3D"100%" size=3D"1" noshade=
=3D"" color=3D"#d6d6d6"
                                        style=3D"padding:0px 0px 0px 0px">
                                </td>
                            </tr>
                                           =20
               =20
                   =20
               =20
                                            <tr>
                                                            <td align=3D"ce=
nter" valign=3D"middle" width=3D"150" bgcolor=3D"#1F2D6F"
                                    style=3D"color: white; padding: 10px;">=
Description                                </td>
                                <td align=3D"center" valign=3D"middle" widt=
h=3D"550" bgcolor=3D"#eeeeee"
                                    style=3D"padding: 10px;">

                                                                           =
 <div style=3D"display: inline;">
                                            1</div>
                                                                    </td>
                                                    </tr>

                                           =20
               =20
                </tbody>
            </table>
        </td>
    </tr>



    <tr>
        <td align=3D"center" style=3D"padding-bottom:10px">
            <table cellpadding=3D"0" cellspacing=3D"0" border=3D"0" width=
=3D"630">
                <tbody>

               =20
                                            <tr>
                                                            <td align=3D"ce=
nter" valign=3D"middle" width=3D"150" bgcolor=3D"#1F2D6F"
                                    style=3D"color: white; padding: 10px;">=
Item                                </td>
                                <td align=3D"center" valign=3D"middle" widt=
h=3D"550" bgcolor=3D"#eeeeee"
                                    style=3D"padding: 10px;">

                                                                           =
 <div style=3D"display: inline;">
                                            Hotel</div>
                                                                    </td>
                                                    </tr>

                                                    <tr>
                                <td bgcolor=3D"#1F2D6F"
                                    style=3D"font-size:1px;padding-left: 10=
px; padding-right: 10px;">
                                    <hr width=3D"100%" size=3D"1" noshade=
=3D"" color=3D"#d6d6d6"
                                        style=3D"padding:0px 0px 0px 0px">
                                </td>
                                <td bgcolor=3D"#eeeeee"
                                    style=3D"font-size:1px;padding-left: 10=
px; padding-right: 10px;">
                                    <hr width=3D"100%" size=3D"1" noshade=
=3D"" color=3D"#d6d6d6"
                                        style=3D"padding:0px 0px 0px 0px">
                                </td>
                            </tr>
                                           =20
               =20
                   =20
               =20
                                            <tr>
                                                            <td align=3D"ce=
nter" valign=3D"middle" width=3D"150" bgcolor=3D"#1F2D6F"
                                    style=3D"color: white; padding: 10px;">=
Description                                </td>
                                <td align=3D"center" valign=3D"middle" widt=
h=3D"550" bgcolor=3D"#eeeeee"
                                    style=3D"padding: 10px;">

                                                                           =
 <div style=3D"display: inline;">
                                            2</div>
                                                                    </td>
                                                    </tr>

                                           =20
               =20
                </tbody>
            </table>
        </td>
    </tr>

<tr>
    <table cellpadding=3D"0" cellspacing=3D"0" align=3D"center">
        <tbody>
        <tr>
            <td valign=3D"top" align=3D"center" style=3D"padding-bottom: 20=
px;">
                <div
                    style=3D"display: inline-block; margin-top: 10px; width=
: 100%;">

                    <a href=3D"http://localhost/grandflow/ticket-handle?uTo=
ken=3DZkPgcLtUV8RcoFIGALbwWHxx6zryBb4O&emailId=3D1&id=3D519&action=3D2"
                       style=3D"text-decoration: none; color: #fff; backgro=
und-color: #337ab7; border-color: #2e6da4; display: inline-block; padding: =
6px 12px; margin-bottom: 0; font-size: 14px;
                    font-weight: normal; line-height: 1.42857143; text-alig=
n: center; white-space: nowrap; vertical-align: middle; touch-action: manip=
ulation; cursor: pointer;
                    -webkit-user-select: none; -moz-user-select: none; -ms-=
user-select: none; user-select: none; border-radius: 4px;
                ">Approve</a>

                    <a href=3D"http://localhost/grandflow/ticket-handle?uTo=
ken=3DZkPgcLtUV8RcoFIGALbwWHxx6zryBb4O&emailId=3D1&id=3D519&action=3D3"
                       style=3D"text-decoration: none; color: #fff; backgro=
und-color: #d9534f; border-color: #d43f3a; display: inline-block; padding: =
6px 12px; margin-bottom: 0; font-size: 14px;
                    font-weight: normal; line-height: 1.42857143; text-alig=
n: center; white-space: nowrap; vertical-align: middle; touch-action: manip=
ulation; cursor: pointer;
                    -webkit-user-select: none; -moz-user-select: none; -ms-=
user-select: none; user-select: none; border-radius: 4px;
                ">Reject</a>
                </div>
            </td>
        </tr>
        </tbody>
    </table>
</tr>

</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<div id=3D"yii-debug-toolbar" data-url=3D"/grandflow/debug/default/toolbar?=
tag=3D57abfb4c18035" style=3D"display:none" class=3D"yii-debug-toolbar-bott=
om"></div><style>
#yii-debug-toolbar-logo {
    position: fixed;
    =
right: 31px;
    bottom: 4px;
}

.yii-debug-toolbar {
    font: 1=
1px Verdana, Arial, sans-serif;
    text-align: left;
    width: 96px;=

    height: 42px;
    transition: width .3s ease;
    z-index: 10000=
00;
}

.yii-debug-toolbar_active {
    width: 100%;
    height: a=
uto;
}

.yii-debug-toolbar_position_top {
    margin: 0 0 20px 0;=

    width: 100%;
}

.yii-debug-toolbar_position_bottom {
    pos=
ition: fixed;
    right: 0;
    bottom: 0;
    margin: 0;
}

.y=
ii-debug-toolbar__bar {
    position: relative;
    padding: 0;
    f=
ont: 11px Verdana, Arial, sans-serif;
    text-align: left;
    height:=
 40px;
    overflow: hidden;

    background: rgb(255, 255, 255);
 =
   background: -moz-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(247, 24=
7, 247) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top=
, rgb(255, 255, 255) 0%, rgb(247, 247, 247) 100%); /* Chrome10-25,Safari5.1=
-6 */
    background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, r=
gb(247, 247, 247) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7=
+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=
=3D'#ffffff', endColorstr=3D'#f7f7f7', GradientType=3D0); /* IE6-9 */

=
    border: 1px solid rgba(0, 0, 0, 0.11);

    /* ensure debug toolbar=
 text is displayed ltr even on rtl pages */
    direction: ltr;
}

=
.yii-debug-toolbar__bar:after {
    content: '';
    display: table;
=
    clear: both;
}

.yii-debug-toolbar__view {
    height: 0;
   =
 overflow: hidden;
    background: white;
    transition: height .3s ea=
se;
}

.yii-debug-toolbar__view iframe {
    margin: 0;
    paddi=
ng: 0;
    padding-top: 10px;
    height: 100%;
    width: 100%;
  =
  border: 0;
}

.yii-debug-toolbar_iframe_active .yii-debug-toolbar__=
view {
    height: 100%;
}

.yii-debug-toolbar__block {
    float=
: left;
    margin: 0;
    border-right: 1px solid rgba(0, 0, 0, 0.11);=

    padding: 4px 8px;
    line-height: 32px;
    white-space: nowrap=
;
}

.yii-debug-toolbar__block_active {
    background: rgb(247, 24=
7, 247); /* Old browsers */
    background: -moz-linear-gradient(top, rgb=
(247, 247, 247) 0%, rgb(224, 224, 224) 100%); /* FF3.6-15 */
    backgrou=
nd: -webkit-linear-gradient(top, rgb(247, 247, 247) 0%, rgb(224, 224, 224) =
100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to b=
ottom, rgb(247, 247, 247) 0%, rgb(224, 224, 224) 100%); /* W3C, IE10+, FF16=
+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.M=
icrosoft.gradient(startColorstr=3D'#f7f7f7', endColorstr=3D'#e0e0e0', Gradi=
entType=3D0); /* IE6-9 */
}

.yii-debug-toolbar__block a {
    disp=
lay: inline-block;
    text-decoration: none;
    color: black;
}
=

.yii-debug-toolbar__block img {
    vertical-align: middle;
}

.=
yii-debug-toolbar__label {
    display: inline-block;
    padding: 2px =
4px;
    font-size: 12px;
    font-weight: normal;
    line-height: 1=
4px;
    white-space: nowrap;
    vertical-align: baseline;
    color=
: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    backgroun=
d-color: #999999;
    -webkit-border-radius: 3px;
       -moz-border-ra=
dius: 3px;
            border-radius: 3px;
}

.yii-debug-toolbar__l=
abel:empty {
    display: none;
}

a.yii-debug-toolbar__label:hover=
,
a.yii-debug-toolbar__label:focus {
    color: #ffffff;
    text-dec=
oration: none;
    cursor: pointer;
}

.yii-debug-toolbar__label_im=
portant {
    background-color: #b94a48;
}

.yii-debug-toolbar__lab=
el_important[href] {
    background-color: #953b39;
}

.yii-debug-t=
oolbar__label_warning,
.yii-debug-toolbar__badge_warning {
    backgrou=
nd-color: #f89406;
}

.yii-debug-toolbar__label_warning[href] {
   =
 background-color: #c67605;
}

.yii-debug-toolbar__label_success {
=
    background-color: #468847;
}

.yii-debug-toolbar__label_success[h=
ref] {
    background-color: #356635;
}

.yii-debug-toolbar__label_=
info {
    background-color: #3a87ad;
}

.yii-debug-toolbar__label_=
info[href] {
    background-color: #2d6987;
}

.yii-debug-toolbar__=
label_inverse,
.yii-debug-toolbar__badge_inverse {
    background-color=
: #333333;
}

.yii-debug-toolbar__label_inverse[href],
.yii-debug-t=
oolbar__badge_inverse[href] {
    background-color: #1a1a1a;
}

.yi=
i-debug-toolbar__title {
    background: rgb(247, 247, 247); /* Old brows=
ers */
    background: -moz-linear-gradient(top, rgb(247, 247, 247) 0%, r=
gb(224, 224, 224) 100%); /* FF3.6-15 */
    background: -webkit-linear-gr=
adient(top, rgb(247, 247, 247) 0%, rgb(224, 224, 224) 100%); /* Chrome10-25=
,Safari5.1-6 */
    background: linear-gradient(to bottom, rgb(247, 247, =
247) 0%, rgb(224, 224, 224) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12=
+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(sta=
rtColorstr=3D'#f7f7f7', endColorstr=3D'#e0e0e0', GradientType=3D0); /* IE6-=
9 */
}

.yii-debug-toolbar__toggle,
.yii-debug-toolbar__external {=

    cursor: pointer;
    position: absolute;

    width: 30px;
 =
   height: 30px;
    font-size: 25px;
    font-weight: 100;
    line-=
height: 28px;
    color: #ffffff;
    text-align: center;

    opac=
ity: 0.5;
    filter: alpha(opacity=3D50);

    transition: opacity .=
3s ease;
}

.yii-debug-toolbar__toggle:hover,
.yii-debug-toolbar__t=
oggle:focus,
.yii-debug-toolbar__external:hover,
.yii-debug-toolbar__ex=
ternal:focus {
    color: #ffffff;
    text-decoration: none;
    opa=
city: 0.9;
    filter: alpha(opacity=3D90);
}

.yii-debug-toolbar__=
toggle-icon,
.yii-debug-toolbar__external-icon {
    display: inline-bl=
ock;

    background-position: 50% 50%;
    background-repeat: no-rep=
eat;
}

.yii-debug-toolbar__toggle {
    right: 10px;
    top: 4p=
x;
}

.yii-debug-toolbar__toggle-icon {
    padding: 7px 0;
    w=
idth: 10px;
    height: 16px;
    background-image: url('data:image/svg=
+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI=
xNSIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDUwIDUwIj48cGF0aCBmaWxsPSIjNDQ0IiBkPS=
JNMTUuNTYzIDQwLjgzNmEuOTk3Ljk5NyAwIDAgMCAxLjQxNCAwbDE1LTE1YTEgMSAwIDAgMCAwL=
TEuNDE0bC0xNS0xNWExIDEgMCAwIDAtMS40MTQgMS40MTRMMjkuODU2IDI1LjEzIDE1LjU2MyAz=
OS40MmExIDEgMCAwIDAgMCAxLjQxNHoiLz48L3N2Zz4=3D');
    transition: -webkit=
-transform .3s ease-out;
    transition: transform .3s ease-out;
}
=

.yii-debug-toolbar_active .yii-debug-toolbar__toggle-icon {
    -webki=
t-transform: rotate(180deg);
    transform: rotate(180deg);
}

.yii=
-debug-toolbar_iframe_active .yii-debug-toolbar__toggle-icon {
    -webki=
t-transform: rotate(90deg);
    transform: rotate(90deg);
}

.yii-d=
ebug-toolbar__external {
    display: none;
    right: 50px;
    top:=
 4px;
}

.yii-debug-toolbar_iframe_active .yii-debug-toolbar__externa=
l {
    display: block;
}

.yii-debug-toolbar__external-icon {
  =
  padding: 8px 0;
    width: 14px;
    height: 14px;
    background-i=
mage: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcm=
cvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDUwIDUwIj48c=
GF0aCBmaWxsPSIjNDQ0IiBkPSJNMzkuNjQyIDkuNzIyYTEuMDEgMS4wMSAwIDAgMC0uMzgyLS4w=
NzdIMjguMTAzYTEgMSAwIDAgMCAwIDJoOC43NDNMMjEuNyAyNi43OWExIDEgMCAwIDAgMS40MTQ=
gMS40MTVMMzguMjYgMTMuMDZ2OC43NDNhMSAxIDAgMCAwIDIgMFYxMC42NDZhMS4wMDUgMS4wMD=
UgMCAwIDAtLjYxOC0uOTI0eiIvPjxwYXRoIGQ9Ik0zOS4yNiAyNy45ODVhMSAxIDAgMCAwLTEgM=
XYxMC42NmgtMjh2LTI4aDEwLjY4M2ExIDEgMCAwIDAgMC0ySDkuMjZhMSAxIDAgMCAwLTEgMXYz=
MGExIDEgMCAwIDAgMSAxaDMwYTEgMSAwIDAgMCAxLTF2LTExLjY2YTEgMSAwIDAgMC0xLTF6Ii8=
+PC9zdmc+');
}
</style><script>(function () {
    'use strict';

=
    var findToolbar =3D function () {
            return document.querySe=
lector('#yii-debug-toolbar');
        },
        ajax =3D function (url=
, settings) {
            var xhr =3D window.XMLHttpRequest ? new XMLHttp=
Request() : new ActiveXObject('Microsoft.XMLHTTP');
            settings =
=3D settings || {};
            xhr.open(settings.method || 'GET', url, t=
rue);
            xhr.setRequestHeader('X-Requested-With', 'XMLHttpReques=
t');
            xhr.setRequestHeader('Accept', 'text/html');
         =
   xhr.onreadystatechange =3D function (state) {
                if (xhr.=
readyState =3D=3D=3D 4) {
                    if (xhr.status =3D=3D=3D 20=
0 && settings.success) {
                        settings.success(xhr);=

                    } else if (xhr.status !=3D 200 && settings.error) {=

                        settings.error(xhr);
                    }
 =
               }
            };
            xhr.send(settings.data || '=
');
        },
        url,
        div,
        toolbarEl =3D find=
Toolbar(),
        barSelector =3D '.yii-debug-toolbar__bar',
        v=
iewSelector =3D '.yii-debug-toolbar__view',
        blockSelector =3D '.y=
ii-debug-toolbar__block',
        toggleSelector =3D '.yii-debug-toolbar_=
_toggle',
        externalSelector =3D '.yii-debug-toolbar__external',
=

        CACHE_KEY =3D 'yii-debug-toolbar',
        ACTIVE_STATE =3D 'a=
ctive',

        activeClass =3D 'yii-debug-toolbar_active',
        =
iframeActiveClass =3D 'yii-debug-toolbar_iframe_active',
        titleCla=
ss =3D 'yii-debug-toolbar__title',
        blockClass =3D 'yii-debug-tool=
bar__block',
        blockActiveClass =3D 'yii-debug-toolbar__block_activ=
e';

    if (toolbarEl) {
        url =3D toolbarEl.getAttribute('dat=
a-url');

        ajax(url, {
            success: function (xhr) {=

                div =3D document.createElement('div');
               =
 div.innerHTML =3D xhr.responseText;

                toolbarEl.parentN=
ode.replaceChild(div, toolbarEl);

                showToolbar(findTool=
bar());
            },
            error: function (xhr) {
          =
      toolbarEl.innerHTML =3D xhr.responseText;
            }
        }=
);
    }

    function showToolbar(toolbarEl) {
        var barEl =
=3D toolbarEl.querySelector(barSelector),
            viewEl =3D toolbarE=
l.querySelector(viewSelector),
            toggleEl =3D toolbarEl.querySe=
lector(toggleSelector),
            externalEl =3D toolbarEl.querySelecto=
r(externalSelector),
            blockEls =3D barEl.querySelectorAll(bloc=
kSelector),
            iframeEl =3D viewEl.querySelector('iframe'),
  =
          iframeHeight =3D function () {
                return (window.i=
nnerHeight * 0.7) + 'px';
            },
            isIframeActive =3D=
 function () {
                return toolbarEl.classList.contains(iframe=
ActiveClass);
            },
            showIframe =3D function (href)=
 {
                toolbarEl.classList.add(iframeActiveClass);

     =
           iframeEl.src =3D externalEl.href =3D href;
                vie=
wEl.style.height =3D iframeHeight();
            },
            hideIfr=
ame =3D function () {
                toolbarEl.classList.remove(iframeAc=
tiveClass);
                removeActiveBlocksCls();

               =
 externalEl.href =3D '#';
                viewEl.style.height =3D '';
 =
           },
            removeActiveBlocksCls =3D function () {
     =
           [].forEach.call(blockEls, function (el) {
                    =
el.classList.remove(blockActiveClass);
                });
            =
},
            toggleToolbarClass =3D function (className) {
          =
      if (toolbarEl.classList.contains(className)) {
                    =
toolbarEl.classList.remove(className);
                } else {
       =
             toolbarEl.classList.add(className);
                }
    =
        },
            toggleStorageState =3D function (key, value) {
 =
               if (window.localStorage) {
                    var item =
=3D localStorage.getItem(key);

                    if (item) {
     =
                   localStorage.removeItem(key);
                    } el=
se {
                        localStorage.setItem(key, value);
        =
            }
                }
            },
            restoreSto=
rageState =3D function (key) {
                if (window.localStorage) {=

                    return localStorage.getItem(key);
                =
}
            },
            togglePosition =3D function () {
       =
         if (isIframeActive()) {
                    hideIframe();
    =
            } else {
                    toggleToolbarClass(activeClass);=

                    toggleStorageState(CACHE_KEY, ACTIVE_STATE);
     =
           }
            };

        toolbarEl.style.display =3D 'blo=
ck';

        if (restoreStorageState(CACHE_KEY) =3D=3D ACTIVE_STATE) {=

            toolbarEl.classList.add(activeClass);
        }

     =
   window.onresize =3D function () {
            if (toolbarEl.classList.=
contains(iframeActiveClass)) {
                viewEl.style.height =3D if=
rameHeight();
            }
        };

        barEl.onclick =3D f=
unction (e) {
            var target =3D e.target,
                bloc=
k =3D findAncestor(target, blockClass);

            if (block && !bloc=
k.classList.contains(titleClass)) {
                while (target !=3D=3D=
 this) {
                    if (target.href) {
                       =
 removeActiveBlocksCls();
                        block.classList.add(blo=
ckActiveClass);
                        showIframe(target.href);
      =
              }
                    target =3D target.parentNode;
     =
           }

                e.preventDefault();
            }
   =
     };

        toggleEl.onclick =3D togglePosition;
    }

    =
function findAncestor(el, cls) {
        while ((el =3D el.parentElement)=
 && !el.classList.contains(cls));
        return el;
    }
})();
</=
script></body>
</html>
    </div>
        </body>
    </html>
    </body>
</html>


--_=_swift_v4_1470889645_a0b7c988942817677d42e98446b53b1b_=_--
