You are on page 1of 21

<!

DOCTYPE html><html lang="en"><head>


<title>TeamDrive Generator</title>
<!-- Logo of the website -->
<link rel="apple-touch-icon" sizes="180x180"
href="https://i.imgur.com/9m7KEx1.png">
<link rel="icon" type="image/png" sizes="32x32"
href="https://i.imgur.com/IFen7sx.png">
<link rel="icon" type="image/png" sizes="16x16"
href="https://i.imgur.com/9GIrFwq.png">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Bootstrap -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-
icons@1.5.0/font/bootstrap-icons.css">
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css"
rel="stylesheet" integrity="sha384-
+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x"
crossorigin="anonymous">
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js"
integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4"
crossorigin="anonymous"></script><style type="text/css">* {user-select: auto !
important; -webkit-user-select: auto !important;}</style><input type="hidden"
id="inject_idm_text_selection">
<!-- Needed Libraries -->
<script type="text/javascript" src="https://code.jquery.com/jquery-
3.6.0.min.js"></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/Jacky-
lei1/PicGO/css/classic-button.css" integrity="sha256-
2O3BzKqYcXKGjs+J3+o9xNpfM0E2iKYC69I6oI73Yoc=" crossorigin="anonymous">
<!-- Hcaptcha -->
<script src="https://hcaptcha.com/1/api.js" async="" defer=""></script>

<!----------------------------------------------->
<!-- Configure the theme of the generator here -->
<!----------------------------------------------->
<style>
/*--------------------------------------------------*/
/*------------------General theme-------------------*/
/*--------------------------------------------------*/
*{
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Lato', 'Arial', sans-serif;
}
header{
background-image: url("https://picsum.photos/2000/2000");
background-size: cover;
background-position: center;
height: 100vh;
}
.hidden {
display: none;
}
.btn{
margin-bottom: 0;
}

/*--------------------Scrollbar---------------------*/
/*size of the scrollbar*/
::-webkit-scrollbar {
width: 10px;
}
::-webkit-scrollbar-track {
box-shadow: inset 0 0 0 pink;
border-radius: 50px;
}
::-webkit-scrollbar-thumb {
background: #606060;
border-radius: 15px;
}
::-webkit-scrollbar-thumb:hover {
background: #424242;
}
/*-----------------End scrollbar--------------------*/

/*----------------------Spinner---------------------*/
.center{
left: 42%;
position: relative;
max-width: 45px
}

#nest5 {
display: block;
height: 45px;
width: 45px;

left: 50%;
right: 50%;
transform: translate(-50%, -50%);
border: 3px solid transparent;
border-top-color: #4285F4;
border-radius: 50%;
left: 50%;
right: 50%;
margin-bottom: 25px;
margin-top: 25px;
transform: translate(-50%, -50%);
-webkit-animation: spin11 2s linear infinite;
animation: spin11 2s linear infinite;
}

#nest5:before {
content: "";
position: absolute;
top: 7px;
right: 7px;
bottom: 7px;
left: 7px;
border: 3px solid transparent;
border-radius: 50%;
border-top-color: #DB4437;
-webkit-animation: spin11 3s linear infinite;
animation: spin11 3s linear infinite;
}

#nest5:after {
content: "";
top: 15px;
position: absolute;
right: 15px;
bottom: 15px;
left: 15px;
border: 3px solid transparent;
border-radius: 50%;
border-top-color: #F4B400;
-webkit-animation: spin11 1.5s linear infinite;
animation: spin11 1.5s linear infinite;
}

@-webkit-keyframes spin11 {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes spin11 {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
/*-----------------End of spinner-------------------*/

/*--------------------- Pop-Up ---------------------*/

.mainbox,
.popupwindows{
position: absolute;
top: 50%;
left: 50%;
right: 50%;
transform: translate(-50%, -50%);
width: 80%;
padding: 20px;
text-align: center;
border-radius: 20px;
max-width: 725px;
}

.mainbox{
background-color: rgba(34,34,34,0.5);
z-index: 3;
backdrop-filter: blur(20px);
}

.popupwindows{
background-color: rgba(34,34,34,0.1);
backdrop-filter: blur(20px);
}

.popupmaintitle{
margin-top: 20px;
margin-bottom: 20px;
}

/*This is the sub-titles of the popup*/


.popuptitles{
font-size: 115%;
color: white;
font-weight: bold; /* Add bold effect to the title */
text-decoration: underline;
}

/*Set a space between the popup title and the paragraphs*/


.warnmsg,
.popuptitles{
margin-top: 30px;
}

.warnmessage{
color: #f4f4f4;
}

.overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.6);
backdrop-filter: blur(3px);
z-index: 90;
}
/*------------------- End Pop-Up -------------------*/

