configure_server.html

{% extends 'base.html' %}
{% block subtitle %}
Painel de Controle
{% endblock %}
{% block afterNavbar %}
<style>
#left-sidebar {
transition: 0.3s;
}

#right-sidebar {
transition: 0.3s;
}
</style>
<script>
var guildId = "{{ serverConfig.guildId }}"
</script>
<script type="text/javascript" src="{{ websiteUrl }}assets/js/LoriUtils.js?v={{ epochMillis }}"></script>
<script type="text/javascript" src="{{ websiteUrl }}assets/js/LoriDashboard.js?v={{ epochMillis }}"></script>
{% macro generateCheckbox(index, internalName, mainText, subText, isEnabled, needsToBeSaved) %}
<div class="pure-g" style="text-align: center;">
    <div class="pure-u-1 pure-u-md-7-8">
		<p class="toggleMainText">{{ mainText }}</p>
		{% if subText|length > 0 %}<div class="toggleSubText">{{ subText | raw }}</div>{% endif %}
	</div>
    <div class="pure-u-1 pure-u-md-1-8">
		<div class="switch">
		  <input type="checkbox" data-internal-name="{{ internalName }}" value="true" {% if needsToBeSaved == true %}data-send-on-save="true"{% endif %} {% if isEnabled == true %}checked{% endif %} id="cmn-toggle-{{ index }}" class="cmn-toggle cmn-toggle-round" type="checkbox">
		  <label for="cmn-toggle-{{ index }}"></label>
		</div>
	</div>
</div>
<br style="clear: both" /> <!-- So dirty! -->
{% endmacro %}

