Free javascript Hosting


liviu-script.js

Uploaded on Mar 22 2022 18:06 by kf.kochanski

+function () {
var origContent = document.querySelector('#ha-sidebar');
// Create the first shadow root
var shadowroot1 = origContent.attachShadow({mode: 'open'}); // todo - doczytaj jaki mode tutaj będzie najlepiej ustawić

var style = document.createElement('style');
style.textContent = `
.box {
margin-left: 50px;
margin-top: 50px;
width: 355px;
/*width: 400px;*/
border: 1px solid #e1e1e8;
background-color: #fdfdff;
border-radius: 4px;
padding: 15px;
}

.box hr {
margin: 10px 0 15px;
}

.box .brand {
margin: 0 auto;
width: 295px;
}

.box .form-group {
margin-bottom: 0;
position: relative;
}

.box .text-center {
margin-top: 10px;
}

.box .input-icon-container {
z-index: 3;
position: absolute;
top: 4px;
right: 10px;
font-size: 20px;
}
`;

var rawHtml = `
<div class="brand"><img src="/img/logo.svg" class="logo" alt="Logo"></div>
<div class="lowprio text-center small">
This is a malware analysis service that detects and analyzes unknown threats using a unique <b>Hybrid Analysis</b> technology.
</div>
<hr>
<div class="form-group">
<input type="text" class="form-control" placeholder="Input URL or click paperclip icon for File Submit" autocomplete="off" required=""
oninvalid="this.setCustomValidity('Please specify a valid URL or use the clippy icon to upload a file')" oninput="setCustomValidity('')">
<span class="input-icon-container hover-pointer"><i class="fa fa-paperclip lowprio" aria-hidden="true"></i></span>
<div class="text-center">
<button type="submit" class="btn disabled btn-primary btn-labeled ladda-button" data-process-message="Processing ..." data-step="2" data-style="expand-left">
<span class="ladda-label">Analyze</span> <span class="btn-label btn-label-right"><i class="fa fa-cloud-upload" aria-hidden="true"></i></span><span class="ladda-spinner"></span>
</button>
</div>
</div>
`;
var textEl = document.createElement('div');
textEl.setAttribute('class', 'box');
// textEl.setAttribute('part', 'paragraph')
// textEl.innerHTML='<p>Older <strong>shadow</strong> root inserted by &lt;shadow&gt;</p>'
textEl.innerHTML = rawHtml;

shadowroot1.appendChild(style);
shadowroot1.appendChild(textEl);
}();

Back to list