/*--------------------------------------------------*/
/*-----------------End General Theme----------------*/
/*--------------------------------------------------*/
/*--------------------------------------------------*/
/*------------------ Specific Theme-----------------*/
/*--------------------------------------------------*/

/*------------------- Main Title -------------------*/


.titleyellow {
margin-top: 20px;
font-size: 160%;
color: #fcda00;
text-shadow: 2px 2px #494949;
margin-bottom: 70px;
}

/*---------------------- Form ----------------------*/


.form-group{
max-width: 400px;
position: relative;
text-align: left;
left: 50%;
right: 50%;
transform: translate(-50%, -50%);
}
option {
background-color: #353535;
}
input[type=text], select, textarea {
background-color: rgba(34,34,34,0.6);
border-radius: 30px;
color: #a3a3a3;
}
input[type=email], select, textarea {
background-color: rgba(34,34,34,0.6);
border-radius: 30px;
color: #a3a3a3;
padding-left: 10px;
}
input[type=text]:focus {
background-color: rgba(34,34,34,0.9);
color: white;
}
input[type=email]:focus {
background-color: rgba(34,34,34,0.9);
color: white;
}

.dropdownlist{
max-width: 400px;
}
.h-captcha{
left: 50%;
margin-top: 50px;
margin-bottom: -60px;
transform: translate(11%);
}
.btncreate {
position: relative;
margin-top: 35px;
margin-bottom: 10px;
}
.form-control{
margin-top: 3%;
margin-bottom: 1%;
}
/*-------------------- End Form --------------------*/

/*----------------- Telegram Links -----------------*/


.btntlg {
margin: 0;
position: relative;
margin-bottom: 35px;
}
/*--------------- End Telegram Links ---------------*/

/*------------------- Status bar -------------------*/


.status{
margin-bottom: -10px;
position: relative;
background-color: rgba(0, 0, 0, 0.2);
border-radius: 30px;
max-width: 500px;

left: 50%;
transform: translate(-50%);
}
.statop{
color: lawngreen;
}
.statnw{
color: darkred;
}
.statfx{
color: darkgoldenrod;
}
/*----------------- End Status bar -----------------*/

/*------------------- PopUp Create -----------------*/


.creatingtitle{
margin-top: 2rem;
color: #fff;
font-size: 160%;
}
.green{
color: lawngreen;
}
.drivecreated{
color: #fff;
font-size: 110%;
margin-top: 25px;
margin-bottom: 25px;
}
.linkdrivecreated{
color: #71e002;
}
.linkdrivecreated:hover{
color: #4c9107;
}
.aftercreation {
padding-left: 4%;
padding-right: 4%;
}
/*----------------- End PopUp Create ---------------*/

/*------------------- PopUp Error ------------------*/


.popupwindows{
z-index: 400;
background-color: rgba(34,34,34,0.96);
}

.warn{
color: cyan;
}

.closepopup{
text-align: center;
font-size: 100%;
cursor: pointer;
color: white;
}
.btn-lg.round {
border-radius: 24px;
}
.errorsub{
margin-left: 10px;
margin-right: 10px;
}
/*----------------- End PopUp Error ----------------*/

/*------------------- Pop-Up Info ------------------*/


.helpbtn{
font-weight: bold;
z-index: 399;
font-size: 110%;
color: #8f9392;

margin-bottom: -10px;
position: relative;
background-color: rgba(0, 0, 0, 0.5);
border-radius: 30px;
max-width: 20px;

left: 100%;
transform: translate(-100%);
}
.helpbtn:hover{
color: #3f3f3f;
background-color: #191c1b ;
cursor: help;
}

/*Sow the modal in the top of the windows*/


.infopopup{
z-index: 999;
}

/* Links */
.info{
color: #fcda00;
}
.info:hover{
color: #db8c04;
}
.donate{
margin-top: 20px;
margin-bottom: -3px;
color: #8f9392;
text-shadow: 1px 1px #3f3f3f;
font-size: 85%;
}
.version{
color: #8f9392;
margin-bottom: -10px;
}
/*----------------- End Pop-Up Info ----------------*/

/*------------------ Pop-Up Error ------------------*/


