<commit_before>﻿@using Azimuth.Infrastructure
@using Azimuth.Infrastructure.Concrete
@model Azimuth.ViewModels.SettingsViewModel

@{
    ViewBag.Title = "Settings";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<div>
    <div id="mainRow" class="row">
        
        <div id="playlists" class="stuck draggable">
            <h3>Playlists</h3>
            <input class="form-control" id="searchPlaylistName" placeholder="Enter playlist name for search">
            <div id="playlist-header" class="table-header">
                <div id="playlist-header-title" class="table-title"></div>
            </div>
            <a class="btn btn-primary" id="backToPlaylistsBtn" style="display:none; margin-top: 10px">&laquo;Back</a>
            <div id="playlist-header-spinner" class="spinner loader"></div>
            <div class="list accordion" id="playlistsTable">

            </div>
            <i id="create-playlist-lbl" style="display: none">Press enter to create new playlist</i>

            <div id="playlistTracks" style="display: none;" class="draggable-list"></div>
        </div>
        <div id="separator" class="stuck">
            <div id="buttons">
                <img class="btn btn-primary" id="prevTrackBtn" src="~/Images/media_prev.png" />
                <div class="spacer"></div>
                <span id="playTrackBtn" class="btn btn-primary"></span>
                <div class="spacer"></div>
                <img class="btn btn-primary" id="nextTrackBtn" src="~/Images/media_next.png" />
            </div>
            <span id="volumeImg"></span>
            <div id="volumeSlider"></div>
        </div>
        <div id="SN" class="stuck">
            <div id="friends-body" style="display: none">
                <div id="friends-header" class="table-header">
                    <div id="friends-header-title" class="table-title">Friends</div>
                    <div id="friends-header-spinner" class="spinner"></div>
                </div>
                <div id="friends-container"></div>
            </div>
            <div id="relogin" class="alert alert-danger" style="display: none; margin-top: 10px; z-index: 1001;">
                <p id="error"> Your time has expired, please login again. </p>
                @Html.ActionLink("OK", "ConnectAccount", "Account", new { provider = "Vkontakte", returnUrl = @Url.Action("Index", "Settings") }, new { @class = "btn btn-danger btn-large" })
            </div>

            <h3>Tracks</h3>
            <div>
                <button id="get-friends-info-btn" class="btn btn-default">Get friends info</button>
                <button id="get-user-tracks" class="btn btn-default">Get user tracks</button>
                <input class="form-control" id="searchTrackName" placeholder="Enter track name or author for search">
                <select id="searchcriteria">
                    <option selected="selected" value="myvklist">My VK list</option>
                    <option value="song">Song</option>
                    <option value="genre">Genre</option>
                    <option value="artist">Artist</option>
                    <option value="vk">Vkontakte</option>
                </select>

                <div id="vk-track-list">
                    <div id="vkMusic-header" class="table-header">
                        <div id="vkMusic-header-title" class="table-title">User Tracks</div>
                    </div>
                    <div id="vkMusic-header-spinner" class="spinner loader"></div>
                    <div id="progressSlider" style="display: none"></div>
                    <div id="vkMusicTable" class="vkMusicTable draggable">
                        <div class="draggable-list vkMusicList"></div>
                    </div>
                </div>
                <div id="forbidden" class="alert alert-danger" style="display: none; margin-top: 10px">
                    <p class="error"></p>
                </div>
            </div>
        </div>
    </div>
    <div class="itemsContainer tableRow" id="itemsContainer"></div>
    <div class="trackInfoContainer" id="trackInfoContainer"></div>

    <div class="modal fade" id="infoModal" tabindex="-1" role="dialog" aria-labelledby="infoModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                    <h4 class="modal-title" id="myModalLabel">Track info</h4>
                </div>
                <div id="info-header-spinner" class="spinner loader"></div>
                <div class="modal-body">
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" id="closeModalBtn" data-dismiss="modal">Close</button>
                    <button type="button" class="btn btn-primary" id="listenTopBtn" data-dismiss="modal" disabled>Listen top tracks</button>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="createPlaylistModal" tabindex="-1" role="dialog" aria-labelledby="createPlaylistModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" id="myModalLabel">Enter Playlist Name For Selected Tracks</h4>
                </div>
                <div class="modal-body">
                    <input type="text" class="form-control" id="playlistNameToCreate" placeholder="Enter Playlist Name" />
                    <select class="form-control" id="newPlaylistAccessibility">
                        <option value="Public">Public</option>
                        <option value="Private">Private</option>
                    </select>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" id="okPlaylistCreateModalBtn" data-dimiss="modal">OK</button>
                    <button type="button" class="btn btn-default" id="cancelModalBtn" data-dismiss="modal">Cancel</button>
                </div>
            </div>
        </div>
    </div>
    
    <div class="modal fade" id="sharingLinkModal" tabindex="-1" role="dialog" aria-labelledby="sharingLinkModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" id="myModalLabel">Sharing link</h4>
                </div>
                <div class="modal-body">
                    <input type="text" class="form-control" id="sharingLink"/>
                </div>
            </div>
        </div>
    </div>

</div>
@section scripts
{
    <script type="text/javascript" src="https://ajax.aspnetcdn.com/ajax/jquery.templates/beta1/jquery.tmpl.js"></script>
    <script type="text/javascript" src="../../Scripts/contextMenu.js"></script>
    <script type="text/javascript" src="../../Scripts/dragndrop.js"></script>
    <script type="text/javascript" src="../../Scripts/musicManager.js"></script>
    <script type="text/javascript" src="../../Scripts/audioManager.js"></script>
    <script type="text/javascript" src="../../Scripts/workWithMusic.js"></script>
    <script src="../../Scripts/jquery.mCustomScrollbar.concat.min.js"></script>
    <script src="../../Scripts/sliderController.js"></script>

    <script id="trackTemplate" type="text/x-jQuery-tmpl">
        <div class="tableRow draggable-item track vk-item">
            <div class="glyphicon glyphicon-play btn btn-default track-play-btn"></div>
            <div class="track-description" data-title="${artist} ${title}">
                <div class="track-info">${artist}</div>
                <div class="track-title nowrap">${title}</div>
            </div>

            <button class="btn  btn-default btn-circle track-info-btn" data-toggle="modal" data-target="#infoModal"><span class="glyphicon glyphicon-info-sign"></span></button>
            <div class="track-duration">${duration}</div>
            <div class="track-remaining" style="display: none"></div>
            <div style="display: none" class="track-url">${url}</div>
            <div style="display: none" class="thirdPartId">${id}</div>
            <div style="display: none" class="ownerId">${owner_id}</div>
        </div>
    </script>
    
    <script id="searchTrackTemplate" type="text/x-jQuery-tmpl">
        <div class="tableRow draggable-item track vk-item">
            <div class="glyphicon glyphicon-play btn btn-default track-play-btn"></div>
            <div class="track-description" data-title="${artist} ${title}">
                <div class="track-info">${Artist}</div>
                <div class="track-title nowrap">${Name}</div>
            </div>

            <button class="btn  btn-default btn-circle track-info-btn" data-toggle="modal" data-target="#infoModal"><span class="glyphicon glyphicon-info-sign"></span></button>
            <div class="track-duration">${Duration}</div>
            <div class="track-remaining" style="display: none"></div>
            <div style="display: none" class="track-url">${Url}</div>
            <div style="display: none" class="thirdPartId">${ThirdPartId}</div>
            <div style="display: none" class="ownerId">${OwnerId}</div>
        </div>
    </script>

    <script id="playlistTrackTemplate" type="text/x-jQuery-tmpl">
        <div class="tableRow draggable-item track">
            <div class="glyphicon glyphicon-play btn btn-default track-play-btn"></div>
            <div class="track-description" data-title="${Artist} ${Name}">
                <div class="track-info">${Artist}</div><commit_msg>Corrected tootips for founded tracks<commit_after>﻿@using Azimuth.Infrastructure
@using Azimuth.Infrastructure.Concrete
@model Azimuth.ViewModels.SettingsViewModel

@{
    ViewBag.Title = "Settings";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<div>
    <div id="mainRow" class="row">
        
        <div id="playlists" class="stuck draggable">
            <h3>Playlists</h3>
            <input class="form-control" id="searchPlaylistName" placeholder="Enter playlist name for search">
            <div id="playlist-header" class="table-header">
                <div id="playlist-header-title" class="table-title"></div>
            </div>
            <a class="btn btn-primary" id="backToPlaylistsBtn" style="display:none; margin-top: 10px">&laquo;Back</a>
            <div id="playlist-header-spinner" class="spinner loader"></div>
            <div class="list accordion" id="playlistsTable">

            </div>
            <i id="create-playlist-lbl" style="display: none">Press enter to create new playlist</i>

            <div id="playlistTracks" style="display: none;" class="draggable-list"></div>
        </div>
        <div id="separator" class="stuck">
            <div id="buttons">
                <img class="btn btn-primary" id="prevTrackBtn" src="~/Images/media_prev.png" />
                <div class="spacer"></div>
                <span id="playTrackBtn" class="btn btn-primary"></span>
                <div class="spacer"></div>
                <img class="btn btn-primary" id="nextTrackBtn" src="~/Images/media_next.png" />
            </div>
            <span id="volumeImg"></span>
            <div id="volumeSlider"></div>
        </div>
        <div id="SN" class="stuck">
            <div id="friends-body" style="display: none">
                <div id="friends-header" class="table-header">
                    <div id="friends-header-title" class="table-title">Friends</div>
                    <div id="friends-header-spinner" class="spinner"></div>
                </div>
                <div id="friends-container"></div>
            </div>
            <div id="relogin" class="alert alert-danger" style="display: none; margin-top: 10px; z-index: 1001;">
                <p id="error"> Your time has expired, please login again. </p>
                @Html.ActionLink("OK", "ConnectAccount", "Account", new { provider = "Vkontakte", returnUrl = @Url.Action("Index", "Settings") }, new { @class = "btn btn-danger btn-large" })
            </div>

            <h3>Tracks</h3>
            <div>
                <button id="get-friends-info-btn" class="btn btn-default">Get friends info</button>
                <button id="get-user-tracks" class="btn btn-default">Get user tracks</button>
                <input class="form-control" id="searchTrackName" placeholder="Enter track name or author for search">
                <select id="searchcriteria">
                    <option selected="selected" value="myvklist">My VK list</option>
                    <option value="song">Song</option>
                    <option value="genre">Genre</option>
                    <option value="artist">Artist</option>
                    <option value="vk">Vkontakte</option>
                </select>

                <div id="vk-track-list">
                    <div id="vkMusic-header" class="table-header">
                        <div id="vkMusic-header-title" class="table-title">User Tracks</div>
                    </div>
                    <div id="vkMusic-header-spinner" class="spinner loader"></div>
                    <div id="progressSlider" style="display: none"></div>
                    <div id="vkMusicTable" class="vkMusicTable draggable">
                        <div class="draggable-list vkMusicList"></div>
                    </div>
                </div>
                <div id="forbidden" class="alert alert-danger" style="display: none; margin-top: 10px">
                    <p class="error"></p>
                </div>
            </div>
        </div>
    </div>
    <div class="itemsContainer tableRow" id="itemsContainer"></div>
    <div class="trackInfoContainer" id="trackInfoContainer"></div>

    <div class="modal fade" id="infoModal" tabindex="-1" role="dialog" aria-labelledby="infoModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                    <h4 class="modal-title" id="myModalLabel">Track info</h4>
                </div>
                <div id="info-header-spinner" class="spinner loader"></div>
                <div class="modal-body">
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" id="closeModalBtn" data-dismiss="modal">Close</button>
                    <button type="button" class="btn btn-primary" id="listenTopBtn" data-dismiss="modal" disabled>Listen top tracks</button>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="createPlaylistModal" tabindex="-1" role="dialog" aria-labelledby="createPlaylistModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" id="myModalLabel">Enter Playlist Name For Selected Tracks</h4>
                </div>
                <div class="modal-body">
                    <input type="text" class="form-control" id="playlistNameToCreate" placeholder="Enter Playlist Name" />
                    <select class="form-control" id="newPlaylistAccessibility">
                        <option value="Public">Public</option>
                        <option value="Private">Private</option>
                    </select>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" id="okPlaylistCreateModalBtn" data-dimiss="modal">OK</button>
                    <button type="button" class="btn btn-default" id="cancelModalBtn" data-dismiss="modal">Cancel</button>
                </div>
            </div>
        </div>
    </div>
    
    <div class="modal fade" id="sharingLinkModal" tabindex="-1" role="dialog" aria-labelledby="sharingLinkModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" id="myModalLabel">Sharing link</h4>
                </div>
                <div class="modal-body">
                    <input type="text" class="form-control" id="sharingLink"/>
                </div>
            </div>
        </div>
    </div>

</div>
@section scripts
{
    <script type="text/javascript" src="https://ajax.aspnetcdn.com/ajax/jquery.templates/beta1/jquery.tmpl.js"></script>
    <script type="text/javascript" src="../../Scripts/contextMenu.js"></script>
    <script type="text/javascript" src="../../Scripts/dragndrop.js"></script>
    <script type="text/javascript" src="../../Scripts/musicManager.js"></script>
    <script type="text/javascript" src="../../Scripts/audioManager.js"></script>
    <script type="text/javascript" src="../../Scripts/workWithMusic.js"></script>
    <script src="../../Scripts/jquery.mCustomScrollbar.concat.min.js"></script>
    <script src="../../Scripts/sliderController.js"></script>

    <script id="trackTemplate" type="text/x-jQuery-tmpl">
        <div class="tableRow draggable-item track vk-item">
            <div class="glyphicon glyphicon-play btn btn-default track-play-btn"></div>
            <div class="track-description" data-title="${artist} ${title}">
                <div class="track-info">${artist}</div>
                <div class="track-title nowrap">${title}</div>
            </div>

            <button class="btn  btn-default btn-circle track-info-btn" data-toggle="modal" data-target="#infoModal"><span class="glyphicon glyphicon-info-sign"></span></button>
            <div class="track-duration">${duration}</div>
            <div class="track-remaining" style="display: none"></div>
            <div style="display: none" class="track-url">${url}</div>
            <div style="display: none" class="thirdPartId">${id}</div>
            <div style="display: none" class="ownerId">${owner_id}</div>
        </div>
    </script>
    
    <script id="searchTrackTemplate" type="text/x-jQuery-tmpl">
        <div class="tableRow draggable-item track vk-item">
            <div class="glyphicon glyphicon-play btn btn-default track-play-btn"></div>
            <div class="track-description" data-title="${Artist} ${Name}">
                <div class="track-info">${Artist}</div>
                <div class="track-title nowrap">${Name}</div>
            </div>

            <button class="btn  btn-default btn-circle track-info-btn" data-toggle="modal" data-target="#infoModal"><span class="glyphicon glyphicon-info-sign"></span></button>
            <div class="track-duration">${Duration}</div>
            <div class="track-remaining" style="display: none"></div>
            <div style="display: none" class="track-url">${Url}</div>
            <div style="display: none" class="thirdPartId">${ThirdPartId}</div>
            <div style="display: none" class="ownerId">${OwnerId}</div>
        </div>
    </script>

    <script id="playlistTrackTemplate" type="text/x-jQuery-tmpl">
        <div class="tableRow draggable-item track">
            <div class="glyphicon glyphicon-play btn btn-default track-play-btn"></div>
            <div class="track-description" data-title="${Artist} ${Name}">
                <div class="track-info">${Artist}</div>
{'fraction_non_alphanumeric': 0.16691896255928954, 'fraction_numerical': 0.0024220405691795337, 'mean_word_length': 2.2634612218014163, 'pattern_counts': {'":': 0, '<': 477, '<?xml version=': 0, '>': 477, 'https://': 2, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1533613', 'n_tokens_mistral': 5740, 'n_tokens_neox': 5460, 'n_words': 1065}