|
| 1 | +<?php use App\Models\UserData; ?> |
1 | 2 | @extends('layouts.sidebar')
|
2 | 3 |
|
3 | 4 | @section('content')
|
|
15 | 16 | }
|
16 | 17 |
|
17 | 18 | </style>
|
| 19 | +<style> |
| 20 | + @supports (-webkit-appearance: none) or (-moz-appearance: none) { |
| 21 | + input[type=checkbox], |
| 22 | + input[type=radio] { |
| 23 | + --active: #275EFE; |
| 24 | + --active-inner: #fff; |
| 25 | + --focus: 2px rgba(39, 94, 254, .3); |
| 26 | + --border: #BBC1E1; |
| 27 | + --border-hover: #275EFE; |
| 28 | + --background: #fff; |
| 29 | + --disabled: #F6F8FF; |
| 30 | + --disabled-inner: #E1E6F9; |
| 31 | + -webkit-appearance: none; |
| 32 | + -moz-appearance: none; |
| 33 | + height: 21px; |
| 34 | + outline: none; |
| 35 | + display: inline-block; |
| 36 | + vertical-align: top; |
| 37 | + position: relative; |
| 38 | + margin: 0; |
| 39 | + cursor: pointer; |
| 40 | + border: 1px solid var(--bc, var(--border)); |
| 41 | + background: var(--b, var(--background)); |
| 42 | + transition: background 0.3s, border-color 0.3s, box-shadow 0.2s; |
| 43 | + } |
| 44 | + input[type=checkbox]:after, |
| 45 | + input[type=radio]:after { |
| 46 | + content: ""; |
| 47 | + display: block; |
| 48 | + left: 0; |
| 49 | + top: 0; |
| 50 | + position: absolute; |
| 51 | + transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s); |
| 52 | + } |
| 53 | + input[type=checkbox]:checked, |
| 54 | + input[type=radio]:checked { |
| 55 | + --b: var(--active); |
| 56 | + --bc: var(--active); |
| 57 | + --d-o: .3s; |
| 58 | + --d-t: .6s; |
| 59 | + --d-t-e: cubic-bezier(.2, .85, .32, 1.2); |
| 60 | + } |
| 61 | + input[type=checkbox]:disabled, |
| 62 | + input[type=radio]:disabled { |
| 63 | + --b: var(--disabled); |
| 64 | + cursor: not-allowed; |
| 65 | + opacity: 0.9; |
| 66 | + } |
| 67 | + input[type=checkbox]:disabled:checked, |
| 68 | + input[type=radio]:disabled:checked { |
| 69 | + --b: var(--disabled-inner); |
| 70 | + --bc: var(--border); |
| 71 | + } |
| 72 | + input[type=checkbox]:disabled + label, |
| 73 | + input[type=radio]:disabled + label { |
| 74 | + cursor: not-allowed; |
| 75 | + } |
| 76 | + input[type=checkbox]:hover:not(:checked):not(:disabled), |
| 77 | + input[type=radio]:hover:not(:checked):not(:disabled) { |
| 78 | + --bc: var(--border-hover); |
| 79 | + } |
| 80 | + input[type=checkbox]:focus, |
| 81 | + input[type=radio]:focus { |
| 82 | + box-shadow: 0 0 0 var(--focus); |
| 83 | + } |
| 84 | + input[type=checkbox]:not(.switch), |
| 85 | + input[type=radio]:not(.switch) { |
| 86 | + width: 21px; |
| 87 | + } |
| 88 | + input[type=checkbox]:not(.switch):after, |
| 89 | + input[type=radio]:not(.switch):after { |
| 90 | + opacity: var(--o, 0); |
| 91 | + } |
| 92 | + input[type=checkbox]:not(.switch):checked, |
| 93 | + input[type=radio]:not(.switch):checked { |
| 94 | + --o: 1; |
| 95 | + } |
| 96 | + input[type=checkbox] + label, |
| 97 | + input[type=radio] + label { |
| 98 | + font-size: 14px; |
| 99 | + line-height: 21px; |
| 100 | + display: inline-block; |
| 101 | + vertical-align: top; |
| 102 | + cursor: pointer; |
| 103 | + margin-left: 4px; |
| 104 | + } |
| 105 | + |
| 106 | + input[type=checkbox]:not(.switch) { |
| 107 | + border-radius: 7px; |
| 108 | + } |
| 109 | + input[type=checkbox]:not(.switch):after { |
| 110 | + width: 5px; |
| 111 | + height: 9px; |
| 112 | + border: 2px solid var(--active-inner); |
| 113 | + border-top: 0; |
| 114 | + border-left: 0; |
| 115 | + left: 7px; |
| 116 | + top: 4px; |
| 117 | + transform: rotate(var(--r, 20deg)); |
| 118 | + } |
| 119 | + input[type=checkbox]:not(.switch):checked { |
| 120 | + --r: 43deg; |
| 121 | + } |
| 122 | + input[type=checkbox].switch { |
| 123 | + width: 38px; |
| 124 | + border-radius: 11px; |
| 125 | + } |
| 126 | + input[type=checkbox].switch:after { |
| 127 | + left: 2px; |
| 128 | + top: 2px; |
| 129 | + border-radius: 50%; |
| 130 | + width: 15px; |
| 131 | + height: 15px; |
| 132 | + background: var(--ab, var(--border)); |
| 133 | + transform: translateX(var(--x, 0)); |
| 134 | + } |
| 135 | + input[type=checkbox].switch:checked { |
| 136 | + --ab: var(--active-inner); |
| 137 | + --x: 17px; |
| 138 | + } |
| 139 | + input[type=checkbox].switch:disabled:not(:checked):after { |
| 140 | + opacity: 0.6; |
| 141 | + } |
| 142 | + |
| 143 | + input[type=radio] { |
| 144 | + border-radius: 50%; |
| 145 | + } |
| 146 | + input[type=radio]:after { |
| 147 | + width: 19px; |
| 148 | + height: 19px; |
| 149 | + border-radius: 50%; |
| 150 | + background: var(--active-inner); |
| 151 | + opacity: 0; |
| 152 | + transform: scale(var(--s, 0.7)); |
| 153 | + } |
| 154 | + input[type=radio]:checked { |
| 155 | + --s: .5; |
| 156 | + } |
| 157 | + } |
| 158 | + .txt-label{ |
| 159 | + color: white; |
| 160 | + padding-left: 5px; |
| 161 | + font-size: 200%; |
| 162 | + position: relative; |
| 163 | + } |
| 164 | + .toggle-btn{ |
| 165 | + padding-left: 20px; |
| 166 | + } |
| 167 | + .ch2{ |
| 168 | + padding-top: 60px; |
| 169 | + } |
| 170 | + </style> |
18 | 171 |
|
19 | 172 | <section class=' shadow text-gray-400'>
|
20 | 173 | <h3 class="mb-4 card-header"><i class="bi bi-file-earmark-break"> My Page</i></h3>
|
|
70 | 223 | <label>Page Description</label>
|
71 | 224 | <textarea class="form-control @if(env('ALLOW_USER_HTML') === true) ckeditor @endif" name="pageDescription" rows="3">{{ $page->littlelink_description ?? '' }}</textarea>
|
72 | 225 | </div>
|
| 226 | + |
| 227 | + @if(auth()->user()->role == 'admin' || auth()->user()->role == 'vip') |
| 228 | + <div class="form-group col-lg-8"> |
| 229 | + <h5 style="margin-top:50px">Show checkmark</h5> |
| 230 | + <p class="text-muted">You are a verified user. This setting allows you to hide your checkmark on your page.</p> |
| 231 | + <div class="input-group"> |
| 232 | + <div class="row toggle-btn"><input name="checkmark" class="switch toggle-btn" type="checkbox" id="checkmark" <?php if(UserData::getData(Auth::user()->id, 'checkmark') == true){echo 'checked>';}else{echo '/>';} ?><label for="MAINTENANCE_MODE" class="label txt-label">Enable</label></div> |
| 233 | + </div></div> |
| 234 | + <input type="hidden" name="_token" value="{{csrf_token()}}"> |
| 235 | + @endif |
73 | 236 | @endforeach
|
74 | 237 | <button type="submit" class="mt-3 ml-3 btn btn-info">Submit</button>
|
75 | 238 | </form>
|
|
0 commit comments