.close-modal {
position: absolute;
top: 1%;
right: 2%;
font-size: 25px;
color: rgba(255, 255, 255, 0.4);
cursor: pointer;
border: none;
background: none;
}
.close-modal:hover,
.copyerror:hover{
color: rgba(255, 255, 255, 0.8);
}
.errortitle{
margin-top: 2rem;
color: #fff;
}
.supportbtn{
margin-bottom: 2rem;
}
.copyerror{
position: absolute;
border: none;
background: rgba(32, 32, 32, 0.85);
color: rgba(255, 255, 255, 0.4);
bottom:20px;
right:32px;
}
.errortb{
border-radius: 7px;
margin-bottom: 10px;
margin-top: 20px; color:#fff;
resize: none;
outline: none;
padding-top: 2px;
width: 100%;
}
.textareaerr{
display:inline-block;
position:relative;
padding-left: 5%;
padding-right: 5%;
width: 90%;
max-width: 500px;
}

.modalErr,
.modalCreate {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 90%;
max-width: 500px;

text-align: center;
background-color: rgba(32, 32, 32, 0.85);
color: rgb(184, 180, 180);
border-radius: 10px;
box-shadow: 0 3rem 5rem rgba(0, 0, 0, 0.3);
z-index: 100;
backdrop-filter: blur(3px);
}

.modalCreate{
z-index: 95;
}
/*---------------- End Pop-Up Error ----------------*/

/*--------------------Responsive--------------------*/
@media (max-width: 750px ) {
.mainbox,
.popupwindows{
width: 97%;
top: 50%;
left: 50%;
right: 50%;
}
.titleyellow{
font-size: 130%;
}
.dropdownlist{
width: 99%;
}
}

@media (max-width: 760px) {


.h-captcha{
margin-top: 50px;
margin-bottom: -60px;
}
.modalErr{
width: 90%;
}
}
/*-----------------End of responsive----------------*/

/*--------------------------------------------------*/
/*---------------- End Specific Theme---------------*/
/*--------------------------------------------------*/

</style>
</head>

<body>

<header>
<!-- Warning modal-->
<div class="popupwindows warnpopup hidden">
<h1 class="popupmaintitle warn">Before using</h1>
<p class="warnmessage">
<br>This website is a free generator of <a class="warn"
href="https://support.google.com/a/users/answer/9310156" target="_blank">shared
drives</a>. <br>
But free doesn't mean that you can abuse!<br>

<br></p>
<h3 class="popuptitles">What is considered as abuse?</h3>
<p class="warnmessage">
- Creating <a class="warn" href="https://t.me/msgsuitechat/3011"
target="_blank">tens of empty shared drives</a> <br>
- Storing Tb of data that you will never use<br>
- Storing illegal stuff or porn
</p>
<h3 class="popuptitles">What are the possible consequences due to abuse?
</h3>
<p class="warnmessage">
- Google will put restrictions as <a class="warn"
href="https://t.me/msgsuite/10" target="_blank">they will do on EDU</a><br>
- University and organizations can delete all team drives<br>
- University and organizations will cancelled their subscription (worst
case scenario)<br><br>
</p>
<p class="warnmessage warnmsg">
Abusing this free service will lead to more google restrictions.
</p>
<div class="btncreate">
<button type="submit" class="btn btn-outline-info btn-sm btn-lg round
closepopup">I accept the terms</button>
</div>

</div>

<!-- Help Modal -->


<div class="popupwindows infopopup hidden">
<h1 class="popupmaintitle" style="color: #fcda00;">Help &amp; About</h1>

<h3 class="popuptitles">Common questions</h3>


<p class="warnmessage">
<a style="font-weight: bold">Q: What is a shared drive?</a><br>
A: See <a class="info"
href="https://support.google.com/a/users/answer/9310156" target="_blank">this
Google Support post</a> learn more about Shared Drives<br>

</p>
<p class="warnmessage">
<a style="font-weight: bold">Q: How much data can I put on a shared
drive?</a><br>
A: Just like my drive, the shared drives have limits too. Read <a
class="info" href="https://support.google.com/a/answer/7338880"
target="_blank">this article</a> to learn <br>more about these restrictions.<br>
</p>
<p class="warnmessage">
<a style="font-weight: bold">Q: How long will last my shared drive?
</a><br>
A: Theoretically, a shared drive is for life. BUT if you store illegal
things, porn, or abuse<br> the free storage, your shared drive can be deleted
either by Google or by the subscription owner.
</p>

<h3 class="popuptitles">About this website</h3>


