Server : Apache System : Linux server2.corals.io 4.18.0-348.2.1.el8_5.x86_64 #1 SMP Mon Nov 15 09:17:08 EST 2021 x86_64 User : corals ( 1002) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system Directory : /home/corals/mcoil.corals.io/resources/views/admin/GDPR/ |
<!-- =============================================== -->
@extends('layouts.admin.app')
@section('content')
<!-- Main content -->
<section class="content">
@include('layouts.errors-and-messages')
<div class="box">
{!! Form::model($cookieList,['method' => 'POST','route' => ['admin.gdpr.cookieListUpdate',$cookieList->id], 'class'=>'form','enctype'=>'multipart/form-data', 'id'=>'frm_add']) !!}
<input type="hidden" name="id" value="{{$cookieList->id}}">
<div class="box-body">
<div class="row">
<div class="col-md-12">
<h2>Cookie List</h2>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label for="about_cookie_message">About Cookies Message <span class="text-danger">*</span></label>
<textarea name="about_cookie_message" class="form-control" rows="3">{{$cookieList->about_cookie_message}}</textarea>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<h3 class="bold">Add Options</h3>
<div class="box box-primary">
<div class="box-body">
@foreach($cookieList->getCoockieListOption as $key => $answer)
<div class="answerAdded-{{$key}} existingSection">
<div class="row">
<div class="col-md-1 margin-top-32 alphabet-index"></div>
<div class="col-md-5">
<div class="form-group">
<label for="cookie_name">Cookie Name</label>
<input type="text" name="cookie_name[]" placeholder="Cookie Name" value="{{$answer->cookie_name}}" class="form-control">
</div>
<div class="form-group">
<label for="cookie_domain ">Cookie Domain</label>
<input type="text" name="cookie_domain[]" placeholder="Cookie Domain " class="form-control" value="{{$answer->cookie_domain}}">
</div>
<div class="form-group">
<label for="category ">Category</label>
<select class="form-control" name="category[]">
<option {{($answer->cookie_category == 'Analytics') ? 'selected' : ''}}>Analytics</option>
<option {{($answer->cookie_category == 'Marketing') ? 'selected' : ''}}>Marketing</option>
<option {{($answer->cookie_category == 'Necessary') ? 'selected' : ''}}>Necessary</option>
<option {{($answer->cookie_category == 'Preferences') ? 'selected' : ''}}>Preferences</option>
<option {{($answer->cookie_category == 'Unclassified') ? 'selected' : ''}}>Unclassified</option>
</select>
</div>
<div class="form-group">
<label for="type ">Type</label>
<select class="form-control changeType" data-id="1" name="type[]">
<option {{($answer->cookie_type == 'HTTP Cookie') ? 'selected' : ''}}>HTTP Cookie</option>
<option {{($answer->cookie_type == 'HTML Local Storage') ? 'selected' : ''}}>HTML Local Storage</option>
<option {{($answer->cookie_type == 'Flash Local Shared Object') ? 'selected' : ''}}>Flash Local Shared Object</option>
<option {{($answer->cookie_type == 'Pixel Tracker') ? 'selected' : ''}}>Pixel Tracker</option>
<option {{($answer->cookie_type == 'IndexedDB') ? 'selected' : ''}}>IndexedDB</option>
</select>
</div>
</div>
<div class="col-md-5">
<div class="form-group">
<label for="duration">Duration</label>
<input type="text" id="duration_1" name="duration[]" placeholder="Duration" class="form-control" {{($answer->cookie_type != 'HTTP Cookie') ? 'readonly' : ''}} value="{{$answer->duration}}">
</div>
<div class="form-group">
<label for="cookie_purpose">Cookie Purpose</label>
<textarea rows="6" type="text" name="cookie_purpose[]" placeholder="Cookie Purpose" class="form-control">{{$answer->cookie_purpose}}</textarea>
</div>
</div>
<div class="col-md-1 margin-top-32">
<a href="javascript:;" class="btn btn-sm btn-danger btn-plus delete remove-answers delete_submit" title="Delete This?"><i class="fa fa-minus"></i></a>
</div>
</div>
</div>
@endforeach
<div class="add-more-answer">
<div class="clone-answer-div">
<div class="row">
<div class="col-md-1 margin-top-32 alphabet-index"></div>
<div class="col-md-5">
<div class="form-group">
<label for="cookie_name">Cookie Name</label>
<input type="text" name="cookie_name[]" placeholder="Cookie Name" class="form-control">
</div>
<div class="form-group">
<label for="cookie_domain ">Cookie Domain</label>
<input type="text" name="cookie_domain[]" placeholder="Cookie Domain " class="form-control">
</div>
<div class="form-group">
<label for="category ">Category</label>
<select class="form-control" name="category[]">
<option>Analytics</option>
<option>Marketing</option>
<option>Necessary</option>
<option>Preferences</option>
<option>Unclassified</option>
</select>
</div>
<div class="form-group">
<label for="type ">Type</label>
<select class="form-control changeType" data-id="1" name="type[]">
<option>HTTP Cookie</option>
<option>HTML Local Storage</option>
<option>Flash Local Shared Object</option>
<option>Pixel Tracker</option>
<option>IndexedDB</option>
</select>
</div>
</div>
<div class="col-md-5">
<div class="form-group">
<label for="duration">Duration</label>
<input type="text" id="duration_1" name="duration[]" placeholder="Duration" class="form-control">
</div>
<div class="form-group">
<label for="cookie_purpose">Cookie Purpose</label>
<textarea rows="6" type="text" name="cookie_purpose[]" placeholder="Cookie Purpose" class="form-control"></textarea>
</div>
</div>
<div class="col-md-1 margin-top-32">
<button type="button" class="btn btn-sm btn-success btn-plus add add-answers"><i class="fa fa-plus"></i></button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="box-footer">
<div class="btn-group">
<button type="submit" class="btn btn-primary">Save Options</button>
</div>
</div>
</div>
</div>
</div>
{!! Form::close() !!}
</div>
</section>
<!-- /.content -->
@endsection
@section('js')
<script src="{{ asset('https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.1/jquery.validate.min.js') }}"></script>
<script type="text/javascript">
jQuery.validator.addMethod("colourCode", function(value, element) {
return this.optional(element) || value.match(/^([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/)
}, "Please enter correct colour code.");
$('#frm_add').validate({
errorPlacement: function(error, element) {
if (element.parent('.input-group').length) {
error.insertAfter(element.parent());
} else {
error.insertAfter(element);
}
},
rules: {
about_cookie_message: { required: true },
},
messages: {
about_cookie_message: { required: 'Please enter a message' },
}
});
var i = 2;
$('.add-answers').click(function() {
$('.clone-answer-div:last').after('<div class="answerDiv clone-answer-div"><div class="row"><div class="col-md-1 margin-top-32 alphabet-index"></div><div class="col-md-5"><div class="form-group"><label for="cookie_name">Cookie Name</label><input type="text" name="cookie_name[]" required placeholder="Cookie Name" class="form-control"></div><div class="form-group"><label for="cookie_domain ">Cookie Domain</label><input type="text" name="cookie_domain[]" required placeholder="Cookie Domain " class="form-control"></div><div class="form-group"><label for="category ">Category</label><select class="form-control" name="category[]"><option>Analytics</option><option>Marketing</option><option>Necessary</option><option>Preferences</option><option>Unclassified</option></select></div><div class="form-group"><label for="type ">Type</label><select class="form-control changeType" data-id="'+i+'" name="type[]"><option>HTTP Cookie</option><option>HTML Local Storage</option><option>Flash Local Shared Object</option><option>Pixel Tracker</option><option>IndexedDB</option></select></div></div><div class="col-md-5"><div class="form-group"><label for="duration">Duration</label><input type="text" id="duration_'+i+'" name="duration[]" required placeholder="Duration" class="form-control"></div><div class="form-group"><label for="cookie_purpose">Cookie Purpose</label><textarea rows="6" type="text" name="cookie_purpose[]" required placeholder="Cookie Purpose" class="form-control"></textarea></div></div><div class="col-md-1 margin-top-32"><button type="button" class="btn btn-sm btn-danger btn-plus remove remove-answer"><i class="fa fa-minus"></i></button></div></div></div>');
i++;
var index_alphabet = 97;
$(".alphabet-index").each(function(i) {
$(this).html('<span class="badge font-badge badge-awaiting">('+String.fromCharCode(index_alphabet++).toUpperCase()+')</span>');
});
});
$('.add-more-answer').on('click','.remove-answer',function() {
$(this).parents(".answerDiv").remove();
});
$('.existingSection').on('click','.remove-answers',function() {
$(this).parents(".existingSection").remove();
});
var index_alphabet = 97;
$(".alphabet-index").each(function(i) {
$(this).html('<span class="badge font-badge badge-awaiting">('+String.fromCharCode(index_alphabet++).toUpperCase()+')</span>');
});
$(document).on("change",".changeType", function(){
var dataId = $(this).data("id");
if($(this).val() == 'HTTP Cookie'){
$("#duration_"+dataId).val("");
$("#duration_"+dataId).removeAttr("readonly",true);
}
else{
$("#duration_"+dataId).attr("readonly",true);
$("#duration_"+dataId).val("Persistent");
}
});
</script>
@endsection