mirror of
https://github.com/snipe/snipe-it.git
synced 2024-12-26 14:09:43 -08:00
265 lines
12 KiB
PHP
265 lines
12 KiB
PHP
@extends('layouts/default')
|
|
|
|
{{-- Page title --}}
|
|
@section('title')
|
|
{{ trans('admin/settings/general.slack_title') }}
|
|
@parent
|
|
@stop
|
|
|
|
@section('header_right')
|
|
<a href="{{ route('settings.index') }}" class="btn btn-primary"> {{ trans('general.back') }}</a>
|
|
@stop
|
|
|
|
|
|
{{-- Page content --}}
|
|
@section('content')
|
|
|
|
<style>
|
|
.checkbox label {
|
|
padding-right: 40px;
|
|
}
|
|
</style>
|
|
|
|
|
|
{{ Form::open(['method' => 'POST', 'files' => false, 'autocomplete' => 'off', 'class' => 'form-horizontal', 'role' => 'form' ]) }}
|
|
<!-- CSRF Token -->
|
|
{{csrf_field()}}
|
|
|
|
<div class="row">
|
|
<div class="col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2">
|
|
|
|
|
|
<div class="panel box box-default">
|
|
<div class="box-header with-border">
|
|
<h2 class="box-title">
|
|
<i class="fab fa-slack"></i> {{ trans('admin/settings/general.slack') }}
|
|
</h2>
|
|
</div>
|
|
<div class="box-body">
|
|
|
|
|
|
<p style="padding: 20px;">
|
|
{!! trans('admin/settings/general.slack_integration_help',array('slack_link' => 'https://my.slack.com/services/new/incoming-webhook')) !!}
|
|
|
|
@if (($setting->slack_channel=='') && ($setting->slack_endpoint==''))
|
|
{{ trans('admin/settings/general.slack_integration_help_button') }}
|
|
@endif
|
|
</p>
|
|
|
|
|
|
<div class="col-md-12" style="border-top: 0px;">
|
|
|
|
|
|
<!-- slack endpoint -->
|
|
<div class="form-group required {{ $errors->has('slack_endpoint') ? 'error' : '' }}">
|
|
<div class="col-md-2">
|
|
{{ Form::label('slack_endpoint', trans('admin/settings/general.slack_endpoint')) }}
|
|
</div>
|
|
<div class="col-md-10">
|
|
@if (config('app.lock_passwords')===true)
|
|
{{ Form::text('slack_endpoint', old('slack_endpoint', $setting->slack_endpoint), array('class' => 'form-control','disabled'=>'disabled','placeholder' => 'https://hooks.slack.com/services/XXXXXXXXXXXXXXXXXXXXX', 'id' => 'slack_endpoint')) }}
|
|
<p class="text-warning"><i class="fas fa-lock"></i> {{ trans('general.feature_disabled') }}</p>
|
|
|
|
@else
|
|
{{ Form::text('slack_endpoint', old('slack_endpoint', $setting->slack_endpoint), array('class' => 'form-control','placeholder' => 'https://hooks.slack.com/services/XXXXXXXXXXXXXXXXXXXXX', 'id' => 'slack_endpoint')) }}
|
|
@endif
|
|
{!! $errors->first('slack_endpoint', '<span class="alert-msg" aria-hidden="true">:message</span>') !!}
|
|
</div>
|
|
</div>
|
|
|
|
<!-- slack channel -->
|
|
<div class="form-group required {{ $errors->has('slack_channel') ? 'error' : '' }}">
|
|
<div class="col-md-2">
|
|
{{ Form::label('slack_channel', trans('admin/settings/general.slack_channel')) }}
|
|
</div>
|
|
<div class="col-md-10">
|
|
@if (config('app.lock_passwords')===true)
|
|
{{ Form::text('slack_channel', old('slack_channel', $setting->slack_channel), array('class' => 'form-control','disabled'=>'disabled','placeholder' => '#IT-Ops')) }}
|
|
<p class="text-warning"><i class="fas fa-lock"></i> {{ trans('general.feature_disabled') }}</p>
|
|
|
|
@else
|
|
{{ Form::text('slack_channel', old('slack_channel', $setting->slack_channel), array('class' => 'form-control','placeholder' => '#IT-Ops')) }}
|
|
@endif
|
|
{!! $errors->first('slack_channel', '<span class="alert-msg" aria-hidden="true">:message</span>') !!}
|
|
</div>
|
|
</div>
|
|
|
|
<!-- slack botname -->
|
|
<div class="form-group required {{ $errors->has('slack_botname') ? 'error' : '' }}">
|
|
<div class="col-md-2">
|
|
{{ Form::label('slack_botname', trans('admin/settings/general.slack_botname')) }}
|
|
</div>
|
|
<div class="col-md-10">
|
|
@if (config('app.lock_passwords')===true)
|
|
{{ Form::text('slack_botname', old('slack_botname', $setting->slack_botname), array('class' => 'form-control','disabled'=>'disabled','placeholder' => 'Snipe-Bot')) }}
|
|
<p class="text-warning"><i class="fas fa-lock"></i> {{ trans('general.feature_disabled') }}</p>
|
|
|
|
@else
|
|
{{ Form::text('slack_botname', old('slack_botname', $setting->slack_botname), array('class' => 'form-control','placeholder' => 'Snipe-Bot')) }}
|
|
@endif
|
|
{!! $errors->first('slack_botname', '<span class="alert-msg" aria-hidden="true">:message</span>') !!}
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group" id="slacktestcontainer" style="display: none">
|
|
<div class="col-md-2">
|
|
{{ Form::label('test_slack', 'Test Slack') }}
|
|
</div>
|
|
<div class="col-md-10" id="slacktestrow">
|
|
<a class="btn btn-default btn-sm pull-left" id="slacktest" style="margin-right: 10px;">Test <i class="fab fa-slack"></i> Integration</a>
|
|
</div>
|
|
<div class="col-md-10 col-md-offset-2">
|
|
<span id="slacktesticon"></span>
|
|
<span id="slacktestresult"></span>
|
|
<span id="slackteststatus"></span>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div> <!--/-->
|
|
</div> <!--/.box-body-->
|
|
<div class="box-footer">
|
|
<div class="text-left col-md-6">
|
|
<a class="btn btn-link text-left" href="{{ route('settings.index') }}">{{ trans('button.cancel') }}</a>
|
|
</div>
|
|
<div class="text-right col-md-6">
|
|
<button type="submit" id="save_slack" class="btn btn-primary" disabled><i class="fas fa-check icon-white" aria-hidden="true"></i> {{ trans('general.save') }}</button>
|
|
</div>
|
|
|
|
</div>
|
|
</div> <!-- /box -->
|
|
</div> <!-- /.col-md-8-->
|
|
</div> <!-- /.row-->
|
|
|
|
{{Form::close()}}
|
|
|
|
@stop
|
|
|
|
@push('js')
|
|
<script nonce="{{ csrf_token() }}">
|
|
var fieldcheck = function (event) {
|
|
if($('#slack_endpoint').val() != "" && $('#slack_channel').val() != "" && $('#slack_botname').val() != "") {
|
|
//enable test button *only* if all three fields are filled in
|
|
$('#slacktestcontainer').fadeIn(500);
|
|
} else {
|
|
//otherwise it's hidden
|
|
$('#slacktestcontainer').fadeOut(500);
|
|
}
|
|
|
|
if(event) { //on 'initial load' we don't *have* an 'event', but in the regular keyup callback, we *do*. So this only fires on 'real' callback events, not on first load
|
|
if($('#slack_endpoint').val() == "" && $('#slack_channel').val() == "" && $('#slack_botname').val() == "") {
|
|
// if all three fields are blank, the user may want to disable Slack integration; enable the Save button
|
|
$('#save_slack').removeAttr('disabled');
|
|
}
|
|
}
|
|
};
|
|
|
|
fieldcheck(); //run our field-checker once on page-load to set the initial state correctly.
|
|
|
|
$('input:text').keyup(fieldcheck); // if *any* text field changes, we recalculate button states
|
|
|
|
$("#slacktest").click(function() {
|
|
|
|
$("#slacktestrow").removeClass('text-success');
|
|
$("#slacktestrow").removeClass('text-danger');
|
|
$("#slackteststatus").removeClass('text-danger');
|
|
$("#slackteststatus").html('');
|
|
$("#slacktesticon").html('<i class="fas fa-spinner spin"></i> {{ trans('admin/settings/message.slack.sending') }}');
|
|
$.ajax({
|
|
|
|
// If I comment this back in, I always get a success (200) message
|
|
// Without it, I get
|
|
// beforeSend: function (xhr) {
|
|
// xhr.setRequestHeader("Content-Type","application/json");
|
|
// xhr.setRequestHeader("Accept","text/json");
|
|
// },
|
|
|
|
|
|
url: '{{ route('api.settings.slacktest') }}',
|
|
type: 'POST',
|
|
headers: {
|
|
"X-Requested-With": 'XMLHttpRequest',
|
|
"X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr('content'),
|
|
// 'Accept': 'application/json',
|
|
// 'Content-Type': 'application/json',
|
|
},
|
|
data: {
|
|
'slack_endpoint': $('#slack_endpoint').val(),
|
|
'slack_channel': $('#slack_channel').val(),
|
|
'slack_botname': $('#slack_botname').val(),
|
|
|
|
},
|
|
|
|
dataType: 'json',
|
|
|
|
accepts: {
|
|
text: "application/json"
|
|
},
|
|
|
|
success: function (data) {
|
|
$('#save_slack').removeAttr('disabled');
|
|
$("#slacktesticon").html('');
|
|
$("#slacktestrow").addClass('text-success');
|
|
$("#slackteststatus").addClass('text-success');
|
|
//TODO: This is a bit hacky...Might need some cleanup
|
|
$("#slackteststatus").html('<i class="fas fa-check text-success"></i> {{ trans('admin/settings/message.slack.success_pt1') }} ' + $('#slack_channel').val() + '{{ trans('admin/settings/message.slack.success_pt2') }}');
|
|
},
|
|
|
|
error: function (data) {
|
|
|
|
|
|
if (data.responseJSON) {
|
|
var errors = data.responseJSON.errors;
|
|
var error_msg = data.responseJSON.message;
|
|
} else {
|
|
var errors;
|
|
var error_msg = 'Something went wrong.';
|
|
}
|
|
|
|
var error_text = '';
|
|
|
|
$('#save_slack').attr("disabled", true);
|
|
$("#slacktesticon").html('');
|
|
$("#slackteststatus").addClass('text-danger');
|
|
$("#slacktesticon").html('<i class="fas fa-exclamation-triangle text-danger"></i><span class="text-danger">' + error_msg+ '</span>');
|
|
|
|
|
|
if (data.status == 500) {
|
|
$('#slackteststatus').html('{{ trans('admin/settings/message.slack.500') }}');
|
|
} else if ((data.status == 400) || (data.status == 422)) {
|
|
// TODO: Needs translation
|
|
console.log('Type of errors is '+ typeof errors);
|
|
console.log('Data status was 400 or 422');
|
|
|
|
if (typeof errors != 'string') {
|
|
|
|
console.log(errors.length);
|
|
|
|
for (i in errors) {
|
|
if (errors[i]) {
|
|
error_text += '<li>Error: ' + errors[i];
|
|
}
|
|
|
|
}
|
|
|
|
} else {
|
|
|
|
error_text = errors;
|
|
}
|
|
|
|
$('#slackteststatus').html(error_text);
|
|
|
|
} else {
|
|
$('#slackteststatus').html(data.responseText.message);
|
|
}
|
|
}
|
|
|
|
|
|
});
|
|
return false;
|
|
});
|
|
|
|
</script>
|
|
|
|
@endpush
|