<p class="warnmessage">
This website has been created in February 2021 by the MsGsuite
Admin.<br>
Three months after the public launch of it, <a class="info"
href="https://t.me/msgsuite/22" target="_blank">70k shared drive has been
created</a>.<br>
I made this free website because I believe that everyone should have
free and abundant cloud storage.<br>
</p>
<p class="warnmessage warnmsg">
If you have more questions, do not hesitate to ask them into our <a
class="info" href="https://t.me/msgsuitechat" target="_blank">chat</a>
</p>
<div class="btncreate">
<button type="submit" class="btn btn-outline-warning btn-sm btn-lg
round closeinfo">Go back to the generator</button>
</div>
<div>
<p class="donate">Donate : 1EyzXHCLBspmVStE6DohBVWRQUhevwYZW1</p>
<p class="version">v4.2 - MsGsuite 2021</p>
</div>
</div>

<!-- Main windows (the generator) -->


<div class="mainbox">
<div class="info-form">
<form id="teamDriveForm">
<!-- Button to show the help modal -->
<h1 class="status helpbtn">?</h1>
<!-- Logo and title -->
<h1><img
src="https://upload.wikimedia.org/wikipedia/commons/1/12/Google_Drive_icon_
%282020%29.svg" alt="Google Logo" style="width:50px;height:50px;"></h1>
<h5 class="titleyellow"><b>Create Google Shared Drives for FREE !
</b></h5>
<!-- Input area for the shared drive name-->
<div class="form-group">
<input type="text" class="form-control" id="teamDriveName"
placeholder="💬 Shared Drive name">
</div>
<!-- Input area for the email address-->
<div class="form-group">
<input type="email" class="form-control" id="emailAddress"
placeholder="✉️ Your Gmail address">
</div>

<!-- List of your different domains -->


