Skip to content

Commit 3413354

Browse files
JulianPrieberJulianPrieber
committed
Added link icons to littlelink page
1 parent fd6b0e1 commit 3413354

File tree

3 files changed

+147
-5
lines changed

3 files changed

+147
-5
lines changed

‎app/Http/Controllers/UserController.php

Lines changed: 66 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -698,4 +698,70 @@ public function deleteUser(request $request)
698698

699699
return redirect('/');
700700
}
701+
702+
//Edit/save page icons
703+
public function editIcons(request $request)
704+
{
705+
706+
function searchIcon($icon)
707+
{
708+
$iconId = DB::table('links')
709+
->where('user_id', Auth::id())
710+
->where('title', $icon)
711+
->where('button_id', 94)
712+
->value('id');
713+
714+
if (is_null($iconId)){
715+
return false;
716+
} else {
717+
return $iconId;
718+
}
719+
}
720+
721+
function addIcon($icon, $link){
722+
$links = new Link;
723+
$links->user_id = Auth::id();
724+
$links->button_id = '94';
725+
$links->link = $link;
726+
$links->title = $icon;
727+
$links->save();
728+
}
729+
730+
function updateIcon($icon, $link){
731+
Link::where('id', searchIcon($icon))->update([
732+
'button_id' => 94,
733+
'link' => $link,
734+
'title' => $icon
735+
]);
736+
}
737+
738+
function saveIcon($icon, $link){
739+
if(isset($link)){
740+
if(searchIcon($icon) != NULL){
741+
updateIcon($icon, $link);
742+
}else{
743+
addIcon($icon, $link);}
744+
}
745+
}
746+
747+
748+
749+
750+
saveIcon('mastodon', $request->mastodon);
751+
752+
saveIcon('instagram', $request->instagram);
753+
754+
saveIcon('twitter', $request->twitter);
755+
756+
saveIcon('github', $request->github);
757+
758+
saveIcon('linkedin', $request->linkedin);
759+
760+
761+
762+
763+
return Redirect('studio/links#icons');
764+
765+
}
766+
701767
}

‎resources/views/littlelink.blade.php