<div style="height: 50.05px"></div>
<div id="server-configuration">
<div id="left-sidebar">
<div class="discord-scroller" id="left-sidebar-contents"> 
	<div class="server-name">
	{{ guild.getName }}
	</div>
	<div id="left-sidebar-entries">
	<a href="{{ websiteUrl }}dashboard/configure/{{ guild.id }}"><div class="item {% if saveType == "default" %}selected-item{% endif %}">
	<i class="fa fa-cogs" aria-hidden="true"></i>  {{ DASHBOARD_CONFIG_OVERVIEW }}
	</div></a>
	<a href="{{ websiteUrl }}dashboard/configure/{{ guild.id }}/serverlist"><div class="item {% if saveType == "partner" %}selected-item{% endif %}">
	<i class="fas fa-share-square"></i> Lori's Server List
	</div></a>
	<a href="{{ websiteUrl }}dashboard/configure/{{ guild.id }}/moderation"><div class="item {% if saveType == "moderation" %}selected-item{% endif %}">
	<i class="fas fa-exclamation-circle" aria-hidden="true"></i> {{ DASHBOARD_Moderation }}
	</div></a>
	<a href="{{ websiteUrl }}dashboard/configure/{{ guild.id }}/commands"><div class="item {% if saveType == "vanilla_commands" %}selected-item{% endif %}">
	<i class="fa fa-terminal" aria-hidden="true"></i> {{ WEBSITE_COMMANDS }}
	</div></a>
	<a href="{{ websiteUrl }}dashboard/configure/{{ guild.id }}/permissions"><div class="item {% if saveType == "permissions" %}selected-item{% endif %}">
	<i class="fa fa-address-card" aria-hidden="true"></i> {{ DASHBOARD_PERMISSIONS }}
	</div></a>
	{% if environment.name == "CANARY" %}
	<a href="{{ websiteUrl }}dashboard/configure/{{ guild.id }}/textchannels"><div class="item {% if saveType == "text_channels" %}selected-item{% endif %}">
	<i class="fa fa-hashtag" aria-hidden="true"></i> {{ DASHBOARD_TextChannels }}
	</div></a>
	<a href="{{ websiteUrl }}dashboard/configure/{{ guild.id }}/voicechannels"><div class="item {% if saveType == "voice_channels" %}selected-item{% endif %}">
	<i class="fa fa-microphone" aria-hidden="true"></i> {{ DASHBOARD_VoiceChannels }}
	</div></a>
	{% endif %}
	<hr>
	<div class="server-name">
	{{ DASHBOARD_Notifications }}
	</div>
	<a href="{{ websiteUrl }}dashboard/configure/{{ guild.id }}/welcomer"><div class="item {% if saveType == "welcomer" %}selected-item{% endif %}">
	<i class="fa fa-sign-in-alt" aria-hidden="true"></i> {{ DASHBOARD_WELCOMER }}
	</div></a>
	<a href="{{ websiteUrl }}dashboard/configure/{{ guild.id }}/eventlog"><div class="item {% if saveType == "event_log" %}selected-item{% endif %}">
	<i class="fa fa-eye" aria-hidden="true"></i> Event Log
	</div></a>
	<a href="{{ websiteUrl }}dashboard/configure/{{ guild.id }}/youtube"><div class="item {% if saveType == "youtube" %}selected-item{% endif %}">
	<i class="fab fa-youtube" aria-hidden="true"></i> YouTube
	</div></a>
	<a href="{{ websiteUrl }}dashboard/configure/{{ guild.id }}/livestream"><div class="item {% if saveType == "livestream" %}selected-item{% endif %}">
	<i class="fab fa-twitch" aria-hidden="true"></i> Twitch
	</div></a>
	<a href="{{ websiteUrl }}dashboard/configure/{{ guild.id }}/feeds"><div class="item {% if saveType == "feeds" %}selected-item{% endif %}">
	<i class="fa fa-rss-square" aria-hidden="true"></i> RSS/Atom Feeds
	</div></a>
	<a href="{{ websiteUrl }}dashboard/configure/{{ guild.id }}/amino"><div class="item {% if saveType == "amino" %}selected-item{% endif %}">
	<i class="fa fa-sync-alt" aria-hidden="true"></i> Amino & Loritta
	</div></a>
	<hr>
	<div class="server-name">
	{{ CommandCategory_MISC_Name }}
	</div>
	<a href="{{ websiteUrl }}dashboard/configure/{{ guild.id }}/autorole"><div class="item {% if saveType == "autorole" %}selected-item{% endif %}">
	<i class="fa fa-briefcase"></i> Autorole
	</div></a>
	<a href="{{ websiteUrl }}dashboard/configure/{{ guild.id }}/inviteblocker"><div class="item {% if saveType == "invite_blocker" %}selected-item{% endif %}">
	<i class="fa fa-ban"></i> {{ DASHBOARD_INVITE_BLOCKER }}
	</div></a>
	<a href="{{ websiteUrl }}dashboard/configure/{{ guild.id }}/music"><div class="item {% if saveType == "music" %}selected-item{% endif %}">
	<i class="fa fa-music" aria-hidden="true"></i> DJ Loritta
	</div></a>
	{% if environment.name == "CANARY" %}
	<a href="{{ websiteUrl }}guild/{{ guild.id }}/configure/economy"><div class="item {% if saveType == "economy" %}selected-item{% endif %}">
	<i class="fas fa-hand-holding-usd" aria-hidden="true"></i> {{ CommandCategory_ECONOMY_Name }}
	</div></a>
	<a href="{{ websiteUrl }}guild/{{ guild.id }}/configure/timers"><div class="item {% if saveType == "timers" %}selected-item{% endif %}">
	<i class="fas fa-broadcast-tower"></i> Timers
	</div></a>
	{% endif %}
	<a href="{{ websiteUrl }}dashboard/configure/{{ guild.id }}/starboard"><div class="item {% if saveType == "starboard" %}selected-item{% endif %}">
	<i class="fa fa-star" aria-hidden="true"></i> Starboard
	</div></a>
	<hr>
	<div class="server-name">
	{{ DASHBOARD_YourFeatures }}
	</div>
	<a href="{{ websiteUrl }}dashboard/configure/{{ guild.id }}/nashorn"><div class="item {% if saveType == "nashorn_commands" %}selected-item{% endif %}">
	<i class="fab fa-js-square" aria-hidden="true"></i> {{ DASHBOARD_JavaScriptCommands }}
	</div></a>
	{% if environment.name == "CANARY" %}
	<a href="{{ websiteUrl }}guild/{{ guild.id }}/configure/key"><div class="item {% if saveType == "api_key" %}selected-item{% endif %}">
	<i class="fas fa-key" aria-hidden="true"></i> API Key
	</div></a>
	{% endif %}
	<hr>
	<a target="_blank" href="{{ websiteUrl }}support"><div class="item" style="color: rgb(114, 137, 218);">
	<i class="fas fa-question-circle"></i> {{ WEBSITE_Support }}
	</div></a>
	</div>