<div class="form-group">
<select id="channel" style="height: 27px;" type="text"
list="chlist" class="dropdownlist">
<option value="0" selected="">🎲 Random</option>
<option value="1">01 - Zespół Szkół z Oddziałami Sportowymi
nr 1</option>
<option value="2">02 - Universidad de Puerto Rico
2</option>
<option value="3">03 - Lincoln Academy</option>
<option value="4">04 - Zespół Szkół z Oddziałami Sportowymi
nr 1</option>
<option value="5">05 - Texas Woman's University | Thanks to
@Hidden404not</option>
<option value="6">06 - Özel Yönder Okulları</option>
<option value="7">07 - Ngee Ann Polytechnic</option>
<option value="8">08 - Secretaria Municipal de Educação de
São Paulo – SME</option>
<option value="9">09 - OŠ "Sečenji Ištvan"
Subotica</option>
<option value="10">10 - Wadsworth City Schools</option>
<option value="11">11 - Clark County School
District</option>
<option value="12">12 - Lindsey Wilson College</option>
<option value="13">13 - Springfield Public Schools</option>
<option value="14">14 - Nordoniaschools.org</option>
<option value="15">15 - 彰化藝術高中</option>
<option value="16">16 - Fachoberschule für Wirtschaft,
Grafik und Kommunikation Julius und Gilbert Durst</option>
<option value="17">17 - 51 Средно Училище "Елисавета
Багряна"</option>
<option value="18">18 - SAIS Dubai</option>
<option value="19">19 - sekaschool.ac.th | Thanks to
crackhub.site</option>
<option value="20">20 - High Tech High</option>
<option value="21">21 - Instituto Educacional
Crescer</option>
<option value="22">22 - Brookville Local School
District</option>
<option value="23">23 - Kendriya Vidyalaya Sangathan
Ernakulam Region</option>
<option value="24">24 - Montgomery Bell Academy</option>
<option value="25">25 - Școala Gimnazială Jimbolia</option>
<option value="26">26 - Green Dot Public Schools</option>
<option value="27">27 - Russell County Public
Schools</option>
<option value="28">28 - Franklin County Schools</option>
<option value="29">29 - Maumee City Schools</option>
<option value="30">30 - George L Egbert Intermediate
School</option>
<option value="31">31 - COLEGIO CRISTO REY</option>
<option value="32">32 - IPAE</option>
<option value="33">33 - Pennsauken Public Schools</option>
<option value="34">34 - North Crawford School
District</option>
<option value="35">35 - Garland ISD</option>
<option value="36">36 - Central Square School
District</option>
<option value="37">37 - Endeavour Learning Trust</option>
<option value="38">38 - Școala Gimnazială "Sfântul Nicolae"
Târgu Jiu</option>
<option value="39">39 - Secretaria de Estado de Educação do
Distrito Federal</option>
<option value="40">40 - Secretaria de Estado de Educação do
Distrito Federal 2</option>
<option value="41">41 - Dinas Pendidikan DKI Jakarta
Indonesia</option>
<option value="42">42 - Orange County Public
Schools</option>
<option value="43">43 - Instituto Educacional
Crescer</option>
<option value="44">44 - Instituto Educacional Crescer
2</option>
<option value="45">45 - DepEd Dasmariñas</option>
<option value="46">46 - Liceul Waldorf Cluj</option>
<option value="47">47 - Los Rios Community College
District</option>
<option value="48">48 - Morris Community High
School</option>
<option value="49">49 - Holyoke Community College</option>
<option value="50">50 - Three H Redwood Academy</option>
<option value="51">51 - Szkola Podstawowa Nr 1 w
Choszcznie</option>
<option value="52">52 - Winooski School District</option>
<option value="53">53 - Columbus City Schools</option>
<option value="54">54 - Lasnamae Gymnasium (in estonian
Lasnamäe Gümnaasium)</option>
<option value="55">55 - Linden Unified School
District</option>
<option value="56">56 - Основно училище "Княз Александър
I"</option>
<option value="57">57 - CORPORACION EDUCACIONAL PARTHENON
COLLEGE</option>
<option value="58">58 - Schools Division Office of Quezon
City</option>
<option value="59">59 - IIS Campus dei Licei "Massimiliano
Ramadù"</option>
<option value="60">60 - Colegios Mendel</option>
<option value="61">61 - CNEC CHRISTIAN COLLEGE</option>
<option value="62">62 - UNIDAD EDUCATIVA RODRIGUEZ
ALBORNOZ</option>
<option value="63">63 - Township High School District
113</option>
<option value="64">64 - Střední škola ARCUS,
s.r.o.</option>
<option value="65">65 - Lung Kong World Federation School
Limited Lau Wong Fat Secondary School</option>
<option value="66">66 - Marks Kommun</option>
<option value="67">67 - COLEGIO CRISTO REY</option>
<option value="68">68 - Theatre Arts Production
Company</option>
<option value="69">69 - Instituto Educacional
Crescer</option>
<option value="70">70 - Lakeland School District 2</option>
<option value="71">71 - Lakeland School District 3</option>
<option value="72">72 - Cabarrus County Schools</option>
<option value="73">73 - Testing</option>
<option value="74">74 - SMK cerme 2 </option>
<option value="75">75 - SMK cerme 3</option>
<option value="76">76 - SMK cerme 4</option>
<option value="77">77 - SMK cerme 5</option>
<option value="78">78 - Nation Star Academy</option>
<option value="79">79 - Queens College Indore</option>
<option value="80">80 - Escola Secundária Francisco
Franco</option>
<option value="81">81 - Escola Secundária Francisco Franco
2</option>
<option value="82">82 - Agrupamento de Escola Portela e
Moscavide</option>
<option value="83">83 - Liceul Tehnologic nr. 1
Luduș</option>
<option value="84">84 - District School Board of
Niagara</option>
<option value="85">85 - Maskwacis Education Schools
Commission (MESC)</option>
<option value="86">86 - Veljko Dugošević</option>
<option value="87">87 - Centre de services scolaire Marie-
Victorin</option>
<option value="88">88 - CSSVDC</option>
<option value="89">89 - Halton District School
Board</option>
<option value="90">90 - McMaster University</option>
<option value="91">91 - Stuyvesant</option>
<option value="92">92 - Dirección de Bachillerato
Tecnológico</option>
<option value="93">93 - Naujosios Akmenės "Saulėtekio"
progimnazija</option>
<option value="94">94 - 서울특별시교육청</option>
<option value="95">95 - Liceo "Alfonso Gatto"</option>
<option value="96">96 - Дмитрівська загальноосвітня школа
І-ІІІ ступенів</option>
<option value="97">97 - Kang Chiao International School
Linkou Campus</option>
<option value="98">98 - Kementerian Pendidikan dan
Kebudayaan Indonesia (SMP)</option>
<option value="99">99 - Kwun Tong Maryknoll
College</option>
<option value="100" disabled="">100 - MsGsuite Enterprise
(trial subscription)</option>
<option value="101">101 - Universidad de Salamanca</option>
<option value="102">102 - Alghad Almoshreq Azharian
Institute</option>
<option value="103">103 - มหาวิทยาลั ยศิลปากร</option>
<option value="104">104 - Real Colegio San Franciso de
Asis</option>
<option value="105">105 - DEM de la Comuna de
Cisnes</option>
<option value="106">106 - Lycée Charles de Gaulle</option>
<option value="107">107 - Colégio Master</option>
<option value="108">108 - Prefeitura Municipal de
Canoas/RS</option>
<option value="109">109 - Secretaria Municipal de Educação
de São Paulo – SME</option>
<option value="110">110 - UNOESC</option>
<option value="111">111 - SEED</option>
<option value="112">112 - SEED 2</option>
<option value="113">113 - SED-SC</option>
<option value="114">114 - Професионална гимназия по
механотехника, електроника, телекомуникации и транспорт "Христо Ботев"</option>
<option value="115">115 - Colegio Universitario
Patagónico</option>
<option value="116">116 - SAIS Dubai</option>
<option value="117">117 - SUNY Orange | Thanks to Legendus
Maximus</option>
<option value="118">118 - ГТШ "Бранко Жежељ"</option>
<option value="119">119 - Beylikdüzü Büyükşehir
Ortaokulu</option>
<option value="120">120 - Colegiul Tehnic „Gheorghe Asachi”
Botosani</option>
<option value="121" disabled="">121 - Școala Gimnazială
”Ion Minulescu”</option>
<option value="122">122 - Școala Gimnazială Ilva
Mare</option>
<option value="123">123 - Școala Gimnazială "George Emil
Palade" Buzău</option>
<option value="124">124 - Liceul cu Program Sportiv
"Nicolae Rotaru" Constanța</option>
<option value="125">125 - Liceul Teoretic Waldorf
Iasi</option>
<option value="126">126 - ȘCOALA GIMNAZIALĂ "HATMANUL
ȘENDREA" DOLHEȘTII MARI</option>
<option value="127">127 - Liceul Teoretic "Ady Endre"
Oradea</option>
<option value="128">128 - Clark County School
District</option>
<option value="129">129 - Montgomery Public
Schools</option>
<option value="130">130 - Schools Division Office of Quezon
City</option>
<option value="131">131 - Secretaria de Educacao da
Prefeitura de Jaguariuna</option>
<option value="132">132 - Secretaria de Educacao da
Prefeitura de Jaguariuna 2</option>
<option value="133">133 - La Salle Argentina</option>
<option value="134">134 - Opinnet.fi</option>
<option value="135">135 - SEDUC - Secretaria da Educação do
Rio Grande do Sul</option>
<option value="136">136 - Instituto Educacional
Crescer</option>
<option value="137">137 - Crowley ISD</option>
<option value="138" disabled="">138 - Colegio Libertador
Simón Bolívar</option>
<option value="139">139 - Liceul de Arte "Dr. Palló Imre"
Odorheiu Secuiesc</option>
<option value="140">140 - DepEd Cavite Province</option>
<option value="141">141 - Liceul Tehnologic "Elie
Radu"</option>
<option value="142">142 - Escuela Secundaria Técnica
144</option>
<option value="143">143 - Dwujęzyczne Szkoły im. W.
Kopalińskiego</option>
<option value="144">144 - 莒光國小</option>
<option value="145">145 - Hackett Public School
District</option>
<option value="146">146 - ZSP Witkowo</option>
<option value="147">147 - Szkoła Podstawowa nr 40 w
Gdyni</option>
<option value="148">148 - Collège Français</option>
<option value="149">149 - Pyhäjoen kunta</option>
<option value="150">150 - Secretaria de Educação de Taboão
da Serra</option>
</select>
</div>
<!-- Hcaptcha verification -->
<div class="form-group">
<div class="h-captcha" data-sitekey="1b25fe2c-fa04-4ae0-b1b7-
61d10597299c" data-theme="dark"><iframe
src="https://newassets.hcaptcha.com/captcha/v1/7b183e4/static/hcaptcha-
checkbox.html#id=0r03liogxc2&amp;host=td.msgsuite.workers.dev&amp;sentry=true&amp;r
eportapi=https%3A%2F
%2Faccounts.hcaptcha.com&amp;recaptchacompat=true&amp;custom=false&amp;hl=en&amp;tp
links=on&amp;sitekey=1b25fe2c-fa04-4ae0-b1b7-61d10597299c&amp;theme=dark"
title="widget containing checkbox for hCaptcha security challenge" tabindex="0"
frameborder="0" scrolling="no" data-hcaptcha-widget-id="0r03liogxc2" data-hcaptcha-
response="" style="width: 303px; height: 78px; overflow:
hidden;"></iframe><textarea id="g-recaptcha-response-0r03liogxc2" name="g-
recaptcha-response" style="display: none;"></textarea><textarea id="h-captcha-
response-0r03liogxc2" name="h-captcha-response" style="display:
none;"></textarea></div>
</div>
<!-- Function do customize the theme of the created shared drive
(disabled by default) -->
<div id="customThemeSection" class="d-none">
<div id="teamDriveThemePreview"></div>
<div id="teamDriveThemeOptions">
<div class="form-check">
<input class="form-check-input" type="radio"
name="teamDriveTheme" id="teamDriveThemeOptionRandom" value="random" checked="">
</div>
</div>
</div>

