Файловый менеджер

Файловый менеджер - Редактировать - /home/clickysoft/public_html/curator-club.clickysoft.net/upload-song-curator.html

Назад
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Curator Club - Upload Song Curator</title> <link rel="icon" type="image/x-icon" href="images/curator-favicon.png"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous"> <link href="css/main.css" rel="stylesheet"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css" integrity="sha512-yHknP1/AwR+yx26cB1y0cjvQUMvEa2PFzt1c9LlS4pRQ5NOTZFWbhBig+X9G9eYW/8m0/4OXNx8pxJ6z57x0dw==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <link rel="stylesheet" href="css/animate.css"> </head> <body> <!-- HEADER SECTION BEGIN --> <header class="header how-it-work-header" id="header"> <div class="container-fluid"> <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12 col-12"> <div class="header-inner account-setting-pg"> <nav class="navbar container"> <a href="index.html" class="brand"><img src="images/logo.png" alt="image" class="img-fluid"></a> <div class="burger" id="burger"> <span class="burger-line"></span> <span class="burger-line"></span> <span class="burger-line"></span> </div> <div class="menu" id="menu"> <ul class="menu-inner"> <li class="menu-item"><a href="index.html" class="menu-link">Home</a></li> <li class="menu-item"><a href="list-of-curators.html" class="menu-link">List of Curators </a></li> <li class="menu-item mobile-dropdown-hide"> <a href="javascript:void(0)" class="menu-link"> <div id="dropdown-wrapper" class="dropdown-wrapper" tabindex="1"> <span>How it works </span> <ul class="dropdown-list"> <li><a href="how-it-works-curator.html">Curator</a></li> <li><a href="how-it-works-artist.html">Artist</a></li> <li><a href="how-it-works-influencer.html">influencer</a></li> </ul> </div> </a> </li> <li class="menu-item mobile-dropdown"> <p> <a class="btn btn-primary" data-toggle="collapse" href="#collapseExample" role="button" aria-expanded="false" aria-controls="collapseExample"> How it works <i class="fa fa-angle-down" aria-hidden="true"></i> </a> </p> <div class="collapse" id="collapseExample"> <div class="card card-body"> <ul class="mobile-dropdown-accordian"> <li><a href="how-it-works-curator.html">Curator</a></li> <li><a href="how-it-works-artist.html">Artist</a></li> <li><a href="how-it-works-influencer.html">influencer</a></li> </ul> </div> </div> </li> <li class="menu-item"><a href="help.html" class="menu-link">Help </a></li> <li class="menu-item"> <div class="btns-flex curator-mobile-show"> <div class="cur-login-btn"> <div class='profile'> <div class='avatar'> <i class="fa fa-bell" aria-hidden="true"></i> </div> </div> <div class='profiledropdown'> <ul> <li class='option'> <a href="javascript:void(0)"> <div class="not-flex"> <div class="not-img"> <img src="images/avatar-small-img.png" alt="image" class="img-fluid"> </div> <div class="not-cont"> <p>Jeff Jordan <span>promoted your answer</span></p> </div> </div> </a> </li> <li class='option'> <a href="javascript:void(0)"> <div class="not-flex"> <div class="not-img"> <img src="images/avatar-small-img.png" alt="image" class="img-fluid"> </div> <div class="not-cont"> <p>Jeff Jordan <span>promoted your answer</span></p> </div> </div> </a> </li> <li class='option'> <a href="javascript:void(0)"> <div class="not-flex"> <div class="not-img"> <img src="images/avatar-small-img.png" alt="image" class="img-fluid"> </div> <div class="not-cont"> <p>Jeff Jordan <span>promoted your answer</span></p> </div> </div> </a> </li> <li class='option'> <a href="javascript:void(0)"> <div class="not-flex"> <div class="not-img"> <img src="images/avatar-small-img.png" alt="image" class="img-fluid"> </div> <div class="not-cont"> <p>Jeff Jordan <span>promoted your answer</span></p> </div> </div> </a> </li> <li class='option'> <a href="javascript:void(0)"> <div class="not-flex"> <div class="not-img"> <img src="images/avatar-small-img.png" alt="image" class="img-fluid"> </div> <div class="not-cont"> <p>Jeff Jordan <span>promoted your answer</span></p> </div> </div> </a> </li> </ul> </div> </div> <div class="cur-signup-btn"> <div class="user-menu-wrap"> <div class="jeff-cont"> <a class="mini-photo-wrapper2" href="javascript:void(0)"><img class="mini-photo" src="images/avatar-small-img.png" alt="image" width="80" height="80"/> Jeff Jordan </a> </div> <div class="menu-container2"> <ul class="user-menu"> <div class="profile-highlight"> <img src="images/avatar-small-img.png" alt="profile-img" width=36 height=36> <div class="details"> <div id="profile-name">Jeff Jordan</div> <div id="profile-footer"><a href="javascript:void(0)" class="jeff-mail">jjordan@mail.com</a></div> <div><a href="javascript:void(0)" class="jeff-view-profile">View Profile</a></div> </div> </div> <li class="user-menu__item"> <a class="user-menu-link" href="javascript:void(0)"> <div>My Campaigns</div> </a> </li> <li class="user-menu__item"> <a class="user-menu-link" href="javascript:void(0)"> <div>My Credits <span class="pull-right credit-amount-content">30 <img src="images/cur-small-logo.png" alt="image" class="img-fluid"></span></div> </a> </li> <li class="user-menu__item"> <a class="user-menu-link" href="javascript:void(0)"> <div>Settings</div> </a> </li> <li class="user-menu__item"> <a class="user-menu-link" href="javascript:void(0)"> <div>Help</div> </a> </li> <li class="user-menu__item"> <a class="user-menu-link" href="javascript:void(0)"> <div>Log Out</div> </a> </li> </ul> </div> </div> </div> </div> </li> </ul> </div> </nav> <div class="btns-flex curator-mobile-hide"> <div class="cur-login-btn"> <div class='profile'> <div class='avatar'> <i class="fa fa-bell" aria-hidden="true"></i> </div> </div> <div class='profiledropdown'> <ul> <li class='option'> <a href="javascript:void(0)"> <div class="not-flex"> <div class="not-img"> <img src="images/avatar-small-img.png" alt="image" class="img-fluid"> </div> <div class="not-cont"> <p>Natalie Portman <span>promoted your answer</span></p> </div> </div> </a> </li> <li class='option'> <a href="javascript:void(0)"> <div class="not-flex"> <div class="not-img"> <img src="images/avatar-small-img.png" alt="image" class="img-fluid"> </div> <div class="not-cont"> <p>Natalie Portman <span>promoted your answer</span></p> </div> </div> </a> </li> <li class='option'> <a href="javascript:void(0)"> <div class="not-flex"> <div class="not-img"> <img src="images/avatar-small-img.png" alt="image" class="img-fluid"> </div> <div class="not-cont"> <p>Natalie Portman <span>promoted your answer</span></p> </div> </div> </a> </li> <li class='option'> <a href="javascript:void(0)"> <div class="not-flex"> <div class="not-img"> <img src="images/avatar-small-img.png" alt="image" class="img-fluid"> </div> <div class="not-cont"> <p>Natalie Portman <span>promoted your answer</span></p> </div> </div> </a> </li> <li class='option'> <a href="javascript:void(0)"> <div class="not-flex"> <div class="not-img"> <img src="images/avatar-small-img.png" alt="image" class="img-fluid"> </div> <div class="not-cont"> <p>Natalie Portman <span>promoted your answer</span></p> </div> </div> </a> </li> </ul> </div> </div> <div class="cur-signup-btn"> <div class="user-menu-wrap"> <div class="jeff-cont"> <a class="mini-photo-wrapper" href="javascript:void(0)"><img class="mini-photo" src="images/avatar-small-img.png" alt="image" width="80" height="80"/> Jeff Jordan </a> </div> <div class="menu-container"> <ul class="user-menu"> <div class="profile-highlight"> <img src="images/avatar-small-img.png" alt="profile-img" width=36 height=36> <div class="details"> <div id="profile-name">Jeff Jordan</div> <div id="profile-footer"><a href="javascript:void(0)" class="jeff-mail">jjordan@mail.com</a></div> <div><a href="javascript:void(0)" class="jeff-view-profile">View Profile</a></div> </div> </div> <li class="user-menu__item"> <a class="user-menu-link" href="javascript:void(0)"> <div>My Campaigns</div> </a> </li> <li class="user-menu__item"> <a class="user-menu-link" href="javascript:void(0)"> <div>My Credits <span class="pull-right credit-amount-content">30 <img src="images/cur-small-logo.png" alt="image" class="img-fluid"></span></div> </a> </li> <li class="user-menu__item"> <a class="user-menu-link" href="javascript:void(0)"> <div>Settings</div> </a> </li> <li class="user-menu__item"> <a class="user-menu-link" href="javascript:void(0)"> <div>Help</div> </a> </li> <li class="user-menu__item"> <a class="user-menu-link" href="javascript:void(0)"> <div>Log Out</div> </a> </li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> </header> <!-- HEADER SECTION END --> <!-- SIGN IN HEADER BEGIN --> <section class="signin-sec upload-songs-curator"> <div class="container-fluid"> <div class="influencer-steps-wizard curator-steps"> <section class="signup-step-container"> <div class="row d-flex justify-content-center"> <div class="col-md-8"> <div class="wizard"> <div class="wizard-inner"> <div class="connecting-line"></div> <ul class="nav nav-tabs" role="tablist"> <li role="presentation" class="active"> <a href="#step1" data-toggle="tab" aria-controls="step1" role="tab" aria-expanded="true"><span class="round-tab">1 </span> <i>Upload a song</i></a> </li> <li role="presentation" class="disabled"> <a href="#step4" data-toggle="tab" aria-controls="step4" role="tab"><span class="round-tab-2">2</span> <i>Song Info</i></a> </li> <li role="presentation" class="disabled"> <a href="#step3-overview" data-toggle="tab" aria-controls="step3-overview" role="tab"><span class="round-tab-2">3</span> <i>Over View</i></a> </li> <li role="presentation" class="disabled"> <a href="" role="tab"><span class="round-tab-2">4</span> <i>Select Curator</i></a> </li> </ul> </div> <form role="form" action="index.html" class="login-box"> <div class="tab-content" id="main_form"> <div class="tab-pane active" role="tabpanel" id="step1"> <div class="upload-song-tab"> <h4>Choose a song</h4> <div class="upload-song-selection-field"> <div class="upload-song-link-field"> <div class="radio-upload-song"> <input type="radio" name="source" value="link"> </div> <input type="text" placeholder="Paste Song Link Here (Spotify, YouTube, SoundCloud, etc.)" class="form-control" fdprocessedid="t46lbt"> </div> <div class="upload-song-mp3"> <div class="radio-upload-song"> <input type="radio" name="source" value="mp3"> </div> <button type="button" class="btn btn-primary" fdprocessedid="gdlfuo" id="uploadButton">Upload an MP3</button> </div> </div> <div class="song-hide-box"> <div class="song-hide-img-flex"> <div class="song-hide-img"> <img src="images/song-hide-img.png" alt="images" class="img-fluid"> </div> <div class="song-hide-content"> <h6>Song title here</h6> <p>Jeff Jordan</p> <span>PREVIEW</span> </div> </div> <div class="white-spotify-box"> <div class="white-spotify-icon"> <a href="javascript:void(0)"><img src="images/white-spotify.png" alt="images/" aria-multiline="image" class="img-fluid"></a> </div> <div class="dots-play-icon"> <a href="javascript:void(0)"><span class="upload-dots"><i class="fa fa-ellipsis-h" aria-hidden="true"></i></span></a> <a href="javascript:void(0)"><span class="upload-play-icon"><i class="fa fa-play" aria-hidden="true"></i></span></a> </div> </div> </div> <div class="row show-hide-box-song"> <div class="col-lg-4 col-md-6 col-sm-4 col-12"> <div id="previewContainer"></div> <div class="image-thumbnail-selector"> <a href="javascript:void(0)"> <img src="images/upload-sec-img.png" alt="image" class="img-fluid"> <p>Choose a file or drag it here.</p> <div class="album-art-work"> <span>Album artwork</span> </div> </a> </div> </div> </div> <div class="is-song-text"> <h5>Is this song released?</h5> <div class="upload-song-yes-no"> <div class="upload-song-yes-btn"> <div class="radio-upload-song-yes"> <input type="radio" name="source1" value="mp3"> </div> <button type="button" class="btn btn-primary">Yes</button> </div> <div class="upload-song-no-btn"> <div class="radio-upload-song-no"> <input type="radio" name="source1" value="mp3"> </div> <button type="button" class="btn btn-primary">No</button> </div> </div> <div class="released-song-date"> <span>Released Song</span> <input type="date" class="form-control"> </div> <div class="released-song-date-no"> <span>When is your song releasing?</span> <input type="date" class="form-control"> </div> </div> <div class="artist-song-name"> <h5>Artist name</h5> <input type="text" class="form-control" placeholder="Artist name here"> </div> <div class="artist-song-name"> <h5>Track title</h5> <input type="text" class="form-control" placeholder="Track title here"> </div> <h5 class="release-text">What kind of release is this?</h5> <div class="upload-song-yes-no"> <div class="upload-song-yes-btn"> <div class="radio-upload-song-yes"> <input type="radio" name="source1" value="mp3"> </div> <button type="button" class="btn btn-primary">Official Release</button> </div> <div class="upload-song-no-btn"> <div class="radio-upload-song-no"> <input type="radio" name="source1" value="mp3"> </div> <button type="button" class="btn btn-primary">Remix</button> </div> <div class="upload-song-no-btn"> <div class="radio-upload-song-no"> <input type="radio" name="source1" value="mp3"> </div> <button type="button" class="btn btn-primary">Cover</button> </div> <div class="upload-song-no-btn"> <div class="radio-upload-song-no"> <input type="radio" name="source1" value="mp3"> </div> <button type="button" class="btn btn-primary">Unfinished Demo</button> </div> </div> </div> <ul class="list-inline"> <li><button type="button" class="default-btn prev-step" id="prev-step-id"><img src="images/upload-back-img.png" alt="image" class="img-fluid"> Back</button></li> <li><button type="button" class="default-btn next-step" id="next-step-id"> NEXT <img src="images/upload-front-img.png" alt="image" class="img-fluid"></button></li> </ul> </div> <div class="tab-pane" role="tabpanel" id="step4"> <div class="song-info-tab"> <div class="song-released-tab-text"> <h5>Does this song have lyrics?</h5> <div class="upload-song-yes-no"> <div class="upload-song-yes-btn upload-show-anime"> <div class="radio-upload-song-yes"> <input type="radio" name="source1" value="mp3"> </div> <button type="button" class="btn btn-primary">Yes</button> </div> <div class="upload-song-no-btn upload-hide-anime"> <div class="radio-upload-song-no"> <input type="radio" name="source1" value="mp3"> </div> <button type="button" class="btn btn-primary">No</button> </div> </div> <div class="released-song-language"> <div class="language-selection"> <select class="form-control"> <option>English</option> <option>German</option> <option>French</option> </select> </div> <div class="lyrics-areatext"> <textarea cols="4" rows="5" class="form-control"></textarea> <div class="txt-info-icon"> <span><i class="fa fa-info-circle" aria-hidden="true"></i></span> <div class="hover-curator-tooltip"> <span>English Only</span> </div> </div> </div> </div> </div> <div class="song-released-tab-text curator-song-options"> <h5>Is this song explicit?</h5> <div class="upload-song-yes-no"> <div class="upload-song-yes-btn"> <div class="radio-upload-song-yes"> <input type="radio" name="source1" value="mp3"> </div> <button type="button" class="btn btn-primary">Yes</button> </div> <div class="upload-song-no-btn"> <div class="radio-upload-song-no"> <input type="radio" name="source1" value="mp3"> </div> <button type="button" class="btn btn-primary">No</button> </div> </div> </div> <p class="lease-text"> Upload a copy of the song’s instrumental lease (OPTIONAL) <span class="tooltip-cur-click"> <i class="fa fa-info-circle" aria-hidden="true"></i> <span class="tooltip-text"> "If a YouTuber uploads your song and gets copyrighted, the curator will already have the information needed to get the problem resolved." <span class="tooltip-close"> <i class="fa fa-times" aria-hidden="true"></i> </span> </span> </span> </p> <div class="instrumental-btn"> <input type="file" id="lyricsFileInput-instrument" class="hidden-file-input"> <button type="button" class="btn btn-primary" fdprocessedid="hf5d8d"><i class="fa fa-upload" aria-hidden="true"></i> Upload Instrumental Lease</button> <div class="file-preview-instrument" style="display: none;"></div> </div> <div class="song-released-tab-text curator-song-options"> <div class="heading-icon-tooltip"> <h5>Do you give permission for YouTubers to upload your song and keep the ad revenue? <span><i class="fa fa-info-circle" aria-hidden="true"></i></span></h5> <div class="tooltip-box"> <span class="close-tooltip"><i class="fa fa-times" aria-hidden="true"></i></span> Most curators will not accept your song without you accepting. </div> </div> <div class="upload-song-yes-no"> <div class="upload-song-yes-btn"> <div class="radio-upload-song-yes"> <input type="radio" name="source1" value="mp3"> </div> <button type="button" class="btn btn-primary">Yes</button> </div> <div class="upload-song-no-btn"> <div class="radio-upload-song-no"> <input type="radio" name="source1" value="mp3"> </div> <button type="button" class="btn btn-primary">No</button> </div> </div> </div> <div class="song-released-tab-text curator-genres"> <h5>Genres</h5> <p>You can select up to 5 genres.</p> <div class="row"> <div class="col-lg-3 col-md-4 col-sm-3 col-12"> <div class="select-dropdown-text"> <form> <div class="custom-multiselect"> <div class="selectBox" onclick="showCheckboxes(this)"> <select class="form-control"> <option>Hip Hop</option> </select> <div class="selectWrapper"></div> </div> <div id="selectOptions"> <label class="singleOption"> <input type="checkbox"> Hip Hop </label> <label class="singleOption"> <input type="checkbox"> Hip Hop </label> <label class="singleOption"> <input type="checkbox"> Hip Hop </label> <label class="singleOption"> <input type="checkbox"> Hip Hop </label> <label class="singleOption"> <input type="checkbox"> Hip Hop </label> <label class="singleOption"> <input type="checkbox"> Hip Hop </label> </div> </div> </form> </div> </div> <div class="col-lg-3 col-md-4 col-sm-3 col-12"> <div class="select-dropdown-text"> <form> <div class="custom-multiselect"> <div class="selectBox" onclick="showCheckboxes(this)"> <select class="form-control"> <option>Pop</option> </select> <div class="selectWrapper"></div> </div> <div id="selectOptions"> <label class="singleOption"> <input type="checkbox"> Pop </label> <label class="singleOption"> <input type="checkbox"> Pop </label> <label class="singleOption"> <input type="checkbox"> Pop </label> <label class="singleOption"> <input type="checkbox"> Pop </label> <label class="singleOption"> <input type="checkbox"> Pop </label> <label class="singleOption"> <input type="checkbox"> Pop </label> </div> </div> </form> </div> </div> <div class="col-lg-3 col-md-4 col-sm-3 col-12"> <div class="select-dropdown-text"> <form> <div class="custom-multiselect"> <div class="selectBox" onclick="showCheckboxes(this)"> <select class="form-control"> <option>R&B</option> </select> <div class="selectWrapper"></div> </div> <div id="selectOptions"> <label class="singleOption"> <input type="checkbox"> R&B </label> <label class="singleOption"> <input type="checkbox"> R&B </label> <label class="singleOption"> <input type="checkbox"> R&B </label> <label class="singleOption"> <input type="checkbox"> R&B </label> <label class="singleOption"> <input type="checkbox"> R&B </label> <label class="singleOption"> <input type="checkbox"> R&B </label> </div> </div> </form> </div> </div> <div class="col-lg-3 col-md-4 col-sm-3 col-12"> <div class="select-dropdown-text"> <form> <div class="custom-multiselect"> <div class="selectBox" onclick="showCheckboxes(this)"> <select class="form-control"> <option>Rock</option> </select> <div class="selectWrapper"></div> </div> <div id="selectOptions"> <label class="singleOption"> <input type="checkbox"> Rock </label> <label class="singleOption"> <input type="checkbox"> Rock </label> <label class="singleOption"> <input type="checkbox"> Rock </label> <label class="singleOption"> <input type="checkbox"> Rock </label> <label class="singleOption"> <input type="checkbox"> Rock </label> <label class="singleOption"> <input type="checkbox"> Rock </label> </div> </div> </form> </div> </div> <div class="col-lg-3 col-md-4 col-sm-3 col-12"> <div class="select-dropdown-text"> <form> <div class="custom-multiselect"> <div class="selectBox" onclick="showCheckboxes(this)"> <select class="form-control"> <option>Country / Folk</option> </select> <div class="selectWrapper"></div> </div> <div id="selectOptions"> <label class="singleOption"> <input type="checkbox"> Country / Folk </label> <label class="singleOption"> <input type="checkbox"> Country / Folk </label> <label class="singleOption"> <input type="checkbox"> Country / Folk </label> <label class="singleOption"> <input type="checkbox"> Country / Folk </label> <label class="singleOption"> <input type="checkbox"> Country / Folk </label> <label class="singleOption"> <input type="checkbox"> Country / Folk </label> </div> </div> </form> </div> </div> <div class="col-lg-3 col-md-4 col-sm-3 col-12"> <div class="select-dropdown-text"> <form> <div class="custom-multiselect"> <div class="selectBox" onclick="showCheckboxes(this)"> <select class="form-control"> <option>Alternative / Indie</option> </select> <div class="selectWrapper"></div> </div> <div id="selectOptions"> <label class="singleOption"> <input type="checkbox"> Alternative / Indie </label> <label class="singleOption"> <input type="checkbox"> Alternative / Indie </label> <label class="singleOption"> <input type="checkbox"> Alternative / Indie </label> <label class="singleOption"> <input type="checkbox"> Alternative / Indie </label> <label class="singleOption"> <input type="checkbox"> Alternative / Indie </label> <label class="singleOption"> <input type="checkbox"> Alternative / Indie </label> </div> </div> </form> </div> </div> <div class="col-lg-3 col-md-4 col-sm-3 col-12"> <div class="select-dropdown-text"> <form> <div class="custom-multiselect"> <div class="selectBox" onclick="showCheckboxes(this)"> <select class="form-control"> <option>Lofi / Lounge / Ambient</option> </select> <div class="selectWrapper"></div> </div> <div id="selectOptions"> <label class="singleOption"> <input type="checkbox"> Lofi / Lounge / Ambient </label> <label class="singleOption"> <input type="checkbox"> Lofi / Lounge / Ambient </label> <label class="singleOption"> <input type="checkbox"> Lofi / Lounge / Ambient </label> <label class="singleOption"> <input type="checkbox"> Lofi / Lounge / Ambient </label> <label class="singleOption"> <input type="checkbox"> Lofi / Lounge / Ambient </label> <label class="singleOption"> <input type="checkbox"> Lofi / Lounge / Ambient </label> </div> </div> </form> </div> </div> <div class="col-lg-3 col-md-4 col-sm-3 col-12"> <div class="select-dropdown-text"> <form> <div class="custom-multiselect"> <div class="selectBox" onclick="showCheckboxes(this)"> <select class="form-control"> <option>EDM</option> </select> <div class="selectWrapper"></div> </div> <div id="selectOptions"> <label class="singleOption"> <input type="checkbox"> EDM </label> <label class="singleOption"> <input type="checkbox"> EDM </label> <label class="singleOption"> <input type="checkbox"> EDM </label> <label class="singleOption"> <input type="checkbox"> EDM </label> <label class="singleOption"> <input type="checkbox"> EDM </label> <label class="singleOption"> <input type="checkbox"> EDM </label> </div> </div> </form> </div> </div> <div class="col-lg-3 col-md-4 col-sm-3 col-12"> <div class="select-dropdown-text"> <form> <div class="custom-multiselect"> <div class="selectBox" onclick="showCheckboxes(this)"> <select class="form-control"> <option>House/Techno</option> </select> <div class="selectWrapper"></div> </div> <div id="selectOptions"> <label class="singleOption"> <input type="checkbox"> House/Techno </label> <label class="singleOption"> <input type="checkbox"> House/Techno </label> <label class="singleOption"> <input type="checkbox"> House/Techno </label> <label class="singleOption"> <input type="checkbox"> House/Techno </label> <label class="singleOption"> <input type="checkbox"> House/Techno </label> <label class="singleOption"> <input type="checkbox"> House/Techno </label> </div> </div> </form> </div> </div> <div class="col-lg-3 col-md-4 col-sm-3 col-12"> <div class="select-dropdown-text"> <form> <div class="custom-multiselect"> <div class="selectBox" onclick="showCheckboxes(this)"> <select class="form-control"> <option>Jazz</option> </select> <div class="selectWrapper"></div> </div> <div id="selectOptions"> <label class="singleOption"> <input type="checkbox"> Jazz </label> <label class="singleOption"> <input type="checkbox"> Jazz </label> <label class="singleOption"> <input type="checkbox"> Jazz </label> <label class="singleOption"> <input type="checkbox"> Jazz </label> <label class="singleOption"> <input type="checkbox"> Jazz </label> <label class="singleOption"> <input type="checkbox"> Jazz </label> </div> </div> </form> </div> </div> <div class="col-lg-3 col-md-4 col-sm-3 col-12"> <div class="select-dropdown-text"> <form> <div class="custom-multiselect"> <div class="selectBox" onclick="showCheckboxes(this)"> <select class="form-control"> <option>Reggae</option> </select> <div class="selectWrapper"></div> </div> <div id="selectOptions"> <label class="singleOption"> <input type="checkbox"> Reggae </label> <label class="singleOption"> <input type="checkbox"> Reggae </label> <label class="singleOption"> <input type="checkbox"> Reggae </label> <label class="singleOption"> <input type="checkbox"> Reggae </label> <label class="singleOption"> <input type="checkbox"> Reggae </label> <label class="singleOption"> <input type="checkbox"> Reggae </label> </div> </div> </form> </div> </div> <div class="col-lg-3 col-md-4 col-sm-3 col-12"> <div class="select-dropdown-text"> <form> <div class="custom-multiselect"> <div class="selectBox" onclick="showCheckboxes(this)"> <select class="form-control"> <option>Disco / Funk</option> </select> <div class="selectWrapper"></div> </div> <div id="selectOptions"> <label class="singleOption"> <input type="checkbox"> Disco / Funk </label> <label class="singleOption"> <input type="checkbox"> Disco / Funk </label> <label class="singleOption"> <input type="checkbox"> Disco / Funk </label> <label class="singleOption"> <input type="checkbox"> Disco / Funk </label> <label class="singleOption"> <input type="checkbox"> Disco / Funk </label> <label class="singleOption"> <input type="checkbox"> Disco / Funk </label> </div> </div> </form> </div> </div> <div class="col-lg-3 col-md-4 col-sm-3 col-12"> <div class="select-dropdown-text"> <form> <div class="custom-multiselect"> <div class="selectBox" onclick="showCheckboxes(this)"> <select class="form-control"> <option>International</option> </select> <div class="selectWrapper"></div> </div> <div id="selectOptions"> <label class="singleOption"> <input type="checkbox"> International </label> <label class="singleOption"> <input type="checkbox"> International </label> <label class="singleOption"> <input type="checkbox"> International </label> <label class="singleOption"> <input type="checkbox"> International </label> <label class="singleOption"> <input type="checkbox"> International </label> <label class="singleOption"> <input type="checkbox"> International </label> </div> </div> </form> </div> </div> <div class="col-lg-3 col-md-4 col-sm-3 col-12"> <div class="select-dropdown-text"> <form> <div class="custom-multiselect"> <div class="selectBox" onclick="showCheckboxes(this)"> <select class="form-control"> <option>Other</option> </select> <div class="selectWrapper"></div> </div> <div id="selectOptions"> <label class="singleOption"> <input type="checkbox"> Other </label> <label class="singleOption"> <input type="checkbox"> Other </label> <label class="singleOption"> <input type="checkbox"> Other </label> <label class="singleOption"> <input type="checkbox"> Other </label> <label class="singleOption"> <input type="checkbox"> Other </label> <label class="singleOption"> <input type="checkbox"> Other </label> </div> </div> </form> </div> </div> </div> </div> <div id="out"></div> <div class="pitch-curator"> <h5>Write a pitch for Curators</h5> <p class="round"><input type="checkbox" id="checkbox" /> <label for="checkbox"></label> Personalize your pitch with curator's name.</p> <div class="pitch-text-area"> <textarea cols="4" rows="6" class="form-control" placeholder="Write your message...."></textarea> <div class="curator-animate-text"> <p>Hello Jhon,</p> </div> </div> </div> </div> <ul class="list-inline"> <li><button type="button" class="default-btn prev-step" id="prev-step-id"><img src="images/upload-back-img.png" alt="image" class="img-fluid"> Back</button></li> <li><button type="button" class="default-btn next-step" id="next-step-id"> NEXT <img src="images/upload-front-img.png" alt="image" class="img-fluid"></button></li> </ul> </div> <div class="tab-pane" role="tabpanel" id="step3-overview"> <div class="track-overview-tab"> <h4>My Track Overview</h4> <div class="track-overview-box"> <a href="javascript:void(0)">Edit upload <i class="fa fa-pencil" aria-hidden="true"></i></a> <img src="images/track-banner-img.png" alt="iimage" class="img-fluid"> <div class="responses-inner-flex"> <div class="responses-avatr-flex"> <div class="response-avatar-img"> <img src="images/avatar-small-img.png" alt="image" class="img-fluid"> </div> <div class="responses-avatar-content"> <h6>Song title here</h6> <p>Jeff Jordan</p> </div> </div> <div class="responses-avatr-flex"> <div class="response-avatar-img"> <img src="images/cal1.png" alt="image" class="img-fluid"> </div> <div class="responses-avatar-content"> <span>Release type</span> <p>Official release</p> </div> </div> <div class="responses-avatr-flex"> <div class="response-avatar-img"> <img src="images/cal2.png" alt="image" class="img-fluid"> </div> <div class="responses-avatar-content"> <span>Trak link</span> <a href="javascript:void(0)">Spotify</a> </div> </div> <div class="responses-avatr-flex"> <div class="response-avatar-img"> <img src="images/cal3.png" alt="image" class="img-fluid"> </div> <div class="responses-avatar-content"> <span>Release type</span> <p>Official release</p> </div> </div> </div> </div> <div class="song-lyrics-box"> <div class="songs-lyrics-text"> <h5>Song Lyrics <a href="javascript:void(0)" class="pull-right">Edit song upload info <i class="fa fa-pencil" aria-hidden="true"></i></a></h5> <p>English</p> <a href="javascript:void(0)" class="songs-lyrics-box2 toggle-lyrics2"> <?xml version="1.0" encoding="iso-8859-1"?> <svg version="1.1" class="svg-pencil-icon" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"> <g> <g> <path d="M495.914,189.604c-18.965-15.914-47.343-13.424-63.228,5.506l-42.695,50.523V99.129c0-12.279-5.106-24.17-14.008-32.625 l-56.978-54.125C310.606,4.4,299.6,0.005,288.015,0.005H44.999C20.187,0.005,0,20.192,0,45.004v421.991 c0,24.812,20.187,44.999,44.999,44.999h299.994c24.812,0,44.999-20.187,44.999-44.999v-81.961 C391.835,382.851,501.116,253.407,501.46,253C517.447,233.948,514.969,205.592,495.914,189.604z M299.994,35.695 c60.013,57.008,55.751,52.841,56.876,54.309h-56.876V35.695z M359.992,466.995c0,8.271-6.729,15-15,15H44.999 c-8.271,0-15-6.729-15-15V45.004c0-8.271,6.729-15,15-15h224.995v74.998c0,8.284,6.716,15,15,15h74.998v161.129 c-6.443,7.624-58.178,68.843-63.77,75.46c-4.467,5.324-7.682,11.711-9.296,18.47l-13.94,58.356 c-1.319,5.526,0.596,11.324,4.948,14.976c4.356,3.656,10.399,4.529,15.607,2.272l55.05-23.862 c4.133-1.792,7.988-4.226,11.401-7.151V466.995z M324.315,369.827l22.978,19.28l-5.11,6.052c-1.487,1.774-3.398,3.199-5.523,4.12 l-27.524,11.931l6.971-29.178c0.538-2.253,1.609-4.382,3.064-6.116L324.315,369.827z M366.644,366.184l-22.967-19.271 c2.33-2.757,77.698-91.943,82.91-98.11l22.919,19.231L366.644,366.184z M478.509,233.682l-9.649,11.43l-22.908-19.222 l9.682-11.457c5.289-6.303,14.71-7.125,20.997-1.849C483.043,217.963,483.75,227.436,478.509,233.682z"/> </g> </g> <g> <g> <path d="M224.995,90.003H74.998c-8.284,0-15,6.716-15,15s6.716,15,15,15h149.997c8.284,0,15-6.716,15-15 S233.279,90.003,224.995,90.003z"/> </g> </g> <g> <g> <path d="M314.993,181.001H74.998c-8.284,0-15,6.716-15,15s6.716,15,15,15h239.995c8.284,0,15-6.716,15-15 S323.277,181.001,314.993,181.001z"/> </g> </g> <g> <g> <path d="M314.993,271H74.998c-8.284,0-15,6.716-15,15c0,8.284,6.716,15,15,15h239.995c8.284,0,15-6.716,15-15 C329.993,277.715,323.277,271,314.993,271z"/> </g> </g> <g> <g> <path d="M224.995,360.998H74.998c-8.284,0-15,6.716-15,15s6.716,15,15,15h149.997c8.284,0,15-6.716,15-15 S233.279,360.998,224.995,360.998z"/> </g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> </svg> </a> </div> <div class="songs-lyrics-text-doc2"> <div class="lock-box-text"> <div class="songs-lyrics-text song-lyrics-new"> <ul> <li>Ain't this what they've been waitin' for?</li> <li>You ready? Uh, uh</li> <li>I used to pray for times like this, to rhyme like this</li> <li>So I had to grind like that to shine like this</li> <li>In a matter of time I spent on some locked-up shit</li> <li>In the back of the paddy wagon, cuffs locked on wrists</li> <li>Seen my dreams unfold, nightmares come true</li> <li>It was time to marry the game and I said, "Yeah, I do."</li> <li>If you want it, you gotta see it with a clear-eyed view</li> <li>Got a shorty, she tryna bless me like I said achoo</li> <li>Like a nigga sneezed, nigga please, 'fore them triggers squeeze</li> <li>I'm gettin' cream, never let them hoes get in between</li> <li>Of what we started, lil' nigga but I'm lion-hearted</li> <li>They love me when I was stuck and they hated when I departed</li> <li>I go and get it regardless, draw it like I'm a artist</li> <li>No crawlin', went straight to walkin', with foreigns in my garages</li> <li>All foreign bitches ménagin', fuckin', suckin' and swallowin'</li> <li>Anything for a dollar, they tell me get 'em, I got 'em</li> <li>I did it without a album</li> <li>I did shit with Mariah</li> <li>Lil' nigga, I'm on fire</li> <li>Icy as a hockey rink, Philly nigga, I'm flyer</li> <li>When I bought the Rolls-Royce they thought it was leased</li> <li>Then I bought that new Ferrari, hater, rest in peace</li> <li>Hater, rest in peace, rest in peace to the parking lot</li> <li>Phantom so big, can't even fit in the parking spot</li> <li>You ain't talkin' 'bout my niggas, then what you talkin' 'bout?</li> <li>Gangstas move in silence, nigga, and I don't talk a lot</li> <li>I don't say a word, I don't say a word</li> <li>Was on my grind and now I got what I deserve, fuck nigga</li> <li>Hold up, wait a minute, y'all thought I was finished?</li> <li>When I bought that Aston Martin, y'all thought it was rented?</li> <li>Flexin' on these niggas, I'm like Popeye on his spinach</li> <li>Double M, yeah, that's my team, Rozay the captain, I'm lieutenant</li> <li>I'm the type to count a million cash then grind like I'm broke</li> <li>That Lambo my new bitch, she don't ride like my Ghost</li> <li>I'm ridin' around my city with my hand strapped on my toast</li> <li>'Cause these niggas want me dead and I gotta make it back home</li> <li>'Cause my mama need that bill money, my son need some milk</li> <li>These niggas tryna take my life, they fuck around, get killed</li> <li>You fuck around, you fuck around, you fuck around, get smoked</li> <li>'Cause these Philly niggas I brought with me don't fuck around, no joke, no</li> <li>All I know is murder, when it come to me</li> <li>I got young niggas that's rollin', I got niggas throwin' B's</li> <li>I done did the DOA's, I done did the KOD's</li> <li>Every time I'm in that bitch, I get to throwin' 30 G's</li> <li>But now I'm hangin' out that drop head, I'm ridin' down on Collins</li> <li>They let my nigga Ern back home, that young nigga be wildin'</li> <li>We young niggas, we mobbin', like Batman and we're robbin'</li> <li>This two-door Maybach with my seat all reclinin'</li> <li>I'm like, "Real nigga, what up? Real nigga, what up?"</li> <li>If you ain't about that murder game, then pussy nigga, shut up</li> <li>If you diss me in your raps I'll get yo' pussy-ass stuck up</li> <li>When you touchdown in my hood, no that tour life ain't good</li> <li>Catch me down in MIA at that Heat game on wood</li> <li>With that Puma life on my feet like that little engine I could</li> <li>Boy, I slide down on your block, bike on 12 o'clock</li> <li>And they be throwin' deuces on the same nigga they watch</li> <li>And I'm the king of my city 'cause I'm still callin' them shots</li> <li>And these lames talkin' that bullshit the same niggas that flopped</li> <li>I'm the same nigga from Berks Street with them nappy braids, that lock</li> <li>The same nigga that came up and I had to wait for my spot</li> <li>And these niggas hatin' on me, hoes waitin' on me</li> <li>Still on that hood shit, my Rolls-Royce on E</li> <li>They gon' remember me, I say remember me</li> <li>So much money, have yo' friends turn in yo' enemies</li> <li>And when there's beef I turn my enemies to memories</li> <li>With them bricks they go for 40, ain't no 10 a key</li> <li>Hold up, broke nigga turned rich, love the game like Mitch</li> <li>And if I leave, you think them pretty hoes gon' still suck my dick?</li> <li>It was somethin' about that Rollie when it first touched my wrist</li> <li>Had me feelin' like that dope boy when he first touched that brick</li> <li>I'm gone</li> <li>Woo</li> </ul> </div> </div> </div> <div class="songs-lyrics-text"> <h5>Explicit Content</h5> <p>No</p> </div> <div class="songs-lyrics-text"> <h5>Ad Revenue Permission</h5> <p>Yes</p> </div> <div class="songs-lyrics-text"> <h5>Genres</h5> <ul> <li>Rap (Eminem)</li> <li>Trap (Travis Scott)</li> <li>Sad Rap/ Emo Rap (Lil Peep)</li> <li>Gang Rap (Lil Durk)</li> </ul> </div> <div class="songs-lyrics-text"> <h5>Pitch for Curator.</h5> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. </p> </div> </div> <div class="choose-an-option"> <h4>Choose an option</h4> <p>Choose any one option to continue the submission.</p> <div class="upload-song-yes-no"> <div class="upload-song-yes-btn"> <div class="radio-upload-song-yes"> <input type="radio" name="source1" value="mp3"> </div> <button type="button" class="btn btn-primary" fdprocessedid="kgmpym"> Submit manually</button> </div> <div class="upload-song-no-btn"> <div class="radio-upload-song-no"> <input type="radio" name="source1" value="mp3"> </div> <button type="button" class="btn btn-primary" fdprocessedid="2imfbo">Automate</button> </div> </div> </div> </div> <ul class="list-inline"> <li><button type="button" class="default-btn prev-step" id="prev-step-id"><img src="images/upload-back-img.png" alt="image" class="img-fluid"> Back</button></li> <li><button type="button" class="default-btn next-step" id="submit-step-id"> NEXT <img src="images/upload-front-img.png" alt="image" class="img-fluid"></button></li> </ul> </div> <div class="clearfix"></div> </div> </form> </div> </div> </div> </section> </div> </div> </section> <!-- SIGN IN HEADER END --> <!-- COPYRIGHT SECTION BEGIN --> <section class="copyright-sec"> <div class="container-fluid"> <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12 col-12"> <p>Copyright © 2022-2023 Curator Club \| All rights reserved \| Proudly designed by <a href="https://clickysoft.com/" target="_blank">clickysoft</a></p> </div> </div> </div> </section> <!-- COPYRIGHT SECTION END --> <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js" integrity="sha512-XtmMtDEcNz2j7ekrtHvOVR4iwwaD6o/FUJe6+Zq+HgcCsk3kj4uSQQR8weQ2QVj1o0Pk6PwYLohm206ZzNfubg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <script src="js/wow.min.js"></script> <script> new WOW().init(); </script> <script> /MENUBAR SCRIPT BEGIN/ const navbarMenu = document.getElementById("menu"); const burgerMenu = document.getElementById("burger"); const headerMenu = document.getElementById("header"); const overlayMenu = document.querySelector(".overlay"); if (burgerMenu && navbarMenu) { burgerMenu.addEventListener("click", () => { burgerMenu.classList.toggle("is-active"); navbarMenu.classList.toggle("is-active"); }); } window.addEventListener("resize", () => { if (window.innerWidth >= 992) { if (navbarMenu.classList.contains("is-active")) { navbarMenu.classList.remove("is-active"); overlayMenu.classList.remove("is-active"); } } }); /MENUBAR SCRIPT END/ /DROPDOWN SCRIPT BEGIN/ const dd = document.querySelector('#dropdown-wrapper'); const links = document.querySelectorAll('.dropdown-list a'); const span = document.querySelector('span'); dd.addEventListener('click', function() { this.classList.toggle('is-active'); }); links.forEach((element) => { element.addEventListener('click', function(evt) { span.innerHTML = evt.currentTarget.textContent; }) }) /DROPDOWN SCRIPT END/ /ACCORDIAN SCRIPT BEGIN/ $('.panel-collapse').on('show.bs.collapse', function () { $(this).siblings('.panel-heading').addClass('active'); }); $('.panel-collapse').on('hide.bs.collapse', function () { $(this).siblings('.panel-heading').removeClass('active'); }); /ACCORDIAN SCRIPT END/ // NOTIFICATION SCRIPT BEGIN $(function() { var profile = $('.profile'); var profiledropdown = $('.profiledropdown'); profile.on('click', function() { if (profiledropdown.hasClass('fade')) { profiledropdown.removeClass('fade').addClass('fade_reverse'); } else if (profiledropdown.hasClass('fade_reverse')) { profiledropdown.removeClass('fade_reverse').addClass('fade'); } else { profiledropdown.addClass('fade'); } }); }); // NOTIFICATION SCRIPT END // AVATAR SCRIPT BEGIN document.querySelector('.mini-photo-wrapper').addEventListener('click', function() { document.querySelector('.menu-container').classList.toggle('active'); }); document.querySelector('.mini-photo-wrapper2').addEventListener('click', function() { document.querySelector('.menu-container2').classList.toggle('active'); }); // AVATAR SCRIPT END // STEPS WIZARD SCRIPT BEGIN $(document).ready(function () { $('.radio-card input[type="radio"]').click(function () { var active = $('.wizard .nav-tabs li.active'); active.next().removeClass('disabled'); nextTab(active); }); function nextTab(elem) { $(elem).next().find('a[data-toggle="tab"]').click(); } function prevTab(elem) { $(elem).prev().find('a[data-toggle="tab"]').click(); } $('.nav-tabs').on('click', 'li', function () { $('.nav-tabs li.active').removeClass('active'); $(this).addClass('active'); }); }); // STEPS WIZARD SCRIPT END // WIZARD INNER SCRIPT BEGIN $(document).ready(function () { function updateRoundTabBorder() { $('.influencer-steps-wizard span.round-tab').css({ 'border-color': '#FBBC04', 'border-width': '5px', 'border-style': 'solid' }); } function resetRoundTabBorder() { $('.influencer-steps-wizard span.round-tab').css({ 'border-color': '#808080', 'border-width': '5px', 'border-style': 'solid' }); } function showContent(contentToShow) { $('.wizard-form-begin').hide(); $(contentToShow).show(); resetRoundTabBorder(); updateTabBorderColor(); } $('#radio-tiktok').click(function () { showContent('.wizard-form-begin-tiktok'); updateRoundTabBorder(); }); $('#radio-instagram').click(function () { showContent('.wizard-form-begin-instagram'); updateRoundTabBorder(); }); $('#radio-both').click(function () { showContent('.wizard-form-begin-both'); updateRoundTabBorder(); }); $('[id="prev-step-id"]').click(function () { var activeTab = $('.wizard .tab-pane.active'); var prevTab = activeTab.prev('.tab-pane'); console.log(prevTab.index()); prevTab.index() === -1 ? window.location.href = "select-submission.html" : ""; if (prevTab.length) { activeTab.removeClass('active'); prevTab.addClass('active'); resetRoundTabBorder(); var correspondingTabLink = $('.influencer-steps-wizard .nav-tabs > li > a[href="#' + prevTab.attr('id') + '"]'); correspondingTabLink.trigger('click'); } }); $('[id="next-step-id"]').click(function () { var activeTab = $('.wizard .tab-pane.active'); var nextTab = activeTab.next('.tab-pane'); nextTab.index() === 3 ? window.location.href = "automated-submission.html" : ""; if (nextTab.length) { activeTab.removeClass('active'); nextTab.addClass('active'); resetRoundTabBorder(); var correspondingTabLink = $('.influencer-steps-wizard .nav-tabs > li > a[href="#' + nextTab.attr('id') + '"]'); correspondingTabLink.trigger('click'); } }); $("#submit-step-id").click(function() {window.location.href = "automated-submission.html"}) $('.influencer-steps-wizard .wizard .nav-tabs > li a').off('click'); $('.wizard-inner').off('click'); $('.influencer-steps-wizard span.round-tab').click(function () { resetRoundTabBorder(); }); updateTabBorderColor(); }); // WIZARD INNER SCRIPT END // TOP RADIO BUTTON CHECKED SCRIPT BEGIN $(document).ready(function() { $(".upload-song-link-field .form-control").click(function() { $(this).siblings(".radio-upload-song").find("input[type=radio]").prop("checked", true); }); $(".upload-song-mp3 button").click(function() { $(this).siblings(".radio-upload-song").find("input[type=radio]").prop("checked", true); }); }); // TOP RADIO BUTTON CHECKED SCRIPT END // TOP RADIO BUTTONS FIRLDS BORDER COLOR & BOX SHADOW SCRIPT BEGIN $(document).ready(function() { $(".upload-song-link-field .form-control").click(function() { $(this).addClass("clicked"); $(".upload-song-mp3 .btn-primary").removeClass("clicked"); }); $(".upload-song-mp3 .btn-primary").click(function() { $(this).addClass("clicked"); $(".upload-song-link-field .form-control").removeClass("clicked"); }); }); // TOP RADIO BUTTONS FIRLDS BORDER COLOR & BOX SHADOW SCRIPT END // YES OR NO RADIO BUTTON SCRIPT BEGIN $(document).ready(function() { $(".upload-song-yes-no .upload-song-yes-btn").click(function() { $(this).find("input[type=radio]").prop("checked", true); $(this).siblings(".upload-song-no-btn").find("input[type=radio]").prop("checked", false); $(this).siblings(".upload-song-yes-btn").find("input[type=radio]").prop("checked", false); }); $(".upload-song-yes-no .upload-song-no-btn").click(function() { $(this).find("input[type=radio]").prop("checked", true); $(this).siblings(".upload-song-yes-btn").find("input[type=radio]").prop("checked", false); $(this).siblings(".upload-song-no-btn").find("input[type=radio]").prop("checked", false); }); }); // YES OR NO RADIO BUTTON SCRIPT END // UPLOAD SONG NAME WITH CROSS ICON SCRIPT BEGIN document.addEventListener("DOMContentLoaded", function () { const uploadButton = document.getElementById('uploadButton'); const previewContainer = document.getElementById('previewContainer'); const showHideBox = document.querySelector('.show-hide-box-song'); const uploadLinkButton = document.querySelector('.upload-song-link-field'); if (localStorage.getItem('showHideBoxVisible') === 'true') { showHideBox.style.maxHeight = showHideBox.scrollHeight + 'px'; } uploadButton.addEventListener('click', function () { const fileInput = document.createElement('input'); fileInput.type = 'file'; fileInput.accept = 'audio/*'; fileInput.addEventListener('change', function (event) { const selectedFile = event.target.files[0]; const trackDiv = document.createElement('div'); trackDiv.style.display = 'flex'; trackDiv.style.alignItems = 'center'; const trackName = document.createElement('p'); trackName.textContent = selectedFile.name; const imagePreview = document.createElement('img'); imagePreview.style.maxWidth = '100px'; imagePreview.style.maxHeight = '100px'; imagePreview.src = 'images/headphone-icon.png'; const deleteButton = document.createElement('button'); deleteButton.innerHTML = '<i class="fa fa-times" aria-hidden="true"></i>'; deleteButton.style.border = 'none'; deleteButton.style.backgroundColor = 'transparent'; deleteButton.style.cursor = 'pointer'; deleteButton.addEventListener('click', function () { previewContainer.removeChild(trackDiv); }); trackDiv.appendChild(imagePreview); trackDiv.appendChild(trackName); trackDiv.appendChild(deleteButton); previewContainer.innerHTML = ''; previewContainer.appendChild(trackDiv); showHideBox.style.maxHeight = showHideBox.scrollHeight + 'px'; localStorage.setItem('showHideBoxVisible', 'true'); }); fileInput.click(); }); uploadLinkButton.addEventListener('click', function () { showHideBox.style.maxHeight = '0'; localStorage.setItem('showHideBoxVisible', 'false'); // Save in local storage }); }); // UPLOAD SONG NAME WITH CROSS ICON SCRIPT END // UPLOAD BANNER ON SONG SCRIPT BEGIN document.addEventListener("DOMContentLoaded", function() { const imageSelector = document.querySelector(".image-thumbnail-selector a"); function handleImageUpload() { const imageInput = document.createElement("input"); imageInput.type = "file"; imageInput.style.display = "none"; document.body.appendChild(imageInput); imageInput.addEventListener("change", function(event) { const file = event.target.files[0]; if (file) { const reader = new FileReader(); reader.onload = function(e) { const imageUrl = e.target.result; const image = document.createElement("img"); image.src = imageUrl; image.alt = "Uploaded Image"; image.className = "img-fluid"; const paragraph = document.createElement("p"); paragraph.textContent = ""; const anchor = document.createElement("a"); anchor.href = "javascript:void(0)"; anchor.addEventListener("click", handleImageUpload); anchor.appendChild(image); anchor.appendChild(paragraph); const imageDiv = document.querySelector(".image-thumbnail-selector"); imageDiv.innerHTML = ""; imageDiv.appendChild(anchor); imageInput.value = ""; document.body.removeChild(imageInput); }; reader.readAsDataURL(file); } }); imageInput.click(); } imageSelector.addEventListener("click", handleImageUpload); }); // UPLOAD BANNER ON SONG SCRIPT END // SHOW AND HIDE PLAYLIST BOX SCRIPT BEGIN document.addEventListener("DOMContentLoaded", function () { const linkInput = document.querySelector(".upload-song-link-field .form-control"); const songHideBox = document.querySelector(".song-hide-box"); linkInput.addEventListener("input", function () { const link = linkInput.value.trim(); if (link !== "") { songHideBox.classList.add("show"); } else { songHideBox.classList.remove("show"); } }); }); // SHOW AND HIDE PLAYLIST BOX SCRIPT END // YES & NO BUTTON SHOW & HIDE SCRIPT BEGIN document.addEventListener("DOMContentLoaded", function() { const yesBtn = document.querySelector(".upload-song-yes-btn"); const noBtn = document.querySelector(".upload-song-no-btn"); const releasedSongDate = document.querySelector(".released-song-date"); const releasedSongDateNo = document.querySelector(".released-song-date-no"); yesBtn.addEventListener("click", function() { releasedSongDate.classList.add("show"); releasedSongDateNo.classList.remove("show"); }); noBtn.addEventListener("click", function() { releasedSongDate.classList.remove("show"); releasedSongDateNo.classList.add("show"); }); }); // YES & NO BUTTON SHOW & HIDE SCRIPT END // SONGS INFO YES & NO BUTTON SHOW & HIDE SCRIPT BEGIN document.addEventListener("DOMContentLoaded", function() { const yesBtn = document.querySelector(".upload-show-anime"); const noBtn = document.querySelector(".upload-hide-anime"); const dateElement = document.querySelector(".released-song-language"); yesBtn.addEventListener("click", function() { dateElement.classList.add("show"); }); noBtn.addEventListener("click", function() { dateElement.classList.remove("show"); }); }); // SONGS INFO YES & NO BUTTON SHOW & HIDE SCRIPT END // SONGS INFO UPLOAD DOC SCRIPT BEGIN $(document).ready(function() { $('.upload-lyrics-btn button').click(function() { $('#lyricsFileInput').trigger('click'); }); $('#lyricsFileInput').change(function() { var selectedFile = this.files[0]; if (selectedFile) { var previewContainer = $('.file-preview'); previewContainer.html('Selected file: ' + selectedFile.name); previewContainer.show(); } }); }); // SONGS INFO UPLOAD DOC SCRIPT END // SONGS INFO UPLOAD INSTRUMENT DOC SCRIPT BEGIN $(document).ready(function() { $('.instrumental-btn button').click(function() { $('#lyricsFileInput-instrument').trigger('click'); }); $('#lyricsFileInput-instrument').change(function() { var selectedFile = this.files[0]; if (selectedFile) { var previewContainer = $('.file-preview-instrument'); previewContainer.html('Selected file: ' + selectedFile.name); previewContainer.show(); } }); }); // SONGS INFO UPLOAD INSTRUMENT DOC SCRIPT END // SONGS INFO TEXTAREA ANIMATION SCRIPT BEGIN const round = document.querySelector('.round'); const text = document.querySelector('.curator-animate-text p'); round.addEventListener('click', function () { const radioBtn = document.getElementById('checkbox'); if (radioBtn.checked) { radioBtn.checked = false; text.classList.remove('slide-down'); text.classList.add('slide-up'); setTimeout(() => { text.style.display = 'none'; }, 200); } else { radioBtn.checked = true; text.style.display = 'block'; text.classList.remove('slide-up'); text.classList.add('slide-down'); } }); // SONGS INFO TEXTAREA ANIMATION SCRIPT END // CUSTOM TOOLTIP SCRIPT BEGIN document.addEventListener("DOMContentLoaded", function () { const tooltipIcons = document.querySelectorAll(".tooltip-cur-click"); tooltipIcons.forEach((icon) => { const tooltipText = icon.querySelector(".tooltip-text"); const tooltipClose = icon.querySelector(".tooltip-close"); tooltipClose.addEventListener("click", (event) => { tooltipText.classList.remove("active"); event.stopPropagation(); }); icon.addEventListener("click", (event) => { if (!tooltipText.classList.contains("active")) { tooltipText.classList.add("active"); } event.stopPropagation(); }); document.addEventListener("click", (event) => { if (!tooltipText.contains(event.target)) { tooltipText.classList.remove("active"); } }); }); }); // CUSTOM TOOLTIP SCRIPT END // LYRICS TEXTBOX2 SHOW & HIDE SCRIPT BEGIN document.addEventListener("DOMContentLoaded", function () { const toggleButton = document.querySelector(".toggle-lyrics2"); const lyricsText = document.querySelector(".songs-lyrics-text-doc2"); toggleButton.addEventListener("click", function (e) { e.preventDefault(); if (lyricsText.style.display === "none" \|\| lyricsText.style.display === "") { lyricsText.style.display = "block"; } else { lyricsText.style.display = "none"; } }); }); // LYRICS TEXTBOX2 SHOW & HIDE SCRIPT END document.addEventListener("DOMContentLoaded", function () { const tooltipTriggers = document.querySelectorAll(".heading-icon-tooltip span"); const tooltipBoxes = document.querySelectorAll(".tooltip-box"); const closeButtons = document.querySelectorAll(".close-tooltip"); tooltipTriggers.forEach((trigger, index) => { trigger.addEventListener("click", () => { tooltipBoxes[index].style.display = "block"; }); }); closeButtons.forEach((button) => { button.addEventListener("click", () => { const tooltipBox = button.closest(".tooltip-box"); tooltipBox.style.display = "none"; }); }); }); // MULTIPLE SELECT DROPDOWN SCRIPT BEGIN var currentlyExpanded = null; function showCheckboxes(selectBox) { var options = selectBox.nextElementSibling; if (currentlyExpanded && currentlyExpanded !== selectBox) { currentlyExpanded.nextElementSibling.style.display = "none"; currentlyExpanded.classList.remove("expanded"); } if (!selectBox.classList.contains("expanded")) { options.style.display = "block"; selectBox.classList.add("expanded"); currentlyExpanded = selectBox; var checkboxes = options.querySelectorAll('input[type="checkbox"]'); checkboxes.forEach(function (checkbox) { checkbox.addEventListener("change", handleCheckboxChange); }); } else { options.style.display = "none"; selectBox.classList.remove("expanded"); currentlyExpanded = null; } } function handleCheckboxChange() { var checkboxes = currentlyExpanded.nextElementSibling.querySelectorAll('input[type="checkbox"]'); var selectedCheckboxes = Array.from(checkboxes).filter(function (checkbox) { return checkbox.checked; }); if (selectedCheckboxes.length > 5) { this.checked = false; } } // MULTIPLE SELECT DROPDOWN SCRIPT END </script> </body> </html>

| ver. 1.4 | Github | . | PHP 8.1.29 | Генерация страницы: 0.01 | proxy | phpinfo | Настройка