</div>
</div>
<div id="right-sidebar">
<div id="right-sidebar-contents">
{# <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Loritta Dashboard 1 -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-9989170954243288"
     data-ad-slot="2080512288"
     data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Loritta Dashboard 2 -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-9989170954243288"
     data-ad-slot="9739510458"
     data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script> #}
{% block rightSidebarContents %}
<div class="category-name">
{{ DASHBOARD_CONFIG_OVERVIEW }}
</div>
<div class="userOptionsWrapper">
<div class="pure-g">
	<div class="pure-u-1 pure-u-md-1-6">
		<img style="border-radius: 99999px; height: 100px;" src="https://loritta.website/assets/img/loritta_discord_avatar.png">
	</div>
	<div class="pure-u-1 pure-u-md-2-3">
		<div class="flavourText">{{ DASHBOARD_PREFIX }}</div>
		<form method="post">
			<input data-send-on-save="true" data-internal-name="commandPrefix" id="commandPrefix" value="{{ serverConfig.commandPrefix }}" type="text">
			<div class="toggleSubText">{{ DASHBOARD_PREFIX_INFO }}</div>
		</form>
		<div class="discord-message-helper">
		<div class="discord-message" style="margin-bottom: 20px;">
			<span style="width: 0; height: 0; position: relative;"><img src="https://cdn.discordapp.com/avatars/{{ userIdentification.id }}/{{ userIdentification.avatar }}.png" style="height: 40px; border-radius: 99999px;">
			<span style="position: relative;">
				<span class="discord-username">{{ userIdentification.getUsername }}</span>
				<span class="discord-message-content"><span id="exampleMessagePrefix">{{ serverConfig.commandPrefix }}</span>ping</span>
				<br style="clear: both" /> <!-- So dirty! -->
			</span>
		</div>
		<hr>
		<div class="discord-message" style="margin-top: 20px;">
			<span style="width: 0; height: 0; position: relative;"><img src="https://cdn.discordapp.com/avatars/297153970613387264/98b04ffd1797b49ab98162a6a47ac4bd.png?size=256" style="height: 40px; border-radius: 99999px;">
			<span style="position: relative;">
				<span class="discord-username">Loritta</span>
				<span class="discord-message-content">🏓 <b>Pong!</b> 43ms (🌎 Shard 0/4)</span>
				<br style="clear: both" /> <!-- So dirty! -->
			</span>
		</div>
		</div>
	</div>
</div>
<hr>
<div class="user-option-bottom">
<br style="clear: both" /> <!-- So dirty! -->
</div>
</div>
{{ generateCheckbox(1, 
"explainOnCommandRun", 
DASHBOARD_EXPLAIN_ON_COMMAND_RUN, 
DASHBOARD_EXPLAIN_ON_COMMAND_RUN_SUB, 
serverConfig.explainOnCommandRun, 
true) }}
<hr>
{{ generateCheckbox(2, 
"mentionOnCommandOutput", 
DASHBOARD_MentionOnCommandOutput, 
DASHBOARD_MentionOnCommandOutputSub, 
serverConfig.mentionOnCommandOutput, 
true) }}
<hr>
{{ generateCheckbox(3, 
"deleteMessageAfterCommand", 
DASHBOARD_DeleteMessageAfterCommand, 
DASHBOARD_DeleteMessageAfterCommandSub, 
serverConfig.deleteMessageAfterCommand, 
true) }}
<hr>
{{ generateCheckbox(4, 
"warnOnMissingPermission", 
DASHBOARD_WarnOnMissingPermission, 
DASHBOARD_WarnOnMissingPermissionSub, 
serverConfig.warnOnMissingPermission, 
true) }}
<hr>
{{ generateCheckbox(5, 
"warnOnUnknownCommand", 
DASHBOARD_WarnOnUnknownCommand, 
DASHBOARD_WarnOnUnknownCommandSub, 
serverConfig.warnOnUnknownCommand, 
true) }}
<hr>
<div class="flavourText">{{ DASHBOARD_CommandChannelBlacklist }}</div>
<div class="toggleSubText">{{ DASHBOARD_CommandChannelBlacklist_Description }}</div>
<select name="chooseRole" id="chooseRole">
	{% for channel in guild.getTextChannels() %}
	<option value="{{ channel.getId }}">#{{ channel.getName }}</option>
	{% endfor %}
</select>
<button type="button" onclick="addLink()" class="button-success pure-button">{{ WEBSITE_ADD_IT }}</button>
<div class="toggleSubText">{{ DASHBOARD_ClickToRemoveTextChannel }}</div>
<table id="musicTable">
{% if serverConfig.blacklistedChannels|length > 0 %}
  {% for channel in serverConfig.blacklistedChannels %}
  {% set jdaChannel = guild.getTextChannelById(channel) %}
  <tr>
    <td data-internalid="{{ channel }}" onclick="DL1(this)"><div style="margin-bottom: 2px; display: inline-block; padding: 2px 0px 2px 0px;" class="discord-mention">#{{ jdaChannel.getName() }}</span></td>
  </tr>
  {% endfor %}
  {% endif %}
</table>
<input type="hidden" id="blacklistedChannels" data-send-on-save="true" data-convert-to-list="true" data-internal-name="blacklistedChannels" value="{{ blacklistedChannels }}">
<hr>
{{ generateCheckbox(6, 
"warnIfBlacklisted", 
DASHBOARD_WarnIfBlacklisted, 
DASHBOARD_WarnIfBlacklistedSub, 
serverConfig.warnIfBlacklisted, 
true) }}
<hr>
<div id="hiddenIfDisabledBlacklist">
<div class="flavourText">{{ DASHBOARD_BlacklistWarning }}</div>
<textarea data-send-on-save="true" data-internal-name="blacklistWarning" id="blacklistWarning" name="blacklistWarning">{{ serverConfig.blacklistWarning }}</textarea>
</div>
<script>
$("#cmn-toggle-6").click(function(e) {
	applyBlurBlacklist()
});

function applyBlurBlacklist() {
  var e = $("#hiddenIfDisabledBlacklist");
  if ($('#cmn-toggle-6').is(':checked')) {
	e.removeClass();
	e.addClass("noBlur");
  } else {
    e.removeClass();
	e.addClass("blurSection");
  }
}

applyBlurBlacklist();
</script>
<hr>
<button onclick="prepareSave()" style="float: right;" class="button-discord button-discord-success pure-button">{{ DASHBOARD_SAVE }}</button>
<br style="clear: both" /> <!-- So dirty! -->
{% endblock %}
<script>
function addLink() {
  var e = $("#chooseRole");
  var value = e.val();
  
  var table = document.getElementById("musicTable");
  
  var row = table.insertRow(-1)
  
  var cell = row.insertCell(-1)
  cell.innerHTML = '<div style="margin-bottom: 2px; display: inline-block; padding: 2px 0px 2px 0px;" class="discord-mention">' + e.find(":selected").text() + '</span>'
  
  cell.setAttribute("onclick", "DL1(this)");
  cell.setAttribute("data-internalid", value);
  joinToSeparators();
}

function joinToSeparators() {
var e = $("#blacklistedChannels");

var text = "";
$('#musicTable tr').each(function(){
    $(this).find('td').each(function(){
        //do your stuff, you can use $(this) to get current cell
		if (text == "") {
			text += $(this).attr("data-internalid")
		} else {
			text += ";" + $(this).attr("data-internalid")
		}
    })
})

e.val(text);
}

function DL1(elem){
	elem.parentNode.removeChild(elem);

	joinToSeparators();
}
</script>
<hr>
<!-- Loritta Teste -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-9989170954243288"
     data-ad-slot="6236021665"
     data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<!-- Loritta Teste 2 -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-9989170954243288"
     data-ad-slot="8369584507"
     data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
</div>
<br style="clear: both" />
</div>
</div>
</div>
<script>
var toast = null;

$('#commandPrefix').on('input', function() {
    // do something
	$("#exampleMessagePrefix").text($('#commandPrefix').val());
});

function prepareSave() {
	var configAttr = {"type":"{{ saveType }}"}
	
	$('[data-send-on-save]').each(function( index ) {
		var value = $(this).val();
		if ($(this).attr("type") == "checkbox") {
			value = $(this).is(':checked')
		}
		if ($(this).attr("type") == "number") {
			value = parseInt(value)
		}
		
		if ($(this).data("convert-to-list") == true) {
			var list = []
			if (value.length > 0) {
				var str = value.split(";");
				for (i in str) {
					var element = str[i];
					console.log("Adicionado " + element);
					list.push(element);
				}
			}
			value = list;
		}
		configAttr[$(this).data("internal-name")] = value
	});
	
	console.log(configAttr);
	
	var json = JSON.stringify(configAttr);
	
	sendJsonToServer(json);
}

function sendJsonToServer(json) {
	console.log("Sending...")
	console.log(json);
	toastr.options = {
		"closeButton": false,
		 "debug": false,
	    "newestOnTop": false,
			  "progressBar": false,
			  "positionClass": "toast-bottom-center",
			  "preventDuplicates": true,
			  "onclick": null,
			  "showDuration": "300",
			  "hideDuration": "1000",
			  "timeOut": "1000",
			  "extendedTimeOut": "1000",
			  "showEasing": "swing",
			  "hideEasing": "linear",
			  "showMethod": "fadeIn",
			  "hideMethod": "fadeOut"
			}
			
	toastr.info('Salvando...', toastr)
	// construct an HTTP request
	var xhr = new XMLHttpRequest();
	xhr.open("POST", "{{ websiteUrl }}dashboard/configure/{{ guild.getId }}/save", true);
	xhr.setRequestHeader('Content-Type', 'application/json; charset=UTF-8');

	// send the collected data as JSON
	xhr.send(json);

	xhr.onreadystatechange = function() {
		if (xhr.readyState == XMLHttpRequest.DONE) {
			toastr.clear()
			
			// alert("Adicionado no servidor ~ " + xhr.responseText);
			toastr.options = {
			  "closeButton": false,
			  "debug": false,
			  "newestOnTop": false,
			  "progressBar": true,
			  "positionClass": "toast-bottom-center",
			  "preventDuplicates": true,
			  "onclick": null,
			  "showDuration": "300",
			  "hideDuration": "1000",
			  "timeOut": "4000",
			  "extendedTimeOut": "1000",
			  "showEasing": "swing",
			  "hideEasing": "linear",
			  "showMethod": "fadeIn",
			  "hideMethod": "fadeOut"
			}

			console.log(xhr.responseText);
			try { // deprecated, a API da Loritta precisa retornar tudo em JSON e não em plain text!
				var response = JSON.parse(xhr.responseText)
				if (response["api:code"] != 0) {
					toastr.error(response["api:message"], toastr)
				} else {
					toastr.success('Configurações salvas com sucesso!', toastr)
				}
			} catch(err) {
				toastr.success('Configurações salvas com sucesso!', toastr) // shrug
			}
		}
	}
}
</script>	
{% endblock %}