Repository URL to install this package:
|
Version:
4.0.1641 ▾
|
<!DOCTYPE html>
<html id="hc">
<head>
<meta charset="utf-8">
<title>HipChat</title>
<link rel="stylesheet" href="vendor/aui/5.7.12/css/aui-all.css" media="all">
<link rel="stylesheet" href="libs/libs.min.css" media="all">
<link rel="stylesheet" href="hipchat-client.css" type="text/css"/>
<script src="vendor/prettify/prettify.js"></script>
<style>
.loading-message {
position: absolute;
top: 0;
left: 0;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: column;
flex-flow: column;
-ms-flex-direction: column;
-webkit-justify-content: center;
justify-content: center;
-ms-flex-align: center;
-ms-flex-pack: center;
height: 100%;
width: 100%;
text-align: center;
background-color: #FFF;
align-items: center;
z-index: 1001;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
cursor: default;
}
.loading-message p:first-of-type {
margin-top: 25px;
}
.loading-message .loading-inner svg {
width: 140px;
height: 140px;
margin: 0 auto;
}
.loading-message .loading-failed svg {
height: 105px;
width: 105px;
}
.loading-message .loading-pending img {
width: 105px;
}
.loading-message .loading-failed,
.loading-message .loading-pending img,
.loading-message.sad .loading-pending,
.loading-message.no-anim .loading-pending svg {
display: none;
}
.loading-message .loading-pending,
.loading-message.sad .loading-failed,
.loading-message.no-anim .loading-pending img {
display: block;
}
#icon-hipchat-logo-sad .path1,
#icon-hipchat-logo-sad .path2 {
fill: #205081;
}
#icon-hipchat-logo {
clip-path: url(#icon-hipchat-logo-clip);
fill: none;
stroke: #205081;
}
#icon-hipchat-logo path {
fill: none;
stroke-width: 8;
stroke-linecap: round;
stroke-linejoin: round;
}
#hipchat_bubble {
stroke-dasharray: 340;
stroke-dashoffset: 340;
-webkit-animation: bubble 3s forwards infinite;
animation: bubble 3s forwards infinite;
}
@-webkit-keyframes bubble {
0% {
stroke-dashoffset: 340;
}
30% {
stroke-dashoffset: 0;
}
60% {
stroke-dashoffset: 0;
}
90% {
stroke-dashoffset: -340;
}
100% {
stroke-dashoffset: -340;
}
}
@keyframes bubble {
0% {
stroke-dashoffset: 340;
}
30% {
stroke-dashoffset: 0;
}
60% {
stroke-dashoffset: 0;
}
90% {
stroke-dashoffset: -340;
}
100% {
stroke-dashoffset: -340;
}
}
#hipchat_smile {
stroke-dasharray: 100;
stroke-dashoffset: 100;
-webkit-animation: smile 3s forwards infinite;
animation: smile 3s forwards infinite;
}
@-webkit-keyframes smile {
0% {
stroke-dashoffset: 100;
}
20% {
stroke-dashoffset: 100;
}
30% {
stroke-dashoffset: 0;
}
80% {
stroke-dashoffset: 0;
}
90% {
stroke-dashoffset: -100;
}
100% {
stroke-dashoffset: -100;
}
}
@keyframes smile {
0% {
stroke-dashoffset: 100;
}
20% {
stroke-dashoffset: 100;
}
30% {
stroke-dashoffset: 0;
}
80% {
stroke-dashoffset: 0;
}
90% {
stroke-dashoffset: -100;
}
100% {
stroke-dashoffset: -100;
}
}
</style>
</head>
<body data-init-state="{}">
<svg display="block" height="0" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<symbol id="icon-available-selected" viewBox="0 0 1024 1024">
<title>available-selected</title>
<path class="path1" d="M896 512c0 212.077-171.923 384-384 384s-384-171.923-384-384c0-212.077 171.923-384 384-384s384 171.923 384 384z"></path>
<path class="path2" d="M832 512c0 176.731-143.269 320-320 320s-320-143.269-320-320c0-176.731 143.269-320 320-320s320 143.269 320 320z"></path>
</symbol>
<symbol id="icon-available" viewBox="0 0 1024 1024">
<title>available</title>
<path class="path1" d="M832 512c0 176.731-143.269 320-320 320s-320-143.269-320-320c0-176.731 143.269-320 320-320s320 143.269 320 320z"></path>
</symbol>
<symbol id="icon-dot" viewBox="0 0 1024 1024">
<title>separator</title>
<path class="path1" d="M832 512c0 176.731-143.269 320-320 320s-320-143.269-320-320c0-176.731 143.269-320 320-320s320 143.269 320 320z"></path>
</symbol>
<symbol id="icon-away-selected" viewBox="0 0 1024 1024">
<title>away-selected</title>
<path class="path1" d="M896 512c0 212.077-171.923 384-384 384s-384-171.923-384-384c0-212.077 171.923-384 384-384s384 171.923 384 384z"></path>
<path class="path2" d="M832 512c0 176.731-143.269 320-320 320s-320-143.269-320-320c0-176.731 143.269-320 320-320s320 143.269 320 320z"></path>
<path class="path3" d="M320 448h384v128h-384v-128z"></path>
</symbol>
<symbol id="icon-away" viewBox="0 0 1024 1024">
<title>away</title>
<path class="path1" d="M832 512c0 176.731-143.269 320-320 320s-320-143.269-320-320c0-176.731 143.269-320 320-320s320 143.269 320 320z"></path>
<path class="path2" d="M320 448h384v128h-384v-128z"></path>
</symbol>
<symbol id="icon-xa" viewBox="0 0 1024 1024">
<title>xa</title>
<path class="path1" d="M832 512c0 176.731-143.269 320-320 320s-320-143.269-320-320c0-176.731 143.269-320 320-320s320 143.269 320 320z"></path>
<path class="path2" d="M320 448h384v128h-384v-128z"></path>
</symbol>
<symbol id="icon-xa-selected" viewBox="0 0 1024 1024">
<title>xa-selected</title>
<path class="path1" d="M896 512c0 212.077-171.923 384-384 384s-384-171.923-384-384c0-212.077 171.923-384 384-384s384 171.923 384 384z"></path>
<path class="path2" d="M832 512c0 176.731-143.269 320-320 320s-320-143.269-320-320c0-176.731 143.269-320 320-320s320 143.269 320 320z"></path>
<path class="path3" d="M320 448h384v128h-384v-128z"></path>
</symbol>
<symbol id="icon-dnd-selected" viewBox="0 0 1024 1024">
<title>dnd-selected</title>
<path class="path1" d="M896 512c0 212.077-171.923 384-384 384s-384-171.923-384-384c0-212.077 171.923-384 384-384s384 171.923 384 384z"></path>
<path class="path2" d="M512 192c-69.12 0-132.736 22.528-185.153 59.968l-0.192-0.192-1.92 1.92c-27.327 19.84-51.264 43.776-71.104 71.104l-1.92 1.92 0.192 0.192c-37.376 52.352-59.904 115.968-59.904 185.088 0 176.448 143.552 320 320 320s320-143.552 320-320c0-176.448-143.552-320-320-320v0zM592 672l-240-240 80-80 240 240-80 80z"></path>
</symbol>
<symbol id="icon-dnd" viewBox="0 0 1024 1024">
<title>dnd</title>
<path class="path1" d="M512 192c-69.12 0-132.736 22.528-185.153 59.968l-0.192-0.192-1.92 1.92c-27.327 19.84-51.264 43.776-71.104 71.104l-1.92 1.92 0.192 0.192c-37.376 52.352-59.904 115.968-59.904 185.088 0 176.448 143.552 320 320 320s320-143.552 320-320c0-176.448-143.552-320-320-320v0zM592 672l-240-240 80-80 240 240-80 80z"></path>
</symbol>
<symbol id="icon-mobile-selected" viewBox="0 0 1024 1024">
<title>mobile-selected</title>
<path class="path1" d="M288 64h448c53.019 0 96 42.981 96 96v704c0 53.019-42.981 96-96 96h-448c-53.019 0-96-42.981-96-96v-704c0-53.019 42.981-96 96-96z"></path>
<path class="path2" d="M308.8 128h406.4c29.161 0 52.8 23.639 52.8 52.8v662.4c0 29.161-23.639 52.8-52.8 52.8h-406.4c-29.161 0-52.8-23.639-52.8-52.8v-662.4c0-29.161 23.639-52.8 52.8-52.8z"></path>
<path class="path3" d="M320 256h384v448h-384v-448z"></path>
</symbol>
<symbol id="icon-mobile" viewBox="0 0 1024 1024">
<title>mobile</title>
<path class="path1" d="M308.8 128h406.4c29.161 0 52.8 23.639 52.8 52.8v662.4c0 29.161-23.639 52.8-52.8 52.8h-406.4c-29.161 0-52.8-23.639-52.8-52.8v-662.4c0-29.161 23.639-52.8 52.8-52.8z"></path>
<path class="path2" d="M320 256h384v448h-384v-448z"></path>
</symbol>
<symbol id="icon-unavailable-selected" viewBox="0 0 1024 1024">
<title>unavailable-selected</title>
<path class="path1" d="M896 512c0 212.077-171.923 384-384 384s-384-171.923-384-384c0-212.077 171.923-384 384-384s384 171.923 384 384z"></path>
<path class="path2" d="M832 512c0 176.731-143.269 320-320 320s-320-143.269-320-320c0-176.731 143.269-320 320-320s320 143.269 320 320z"></path>
<path class="path3" d="M736 512c0 123.712-100.288 224-224 224s-224-100.288-224-224c0-123.712 100.288-224 224-224s224 100.288 224 224z"></path>
</symbol>
<symbol id="icon-unavailable" viewBox="0 0 1024 1024">
<title>unavailable</title>
<path class="path1" d="M832 512c0 176.731-143.269 320-320 320s-320-143.269-320-320c0-176.731 143.269-320 320-320s320 143.269 320 320z"></path>
<path class="path2" d="M736 512c0 123.712-100.288 224-224 224s-224-100.288-224-224c0-123.712 100.288-224 224-224s224 100.288 224 224z"></path>
</symbol>
<symbol id="icon-hipchat-logo" viewBox="0 0 1024 1024">
<title>hipchat-logo</title>
<path class="path1" d="M791.552 574.464c0-10.24-8.192-20.48-20.48-20.48-5.12 0-9.216 2.048-13.312 5.12-51.2 46.080-139.264 87.040-245.76 88.064v0c-105.472 0-191.488-43.008-245.76-88.064-3.072-3.072-10.24-5.12-14.336-5.12-12.288 0-19.456 10.24-19.456 22.528 0 9.216 6.144 16.384 11.264 24.576 30.72 46.080 124.928 122.88 267.264 122.88h2.048c142.336 0 236.544-77.824 267.264-122.88 5.12-8.192 11.264-18.432 11.264-26.624z"></path>
<path class="path2" d="M932.864 929.792c-35.84-20.48-70.656-55.296-86.016-103.424-3.072-9.216 0-17.408 7.168-22.528 104.448-79.872 169.984-197.632 169.984-328.704 0-243.712-229.376-441.344-512-441.344s-512 197.632-512 441.344c0 243.712 229.376 441.344 512 441.344 36.864 0 72.704-3.072 107.52-10.24 8.192-2.048 15.36 0 21.504 4.096 69.632 43.008 174.080 78.848 266.24 78.848 29.696 0 40.96-18.432 40.96-35.84-1.024-9.216-6.144-18.432-15.36-23.552zM795.648 886.784c2.048 2.048 2.048 4.096 2.048 6.144 0 3.072-3.072 5.12-6.144 5.12-25.6 0-104.448-43.008-146.432-77.824-6.144-5.12-13.312-6.144-24.576-4.096-34.816 7.168-70.656 11.264-108.544 11.264-235.52 0-425.984-157.696-425.984-352.256s190.464-352.256 425.984-352.256c235.52 0 425.984 157.696 425.984 352.256 0 115.712-67.584 219.136-173.056 282.624-7.168 4.096-14.336 12.288-14.336 22.528 0 21.504 19.456 72.704 45.056 106.496z"></path>
</symbol>
<clippath id="icon-hipchat-logo-clip">
<path fill="#205081" d="M-330.9,316.9c-3.1-1.8-6.1-4.7-7.4-8.8c-0.3-0.8,0-1.4,0.6-1.9c9-6.9,14.7-16.9,14.7-28.1
c0-20.8-19.7-37.7-44.1-37.7s-44.1,16.9-44.1,37.7c0,20.8,19.7,37.7,44.1,37.7c3.2,0,6.3-0.3,9.3-0.8c0.7-0.1,1.3,0,1.8,0.3
c6,3.7,14.4,6.7,22.8,6.7c2.5,0,3.6-1.6,3.6-3C-329.7,318-330.2,317.3-330.9,316.9z M-342.8,313.2c0.1,0.2,0.2,0.3,0.2,0.5
c0,0.3-0.2,0.4-0.5,0.4c-2.2,0-9-3.6-12.6-6.6c-0.5-0.4-1.2-0.6-2.2-0.4c-3,0.6-6.1,1-9.4,1c-20.3,0-36.7-13.4-36.7-30
c0-16.6,16.4-30,36.7-30c20.3,0,36.7,13.4,36.7,30c0,9.9-5.9,18.7-14.9,24.1c-0.6,0.4-1.2,1.1-1.2,1.9
C-346.6,306-344.9,310.3-342.8,313.2z" />
<path fill="#205081" d="M-344.1,288.8c0.5-0.7,1-1.5,1-2.3c0-0.9-0.8-1.7-1.8-1.7c-0.4,0-0.8,0.1-1.2,0.4c-4.4,4-12,7.4-21.1,7.5h0
c-9.1,0-16.5-3.7-21.1-7.5c-0.3-0.2-0.8-0.4-1.2-0.4c-1.1,0-1.7,0.9-1.7,1.9c0,0.8,0.5,1.4,1,2.1c2.6,3.9,10.8,10.5,23,10.5h0.2
C-354.9,299.4-346.7,292.7-344.1,288.8z" />
</clippath>
<symbol id="icon-hipchat-logo-sad" viewBox="0 0 1024 1024">
<title>hipchat-logo-sad</title>
<path class="path1" d="M232.448 657.536c0 10.24 8.192 20.48 20.48 20.48 5.12 0 9.216-2.048 13.312-5.12 51.2-46.080 139.264-87.040 245.76-88.064v0c105.472 0 191.488 43.008 245.76 88.064 3.072 3.072 10.24 5.12 14.336 5.12 12.288 0 19.456-10.24 19.456-22.528 0-9.216-6.144-16.384-11.264-24.576-30.72-46.080-124.928-122.88-267.264-122.88h-2.048c-142.336 0-236.544 77.824-267.264 122.88-5.12 8.192-11.264 18.432-11.264 26.624z"></path>
<path class="path2" d="M932.864 929.792c-35.84-20.48-70.656-55.296-86.016-103.424-3.072-9.216 0-17.408 7.168-22.528 104.448-79.872 169.984-197.632 169.984-328.704 0-243.712-229.376-441.344-512-441.344s-512 197.632-512 441.344c0 243.712 229.376 441.344 512 441.344 36.864 0 72.704-3.072 107.52-10.24 8.192-2.048 15.36 0 21.504 4.096 69.632 43.008 174.080 78.848 266.24 78.848 29.696 0 40.96-18.432 40.96-35.84-1.024-9.216-6.144-18.432-15.36-23.552zM795.648 886.784c2.048 2.048 2.048 4.096 2.048 6.144 0 3.072-3.072 5.12-6.144 5.12-25.6 0-104.448-43.008-146.432-77.824-6.144-5.12-13.312-6.144-24.576-4.096-34.816 7.168-70.656 11.264-108.544 11.264-235.52 0-425.984-157.696-425.984-352.256s190.464-352.256 425.984-352.256c235.52 0 425.984 157.696 425.984 352.256 0 115.712-67.584 219.136-173.056 282.624-7.168 4.096-14.336 12.288-14.336 22.528 0 21.504 19.456 72.704 45.056 106.496z"></path>
</symbol>
</defs>
</svg>
<div id="hipchat"></div>
<div class="loading-message">
<div class="loading-outer">
<div class="loading-inner">
<div class="loading-pending">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-423 229.6 111.8 103.4" enable-background="new -423 229.6 111.8 103.4" xml:space="preserve">
<g id="icon-hipchat-logo">
<path id="hipchat_smile" d="M-343.1,284.8c-9.9,11.2-24,11.2-24,11.2s-16.4-0.7-24-11.2" />
<path id="hipchat_bubble" d="M-353.3,312.9l-3.5-2.5c-3.2,0.7-6.8,2-10.1,2c-22.5,0-40.9-15.3-40.9-34.1c0-18.8,18.3-34.1,40.9-34.1c22.5,0,40.9,15.3,40.9,34.1
c0,10.6-8.1,20.3-18.1,26.8c0.4,1.4,1.7,4,3.1,5.8c0.7,0.9,7.6,6.5,7.6,7.6C-333.5,321-353.3,312.9-353.3,312.9z" />
</g>
</svg>
</div>
<div class="loading-failed">
<svg><use xlink:href="#icon-hipchat-logo-sad"></use></svg>
</div>
</div>
</div>
<p>Loading...</p>
</div>
<script>
window.resolution = ("devicePixelRatio" in window ? devicePixelRatio : 1);
window.assetBaseUri = "./";
window.ENV = null;
window.VERSION_ID = null;
</script>
<script src="preload.js"></script>
<script src="libs/libs.min.js"></script>
<script src="main.js"></script>
<script src="hipchat-client.js"></script>
</body>
</html>