<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html ng-app="appStatusApp">
<head>
<link href="//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800" rel="stylesheet" type="text/css" />
<link href="//fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700" rel="stylesheet" type="text/css" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="/angularjs" type="text/javascript"></script>
<script src="/fulljs" type="text/javascript"></script>  
<style>
    body{
	    font: 13px "Open Sans", Arial;
	    height: 100%;
	    margin: 0;
    }
   
    h1{
	    font-size: 18px;
    }
    a{
	    color: #105AB5;
		text-decoration: none;
    }
    a:hover{
	    color: #384460;
    }

	.upgrade{
		width: 100%;
		position: absolute;
		height: 100%;
		overflow: hidden;
		transition: 0.2s;
	}
	.upgrade.view-details {
		overflow-y: scroll;
		background: #f2f2f2;	
	}
	.upgrade.view-details .holder{
		position: static;
		overflow: visible;
	}
	.holder{
		width: 100%;
		height: 100%;
		overflow: hidden;
		position: absolute;
		transition: 0.2s;
	}

    .logo{
	    width: 30px;
	    height: auto;
	    top: 30px;
	    left: 30px;
	    position: fixed;
    }
    .process{
	    max-width: 500px;
	    margin: -150px auto 0 auto;
	    top: 50%;
	    position: relative;
	    text-align: center;
	    transition: 0.3s;
    }
    .process img{
	    width: 200px;
    }
    .version{
	    font-size: 13px;
	    color: #666;
    }
	.operation{
		width: 100%;
	    overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

    .details{
	    font-size: 15px;
	    max-width: 600px;
	    margin: 0 auto;
	    padding: 40px;
	    top: 100%;
	    position: relative;
	    border-radius: 4px 4px 0 0;
	    background: rgba(255,255,255,0.9);
	    z-index: 9;
	    transition: 0.3s;
    }
    .details h1{
	    margin: 0;
    }
    .details a{
	    font-size: 13px;
    }
    .details p{
	    margin-top: 5px;
    }
	.details .btn{
		margin-right: 10px;
	}
    table{
	    font-size: 13px;
	    margin: 80px -40px 0;
	    border-collapse: collapse;
	    border-bottom: 1px solid #E4E4E4;
    }
    table tr td{
	    padding: 15px 40px;
	    vertical-align: top;
	    border-top: 1px solid #E4E4E4;
	    transition: 0.2s;
    }
    table tr td:last-child{
	    text-align: right;
    }
    table tr:hover td{
	    background: #f5f5f5;
    }
    .hide-details{
	    float: right;
    }

    .view-details .details{
	    display: block;
	    top: 0;
    }
    .view-details .process{
	    top: 50px;
	    margin-top: 0;
    }
    .view-details .process h1,
    .view-details .process p,
    .view-details .process a,
	.view-details .process .warning-indicator,
	.view-details .process .error-indicator{
		display: none;
	}
	
	.user{
		color: #666;
	}
	.user svg{
		width: 100px;
		height: 100px;
	}

	a.btn{
		font-size: 15px;
		margin-bottom: 7px;	
		padding: 6px 15px;
		display: inline-block;
		text-decoration: none;
		color: #222;
		border-radius: 3px;
		border: 1px solid #384460;
		transition: 0.2s;
	}
	.btn:hover{
		background: #E1E5EA;
	}

    .warning-indicator,
    .error-indicator{
	    padding: 0px 8px;
	    line-height: 22px;
	    display: inline-block;
	    text-align: center;
	    color: #000;
	    border-radius: 12px;
	    background: yellow;
    }
    .error-indicator{
	    background: #FF9494;
    }
    .error-details{
	    font-size: 13px;
	    margin-top: 20px;
    }    
	.error-details div{
		margin-right: 15px;
		display: inline-block;
	}
    table .error td{
		background: #FFCCCC;
	}
    table .error:hover td{
	    background: #FFBFBF;
    }
    table .warning td{
		background: #FFFFCC;
	}
    table .warning:hover td{
	    background: #FFFFAA;
    }
    table .warning-indicator{
	    left: -85px;
        position: absolute;
    }
    table .error-indicator{
	    left: -65px;
        position: absolute;
    }

	.log-item{
		width: 465px;
		word-wrap: break-word;
	}
	.long-text.log-item{		
		max-height: 50px;
		max-height: 100px;
		overflow: hidden;
		position: relative;
		margin-bottom: 5px;
		transition: 0.2s;
	}	
	.long-text.log-item:before {
	    bottom: 0;
	    content: ";
	    display: block;
	    height: 50px;
	    position: absolute;
	    width: 100%;
	    background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1));
	}
	.long-text.active{
		max-height: none;
	}
	.long-text.active:before{
		display: none;
	}
	
	table tr:hover .long-text.log-item:before{
		background: linear-gradient(to bottom, rgba(245,245,245,0), rgba(245,245,245,1));
	}
	table tr.warning .long-text.log-item:before{
		background: linear-gradient(to bottom, rgba(255,255,204,0), rgba(255,255,204,1));
	}
	table tr.warning:hover .long-text.log-item:before{
		background: linear-gradient(to bottom, rgba(255,255,170,0), rgba(255,255,170,1));
	}
	table tr.error .long-text.log-item:before{
		background: linear-gradient(to bottom, rgba(255,204,204,0), rgba(255,204,204,1));
	}
	table tr.error:hover .long-text.log-item:before{
		background: linear-gradient(to bottom, rgba(255,191,191,0), rgba(255,191,191,1));
	}

	@media (max-width: 640px) {
		body{
		}
		h1{
			font-size: 16px;
			font-weight: normal;
		}
		.logo,
		.process img{
			display: none;
		}
		.process{
			margin-top: -40px;
			color: #888;
		}
	}
</style>
<base href="/">
</head>
<body >
<div class="angular-container" ng-app="appStatusApp" style="display:none">   
     <div ng-controller="appStatusController" class="upgrade" ng-class="{'view-details': detailsVisible}">  
        
        <div style="text-align: center; margin-top: 100px;">
            <img width="16" height="16" title="" alt="" src="data:image/gif;base64,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" />
        </div>
        
        <div ng-if="adminMode && initialized" class="holder">            
	 	
            <div class="process" ng-show="currentAppState === 'Done'">
                
						</div>

            <div class="process" ng-show="currentAppState === 'Failed'">
                
						</div>

			<div class="process" ng-show="currentAppState === 'Upgrading'">
										
						</div>
            
            <div class="process" ng-show="currentAppState === 'Initializing'">
		   
			</div>            

        </div>

        <div ng-if="!adminMode && initialized" class="holder">
            <div class="process user">
		        
                <div ng-show="upgradeMode">
		            
                </div>
                <div ng-show="!upgradeMode">
		            
                </div>
            </div>
	    </div>  
    </div>
</div>
<input type="hidden" id="applicationVirtualPath" value="" />
</body>
</html>