<!-- Button create -->


<div class="btncreate">
<button type="submit" class="btn btn-primary">Create</button>
</div>
<!-- Telegram Channel & Chat buttons -->
<div class="btntlg">
<a class="btn btn-danger btn-sm btn-lg round"
href="https://www.t.me/msgsuite" target="_blank" role="button">Telegram Channel</a>
<a class="btn btn-secondary btn-sm btn-lg round"
href="https://www.t.me/msgsuitechat" target="_blank" role="button">Telegram Chat
</a>
</div>

<!-- Status bar. You have to change the values manually -->
<div class="status">
<p class="btn statop">Operational: 147</p>
<p class="btn statnw">Non Working: 3</p>
<p class="btn statfx">Fixing: 3</p>
</div>
</form>
</div>
</div>

<!-- Modal Create Shared Drive -->


<div class="modalCreate hidden">
<button class="close-modal closecreatesd">×</button>
<h5 class="creatingtitle">Creating your shared drive</h5>
<div class="beforecreation">
<p>This can take some time. Please wait.</p>
<div class="center"><div id="nest5"></div></div>
</div>
<div class="aftercreation hidden">
<p class="drivecreated">You can find your shared drive here : <a
class="linkdrivecreated" href="https://drive.google.com/drive/u/0/shared-drives"
target="_blank">My Shared Drives</a></p>
<p>Thanks for using our services! To be informed about the last updates and
news, follow us on Telegram.</p>
<a class="btn btn-secondary btn-sm btn-lg round supportbtn"
href="https://www.t.me/msgsuite" target="_blank" role="button">Telegram Channel</a>
</div>
</div>