Lines changed: 14 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -258,15 +258,27 @@ function get_operating_system() {
258258
<h1 class="fadein">{{ $info->name }}</h1>
259259

260260
<!-- Short Bio -->
261-
<center><p style="width:50%;min-width:300px;" class="fadein">@if(env('ALLOW_USER_HTML') === true){!! $info->littlelink_description !!}@else{{ $info->littlelink_description }}@endif</p></center>
261+
<p style="width:50%;min-width:300px;" class="fadein">@if(env('ALLOW_USER_HTML') === true){!! $info->littlelink_description !!}@else{{ $info->littlelink_description }}@endif</p>
262262

263+
<!-- Icons -->
264+
<style>.social-icon{font-size:32px;padding:10px;padding-bottom:30px;color:#fff;}</style>
265+
@php $icons = DB::table('links')->where('user_id', 1)->where('button_id', 94)->get(); @endphp
266+
<div class="row fadein">
267+
@foreach($icons as $icon)
268+
<a href="{{$icon->link}}"><i class="social-icon fa-brands fa-{{$icon->title}}"></i></a>
269+
@endforeach
270+
</div>
271+
272+
273+
263274
@endforeach
264275
<!-- Buttons -->
265276
<?php function strp($urlStrp){return str_replace(array('http://', 'https://'), '', $urlStrp);} ?>
266277
<?php $initial=1; // <-- Effectively sets the initial loading time of the buttons. This value should be left at 1. ?>
267278
@foreach($links as $link)
268279
@php $linkName = str_replace('default ','',$link->name) @endphp
269-
@if($link->button_id === 0)
280+
@if($link->name === "icon")
281+
@elseif($link->button_id === 0)
270282
<div style="--delay: {{ $initial++ }}s" class="button-entrance"><a class="button button-title button button-hover icon-hover" rel="noopener noreferrer nofollow" href="{{ route('clickNumber') . '/' . $link->id }}" @if(theme('open_links_in_same_tab') != "true")target="_blank"@endif >{{ $link->title }}</a></div>
271283
@elseif($link->name === "phone")
272284
<div style="--delay: {{ $initial++ }}s" class="button-entrance"><a class="button button-default button button-hover icon-hover" rel="noopener noreferrer nofollow" href="{{ $link->link }}"><img alt="button-icon" class="icon hvr-icon" src="@if(theme('use_custom_icons') == "true"){{ url('themes/' . $GLOBALS['themeName'] . '/extra/custom-icons')}}/phone{{theme('custom_icon_extension')}} @else{{ asset('\/littlelink/icons\/')}}phone.svg @endif"></i>{{ $link->title }}</a></div>

‎resources/views/studio/links.blade.php

Lines changed: 67 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -15,6 +15,8 @@
1515
@endif
1616

1717
@push('sidebar-stylesheets')
18+
<script src="{{ asset('studio/external-dependencies/fontawesome.js') }}" crossorigin="anonymous"></script>
19+
<link rel="stylesheet" href="{{ asset('studio/external-dependencies/fontawesome.css') }}" />
1820
<style>
1921
@media only screen and (max-width: 1500px) {
2022
.pre-side{display:none!important;}
@@ -28,6 +30,7 @@
2830
.pre-bottom{display:none!important;}
2931
}
3032
</style>
33+
<style>.delete{position:relative; color:transparent; background-color:tomato; border-radius:5px; left:5px; padding:5px 12px; cursor: pointer;}.delete:hover{color:transparent;background-color:#f13d1d;}html,body{max-width:100%;overflow-x:hidden;}</style>
3134
@endpush
3235

3336
@include('components.favicon')
@@ -55,6 +58,8 @@
5558

5659
<div id="links-table-body" data-page="{{request('page', 1)}}" data-per-page="{{$pagePage ? $pagePage : 0}}">
5760
@foreach($links as $link)
61+
@php $button = Button::find($link->button_id); if(isset($button->name)){$buttonName = $button->name;}else{$buttonName = 0;} @endphp
62+
@if($button->name !== 'icon')
5863
<div class='row h-100 pb-0 mb-2 border rounded hvr-glow ' data-id="{{$link->id}}">
5964

6065

@@ -63,13 +68,11 @@
6368
</div>
6469

6570

66-
6771
<div class='col border-left h-100'>
6872

6973
<div class='row h-100'>
7074
<div class='col-12 p-2' style="max-width:300px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;" title="{{ $link->title }}">
7175
<span class='h6'>
72-
<?php $button = Button::find($link->button_id); if(isset($button->name)){$buttonName = $button->name;}else{$buttonName = 0;} ?>
7376
@if($button->name == "custom_website")
7477
<span style="border: 1px solid #d0d4d7 !important;border-radius:5px;background-color:#6c757d;width:25px!important;height:25px!important;"><img style="margin-bottom:3px;margin-left:4px;margin-right:4px;max-width:15px;max-height:15px;" alt="button-icon" class="icon hvr-icon" src="@if(file_exists(base_path("studio/favicon/icons/").localIcon($link->id))){{url('studio/favicon/icons/'.localIcon($link->id))}}@else{{getFavIcon($link->id)}}@endif"></span>
7578
@elseif($button->name == "space")
@@ -134,6 +137,7 @@
134137
</div>
135138
</div>
136139
</div>
140+
@endif
137141
@endforeach
138142
</div>
139143

@@ -160,13 +164,73 @@
160164
</div>
161165

162166
<br>
163-
<section style="width:100%!important;" class='pre-bottom shadow text-gray-400 pre-side'>
167+
<section style="margin-left:-15px;margin-right:-15px;" style="width:100%!important;" class='pre-bottom shadow text-gray-400 pre-side'>
164168
<h3 class="card-header"><i class="bi bi-window-fullscreen" style="font-style:normal!important;"> Preview:</i></h3>
165169
<div class='card-body p-0 p-md-3'>
166170
<center><iframe allowtransparency="true" id="frPreview2" style=" border-radius:0.25rem !important; background: #FFFFFF; min-height:600px; height:100%; width:100% !important;" class='w-100' src="{{ url('') }}/@<?= Auth::user()->littlelink_name ?>">Your browser isn't compatible</iframe></center>
167171
</div>
172+
</section><br>
173+
174+
<section style="margin-left:-15px;margin-right:-15px;" class='shadow text-gray-400'>
175+
<a name="icons"></a>
176+
<h3 class="mb-4 card-header"><i class="fa-solid fa-icons"></i> Page Icons</i></h3>
177+
<div class="card-body p-0 p-md-3">
178+
179+
<form action="{{ route('editIcons') }}" enctype="multipart/form-data" method="post">
180+
@csrf
181+
<div class="form-group col-lg-8">
182+
183+
@php
184+
function iconLink($icon){
185+
$iconLink = DB::table('links')
186+
->where('user_id', Auth::id())
187+
->where('title', $icon)
188+
->where('button_id', 94)
189+
->value('link');
190+
if (is_null($iconLink)){
191+
return false;
192+
} else {
193+
return $iconLink;}}
194+
function searchIcon($icon)
195+
{$iconId = DB::table('links')
196+
->where('user_id', Auth::id())
197+
->where('title', $icon)
198+
->where('button_id', 94)
199+
->value('id');
200+
if(is_null($iconId)){return false;}else{return $iconId;}}
201+
202+
function icon($name, $label){ echo '
203+
<label>'.$label.'</label>
204+
<div class="input-group">
205+
<div class="input-group-prepend">
206+
<div class="input-group-text"><i class="fa-brands fa-'.$name.'"></i></div>
207+
</div>
208+
<input type="url" class="form-control" name="'.$name.'" value="'.iconLink($name).'" >';
209+
if(searchIcon($name) != NULL){echo '<a href="'. route("deleteLink", searchIcon($name) ) .'" class="delete"><i style="color:#fff" class="bi bi-trash-fill"></i></a>';}
210+
echo '</div><br>';}
211+
@endphp
212+
<style>input{border-top-right-radius: 0.25rem!important; border-bottom-right-radius: 0.25rem!important;}</style>
213+
214+
215+
{!!icon('mastodon', 'Mastodon')!!}
216+
217+
{!!icon('instagram', 'Instagram')!!}
218+
219+
{!!icon('twitter', 'Twitter')!!}
220+
221+
{!!icon('github', 'GitHub')!!}
222+
223+
{!!icon('linkedin', 'LinkedIn')!!}
224+
225+
226+
<button type="submit" class="mt-3 ml-3 btn btn-info">Save links</button>
227+
</form>
228+
229+
230+
</div>
168231
</section>
169232

233+
170234
<script src="{{ asset('studio/external-dependencies/jquery-1.12.4.min.js') }}"></script>
171235
<script type="text/javascript">$("iframe").load(function() { $("iframe").contents().find("a").each(function(index) { $(this).on("click", function(event) { event.preventDefault(); event.stopPropagation(); }); }); });</script>
172236

0 commit comments

Comments
 (0)