|
159 | 159 | </div> |
160 | 160 |
|
161 | 161 | @if(!$nodeList->isEmpty()) |
162 | | - <div class="row widget-row"> |
163 | | - <div class="col-md-12"> |
164 | | - <div class="portlet light bordered"> |
165 | | - <div class="portlet-title"> |
166 | | - <div class="caption"> |
167 | | - <span class="caption-subject font-blue bold">{{trans('home.my_node_list')}}</span> |
| 162 | + <div class="row widget-row"> |
| 163 | + <div class="col-md-12"> |
| 164 | + <div class="portlet light bordered"> |
| 165 | + <div class="portlet-title"> |
| 166 | + <div class="caption"> |
| 167 | + <span class="caption-subject font-blue bold">{{trans('home.my_node_list')}}</span> |
| 168 | + </div> |
| 169 | + <div class="actions"> |
| 170 | + <div class="btn-group btn-group-devided" data-toggle="buttons"> |
| 171 | + <button class="btn btn-info" id="copy_all_nodes" data-clipboard-text="{{$allNodes}}"> 复制所有节点 </button> |
| 172 | + </div> |
| 173 | + </div> |
168 | 174 | </div> |
169 | | - </div> |
170 | | - <div class="portlet-body"> |
171 | | - <div class="tab-content"> |
172 | | - <div class="tab-pane active"> |
173 | | - <div class="mt-comments"> |
174 | | - @foreach($nodeList as $node) |
175 | | - <div class="mt-comment"> |
176 | | - <div class="mt-comment-img" style="width:auto;"> |
177 | | - @if($node->country_code) |
178 | | - <img src="{{asset('assets/images/country/' . $node->country_code . '.png')}}"/> |
179 | | - @else |
180 | | - <img src="{{asset('/assets/images/country/un.png')}}"/> |
181 | | - @endif |
182 | | - </div> |
183 | | - <div class="mt-comment-body"> |
184 | | - <div class="mt-comment-info"> |
185 | | - <span class="mt-comment-author">{{$node->name}}</span> |
186 | | - <span class="mt-comment-date"> |
187 | | - @if(!$node->online_status) |
188 | | - <span class="badge badge-danger">维护中</span> |
189 | | - @endif |
190 | | - </span> |
| 175 | + <div class="portlet-body"> |
| 176 | + <div class="tab-content"> |
| 177 | + <div class="tab-pane active"> |
| 178 | + <div class="mt-comments"> |
| 179 | + @foreach($nodeList as $node) |
| 180 | + <div class="mt-comment"> |
| 181 | + <div class="mt-comment-img" style="width:auto;"> |
| 182 | + @if($node->country_code) |
| 183 | + <img src="{{asset('assets/images/country/' . $node->country_code . '.png')}}"/> |
| 184 | + @else |
| 185 | + <img src="{{asset('/assets/images/country/un.png')}}"/> |
| 186 | + @endif |
191 | 187 | </div> |
192 | | - <div class="mt-comment-text"> {{$node->desc}} </div> |
193 | | - <div class="mt-comment-details"> |
194 | | - <span class="mt-comment-status mt-comment-status-pending"> |
195 | | - @if($node->labels) |
196 | | - @foreach($node->labels as $vo) |
197 | | - <span class="badge badge-info">{{$vo->labelInfo->name}}</span> |
198 | | - @endforeach |
199 | | - @endif |
200 | | - </span> |
201 | | - <ul class="mt-comment-actions" style="display: block;"> |
202 | | - <li> |
203 | | - <a class="btn btn-sm green btn-outline" data-toggle="modal" href="#txt_{{$node->id}}" > <i class="fa fa-reorder"></i> </a> |
204 | | - </li> |
205 | | - <li> |
206 | | - <a class="btn btn-sm green btn-outline" data-toggle="modal" href="#link_{{$node->id}}"> @if($node->type == 1) <i class="fa fa-paper-plane"></i> @else <i class="fa fa-vimeo"></i> @endif </a> |
207 | | - </li> |
208 | | - <li> |
209 | | - <a class="btn btn-sm green btn-outline" data-toggle="modal" href="#qrcode_{{$node->id}}"> <i class="fa fa-qrcode"></i> </a> |
210 | | - </li> |
211 | | - </ul> |
| 188 | + <div class="mt-comment-body"> |
| 189 | + <div class="mt-comment-info"> |
| 190 | + <span class="mt-comment-author">{{$node->name}}</span> |
| 191 | + <span class="mt-comment-date"> |
| 192 | + @if(!$node->online_status) |
| 193 | + <span class="badge badge-danger">维护中</span> |
| 194 | + @endif |
| 195 | + </span> |
| 196 | + </div> |
| 197 | + <div class="mt-comment-text"> {{$node->desc}} </div> |
| 198 | + <div class="mt-comment-details"> |
| 199 | + <span class="mt-comment-status mt-comment-status-pending"> |
| 200 | + @if($node->labels) |
| 201 | + @foreach($node->labels as $vo) |
| 202 | + <span class="badge badge-info">{{$vo->labelInfo->name}}</span> |
| 203 | + @endforeach |
| 204 | + @endif |
| 205 | + </span> |
| 206 | + <ul class="mt-comment-actions" style="display: block;"> |
| 207 | + <li> |
| 208 | + <a class="btn btn-sm green btn-outline" data-toggle="modal" href="#txt_{{$node->id}}" > <i class="fa fa-reorder"></i> </a> |
| 209 | + </li> |
| 210 | + <li> |
| 211 | + <a class="btn btn-sm green btn-outline" data-toggle="modal" href="#link_{{$node->id}}"> @if($node->type == 1) <i class="fa fa-paper-plane"></i> @else <i class="fa fa-vimeo"></i> @endif </a> |
| 212 | + </li> |
| 213 | + <li> |
| 214 | + <a class="btn btn-sm green btn-outline" data-toggle="modal" href="#qrcode_{{$node->id}}"> <i class="fa fa-qrcode"></i> </a> |
| 215 | + </li> |
| 216 | + </ul> |
| 217 | + </div> |
212 | 218 | </div> |
213 | 219 | </div> |
214 | | - </div> |
215 | | - @endforeach |
| 220 | + @endforeach |
| 221 | + </div> |
216 | 222 | </div> |
217 | 223 | </div> |
218 | 224 | </div> |
219 | 225 | </div> |
220 | 226 | </div> |
221 | 227 | </div> |
222 | | - </div> |
223 | 228 | @endif |
224 | 229 | </div> |
225 | 230 | <div class="col-md-4" > |
@@ -637,4 +642,17 @@ function exchangeSubscribe() { |
637 | 642 | }); |
638 | 643 | } |
639 | 644 | </script> |
| 645 | + |
| 646 | + <script> |
| 647 | + var copy_all_nodes = document.getElementById('copy_all_nodes'); |
| 648 | + var clipboard = new Clipboard(copy_all_nodes); |
| 649 | +
|
| 650 | + clipboard.on('success', function(e) { |
| 651 | + layer.alert("复制成功,通过右键菜单倒入节点链接即可!"); |
| 652 | + }); |
| 653 | +
|
| 654 | + clipboard.on('error', function(e) { |
| 655 | + console.log(e); |
| 656 | + }); |
| 657 | + </script> |
640 | 658 | @endsection |
0 commit comments