<!-- Modal Error -->


<div class="modalErr hidden">
<button class="close-modal closeerror">×</button>
<h2 class="errortitle">💀 We've got an error!</h2>
<div class="textareaerr">
<textarea id="areaerror" name="myTextBox" class="errortb" readonly="">The
error message will be displayed here instead of this dummy text</textarea>
<button onclick="copyMyText()" class="copyerror bi bi-files"></button>
</div>
<p class="errorsub">Most of time, trying again solve the problem. If you don't
understand the error message, please send it to the support chat. They will help
you solve it.</p>
<a class="btn btn-secondary btn-sm btn-lg round supportbtn"
href="https://www.t.me/msgsuitechat" target="_blank" role="button">Telegram Support
Chat</a>
</div>

<div class="overlay hidden"></div>

<script>

'use strict'

const modal = document.querySelector('.modalErr');


const modalCreate = document.querySelector('.modalCreate');
const overlay = document.querySelector('.overlay');
const btnClose = document.querySelector('.closeerror');
const btnCloseCreate = document.querySelector('.closecreatesd');
const popupwindows = document.querySelector('.warnpopup'); // Warining (terms &
conditions) PopUp
const closewarnings = document.querySelector('.closepopup'); // Close the
warnings
const helpbtn = document.querySelector('.helpbtn'); // Help Buton
const closehelpbtn = document.querySelector('.closeinfo');
const infopupup = document.querySelector('.infopopup');
const creatingtitle = document.querySelector('.creatingtitle');

const closewanings = function(){


popupwindows.classList.add('hidden');
}
const openinfo = function(){
infopupup.classList.remove('hidden');
}

const closeinfo = function(){


infopupup.classList.add('hidden');
}

const closeModal = function(){


modal.classList.add('hidden');
overlay.classList.add('hidden');
modalCreate.classList.add('hidden');
}
const closeModalCreate = function(){
modalCreate.classList.add('hidden');
overlay.classList.add('hidden');
}

closewarnings.addEventListener('click', closewanings)
btnClose.addEventListener('click', closeModal)
btnCloseCreate.addEventListener('click', closeModalCreate)

helpbtn.addEventListener('click', openinfo)
closehelpbtn.addEventListener('click', closeinfo)

function copyMyText() {
//select the element with the id "copyMe", must be a text box
var textToCopy = document.getElementById("areaerror");
//select the text in the text box
textToCopy.select();
//copy the text to the clipboard
document.execCommand("copy");
}
</script>
<script>
var teamDriveThemes;
$("input[id=customTheme]").change(function() {
if ($(this).is(":checked")) {
$("#customThemeSection").removeClass("d-none");
} else {
$("#customThemeSection").addClass("d-none");
$("input[name=teamDriveTheme]")[0].click();
}
});
$.get("/teamDriveThemes", function(json) {
teamDriveThemes = json.teamDriveThemes;
$.each(json.teamDriveThemes, function(i, item) {
$("#teamDriveThemeOptions").append(`
<div class="form-check">
<input
class="form-check-input"
type="radio"
name="teamDriveTheme"
id="teamDriveThemeOption-${item.id}"
value="${item.id}"
/>
<label class="form-check-label" for="teamDriveThemeOption-${item.id}">
${item.id}
</label>
</div>
`);
});
$("input[name=teamDriveTheme]").change(function() {
var themeId = this.value;
if (themeId === "random") {
$("#teamDriveThemePreview").html("");
} else {
var theme = teamDriveThemes.find(function(t) {
return t.id == themeId;
});
$("#teamDriveThemePreview").html(
`
<div class="card" style="background-color: ${theme.colorRgb}">
<img src="${theme.backgroundImageLink}" class="card-img-top" alt="$
{theme.id}" />
<div class="card-body">
<h5 class="card-text" style="color: white">
${theme.id}
</h5>
</div>
</div>
`
);
}
});
$("#teamDriveForm").on("submit", function(event) {
event.preventDefault();
document.querySelector('.modalCreate').classList.remove('hidden');
document.querySelector('.overlay').classList.remove('hidden');
document.querySelector('.creatingtitle').classList.remove('green');
document.querySelector('.beforecreation').classList.remove('hidden');
document.querySelector('.aftercreation').classList.add('hidden');
creatingtitle.textContent = 'Creating your shared drive';
$.ajax({
type: "POST",
url: "/drive",
data: JSON.stringify({
teamDriveName: $("input[id=teamDriveName]").val(),
teamDriveThemeId: $("input[name=teamDriveTheme]:checked").val(),
emailAddress: $("input[id=emailAddress]").val(),
channel: $("select[id=channel]").val(),
recaptcha: hcaptcha.getResponse()
}),
success: function(data) {
creatingtitle.textContent = '✅ Your shared drive has been created';
document.querySelector('.creatingtitle').classList.add('green');
document.querySelector('.beforecreation').classList.add('hidden');
document.querySelector('.aftercreation').classList.remove('hidden');
},
error: function(request, status, error) {
const errmsg = request.responseText;
document.getElementById('areaerror').value = errmsg;
document.querySelector('.modalErr').classList.remove('hidden');
document.querySelector('.overlay').classList.remove('hidden');
},
contentType: "application/json"
});
});
});
</script>

</header><div aria-hidden="true" style="background-color: rgb(255, 255, 255);


border: 1px solid rgb(215, 215, 215); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 4px;
border-radius: 4px; left: -10000px; top: -10000px; z-index: -2147483648; position:
absolute; transition: opacity 0.15s ease-out 0s; opacity: 0; visibility:
hidden;"><div style="position: relative; z-index: 1;"><iframe
src="https://newassets.hcaptcha.com/captcha/v1/7b183e4/static/hcaptcha-
challenge.html#id=0r03liogxc2&amp;host=td.msgsuite.workers.dev&amp;sentry=true&amp;
reportapi=https%3A%2F
%2Faccounts.hcaptcha.com&amp;recaptchacompat=true&amp;custom=false&amp;hl=en&amp;tp
links=on&amp;sitekey=1b25fe2c-fa04-4ae0-b1b7-61d10597299c&amp;theme=dark"
title="Main content of the hCaptcha challenge" frameborder="0" scrolling="no"
style="border: 0px; z-index: 2000000000; position: relative;"></iframe></div><div
style="width: 100%; height: 100%; position: fixed; pointer-events: none; top: 0px;
left: 0px; z-index: 0; background-color: rgb(255, 255, 255); opacity:
0.05;"></div><div style="border-width: 11px; position: absolute; pointer-events:
none; margin-top: -11px; z-index: 1; right: 100%;"><div style="border-width: 10px;
border-style: solid; border-color: transparent rgb(255, 255, 255) transparent
transparent; position: relative; top: 10px; z-index: 1;"></div><div style="border-
width: 11px; border-style: solid; border-color: transparent rgb(215, 215, 215)
transparent transparent; position: relative; top: -11px; z-index:
0;"></div></div></div></body></html>

You might also like