first commit
This commit is contained in:
ericli1018
0
resources/css/app.css
Normal file
0
resources/css/app.css
Normal file
1
resources/js/app.js
Normal file
1
resources/js/app.js
Normal file
@ -0,0 +1 @@
|
||||
import './bootstrap';
|
||||
32
resources/js/bootstrap.js
vendored
Normal file
32
resources/js/bootstrap.js
vendored
Normal file
@ -0,0 +1,32 @@
|
||||
/**
|
||||
* We'll load the axios HTTP library which allows us to easily issue requests
|
||||
* to our Laravel back-end. This library automatically handles sending the
|
||||
* CSRF token as a header based on the value of the "XSRF" token cookie.
|
||||
*/
|
||||
|
||||
import axios from 'axios';
|
||||
window.axios = axios;
|
||||
|
||||
window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';
|
||||
|
||||
/**
|
||||
* Echo exposes an expressive API for subscribing to channels and listening
|
||||
* for events that are broadcast by Laravel. Echo and event broadcasting
|
||||
* allows your team to easily build robust real-time web applications.
|
||||
*/
|
||||
|
||||
// import Echo from 'laravel-echo';
|
||||
|
||||
// import Pusher from 'pusher-js';
|
||||
// window.Pusher = Pusher;
|
||||
|
||||
// window.Echo = new Echo({
|
||||
// broadcaster: 'pusher',
|
||||
// key: import.meta.env.VITE_PUSHER_APP_KEY,
|
||||
// cluster: import.meta.env.VITE_PUSHER_APP_CLUSTER ?? 'mt1',
|
||||
// wsHost: import.meta.env.VITE_PUSHER_HOST ? import.meta.env.VITE_PUSHER_HOST : `ws-${import.meta.env.VITE_PUSHER_APP_CLUSTER}.pusher.com`,
|
||||
// wsPort: import.meta.env.VITE_PUSHER_PORT ?? 80,
|
||||
// wssPort: import.meta.env.VITE_PUSHER_PORT ?? 443,
|
||||
// forceTLS: (import.meta.env.VITE_PUSHER_SCHEME ?? 'https') === 'https',
|
||||
// enabledTransports: ['ws', 'wss'],
|
||||
// });
|
||||
77
resources/views/about.blade.php
Normal file
77
resources/views/about.blade.php
Normal file
@ -0,0 +1,77 @@
|
||||
@extends('layouts.heading-page')
|
||||
|
||||
@section('title')
|
||||
About Us -
|
||||
@endsection
|
||||
|
||||
@section('seo_keywords')
|
||||
@endsection
|
||||
|
||||
@section('seo_description')
|
||||
@endsection
|
||||
|
||||
@section('css')
|
||||
|
||||
@endsection
|
||||
|
||||
@section('breadcrumbs')
|
||||
About Us
|
||||
@endsection
|
||||
|
||||
@section('page-main')
|
||||
<!-- 資料內容 -->
|
||||
<a style="position: relative; top: -100px;"></a>
|
||||
<div id="anchor-about01" data-type="anchor" class="content-wrap about-wrap">
|
||||
<div class="container">
|
||||
<div class="mb-5 pb-lg-5">
|
||||
<h2 class="h2-title">About Us</h2>
|
||||
<p>Coretronic Reality Inc. (CRI), established in 2019 as a dynamic venture within the Coretronic Group, focusing on Edge Computing module and AR/MR Glasses Solution. </p>
|
||||
<p>We specialize in providing System on Module (SOM) solutions to address the diverse robotics and AIOT markets, meeting the demands for superior edge computing
|
||||
power, AI computing capability, diverse sensor inputs, low power consumption, security, and long range connectivity. Our SOMs effectively reduce development costs,
|
||||
fostering innovation in various sectors, including drones, slow-speed autonomous vehicles, AMR autonomous mobile robots, industrial computers (IPC), AI cameras,
|
||||
and more. At CRI, we pave the way for advancements in the ever-evolving landscape of robotics and AIOT applications.</p>
|
||||
<p>CRI also excels in AR/MR system development, built upon core technologies in AI, spatial computing, augmented reality, and gesture/image recognition algorithms, we
|
||||
leverage over 20 years of optical machine development expertise within the Coretronic Group. Specializing in AR whole-system development, integrated hardware and
|
||||
software systems, and application solution design, we tailor solutions for industrial, commercial, and specialized professional applications. Our focus includes
|
||||
customized and standardized AR augmented reality module solutions, dedicated to meeting market demands.</p>
|
||||
<p>Our Mission - Empowering innovation through cutting-edge technology to shape the future.</p>
|
||||
<p>Our Core Values - Responsibility, Innovation, Superiority, Entrepreneurship</p>
|
||||
<div class="row">
|
||||
<div class="col-lg-6"><img src="assets/img/about-a01.jpg" alt="" class="img-fluid mt-3 mb-4"></div>
|
||||
<div class="col-lg-6"><img src="assets/img/about-a02.jpg" alt="" class="img-fluid mt-3 mb-4"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<a style="position: relative; top: -100px;"></a>
|
||||
<div id="anchor-about02" data-type="anchor" class="mb-5">
|
||||
<h2 class="h2-title">Contact Us</h2>
|
||||
<div class="contact-inner">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-lg-6" style="margin-bottom: -10px;">
|
||||
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d14491.172409946072!2d121.0274549!3d24.768282!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x346849d6072e9c51%3A0xb8aea267e2516407!2z5Lit5by35YWJ6Zu76IKh5Lu95pyJ6ZmQ5YWs5Y-456u556eR5bug!5e0!3m2!1szh-TW!2stw!4v1705549461431!5m2!1szh-TW!2stw" width="100%" height="300" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="contact-info">
|
||||
<h4>Coretronic Reality Inc.</h4>
|
||||
<ul>
|
||||
<li><strong>Address：</strong><br />
|
||||
15F, No. 225, Sec. 3, Beixin Rd., Xindian Dist., New Taipei City, Taiwan 23143</li>
|
||||
<li><strong>Email：</strong><br />
|
||||
Technical Support：service.cri@coreality-inc.com<br />
|
||||
Sales Enquiry：sales.cri@coreality-inc.com</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
@section('script')
|
||||
<script type="text/javascript">
|
||||
|
||||
</script>
|
||||
@endsection
|
||||
60
resources/views/components/heading_navbar.blade.php
Normal file
60
resources/views/components/heading_navbar.blade.php
Normal file
@ -0,0 +1,60 @@
|
||||
<div class="rd-navbar-nav-wrap">
|
||||
<div class="rd-navbar-info">
|
||||
<ul class="other-link">
|
||||
<li><a href="#" data-toggle="modal" data-target="#exampleModalCenter"><i class="fa-solid fa-magnifying-glass"></i></a></li>
|
||||
<li><a href="#"><i class="fa-regular fa-user"></i></a></li>
|
||||
<li><a href="#"><i class="fa-solid fa-bag-shopping"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<ul class="rd-navbar-nav">
|
||||
<li class="{{ Route::is('') ?? 'active' }}" ><a href="/">Home</a></li>
|
||||
<li class="{{ Route::is('products', 'products/*') ? 'active' : '' }}"><a href="/products">Products</a></li>
|
||||
<li class="{{ Route::is('support', 'support/*') ? 'active' : '' }}"><a href="/support/technical">Support</a>
|
||||
<ul class="rd-navbar-dropdown">
|
||||
<li class="{{ Route::is('support/technical', 'support/technical/*') ? 'active' : '' }}"><a href="/support/technical">Technical Support</a></li>
|
||||
<li class="{{ Route::is('support/sales-inquiry', 'support/sales-inquiry/*') ? 'active' : '' }}"><a href="/support/sales-inquiry">Sales Inquiry</a></li>
|
||||
<li class="{{ Route::is('support/distribution-partners', 'support/distribution-partners/*') ? 'active' : '' }}"><a href="/support/distribution-partners">Distribution Partners</a></li>
|
||||
<li class="{{ Route::is('support/ecosystem-partners', 'support/ecosystem-partners/*') ? 'active' : '' }}"><a href="/support/ecosystem-partners">Ecosystem Partners</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="{{ Route::is('news', 'news/*', 'events', 'events/*') ? 'active' : '' }}"><a href="/news">News</a>
|
||||
<ul class="rd-navbar-dropdown">
|
||||
<li class="{{ Route::is('news', 'news/*') ? 'active' : '' }}"><a href="/news">News</a></li>
|
||||
<li class="{{ Route::is('events', 'events/*') ? 'active' : '' }}"><a href="/events">Events</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="{{ Route::is('about', 'about/*') ? 'active' : '' }}"><a href="/about">About</a>
|
||||
<ul class="rd-navbar-dropdown">
|
||||
<li><a href="/about#anchor-about01">About Us</a></li>
|
||||
<li><a href="/about#anchor-about02">Contact Us</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="modal" data-target="#exampleModalCenter"><i class="fa-solid fa-magnifying-glass"></i></a>
|
||||
<a href="member-login.php"><i class="fa-regular fa-user"></i></a>
|
||||
<a href="#"><i class="fa-solid fa-bag-shopping"></i></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- Modal -->
|
||||
<div class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title" id="exampleModalCenterTitle">Keyword Search</h5>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<form class="form-inline mt-2 mt-md-0 justify-content-between">
|
||||
<input class="form-control w-100" type="text" placeholder="Please enter search text" aria-label="Search">
|
||||
</form>
|
||||
</div>
|
||||
<div class="modal-footer justify-content-center">
|
||||
<button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">Close Window</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
100
resources/views/events.blade.php
Normal file
100
resources/views/events.blade.php
Normal file
@ -0,0 +1,100 @@
|
||||
@extends('layouts.heading-page')
|
||||
|
||||
@section('title')
|
||||
Events -
|
||||
@endsection
|
||||
|
||||
@section('seo_keywords')
|
||||
@endsection
|
||||
|
||||
@section('seo_description')
|
||||
@endsection
|
||||
|
||||
@section('css')
|
||||
<link href="assets/css/page.css" rel="stylesheet"/>
|
||||
@endsection
|
||||
|
||||
@section('breadcrumbs')
|
||||
Event
|
||||
@endsection
|
||||
|
||||
@section('page-main')
|
||||
<div class="content-wrap news-wrap">
|
||||
<div class="container">
|
||||
<div class="mb-5">
|
||||
<h2 class="h2-title">Event</h2>
|
||||
<!-- 訊息發佈 -->
|
||||
<div class="news-post">
|
||||
@php
|
||||
foreach ($dataRows as $row)
|
||||
{
|
||||
$img_memo = '';
|
||||
$img_src = '/assets/img/news-item-a01.jpg';
|
||||
$imgs = $row->photos;
|
||||
// $imgs = array_filter($row['photos'], function($v) {
|
||||
// return $v['is_selected'] == true;
|
||||
// });
|
||||
if (count($imgs) > 0)
|
||||
{
|
||||
foreach($imgs as $img)
|
||||
{
|
||||
//$img_memo = $img['comment'];
|
||||
$img_src = URL::asset('/storage/'.$img['file_path']);
|
||||
break;
|
||||
}
|
||||
}
|
||||
@endphp
|
||||
<article class="post-minimal">
|
||||
<div class="post-left">
|
||||
<figure class="post-image">
|
||||
<img src="{{ $img_src }}" alt="{{ $img_memo }}">
|
||||
</figure>
|
||||
</div>
|
||||
<div class="post-body">
|
||||
<h2><a href="/events/detail/{{ $row->id }}">{{ $row->title }}</a></h2>
|
||||
<div class="post-text">
|
||||
<p><span>Date: </span>{{ date('Y-m-d', strtotime($row->post_at)) }}</p>
|
||||
<p><span>Venue: </span>{{ $row->venue }}</p>
|
||||
<p><span>Contact Us: </span>{{ $row->contact }}</p>
|
||||
</div>
|
||||
<div class="more"><a href="/events/detail/{{ $row->id }}">More</a></div>
|
||||
</div>
|
||||
</article>
|
||||
@php
|
||||
}
|
||||
@endphp
|
||||
</div>
|
||||
|
||||
<!-- 分頁 -->
|
||||
<nav aria-label="Page navigation" class="page-ex2">
|
||||
<ul class="pagination pagination-sm justify-content-center">
|
||||
<li class="page-item">
|
||||
<a class="page-link prev" href="?p={{ ($dataCurrentPage - 1) < 1 ? 1 : ($dataCurrentPage - 1) }}" aria-label="Previous">
|
||||
<span aria-hidden="true">«</span>
|
||||
</a>
|
||||
</li>
|
||||
@php
|
||||
for ($i = 1; $i < ($dataTotalCount / $dataPerPageItems + 1); $i++)
|
||||
{
|
||||
@endphp
|
||||
<li class="page-item {{ $dataCurrentPage == $i ? 'active' : '' }}"><a class="page-link" href="?p={{ $i }}">{{ $i }}</a></li>
|
||||
@php
|
||||
}
|
||||
@endphp
|
||||
<li class="page-item">
|
||||
<a class="page-link next" href="?p={{ ($dataCurrentPage + 1) > floor($dataTotalCount / $dataPerPageItems + 1) ? floor($dataTotalCount / $dataPerPageItems + 1) : ($dataCurrentPage + 1) }}" aria-label="Next">
|
||||
<span aria-hidden="true">»</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
@section('script')
|
||||
<script type="text/javascript">
|
||||
|
||||
</script>
|
||||
@endsection
|
||||
71
resources/views/events_detail.blade.php
Normal file
71
resources/views/events_detail.blade.php
Normal file
@ -0,0 +1,71 @@
|
||||
@extends('layouts.heading-page')
|
||||
|
||||
@section('title')
|
||||
News -
|
||||
@endsection
|
||||
|
||||
@section('seo_keywords')
|
||||
{{ $dataRow->seo_keyword }}
|
||||
@endsection
|
||||
|
||||
@section('seo_description')
|
||||
{{ $dataRow->seo_description }}
|
||||
@endsection
|
||||
|
||||
@section('css')
|
||||
<link href="assets/css/page.css" rel="stylesheet"/>
|
||||
@endsection
|
||||
|
||||
@section('breadcrumbs')
|
||||
Event
|
||||
@endsection
|
||||
|
||||
@section('page-main')
|
||||
<!-- 資料內容 -->
|
||||
<div class="content-wrap news-wrap">
|
||||
<div class="container">
|
||||
<div class="mb-5">
|
||||
<h2 class="h2-title">Event</h2>
|
||||
<section class="news-detail">
|
||||
<div class="news-info">
|
||||
<h3 class="news-detail-title">{{ $dataRow->title }}</h3>
|
||||
<ul>
|
||||
<li><span>Date: </span>{{ date('Y-m-d', strtotime($dataRow->post_at)) }}</li>
|
||||
<li><span>Venue: </span>{{ $dataRow->venue }}</li>
|
||||
<li><span>Contact Us: </span>{{ $dataRow->contact }}</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="news-detail-content img-style video-iframe">
|
||||
@php
|
||||
$img_memo = '';
|
||||
$img_src = '/assets/img/news-item-a01.jpg';
|
||||
$imgs = $dataRow->photos;
|
||||
// $imgs = array_filter($row['photos'], function($v) {
|
||||
// return $v['is_selected'] == true;
|
||||
// });
|
||||
if (count($imgs) > 0)
|
||||
{
|
||||
foreach($imgs as $img)
|
||||
{
|
||||
//$img_memo = $img['comment'];
|
||||
$img_src = URL::asset('/storage/'.$img['file_path']);
|
||||
}
|
||||
}
|
||||
@endphp
|
||||
<img src="{{ $img_src }}" alt="">
|
||||
{!! $dataRow->body !!}
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="btn-back"><a href="javascript:history.back();"><i class="fa fa-reply"></i> Return to list page</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
|
||||
@section('script')
|
||||
<script type="text/javascript">
|
||||
|
||||
</script>
|
||||
@endsection
|
||||
206
resources/views/home.blade.php
Normal file
206
resources/views/home.blade.php
Normal file
@ -0,0 +1,206 @@
|
||||
@extends('layouts.heading-home')
|
||||
|
||||
@section('css')
|
||||
<link href="assets/css/index.css" rel="stylesheet" />
|
||||
@endsection
|
||||
|
||||
@section('main')
|
||||
<!-- 首頁 carousel-intro -->
|
||||
<div id="carousel-index" class="carousel-intro carousel slide" data-ride="carousel">
|
||||
<ul class="carousel-indicators">
|
||||
@php
|
||||
$i = 0;
|
||||
foreach ($carouselRows as $row)
|
||||
{
|
||||
@endphp
|
||||
<li data-target="#carousel-index" data-slide-to="{{ $i }}" class="{{ $i == 0 ? 'active' : '' }}"></li>
|
||||
@php
|
||||
$i++;
|
||||
}
|
||||
@endphp
|
||||
</ul>
|
||||
<div class="carousel-inner">
|
||||
@php
|
||||
$i = 0;
|
||||
foreach ($carouselRows as $row)
|
||||
{
|
||||
$img_memo = '';
|
||||
$img_src = '/assets/img/index/carousel-item01.jpg';
|
||||
$imgs = $row->photos;
|
||||
// $imgs = array_filter($row['photos'], function($v) {
|
||||
// return $v['is_selected'] == true;
|
||||
// });
|
||||
if (count($imgs) > 0)
|
||||
{
|
||||
foreach($imgs as $img)
|
||||
{
|
||||
// $img_memo = $img['comment'];
|
||||
$img_src = URL::asset('/storage/'.$img['file_path']);
|
||||
break;
|
||||
}
|
||||
}
|
||||
@endphp
|
||||
<div class="carousel-item {{ $i == 0 ? 'active' : '' }}">
|
||||
<img src="{{ $img_src }}" alt="" width="100%" height="auto">
|
||||
<div class="carousel-caption">
|
||||
<h2 class="animate__animated animate__fadeInUp">{{ $row->title }}</h2>
|
||||
<p class="animate__animated animate__fadeInUp">{{ $row->body }}</p>
|
||||
<div class="animate__animated animate__fadeInUp"><a href="{{ $row->link }}">DETAIL</a></div>
|
||||
</div>
|
||||
</div>
|
||||
@php
|
||||
$i++;
|
||||
}
|
||||
@endphp
|
||||
|
||||
</div>
|
||||
<a class="carousel-control-prev" href="#carousel-index" data-slide="prev"> <span class="carousel-control-prev-icon"></span> </a>
|
||||
<a class="carousel-control-next" href="#carousel-index" data-slide="next"> <span class="carousel-control-next-icon"></span> </a>
|
||||
</div>
|
||||
|
||||
<!-- 關於我們 -->
|
||||
<div class="about-wrap">
|
||||
<div class="container">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-lg-6">
|
||||
<div class="about-info">
|
||||
<h2>CRI SOMs Unleash <br />Your Potential</h2>
|
||||
<p>CRI provides System on Module (SOM) to address the diverse robotics and AIOT market, meeting the demands for lightweight, low power consumption, superior computing power, and long range connectivity. Moreover, manufactured with a robust supply chain, offering our customers a trusted source.</p>
|
||||
<div class="about-btn"><a href="/products">VIEW ALL<i class="fa-solid fa-arrow-right-long ml-2"></i></a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="about-img">
|
||||
<img src="assets/img/index/about-img.png" alt="" width="auto" height="auto" class="img-fluid mb-lg-0 mb-5">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 服務項目 -->
|
||||
<div class="service-wrap">
|
||||
<div class="container">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-lg-12">
|
||||
<div class="service-info">
|
||||
<h2>Services<span>Services</span></h2>
|
||||
<p>We stand together with customers through the close technical partnership, as well as our trusted hardware and firmware customization services. Everything we do is dedicated to helping our customers to release their products on time, on budget, and with the anticipated competitiveness.</p>
|
||||
<div class="service-btn"><a href="/about">VIEW ALL<i class="fa-solid fa-arrow-right-long ml-2"></i></a></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="col-lg-8">
|
||||
<div class="service-img">
|
||||
<img src="assets/img/index/service-img.jpg" alt="" width="auto" height="auto" class="img-fluid mb-lg-0 mb-5">
|
||||
</div>
|
||||
</div>-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 最新消息 -->
|
||||
<div class="news-wrap">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-6 pr-lg-5">
|
||||
<div class="news-box">
|
||||
<h3>Events<span>Events</span></h3>
|
||||
<img src="/assets/img/index/news-a01.jpg" alt="" class="img-fluid">
|
||||
<div class="news-inner">
|
||||
@php
|
||||
$i = 0;
|
||||
foreach ($eventRows as $row)
|
||||
{
|
||||
$img_memo = '';
|
||||
$img_src = '/assets/img/index/carousel-item01.jpg';
|
||||
$imgs = $row->photos;
|
||||
// $imgs = array_filter($row['photos'], function($v) {
|
||||
// return $v['is_selected'] == true;
|
||||
// });
|
||||
if (count($imgs) > 0)
|
||||
{
|
||||
foreach($imgs as $img)
|
||||
{
|
||||
// $img_memo = $img['comment'];
|
||||
$img_src = URL::asset('/storage/'.$img['file_path']);
|
||||
break;
|
||||
}
|
||||
}
|
||||
@endphp
|
||||
<div class="news-item">
|
||||
<time>{{ date('Y-m-d', strtotime($row->post_at)) }}</time>
|
||||
<p><a href="/events/detail/{{ $row->id }}">{{ $row->title }}</a></p>
|
||||
</div>
|
||||
@php
|
||||
$i++;
|
||||
}
|
||||
@endphp
|
||||
</div>
|
||||
<div class="news-btn"><a href="/events">More Events</a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 pl-lg-5">
|
||||
<div class="news-box">
|
||||
<h3>News<span>News</span></h3>
|
||||
<img src="assets/img/index/news-a02.jpg" alt="" class="img-fluid">
|
||||
<div class="news-inner">
|
||||
@php
|
||||
$i = 0;
|
||||
foreach ($newsRows as $row)
|
||||
{
|
||||
$img_memo = '';
|
||||
$img_src = '/assets/img/index/carousel-item01.jpg';
|
||||
$imgs = $row->photos;
|
||||
// $imgs = array_filter($row['photos'], function($v) {
|
||||
// return $v['is_selected'] == true;
|
||||
// });
|
||||
if (count($imgs) > 0)
|
||||
{
|
||||
foreach($imgs as $img)
|
||||
{
|
||||
// $img_memo = $img['comment'];
|
||||
$img_src = URL::asset('/storage/'.$img['file_path']);
|
||||
break;
|
||||
}
|
||||
}
|
||||
@endphp
|
||||
<div class="news-item">
|
||||
<time>{{ date('Y-m-d', strtotime($row->post_at)) }}</time>
|
||||
<h4><a href="/news/detail/{{ $row->id }}">{{ $row->title }}</a></h4>
|
||||
<p>{{ Str::limit($row->description, 64) }}</p>
|
||||
</div>
|
||||
@php
|
||||
$i++;
|
||||
}
|
||||
@endphp
|
||||
<div class="news-item">
|
||||
<time>2024-01-17</time>
|
||||
<h4><a href="news.php">Cambrios insists on the most powerful patents and defends</a></h4>
|
||||
<p>2020 is a year full of tests and challenges. The international epidemic ... </p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="news-btn"><a href="/news">More News</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 聯絡資訊 -->
|
||||
<div class="contact-wrap">
|
||||
<img src="assets/img/index/contact-bg.jpg" alt="" class="img-fluid">
|
||||
<div class="contact-inner">
|
||||
<h3>CONTACT</h3>
|
||||
<p>You are welcome to call us directly or through the inquiry form.</p>
|
||||
<div class="contact-btn"><a href="/support/sales-inquiry">Learn more</a></div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
@section('script')
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function() {
|
||||
$(".fancybox").fancybox().trigger('click');
|
||||
});
|
||||
</script>
|
||||
@endsection
|
||||
30
resources/views/layouts/heading-home.blade.php
Normal file
30
resources/views/layouts/heading-home.blade.php
Normal file
@ -0,0 +1,30 @@
|
||||
@extends('layouts.master')
|
||||
|
||||
@section('css-master')
|
||||
@yield('css')
|
||||
@endsection
|
||||
|
||||
@section('heading')
|
||||
<header class="rd-navbar-wrap">
|
||||
<nav class="rd-navbar" data-rd-navbar-lg="rd-navbar-static">
|
||||
<div class="rd-navbar-main-outer">
|
||||
<div class="rd-navbar-inner">
|
||||
<div class="rd-navbar-panel" style="display: inline-block;">
|
||||
<button class="rd-navbar-toggle" data-rd-navbar-toggle=".rd-navbar-nav-wrap"><span></span></button>
|
||||
<div class="rd-navbar-brand brand1">
|
||||
<a class="brand" href="/">
|
||||
<img src="/assets/img/logo.png" alt="Coretronic Reality Inc." width="auto" height="40">
|
||||
</a>
|
||||
</div>
|
||||
<div class="rd-navbar-brand brand2">
|
||||
<a class="brand" href="/">
|
||||
<img src="/assets/img/logo2.png" alt="Coretronic Reality Inc." width="auto" height="40">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<x-heading_navbar />
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
@endsection
|
||||
36
resources/views/layouts/heading-page.blade.php
Normal file
36
resources/views/layouts/heading-page.blade.php
Normal file
@ -0,0 +1,36 @@
|
||||
@extends('layouts.master')
|
||||
|
||||
@section('css-master')
|
||||
<link href="{{ basset('/assets/css/page.css') }}" rel="stylesheet"/>
|
||||
@yield('css')
|
||||
@endsection
|
||||
|
||||
@section('heading')
|
||||
<header class="rd-navbar-wrap">
|
||||
<nav class="rd-navbar" data-rd-navbar-lg="rd-navbar-static">
|
||||
<div class="rd-navbar-main-outer">
|
||||
<div class="rd-navbar-inner">
|
||||
<div class="rd-navbar-panel" style="display: inline-block;">
|
||||
<button class="rd-navbar-toggle" data-rd-navbar-toggle=".rd-navbar-nav-wrap"><span></span></button>
|
||||
<div class="rd-navbar-brand">
|
||||
<a class="brand" href="/">
|
||||
<img src="{{ basset('/assets/img/logo2.png') }}" alt="Coretronic Reality Inc." width="auto" height="40">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<x-heading_navbar />
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
@endsection
|
||||
|
||||
@section('main')
|
||||
<div class="breadcrumbs">
|
||||
<div class="container">
|
||||
<a href="/" class="home">Home</a><span>/</span>
|
||||
@yield('breadcrumbs')
|
||||
</div>
|
||||
</div>
|
||||
@yield('page-main')
|
||||
@endsection
|
||||
111
resources/views/layouts/master.blade.php
Normal file
111
resources/views/layouts/master.blade.php
Normal file
@ -0,0 +1,111 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-Hant">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<!-- for Search -->
|
||||
<meta name="keywords" content="@yield('seo_keywords')" />
|
||||
<meta name="description" content="@yield('seo_description')" />
|
||||
<meta name="distribution" content="Taiwan" />
|
||||
<meta name="robots" content="all" />
|
||||
<meta name="robots" content="index,follow" />
|
||||
<meta name="revisit-after" content="1 days" />
|
||||
<meta name="rating" content="general" />
|
||||
<meta name="author" content="Coretronic Reality Inc.">
|
||||
<meta name="copyright" content="Coretronic Reality Inc." />
|
||||
<link rel="shortcut icon" href="favico.ico"/>
|
||||
<link rel="bookmark" href="favico.ico"/>
|
||||
<title>@yield('title')Coretronic Reality Inc.</title>
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@200;300;400;500;600;700;900&display=swap" rel="stylesheet">
|
||||
<link href="{{ basset('/assets/css/bootstrap.css') }}" rel="stylesheet" />
|
||||
<link href="{{ basset('/assets/js/rd-navbar/jquery.rd-navbar.css') }}" rel="stylesheet" type="text/css" />
|
||||
<link href="{{ basset('/assets/js/aos/aos.css') }}" rel="stylesheet">
|
||||
<link href="{{ basset('/assets/css/animate.min.css') }}" rel="stylesheet"/>
|
||||
<link href="{{ basset('/assets/js/fancybox/jquery.fancybox.min.css') }}" rel="stylesheet">
|
||||
|
||||
@yield('css-master')
|
||||
|
||||
</head>
|
||||
|
||||
<body @yield('body_attr')>
|
||||
@yield('heading')
|
||||
<main>
|
||||
@yield('main')
|
||||
</main>
|
||||
<footer>
|
||||
<div class="footer-main">
|
||||
<div class="container">
|
||||
<div class="row justify-content-around">
|
||||
|
||||
<div class="col-xl-4">
|
||||
<div class="footer-contacts">
|
||||
<div class="footer-contacts-logo">
|
||||
<img src="/assets/img/logo2.png" alt="" width="auto" height="40">
|
||||
</div>
|
||||
<div class="footer-contacts-info">
|
||||
<p>Coretronic Reality Inc., a pioneering force since 2019, specializes in the manufacturing of high-quality System onModules (SOM), empowering clients to make advancements in Robotics and AIOT. <br /><a href="/about"><i class="fa-solid fa-angles-right"></i> Learn more about CRI</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xl-8">
|
||||
<div class="footer-nav">
|
||||
<div class="footer-nav-item">
|
||||
<h4>GET IN TOUCH</h4>
|
||||
<ul>
|
||||
<li><span>Technical Support</span><br /><a href="mailto:service.cri@coreality-inc.com">service.cri@coreality-inc.com</a></li>
|
||||
<li><span>Sales Enquiry</span><br /><a href="mailto:sales.cri@coreality-inc.com">sales.cri@coreality-inc.com</a></li>
|
||||
<li><a href=""><i class="fa-brands fa-linkedin"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="footer-nav-item">
|
||||
<h4>QUICK LINK</h4>
|
||||
<ul>
|
||||
<li><a href="/products">Products</a></li>
|
||||
<li><a href="/events">Events</a></li>
|
||||
<li><a href="/about#anchor-about02">Contact us</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="footer-nav-item">
|
||||
<h4>SUBSCRIBE NEWSLETTER</h4>
|
||||
<p>Get the latest information on company news, <br />product promotions, events. Sign up here:</p>
|
||||
<input type="text" class="form-control" placeholder="Email Address">
|
||||
<div class="text-left mt-3"><a href="" class="btn btn-danger btn-sm">SUBSCRIBE</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xl-12">
|
||||
<div class="footer-nav">
|
||||
<div class="footer-nav-item ml-0 mb-0">
|
||||
<h4>ADDRESS</h4>
|
||||
<p>15F, No. 225, Sec. 3, Beixin Rd., Xindian Dist., New Taipei City, Taiwan 23143</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- footer-copyright -->
|
||||
<div class="footer-copyright">
|
||||
<div class="container">
|
||||
Copyright © 2024 Coretronic Reality Inc. All Rights Reserved. <span>Design by <a href="http://www.106h.net/" target="_blank">106h</a></span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
||||
|
||||
<!-- JavaScript
|
||||
================================================== -->
|
||||
<script src="{{ basset('/assets/js/jquery.min.js') }}"></script>
|
||||
<script src="{{ basset('/assets/js/include.js') }}"></script>
|
||||
<script src="{{ basset('/assets/js/script.js') }}"></script>
|
||||
<script src="{{ basset('/assets/js/fancybox/jquery.fancybox.min.js') }}"></script>
|
||||
@yield('script')
|
||||
</body>
|
||||
</html>
|
||||
95
resources/views/news.blade.php
Normal file
95
resources/views/news.blade.php
Normal file
@ -0,0 +1,95 @@
|
||||
@extends('layouts.heading-page')
|
||||
|
||||
@section('title')
|
||||
News -
|
||||
@endsection
|
||||
|
||||
@section('seo_keywords')
|
||||
@endsection
|
||||
|
||||
@section('seo_description')
|
||||
@endsection
|
||||
|
||||
@section('css')
|
||||
<link href="assets/css/page.css" rel="stylesheet"/>
|
||||
@endsection
|
||||
|
||||
@section('breadcrumbs')
|
||||
News
|
||||
@endsection
|
||||
|
||||
@section('page-main')
|
||||
<!-- 資料內容 -->
|
||||
<div class="content-wrap news-wrap">
|
||||
<div class="container">
|
||||
<h2 class="h2-title">News</h2>
|
||||
<div class="row">
|
||||
@php
|
||||
foreach ($dataRows as $row)
|
||||
{
|
||||
$img_memo = '';
|
||||
$img_src = '/assets/img/news-item-a01.jpg';
|
||||
$imgs = $row->photos;
|
||||
// $imgs = array_filter($row['photos'], function($v) {
|
||||
// return $v['is_selected'] == true;
|
||||
// });
|
||||
if (count($imgs) > 0)
|
||||
{
|
||||
foreach($imgs as $img)
|
||||
{
|
||||
//$img_memo = $img['comment'];
|
||||
$img_src = URL::asset('/storage/'.$img['file_path']);
|
||||
break;
|
||||
}
|
||||
}
|
||||
@endphp
|
||||
<div class="col-xl-4 col-md-6">
|
||||
<div class="news-item">
|
||||
<div class="news-item-img">
|
||||
<img src="{{ $img_src }}" alt="{{ $img_memo }}" width="100%" height="auto">
|
||||
</div>
|
||||
<div class="news-item-info">
|
||||
<h4>{{ $row->title }}</h4>
|
||||
<time><span>News</span>{{ date('Y-m-d', strtotime($row->post_at)) }}</time>
|
||||
<p>{{ Str::limit($row->description, 128) }}</p>
|
||||
<div class="news-btn"><a href="news/detail/{{ $row->id }}"><i class="fa-solid fa-magnifying-glass"></i> VIEW DETAIL</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@php
|
||||
}
|
||||
@endphp
|
||||
</div>
|
||||
|
||||
<!-- 分頁 -->
|
||||
<nav aria-label="Page navigation" class="page-ex2">
|
||||
<ul class="pagination pagination-sm justify-content-center">
|
||||
<li class="page-item">
|
||||
<a class="page-link prev" href="?p={{ ($dataCurrentPage - 1) < 1 ? 1 : ($dataCurrentPage - 1) }}" aria-label="Previous">
|
||||
<span aria-hidden="true">«</span>
|
||||
</a>
|
||||
</li>
|
||||
@php
|
||||
for ($i = 1; $i < ($dataTotalCount / $dataPerPageItems + 1); $i++)
|
||||
{
|
||||
@endphp
|
||||
<li class="page-item {{ $dataCurrentPage == $i ? 'active' : '' }}"><a class="page-link" href="?p={{ $i }}">{{ $i }}</a></li>
|
||||
@php
|
||||
}
|
||||
@endphp
|
||||
<li class="page-item">
|
||||
<a class="page-link next" href="?p={{ ($dataCurrentPage + 1) > floor($dataTotalCount / $dataPerPageItems + 1) ? floor($dataTotalCount / $dataPerPageItems + 1) : ($dataCurrentPage + 1) }}" aria-label="Next">
|
||||
<span aria-hidden="true">»</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
@section('script')
|
||||
<script type="text/javascript">
|
||||
|
||||
</script>
|
||||
@endsection
|
||||
80
resources/views/news_detail.blade.php
Normal file
80
resources/views/news_detail.blade.php
Normal file
@ -0,0 +1,80 @@
|
||||
@extends('layouts.heading-page')
|
||||
|
||||
@section('title')
|
||||
News -
|
||||
@endsection
|
||||
|
||||
@section('seo_keywords')
|
||||
{{ $dataRow->seo_keyword }}
|
||||
@endsection
|
||||
|
||||
@section('seo_description')
|
||||
{{ $dataRow->seo_description }}
|
||||
@endsection
|
||||
|
||||
@section('css')
|
||||
<link href="assets/css/page.css" rel="stylesheet"/>
|
||||
@endsection
|
||||
|
||||
@section('breadcrumbs')
|
||||
News
|
||||
@endsection
|
||||
|
||||
@section('page-main')
|
||||
<!-- 資料內容 -->
|
||||
<div class="content-wrap news-wrap">
|
||||
<div class="container">
|
||||
<h2 class="h2-title">News</h2>
|
||||
<section class="news-detail">
|
||||
<h3 class="news-detail-title">{{ $dataRow->title }}</h3>
|
||||
<div class="news-detail-content img-style video-iframe">
|
||||
@php
|
||||
$img_memo = '';
|
||||
$img_src = '/assets/img/news-item-a01.jpg';
|
||||
$imgs = $dataRow->photos;
|
||||
// $imgs = array_filter($row['photos'], function($v) {
|
||||
// return $v['is_selected'] == true;
|
||||
// });
|
||||
if (count($imgs) > 0)
|
||||
{
|
||||
foreach($imgs as $img)
|
||||
{
|
||||
//$img_memo = $img['comment'];
|
||||
$img_src = URL::asset('/storage/'.$img['file_path']);
|
||||
}
|
||||
}
|
||||
@endphp
|
||||
<img src="{{ $img_src }}" alt="">
|
||||
{!! $dataRow->body !!}
|
||||
</div>
|
||||
@php
|
||||
$items = json_decode($dataRow->source_links, true);
|
||||
@endphp
|
||||
@if (!$items || count($items) < 1)
|
||||
|
||||
@else
|
||||
<div class="news-detail-link">
|
||||
<h4><i class="fas fa-link"></i> Source: </h4>
|
||||
@foreach($items as $item)
|
||||
@foreach($item as $key => $value)
|
||||
<div>{{ $key }} <a href="{{ $value }}" target="_blank">{{ $value }}</a></div>
|
||||
@endforeach
|
||||
@endforeach
|
||||
|
||||
|
||||
@endif
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="btn-back"><a href="javascript:history.back()"><i class="fa fa-reply"></i> Return to list page</a></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
|
||||
@section('script')
|
||||
<script type="text/javascript">
|
||||
|
||||
</script>
|
||||
@endsection
|
||||
214
resources/views/products.blade.php
Normal file
214
resources/views/products.blade.php
Normal file
@ -0,0 +1,214 @@
|
||||
@extends('layouts.heading-page')
|
||||
|
||||
@section('title')
|
||||
Products -
|
||||
@endsection
|
||||
|
||||
@section('seo_keywords')
|
||||
@endsection
|
||||
|
||||
@section('seo_description')
|
||||
@endsection
|
||||
|
||||
@section('css')
|
||||
<link href="assets/css/page.css" rel="stylesheet"/>
|
||||
@endsection
|
||||
|
||||
@section('breadcrumbs')
|
||||
<a href="/products">Products</a> {!! $currentCatalogName ? '/ <span>'.$currentCatalogName.'</span>' : '' !!}
|
||||
@endsection
|
||||
|
||||
@section('page-main')
|
||||
<div class="content-wrap products-wrap">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
|
||||
<div class="col-bg-3 col-xl-4 navsub">
|
||||
<div class="navsub-s1">
|
||||
<h2>Category</h2>
|
||||
<ul>
|
||||
@php
|
||||
foreach ($dataCatalogs as $row)
|
||||
{
|
||||
@endphp
|
||||
<li><a href="/products/{{ $row->slug }}">{{ $row->name }}<span>({{ $row->qty }})</span></a></li>
|
||||
@php
|
||||
}
|
||||
@endphp
|
||||
</ul>
|
||||
</div>
|
||||
<div class="navsub-s2">
|
||||
<h2>Applications</h2>
|
||||
<ul>
|
||||
@php
|
||||
foreach ($dataApplications as $row)
|
||||
{
|
||||
$tags = [];
|
||||
if (in_array($row->slug, $currentApplications))
|
||||
{
|
||||
$tags = array_diff($currentApplications, [$row->slug]);
|
||||
}
|
||||
else
|
||||
{
|
||||
$tags = $currentApplications;
|
||||
$tags[] = $row->slug;
|
||||
}
|
||||
@endphp
|
||||
<li><a href="?tags={{ implode(',', $tags) }}" class="{{ in_array($row->slug, $currentApplications) ? 'active' : '' }}">{{ $row->name }}</a></li>
|
||||
@php
|
||||
}
|
||||
@endphp
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="navsub-select">
|
||||
<div class="mb-5">
|
||||
<h2>Category:</h2>
|
||||
<select class="form-control" name="menu" onchange="MM_jumpMenu('self',this)">
|
||||
<option value="">=== Please Choose ===</option>
|
||||
@php
|
||||
foreach ($dataCatalogs as $row)
|
||||
{
|
||||
@endphp
|
||||
<option value="/products/{{ $row->slug }}">{{ $row->name }} ({{ $row->qty }})</option>
|
||||
@php
|
||||
}
|
||||
@endphp
|
||||
</select>
|
||||
</div>
|
||||
<div class="mb-5">
|
||||
<h2>Applications:</h2>
|
||||
<ul class="ul-checkbox">
|
||||
@php
|
||||
$i = 0;
|
||||
foreach ($dataApplications as $row)
|
||||
{
|
||||
$i++;
|
||||
$tags = [];
|
||||
if (in_array($row->slug, $currentApplications, true))
|
||||
{
|
||||
$tags = array_diff($currentApplications, [$row->slug]);
|
||||
}
|
||||
else
|
||||
{
|
||||
$tags = $currentApplications;
|
||||
$tags[] = $row->slug;
|
||||
}
|
||||
@endphp
|
||||
<li class="custom-control custom-checkbox">
|
||||
<input class="custom-control-input" name="applications" type="checkbox" id="applications_{{ $i }}" {{ in_array($row->slug, $currentApplications, true) ? 'checked' : '' }} value="{{ implode(',', $tags) }}">
|
||||
<label class="custom-control-label" for="applications_{{ $i }}">{{ $row->name }}</label>
|
||||
</li>
|
||||
@php
|
||||
}
|
||||
@endphp
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<!-- 內容資訊 s -->
|
||||
<div class="col-bg-9 col-xl-8">
|
||||
@if ($currentCatalogName)
|
||||
<h3 class="h3-title mb-5"><i class="fas fa-caret-square-right"></i>{{ $currentCatalogName }}</h3>
|
||||
@endif
|
||||
<div class="products-inner">
|
||||
@php
|
||||
foreach ($dataRows as $row)
|
||||
{
|
||||
$img_memo = '';
|
||||
$img_src = '/assets/img/products-item-a01.jpg';
|
||||
//$imgs = $row->photos;
|
||||
$imgs = array_filter($row->photos, function($v) {
|
||||
return $v['is_selected'] == true;
|
||||
});
|
||||
if (count($imgs) > 0)
|
||||
{
|
||||
foreach($imgs as $img)
|
||||
{
|
||||
$img_memo = $img['comment'];
|
||||
$img_src = URL::asset('/storage/'.$img['file_path']);
|
||||
break;
|
||||
}
|
||||
}
|
||||
@endphp
|
||||
<div class="products-item">
|
||||
<div class="row">
|
||||
<div class="col-md-3">
|
||||
<div class="products-item-img">
|
||||
<a href="/products/detail/{{ $row->slug }}">
|
||||
<img src="{{ $img_src }}" alt="{{ $img_memo }}" width="100%" height="auto">
|
||||
<div class="products-item-mask"><span>Learn more</span></div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-9">
|
||||
<div class="products-item-info">
|
||||
<h4><a href="/products/detail/{{ $row->slug }}">{{ $row->title }}<span>{{ trans('backend.product.tip_options.' . $row->tip) }}</span></a></h4>
|
||||
<p>{{ $row->description }}</p>
|
||||
<ul class="ul-applications">
|
||||
@php
|
||||
foreach ($row->applications as $tag)
|
||||
{
|
||||
@endphp
|
||||
<li><a>{{ $tag->name }}</a></li>
|
||||
@php
|
||||
}
|
||||
@endphp
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@php
|
||||
}
|
||||
@endphp
|
||||
</div>
|
||||
<!-- 分頁 -->
|
||||
@if ($dataTotalCount > 0)
|
||||
<nav aria-label="Page navigation" class="page-ex2">
|
||||
<ul class="pagination pagination-sm justify-content-center">
|
||||
<li class="page-item">
|
||||
<a class="page-link prev" href="?p={{ ($dataCurrentPage - 1) < 1 ? 1 : ($dataCurrentPage - 1) }}{{ is_array($currentApplications) && count($currentApplications) > 0 ? '&tags=' . implode(',', $currentApplications) : '' }}" aria-label="Previous">
|
||||
<span aria-hidden="true">«</span>
|
||||
</a>
|
||||
</li>
|
||||
@php
|
||||
for ($i = 1; $i < ($dataTotalCount / $dataPerPageItems + 1); $i++)
|
||||
{
|
||||
@endphp
|
||||
<li class="page-item active"><a class="page-link" href="?p={{ $i }}{{ is_array($currentApplications) && count($currentApplications) > 0 ? '&tags=' . implode(',', $currentApplications) : '' }}">{{ $i }}</a></li>
|
||||
@php
|
||||
}
|
||||
@endphp
|
||||
<li class="page-item">
|
||||
<a class="page-link next" href="?p={{ ($dataCurrentPage + 1) > floor($dataTotalCount / $dataPerPageItems + 1) ? floor($dataTotalCount / $dataPerPageItems + 1) : ($dataCurrentPage + 1) }}{{ is_array($currentApplications) && count($currentApplications) > 0 ? '&tags=' . implode(',', $currentApplications) : '' }}" aria-label="Next">
|
||||
<span aria-hidden="true">»</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
@section('script')
|
||||
<script type="text/javascript">
|
||||
var elements = document.getElementsByClassName("column");
|
||||
var i;
|
||||
function listView() {
|
||||
for (i = 0; i < elements.length; i++) {
|
||||
elements[i].style.width = "100%";
|
||||
}
|
||||
}
|
||||
function gridView() {
|
||||
for (i = 0; i < elements.length; i++) {
|
||||
elements[i].style.width = "33%";
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@endsection
|
||||
296
resources/views/products_detail.blade.php
Normal file
296
resources/views/products_detail.blade.php
Normal file
@ -0,0 +1,296 @@
|
||||
@extends('layouts.heading-page')
|
||||
|
||||
@section('title')
|
||||
Products -
|
||||
@endsection
|
||||
|
||||
@section('seo_keywords')
|
||||
{{ $dataRow->seo_keyword }}
|
||||
@endsection
|
||||
|
||||
@section('seo_description')
|
||||
{{ $dataRow->seo_description }}
|
||||
@endsection
|
||||
|
||||
@section('css')
|
||||
<link href="/assets/js/slick/slick.css" rel="stylesheet"/>
|
||||
<link href="/assets/js/slick/slick-theme.css" rel="stylesheet"/>
|
||||
<link href="/assets/css/page.css" rel="stylesheet"/>
|
||||
@endsection
|
||||
|
||||
@section('breadcrumbs')
|
||||
<a href="/products">Products</a>
|
||||
/ <span><a href="/products/{{ $catalogSlug }}">{{ $catalogName }}</a></span>
|
||||
/ <span>{{ $dataRow->title }}</span>
|
||||
@endsection
|
||||
|
||||
@section('page-main')
|
||||
<!-- 資料內容 -->
|
||||
<div class="content-wrap products-wrap">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<?//php include("navsubProducts.php"); ?>
|
||||
<!-- 內容資訊 s -->
|
||||
<div class="col-bg-12 col-xl-12">
|
||||
<h3 class="h3-title mb-5"><i class="fas fa-caret-square-right"></i>System on Module (SOM)</h3>
|
||||
<div class="products-detail mt-3">
|
||||
<!-- 基本介紹 -->
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-bg-8 col-xl-7 col-lg-12 order-xl-2">
|
||||
<div class="products-detail-info">
|
||||
<h2>{{ $dataRow->title }}<span>{{ trans('backend.product.tip_options.' . $dataRow->tip) }}</span></h2>
|
||||
<div class="Txt">
|
||||
{{ $dataRow->description }}
|
||||
</div>
|
||||
<div class="my-4">
|
||||
<h5>Applications:</h5>
|
||||
<ul class="ul-applications">
|
||||
@foreach ($productApplications as $tag)
|
||||
<li><a href="">{{ $tag->name }}</a></li>
|
||||
@endforeach
|
||||
</ul>
|
||||
</div>
|
||||
<div class="buy-btn mb-4">
|
||||
<a href="/support/sales-inquiry?pid={{ $dataRow->id }}" class="btn btn-danger">Get a Quote <i class="fa-solid fa-arrow-right"></i></a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-bg-4 col-xl-5 col-lg-8 order-xl-1">
|
||||
<div class="slider slider-for">
|
||||
@php
|
||||
$img_memo = '';
|
||||
$img_src = '//assets/img/products-item-a01.jpg';
|
||||
$imgs = $dataRow->photos;
|
||||
//$imgs = array_filter($dataRow->photos, function($v) {
|
||||
// return $v['is_selected'] == true;
|
||||
// });
|
||||
if (count($imgs) > 0)
|
||||
{
|
||||
foreach($imgs as $img)
|
||||
{
|
||||
$img_memo = $img['comment'];
|
||||
$img_src = URL::asset('/storage/'.$img['file_path']);
|
||||
@endphp
|
||||
<div class="align-self-center">
|
||||
<a data-fancybox="gallery" href="{{ $img_src }}">
|
||||
<img src="{{ $img_src }}" alt="{{ $img_memo }}" width="auto" height="auto">
|
||||
</a>
|
||||
</div>
|
||||
@php
|
||||
}
|
||||
}
|
||||
@endphp
|
||||
|
||||
</div>
|
||||
<div class="slider slider-nav">
|
||||
@php
|
||||
$img_memo = '';
|
||||
$img_src = '//assets/img/products-item-a01.jpg';
|
||||
$imgs = $dataRow->photos;
|
||||
//$imgs = array_filter($dataRow->photos, function($v) {
|
||||
// return $v['is_selected'] == true;
|
||||
// });
|
||||
if (count($imgs) > 0)
|
||||
{
|
||||
foreach($imgs as $img)
|
||||
{
|
||||
$img_memo = $img['comment'];
|
||||
$img_src = URL::asset('/storage/'.$img['file_path']);
|
||||
@endphp
|
||||
<div class="align-self-center"><img src="{{ $img_src }}" alt="{{ $img_memo }}" width="100%" height="auto" /></div>
|
||||
@php
|
||||
}
|
||||
}
|
||||
@endphp
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 產品說明 -->
|
||||
<section class="clearfix my-5 img-setup video-iframe">
|
||||
<div class="products-tabs">
|
||||
<ul class="nav nav-tabs tabs">
|
||||
<li><a class="active" data-toggle="tab" href="#tab11">Overview</a></li>
|
||||
<li><a data-toggle="tab" href="#tab12">Specifications</a></li>
|
||||
<li><a data-toggle="tab" href="#tab13">Resources</a></li>
|
||||
<li><a data-toggle="tab" href="#tab14">Related Parts</a></li>
|
||||
</ul>
|
||||
<div class="tab-content">
|
||||
<div id="tab11" class="tab-pane in active">
|
||||
<!-- Overview 資料 -->
|
||||
<div class="products-tabs-content">
|
||||
{!! $dataRow->feature_overview !!}
|
||||
</div>
|
||||
</div>
|
||||
<div id="tab12" class="tab-pane">
|
||||
<!-- Specifications 資料 -->
|
||||
<div class="products-tabs-content">
|
||||
{!! $dataRow->feature_spec !!}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div id="tab13" class="tab-pane">
|
||||
<!-- Resources 資料 -->
|
||||
<div class="products-tabs-content">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div id="tab14" class="tab-pane">
|
||||
<!-- Related Parts 資料 -->
|
||||
<div class="products-tabs-content">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="btn-back"><a href="javascript:history.back()"><i class="fa fa-reply"></i> Return to list page</a></div>
|
||||
</div>
|
||||
<div class="related-products">
|
||||
<h3>Related Products</h3>
|
||||
<div class="slider responsive-related">
|
||||
<div class="related-item">
|
||||
<div class="products-item-img">
|
||||
<a href="products-detail.php">
|
||||
<img src="/assets/img/products-item-a01.jpg" alt="" width="100%" height="auto">
|
||||
<div class="products-item-mask"><span>Learn more</span></div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="products-item-info">
|
||||
<h4><a href="products-detail.php">COREXOM R6490WGQ SOM</a></h4>
|
||||
<p>Presenting the COREXOM R6490WGQ SOM – powered by the Qualcomm® QCS6490 system-on-chip...</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="related-item">
|
||||
<div class="products-item-img">
|
||||
<a href="products-detail.php">
|
||||
<img src="/assets/img/products-item-a02.jpg" alt="" width="100%" height="auto">
|
||||
<div class="products-item-mask"><span>Learn more</span></div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="products-item-info">
|
||||
<h4><a href="products-detail.php">COREXOM R6490WGQ SOM</a></h4>
|
||||
<p>Presenting the COREXOM R6490WGQ SOM – powered by the Qualcomm® QCS6490 system-on-chip. Featuring the...</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="related-item">
|
||||
<div class="products-item-img">
|
||||
<a href="products-detail.php">
|
||||
<img src="/assets/img/products-item-a03.jpg" alt="" width="100%" height="auto">
|
||||
<div class="products-item-mask"><span>Learn more</span></div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="products-item-info">
|
||||
<h4><a href="products-detail.php">COREXOM R6490WGQ SOM</a></h4>
|
||||
<p>Presenting the COREXOM R6490WGQ SOM – powered by the Qualcomm® QCS6490 system-on-chip. Featuring the potent...</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="related-item">
|
||||
<div class="products-item-img">
|
||||
<a href="products-detail.php">
|
||||
<img src="/assets/img/products-item-a01.jpg" alt="" width="100%" height="auto">
|
||||
<div class="products-item-mask"><span>Learn more</span></div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="products-item-info">
|
||||
<h4><a href="products-detail.php">COREXOM R6490WGQ SOM</a></h4>
|
||||
<p>Presenting the COREXOM R6490WGQ SOM – powered by the Qualcomm® QCS6490 system-on-chip. Featuring the potent...</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="related-item">
|
||||
<div class="products-item-img">
|
||||
<a href="products-detail.php">
|
||||
<img src="/assets/img/products-item-a02.jpg" alt="" width="100%" height="auto">
|
||||
<div class="products-item-mask"><span>Learn more</span></div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="products-item-info">
|
||||
<h4><a href="products-detail.php">COREXOM R6490WGQ SOM</a></h4>
|
||||
<p>Presenting the COREXOM R6490WGQ SOM – powered by the Qualcomm® QCS6490 system-on-chip. Featuring the potent...</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="related-item">
|
||||
<div class="products-item-img">
|
||||
<a href="products-detail.php">
|
||||
<img src="/assets/img/products-item-a03.jpg" alt="" width="100%" height="auto">
|
||||
<div class="products-item-mask"><span>Learn more</span></div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="products-item-info">
|
||||
<h4><a href="products-detail.php">COREXOM R6490WGQ SOM</a></h4>
|
||||
<p>Presenting the COREXOM R6490WGQ SOM – powered by the Qualcomm® QCS6490 system-on-chip. Featuring the potent...</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
@section('script')
|
||||
<script type="text/javascript">
|
||||
$('.slider-for').slick({
|
||||
slidesToShow: 1,
|
||||
slidesToScroll: 1,
|
||||
arrows: false,
|
||||
fade: true,
|
||||
asNavFor: '.slider-nav',
|
||||
});
|
||||
$('.slider-nav').slick({
|
||||
asNavFor: '.slider-for',
|
||||
centerMode: true,
|
||||
focusOnSelect: true,
|
||||
arrows: false,
|
||||
dots: false,
|
||||
infinite: true,
|
||||
speed: 300,
|
||||
centerMode: false,
|
||||
autoplay: false,
|
||||
autoplaySpeed: 3000,
|
||||
slidesToShow: 4,
|
||||
slidesToScroll: 1,
|
||||
});
|
||||
$('.responsive-related').slick({
|
||||
arrows: true,
|
||||
dots: false,
|
||||
infinite: true,
|
||||
speed: 300,
|
||||
autoplay: true,
|
||||
autoplaySpeed: 3000,
|
||||
slidesToShow: 5,
|
||||
slidesToScroll: 1,
|
||||
responsive: [
|
||||
{
|
||||
breakpoint: 1281,
|
||||
settings: {
|
||||
slidesToShow: 4,
|
||||
}
|
||||
},
|
||||
{
|
||||
breakpoint: 1025,
|
||||
settings: {
|
||||
slidesToShow: 3,
|
||||
}
|
||||
},
|
||||
{
|
||||
breakpoint: 991,
|
||||
settings: {
|
||||
slidesToShow: 2,
|
||||
}
|
||||
},
|
||||
{
|
||||
breakpoint: 641,
|
||||
settings: {
|
||||
slidesToShow: 1,
|
||||
}
|
||||
},
|
||||
]
|
||||
});
|
||||
</script>
|
||||
@endsection
|
||||
125
resources/views/support-distribution-partners.blade.php
Normal file
125
resources/views/support-distribution-partners.blade.php
Normal file
@ -0,0 +1,125 @@
|
||||
@extends('layouts.heading-page')
|
||||
|
||||
@section('title')
|
||||
Support -
|
||||
@endsection
|
||||
|
||||
@section('seo_keywords')
|
||||
@endsection
|
||||
|
||||
@section('seo_description')
|
||||
@endsection
|
||||
|
||||
@section('css')
|
||||
<link href="assets/css/page.css" rel="stylesheet"/>
|
||||
@endsection
|
||||
|
||||
@section('breadcrumbs')
|
||||
<a href="/support-technical">Support</a><span>/</span>Distribution Partners
|
||||
@endsection
|
||||
|
||||
@section('page-main')
|
||||
<!-- 資料內容 -->
|
||||
<div class="content-wrap support-wrap">
|
||||
<div class="container">
|
||||
<div class="contact-form mb-5">
|
||||
<h2 class="h2-title">Distribution Partners</h2>
|
||||
<div class="support-top">
|
||||
<p>CRI collaborates with trusted distributors and value-added resellers across continents, ensuring the rapid delivery of our solutions worldwide.</p>
|
||||
<p>Arrange the list in alphabetical order.</p>
|
||||
</div>
|
||||
<div class="support-tabs support-03">
|
||||
<ul class="nav nav-tabs tabs">
|
||||
@php
|
||||
foreach ($catalogRows as $row)
|
||||
{
|
||||
@endphp
|
||||
<li><a class="{{ $row->id == $catalogCurrentId ? 'active' : '' }}" href="?cid={{ $row->id }}">{{ $row->name }}</a></li>
|
||||
@php
|
||||
}
|
||||
@endphp
|
||||
</ul>
|
||||
<div class="tab-content">
|
||||
<div class="tab-pane in active">
|
||||
<!-- Partner 資料 -->
|
||||
@php
|
||||
foreach ($dataRows as $row)
|
||||
{
|
||||
$img_memo = '';
|
||||
$img_src = '/assets/img/support-03-a01.png';
|
||||
$imgs = $row->photos;
|
||||
// $imgs = array_filter($row['photos'], function($v) {
|
||||
// return $v['is_selected'] == true;
|
||||
// });
|
||||
if (count($imgs) > 0)
|
||||
{
|
||||
foreach($imgs as $img)
|
||||
{
|
||||
//$img_memo = $img['comment'];
|
||||
$img_src = URL::asset('/storage/'.$img['file_path']);
|
||||
break;
|
||||
}
|
||||
}
|
||||
@endphp
|
||||
<div class="support-post">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-sm-3 col-12">
|
||||
<div class="support-img">
|
||||
<img src="{{ $img_src }}" alt="" class="img-fluid">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-9 col-12">
|
||||
<div class="support-info">
|
||||
<h4>{{ $row->title }}</h4>
|
||||
<p>{{ $row->description }}</p>
|
||||
<div class="link">Web Site : <a href="{{ $row->website }}" target="_blank">{{ $row->website }}</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@php
|
||||
}
|
||||
@endphp
|
||||
<!-- 分頁 -->
|
||||
@php
|
||||
if ($dataTotalCount > $dataPerPageItems)
|
||||
{
|
||||
@endphp
|
||||
<nav aria-label="Page navigation" class="page-ex2">
|
||||
<ul class="pagination pagination-sm justify-content-center">
|
||||
<li class="page-item">
|
||||
<a class="page-link prev" href="?cid={{ $catalogCurrentId }}&p={{ ($dataCurrentPage - 1) < 1 ? 1 : ($dataCurrentPage - 1) }}" aria-label="Previous">
|
||||
<span aria-hidden="true">«</span>
|
||||
</a>
|
||||
</li>
|
||||
@php
|
||||
for ($i = 1; $i < ($dataTotalCount / $dataPerPageItems + 1); $i++)
|
||||
{
|
||||
@endphp
|
||||
<li class="page-item {{ $dataCurrentPage == $i ? 'active' : '' }}"><a class="page-link" href="?cid={{ $catalogCurrentId }}&p={{ $i }}">{{ $i }}</a></li>
|
||||
@php
|
||||
}
|
||||
@endphp
|
||||
<li class="page-item">
|
||||
<a class="page-link next" href="?cid={{ $catalogCurrentId }}&p={{ ($dataCurrentPage + 1) > floor($dataTotalCount / $dataPerPageItems + 1) ? floor($dataTotalCount / $dataPerPageItems + 1) : ($dataCurrentPage + 1) }}" aria-label="Next">
|
||||
<span aria-hidden="true">»</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
@php
|
||||
}
|
||||
@endphp
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
@section('script')
|
||||
<script type="text/javascript">
|
||||
|
||||
</script>
|
||||
@endsection
|
||||
124
resources/views/support-ecosystem-partners.blade.php
Normal file
124
resources/views/support-ecosystem-partners.blade.php
Normal file
@ -0,0 +1,124 @@
|
||||
@extends('layouts.heading-page')
|
||||
|
||||
@section('title')
|
||||
Support -
|
||||
@endsection
|
||||
|
||||
@section('seo_keywords')
|
||||
@endsection
|
||||
|
||||
@section('seo_description')
|
||||
@endsection
|
||||
|
||||
@section('css')
|
||||
<link href="assets/css/page.css" rel="stylesheet"/>
|
||||
@endsection
|
||||
|
||||
@section('breadcrumbs')
|
||||
<a href="/support-technical">Support</a><span>/</span>Ecosystem Partners
|
||||
@endsection
|
||||
|
||||
@section('page-main')
|
||||
<!-- 資料內容 -->
|
||||
<div class="content-wrap support-wrap">
|
||||
<div class="container">
|
||||
<h2 class="h2-title">Ecosystem Partners</h2>
|
||||
<div class="support-top">
|
||||
<p>CRI collaborates with trusted hardware and software partners to help you expedite your time to market.</p>
|
||||
<p>Arrange the list in alphabetical order.</p>
|
||||
</div>
|
||||
<div class="support-tabs support-04">
|
||||
<ul class="nav nav-tabs tabs">
|
||||
@php
|
||||
foreach ($catalogRows as $row)
|
||||
{
|
||||
@endphp
|
||||
<li><a class="{{ $row->id == $catalogCurrentId ? 'active' : '' }}" href="?cid={{ $row->id }}">{{ $row->name }}</a></li>
|
||||
@php
|
||||
}
|
||||
@endphp
|
||||
</ul>
|
||||
<div class="tab-content">
|
||||
<div class="tab-pane in active">
|
||||
<!-- Partner 資料 -->
|
||||
@php
|
||||
foreach ($dataRows as $row)
|
||||
{
|
||||
$img_memo = '';
|
||||
$img_src = '/assets/img/support-03-a01.png';
|
||||
$imgs = $row->photos;
|
||||
// $imgs = array_filter($row['photos'], function($v) {
|
||||
// return $v['is_selected'] == true;
|
||||
// });
|
||||
if (count($imgs) > 0)
|
||||
{
|
||||
foreach($imgs as $img)
|
||||
{
|
||||
//$img_memo = $img['comment'];
|
||||
$img_src = URL::asset('/storage/'.$img['file_path']);
|
||||
break;
|
||||
}
|
||||
}
|
||||
@endphp
|
||||
<div class="support-post">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-sm-3 col-12">
|
||||
<div class="support-img">
|
||||
<img src="{{ $img_src }}" alt="" class="img-fluid">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-9 col-12">
|
||||
<div class="support-info">
|
||||
<h4>{{ $row->title }}</h4>
|
||||
<p>{{ $row->description }}</p>
|
||||
<div class="link">Web Site : <a href="{{ $row->website }}" target="_blank">{{ $row->website }}</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@php
|
||||
}
|
||||
@endphp
|
||||
<!-- 分頁 -->
|
||||
@php
|
||||
if ($dataTotalCount > $dataPerPageItems)
|
||||
{
|
||||
@endphp
|
||||
<nav aria-label="Page navigation" class="page-ex2">
|
||||
<ul class="pagination pagination-sm justify-content-center">
|
||||
<li class="page-item">
|
||||
<a class="page-link prev" href="?cid={{ $catalogCurrentId }}&p={{ ($dataCurrentPage - 1) < 1 ? 1 : ($dataCurrentPage - 1) }}" aria-label="Previous">
|
||||
<span aria-hidden="true">«</span>
|
||||
</a>
|
||||
</li>
|
||||
@php
|
||||
for ($i = 1; $i < ($dataTotalCount / $dataPerPageItems + 1); $i++)
|
||||
{
|
||||
@endphp
|
||||
<li class="page-item {{ $dataCurrentPage == $i ? 'active' : '' }}"><a class="page-link" href="?cid={{ $catalogCurrentId }}&p={{ $i }}">{{ $i }}</a></li>
|
||||
@php
|
||||
}
|
||||
@endphp
|
||||
<li class="page-item">
|
||||
<a class="page-link next" href="?cid={{ $catalogCurrentId }}&p={{ ($dataCurrentPage + 1) > floor($dataTotalCount / $dataPerPageItems + 1) ? floor($dataTotalCount / $dataPerPageItems + 1) : ($dataCurrentPage + 1) }}" aria-label="Next">
|
||||
<span aria-hidden="true">»</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
@php
|
||||
}
|
||||
@endphp
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
@section('script')
|
||||
<script type="text/javascript">
|
||||
|
||||
</script>
|
||||
@endsection
|
||||
345
resources/views/support-sales-inquiry.blade.php
Normal file
345
resources/views/support-sales-inquiry.blade.php
Normal file
@ -0,0 +1,345 @@
|
||||
@extends('layouts.heading-page')
|
||||
|
||||
@section('title')
|
||||
Support -
|
||||
@endsection
|
||||
|
||||
@section('seo_keywords')
|
||||
@endsection
|
||||
|
||||
@section('seo_description')
|
||||
@endsection
|
||||
|
||||
@section('css')
|
||||
<link href="assets/css/page.css" rel="stylesheet"/>
|
||||
@endsection
|
||||
|
||||
@section('breadcrumbs')
|
||||
<a href="/support-technical">Support</a><span>/</span>Sales Inquiry
|
||||
@endsection
|
||||
|
||||
@section('page-main')
|
||||
<!-- 資料內容 -->
|
||||
<div class="content-wrap support-wrap">
|
||||
<div class="container">
|
||||
<div class="contact-form mb-5">
|
||||
<h2 class="h2-title">Sales Inquiry</h2>
|
||||
<form class="form-horizontal" action="?" method="POST">
|
||||
@csrf
|
||||
@if ($errors->any())
|
||||
<div class="text-left mt-3 alert alert-block alert-danger">
|
||||
<button type="button" class="close" data-dismiss="alert">×</button>
|
||||
<ul>
|
||||
@foreach ($errors->all() as $error)
|
||||
<li>{{ $error }}</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
</div>
|
||||
@endif
|
||||
@if ($message = Session::get('success'))
|
||||
<div class="text-left mt-3 alert alert-block alert-success ">
|
||||
<button type="button" class="close" data-dismiss="alert">×</button>
|
||||
<strong>{{ $message }}</strong>
|
||||
</div>
|
||||
@endif
|
||||
<div class="row">
|
||||
<div class="col-md-6 mb-2">
|
||||
<label for="firstName">First Name<b>*</b></label>
|
||||
<input type="text" class="form-control" id="firstName" name="name_first">
|
||||
</div>
|
||||
<div class="col-md-6 mb-2">
|
||||
<label for="lastName">Last Name<b>*</b></label>
|
||||
<input type="text" class="form-control" id="lastName" name="name_last">
|
||||
</div>
|
||||
<div class="col-md-6 mb-2">
|
||||
<label for="companyName">Company Name<b>*</b></label>
|
||||
<input type="text" class="form-control" id="companyName" name="company_name">
|
||||
</div>
|
||||
<div class="col-md-6 mb-2">
|
||||
<label for="jobTitle">Job Title</label>
|
||||
<input type="text" class="form-control" id="jobTitle" name="job_title">
|
||||
</div>
|
||||
<div class="col-md-6 mb-2">
|
||||
<label for="email">Email<b>*</b></label>
|
||||
<input type="text" class="form-control" id="email" name="email">
|
||||
</div>
|
||||
<div class="col-md-6 mb-2">
|
||||
<label for="phone">Phone<b>*</b></label>
|
||||
<input type="text" class="form-control" id="phone" name="phone">
|
||||
</div>
|
||||
<div class="col-md-12 mb-2">
|
||||
<label for="country">Country<b>*</b></label>
|
||||
<select name="contry" id="country" required="" class="form-control">
|
||||
<option disabled="" value="">Please Select</option>
|
||||
<option value=""></option>
|
||||
<option value="AF">Afghanistan</option>
|
||||
<option value="AL">Albania</option>
|
||||
<option value="DZ">Algeria</option>
|
||||
<option value="AS">American Samoa</option>
|
||||
<option value="AD">Andorra</option>
|
||||
<option value="AO">Angola</option>
|
||||
<option value="AI">Anguilla</option>
|
||||
<option value="AQ">Antarctica</option>
|
||||
<option value="AG">Antigua and Barbuda</option>
|
||||
<option value="AR">Argentina</option>
|
||||
<option value="AM">Armenia</option>
|
||||
<option value="AW">Aruba</option>
|
||||
<option value="AU">Australia</option>
|
||||
<option value="AT">Austria</option>
|
||||
<option value="AZ">Azerbaijan</option>
|
||||
<option value="BS">Bahamas</option>
|
||||
<option value="BH">Bahrain</option>
|
||||
<option value="BD">Bangladesh</option>
|
||||
<option value="BB">Barbados</option>
|
||||
<option value="BY">Belarus</option>
|
||||
<option value="BE">Belgium</option>
|
||||
<option value="BZ">Belize</option>
|
||||
<option value="BJ">Benin</option>
|
||||
<option value="BM">Bermuda</option>
|
||||
<option value="BT">Bhutan</option>
|
||||
<option value="BO">Bolivia</option>
|
||||
<option value="BQ">Bonaire</option>
|
||||
<option value="BA">Bosnia and Herzegovina</option>
|
||||
<option value="BW">Botswana</option>
|
||||
<option value="BV">Bouvet Island</option>
|
||||
<option value="BR">Brazil</option>
|
||||
<option value="IO">British Indian Ocean Territory</option>
|
||||
<option value="BN">Brunei Darussalam</option>
|
||||
<option value="BG">Bulgaria</option>
|
||||
<option value="BF">Burkina Faso</option>
|
||||
<option value="BI">Burundi</option>
|
||||
<option value="KH">Cambodia</option>
|
||||
<option value="CM">Cameroon</option>
|
||||
<option value="CA">Canada</option>
|
||||
<option value="CV">Cape Verde</option>
|
||||
<option value="KY">Cayman Islands</option>
|
||||
<option value="CF">Central African Republic</option>
|
||||
<option value="TD">Chad</option>
|
||||
<option value="CL">Chile</option>
|
||||
<option value="CN">China</option>
|
||||
<option value="CX">Christmas Island</option>
|
||||
<option value="CC">Cocos (Keeling) Islands</option>
|
||||
<option value="CO">Colombia</option>
|
||||
<option value="KM">Comoros</option>
|
||||
<option value="CG">Congo</option>
|
||||
<option value="CD">Democratic Republic of the Congo</option>
|
||||
<option value="CK">Cook Islands</option>
|
||||
<option value="CR">Costa Rica</option>
|
||||
<option value="HR">Croatia</option>
|
||||
<option value="CU">Cuba</option>
|
||||
<option value="CW">Curaçao</option>
|
||||
<option value="CY">Cyprus</option>
|
||||
<option value="CZ">Czech Republic</option>
|
||||
<option value="CI">Côte d'Ivoire</option>
|
||||
<option value="DK">Denmark</option>
|
||||
<option value="DJ">Djibouti</option>
|
||||
<option value="DM">Dominica</option>
|
||||
<option value="DO">Dominican Republic</option>
|
||||
<option value="EC">Ecuador</option>
|
||||
<option value="EG">Egypt</option>
|
||||
<option value="SV">El Salvador</option>
|
||||
<option value="GQ">Equatorial Guinea</option>
|
||||
<option value="ER">Eritrea</option>
|
||||
<option value="EE">Estonia</option>
|
||||
<option value="ET">Ethiopia</option>
|
||||
<option value="FK">Falkland Islands (Malvinas)</option>
|
||||
<option value="FO">Faroe Islands</option>
|
||||
<option value="FJ">Fiji</option>
|
||||
<option value="FI">Finland</option>
|
||||
<option value="FR">France</option>
|
||||
<option value="GF">French Guiana</option>
|
||||
<option value="PF">French Polynesia</option>
|
||||
<option value="TF">French Southern Territories</option>
|
||||
<option value="GA">Gabon</option>
|
||||
<option value="GM">Gambia</option>
|
||||
<option value="GE">Georgia</option>
|
||||
<option value="DE">Germany</option>
|
||||
<option value="GH">Ghana</option>
|
||||
<option value="GI">Gibraltar</option>
|
||||
<option value="GR">Greece</option>
|
||||
<option value="GL">Greenland</option>
|
||||
<option value="GD">Grenada</option>
|
||||
<option value="GP">Guadeloupe</option>
|
||||
<option value="GU">Guam</option>
|
||||
<option value="GT">Guatemala</option>
|
||||
<option value="GG">Guernsey</option>
|
||||
<option value="GN">Guinea</option>
|
||||
<option value="GW">Guinea-Bissau</option>
|
||||
<option value="GY">Guyana</option>
|
||||
<option value="HT">Haiti</option>
|
||||
<option value="HM">Heard Island and McDonald Mcdonald Islands</option>
|
||||
<option value="VA">Holy See (Vatican City State)</option>
|
||||
<option value="HN">Honduras</option>
|
||||
<option value="HK">Hong Kong</option>
|
||||
<option value="HU">Hungary</option>
|
||||
<option value="IS">Iceland</option>
|
||||
<option value="IN">India</option>
|
||||
<option value="ID">Indonesia</option>
|
||||
<option value="IR">Iran, Islamic Republic of</option>
|
||||
<option value="IQ">Iraq</option>
|
||||
<option value="IE">Ireland</option>
|
||||
<option value="IM">Isle of Man</option>
|
||||
<option value="IL">Israel</option>
|
||||
<option value="IT">Italy</option>
|
||||
<option value="JM">Jamaica</option>
|
||||
<option value="JP">Japan</option>
|
||||
<option value="JE">Jersey</option>
|
||||
<option value="JO">Jordan</option>
|
||||
<option value="KZ">Kazakhstan</option>
|
||||
<option value="KE">Kenya</option>
|
||||
<option value="KI">Kiribati</option>
|
||||
<option value="KP">Korea, Democratic People's Republic of</option>
|
||||
<option value="KR">Korea, Republic of</option>
|
||||
<option value="KW">Kuwait</option>
|
||||
<option value="KG">Kyrgyzstan</option>
|
||||
<option value="LA">Lao People's Democratic Republic</option>
|
||||
<option value="LV">Latvia</option>
|
||||
<option value="LB">Lebanon</option>
|
||||
<option value="LS">Lesotho</option>
|
||||
<option value="LR">Liberia</option>
|
||||
<option value="LY">Libya</option>
|
||||
<option value="LI">Liechtenstein</option>
|
||||
<option value="LT">Lithuania</option>
|
||||
<option value="LU">Luxembourg</option>
|
||||
<option value="MO">Macao</option>
|
||||
<option value="MK">Macedonia, the Former Yugoslav Republic of</option>
|
||||
<option value="MG">Madagascar</option>
|
||||
<option value="MW">Malawi</option>
|
||||
<option value="MY">Malaysia</option>
|
||||
<option value="MV">Maldives</option>
|
||||
<option value="ML">Mali</option>
|
||||
<option value="MT">Malta</option>
|
||||
<option value="MH">Marshall Islands</option>
|
||||
<option value="MQ">Martinique</option>
|
||||
<option value="MR">Mauritania</option>
|
||||
<option value="MU">Mauritius</option>
|
||||
<option value="YT">Mayotte</option>
|
||||
<option value="MX">Mexico</option>
|
||||
<option value="FM">Micronesia, Federated States of</option>
|
||||
<option value="MD">Moldova, Republic of</option>
|
||||
<option value="MC">Monaco</option>
|
||||
<option value="MN">Mongolia</option>
|
||||
<option value="ME">Montenegro</option>
|
||||
<option value="MS">Montserrat</option>
|
||||
<option value="MA">Morocco</option>
|
||||
<option value="MZ">Mozambique</option>
|
||||
<option value="MM">Myanmar</option>
|
||||
<option value="NA">Namibia</option>
|
||||
<option value="NR">Nauru</option>
|
||||
<option value="NP">Nepal</option>
|
||||
<option value="NL">Netherlands</option>
|
||||
<option value="NC">New Caledonia</option>
|
||||
<option value="NZ">New Zealand</option>
|
||||
<option value="NI">Nicaragua</option>
|
||||
<option value="NE">Niger</option>
|
||||
<option value="NG">Nigeria</option>
|
||||
<option value="NU">Niue</option>
|
||||
<option value="NF">Norfolk Island</option>
|
||||
<option value="MP">Northern Mariana Islands</option>
|
||||
<option value="NO">Norway</option>
|
||||
<option value="OM">Oman</option>
|
||||
<option value="PK">Pakistan</option>
|
||||
<option value="PW">Palau</option>
|
||||
<option value="PS">Palestine, State of</option>
|
||||
<option value="PA">Panama</option>
|
||||
<option value="PG">Papua New Guinea</option>
|
||||
<option value="PY">Paraguay</option>
|
||||
<option value="PE">Peru</option>
|
||||
<option value="PH">Philippines</option>
|
||||
<option value="PN">Pitcairn</option>
|
||||
<option value="PL">Poland</option>
|
||||
<option value="PT">Portugal</option>
|
||||
<option value="PR">Puerto Rico</option>
|
||||
<option value="QA">Qatar</option>
|
||||
<option value="RO">Romania</option>
|
||||
<option value="RU">Russian Federation</option>
|
||||
<option value="RW">Rwanda</option>
|
||||
<option value="RE">Reunion</option>
|
||||
<option value="BL">Saint Barthalemy</option>
|
||||
<option value="SH">Saint Helena</option>
|
||||
<option value="KN">Saint Kitts and Nevis</option>
|
||||
<option value="LC">Saint Lucia</option>
|
||||
<option value="MF">Saint Martin (French part)</option>
|
||||
<option value="PM">Saint Pierre and Miquelon</option>
|
||||
<option value="VC">Saint Vincent and the Grenadines</option>
|
||||
<option value="WS">Samoa</option>
|
||||
<option value="SM">San Marino</option>
|
||||
<option value="ST">Sao Tome and Principe</option>
|
||||
<option value="SA">Saudi Arabia</option>
|
||||
<option value="SN">Senegal</option>
|
||||
<option value="RS">Serbia</option>
|
||||
<option value="SC">Seychelles</option>
|
||||
<option value="SL">Sierra Leone</option>
|
||||
<option value="SG">Singapore</option>
|
||||
<option value="SX">Sint Maarten (Dutch part)</option>
|
||||
<option value="SK">Slovakia</option>
|
||||
<option value="SI">Slovenia</option>
|
||||
<option value="SB">Solomon Islands</option>
|
||||
<option value="SO">Somalia</option>
|
||||
<option value="ZA">South Africa</option>
|
||||
<option value="GS">South Georgia and the South Sandwich Islands</option>
|
||||
<option value="SS">South Sudan</option>
|
||||
<option value="ES">Spain</option>
|
||||
<option value="LK">Sri Lanka</option>
|
||||
<option value="SD">Sudan</option>
|
||||
<option value="SR">Suriname</option>
|
||||
<option value="SJ">Svalbard and Jan Mayen</option>
|
||||
<option value="SZ">Swaziland</option>
|
||||
<option value="SE">Sweden</option>
|
||||
<option value="CH">Switzerland</option>
|
||||
<option value="SY">Syrian Arab Republic</option>
|
||||
<option value="TW">Taiwan</option>
|
||||
<option value="TJ">Tajikistan</option>
|
||||
<option value="TZ">United Republic of Tanzania</option>
|
||||
<option value="TH">Thailand</option>
|
||||
<option value="TL">Timor-Leste</option>
|
||||
<option value="TG">Togo</option>
|
||||
<option value="TK">Tokelau</option>
|
||||
<option value="TO">Tonga</option>
|
||||
<option value="TT">Trinidad and Tobago</option>
|
||||
<option value="TN">Tunisia</option>
|
||||
<option value="TR">Turkey</option>
|
||||
<option value="TM">Turkmenistan</option>
|
||||
<option value="TC">Turks and Caicos Islands</option>
|
||||
<option value="TV">Tuvalu</option>
|
||||
<option value="UG">Uganda</option>
|
||||
<option value="UA">Ukraine</option>
|
||||
<option value="AE">United Arab Emirates</option>
|
||||
<option value="GB">United Kingdom</option>
|
||||
<option value="US">United States</option>
|
||||
<option value="UM">United States Minor Outlying Islands</option>
|
||||
<option value="UY">Uruguay</option>
|
||||
<option value="UZ">Uzbekistan</option>
|
||||
<option value="VU">Vanuatu</option>
|
||||
<option value="VE">Venezuela</option>
|
||||
<option value="VN">Viet Nam</option>
|
||||
<option value="VG">British Virgin Islands</option>
|
||||
<option value="VI">US Virgin Islands</option>
|
||||
<option value="WF">Wallis and Futuna</option>
|
||||
<option value="EH">Western Sahara</option>
|
||||
<option value="YE">Yemen</option>
|
||||
<option value="ZM">Zambia</option>
|
||||
<option value="ZW">Zimbabwe</option>
|
||||
<option value="AX">Aland Islands</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-md-12 mb-4">
|
||||
<label for="comments">Questions/Comments<b>*</b></label>
|
||||
<textarea class="form-control" id="comments" rows="5" name="comments">{{ $productName }}</textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<button type="submit" class="btn btn-secondary" style="margin-right: 15px;"><i class="fab fa-telegram-plane mr-1"></i>Submit</button>
|
||||
<button type="reset" class="btn btn-secondary"><i class="fas fa-redo-alt mr-1"></i> Reset</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
@section('script')
|
||||
<script type="text/javascript">
|
||||
|
||||
</script>
|
||||
@endsection
|
||||
346
resources/views/support-technical.blade.php
Normal file
346
resources/views/support-technical.blade.php
Normal file
@ -0,0 +1,346 @@
|
||||
@extends('layouts.heading-page')
|
||||
|
||||
@section('title')
|
||||
Support -
|
||||
@endsection
|
||||
|
||||
@section('seo_keywords')
|
||||
@endsection
|
||||
|
||||
@section('seo_description')
|
||||
@endsection
|
||||
|
||||
@section('css')
|
||||
<link href="assets/css/page.css" rel="stylesheet"/>
|
||||
@endsection
|
||||
|
||||
@section('breadcrumbs')
|
||||
<a href="/support-technical">Support</a><span>/</span>Technical Support
|
||||
@endsection
|
||||
|
||||
@section('page-main')
|
||||
<!-- 資料內容 -->
|
||||
<div class="content-wrap support-wrap">
|
||||
<div class="container">
|
||||
<div class="contact-form mb-5">
|
||||
<h2 class="h2-title">Technical Support</h2>
|
||||
<form class="form-horizontal" action="?" method="POST">
|
||||
@csrf
|
||||
@if ($errors->any())
|
||||
<div class="text-left mt-3 alert alert-block alert-danger">
|
||||
<button type="button" class="close" data-dismiss="alert">×</button>
|
||||
<ul>
|
||||
@foreach ($errors->all() as $error)
|
||||
<li>{{ $error }}</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
</div>
|
||||
@endif
|
||||
@if ($message = Session::get('success'))
|
||||
<div class="text-left mt-3 alert alert-block alert-success ">
|
||||
<button type="button" class="close" data-dismiss="alert">×</button>
|
||||
<strong>{{ $message }}</strong>
|
||||
</div>
|
||||
@endif
|
||||
<div class="row">
|
||||
<div class="col-md-6 mb-2">
|
||||
<label for="firstName">First Name<b>*</b></label>
|
||||
<input type="text" class="form-control" id="firstName" name="name_first">
|
||||
</div>
|
||||
<div class="col-md-6 mb-2">
|
||||
<label for="lastName">Last Name<b>*</b></label>
|
||||
<input type="text" class="form-control" id="lastName" name="name_last">
|
||||
</div>
|
||||
<div class="col-md-6 mb-2">
|
||||
<label for="companyName">Company Name<b>*</b></label>
|
||||
<input type="text" class="form-control" id="companyName" name="company_name">
|
||||
</div>
|
||||
<div class="col-md-6 mb-2">
|
||||
<label for="jobTitle">Job Title</label>
|
||||
<input type="text" class="form-control" id="jobTitle" name="job_title">
|
||||
</div>
|
||||
<div class="col-md-6 mb-2">
|
||||
<label for="email">Email<b>*</b></label>
|
||||
<input type="text" class="form-control" id="email" name="email">
|
||||
</div>
|
||||
<div class="col-md-6 mb-2">
|
||||
<label for="phone">Phone<b>*</b></label>
|
||||
<input type="text" class="form-control" id="phone" name="phone">
|
||||
</div>
|
||||
<div class="col-md-12 mb-2">
|
||||
<label for="country">Country<b>*</b></label>
|
||||
<select name="contry" id="country" required="" class="form-control">
|
||||
<option disabled="" value="">Please Select</option>
|
||||
<option value=""></option>
|
||||
<option value="AF">Afghanistan</option>
|
||||
<option value="AL">Albania</option>
|
||||
<option value="DZ">Algeria</option>
|
||||
<option value="AS">American Samoa</option>
|
||||
<option value="AD">Andorra</option>
|
||||
<option value="AO">Angola</option>
|
||||
<option value="AI">Anguilla</option>
|
||||
<option value="AQ">Antarctica</option>
|
||||
<option value="AG">Antigua and Barbuda</option>
|
||||
<option value="AR">Argentina</option>
|
||||
<option value="AM">Armenia</option>
|
||||
<option value="AW">Aruba</option>
|
||||
<option value="AU">Australia</option>
|
||||
<option value="AT">Austria</option>
|
||||
<option value="AZ">Azerbaijan</option>
|
||||
<option value="BS">Bahamas</option>
|
||||
<option value="BH">Bahrain</option>
|
||||
<option value="BD">Bangladesh</option>
|
||||
<option value="BB">Barbados</option>
|
||||
<option value="BY">Belarus</option>
|
||||
<option value="BE">Belgium</option>
|
||||
<option value="BZ">Belize</option>
|
||||
<option value="BJ">Benin</option>
|
||||
<option value="BM">Bermuda</option>
|
||||
<option value="BT">Bhutan</option>
|
||||
<option value="BO">Bolivia</option>
|
||||
<option value="BQ">Bonaire</option>
|
||||
<option value="BA">Bosnia and Herzegovina</option>
|
||||
<option value="BW">Botswana</option>
|
||||
<option value="BV">Bouvet Island</option>
|
||||
<option value="BR">Brazil</option>
|
||||
<option value="IO">British Indian Ocean Territory</option>
|
||||
<option value="BN">Brunei Darussalam</option>
|
||||
<option value="BG">Bulgaria</option>
|
||||
<option value="BF">Burkina Faso</option>
|
||||
<option value="BI">Burundi</option>
|
||||
<option value="KH">Cambodia</option>
|
||||
<option value="CM">Cameroon</option>
|
||||
<option value="CA">Canada</option>
|
||||
<option value="CV">Cape Verde</option>
|
||||
<option value="KY">Cayman Islands</option>
|
||||
<option value="CF">Central African Republic</option>
|
||||
<option value="TD">Chad</option>
|
||||
<option value="CL">Chile</option>
|
||||
<option value="CN">China</option>
|
||||
<option value="CX">Christmas Island</option>
|
||||
<option value="CC">Cocos (Keeling) Islands</option>
|
||||
<option value="CO">Colombia</option>
|
||||
<option value="KM">Comoros</option>
|
||||
<option value="CG">Congo</option>
|
||||
<option value="CD">Democratic Republic of the Congo</option>
|
||||
<option value="CK">Cook Islands</option>
|
||||
<option value="CR">Costa Rica</option>
|
||||
<option value="HR">Croatia</option>
|
||||
<option value="CU">Cuba</option>
|
||||
<option value="CW">Curaçao</option>
|
||||
<option value="CY">Cyprus</option>
|
||||
<option value="CZ">Czech Republic</option>
|
||||
<option value="CI">Côte d'Ivoire</option>
|
||||
<option value="DK">Denmark</option>
|
||||
<option value="DJ">Djibouti</option>
|
||||
<option value="DM">Dominica</option>
|
||||
<option value="DO">Dominican Republic</option>
|
||||
<option value="EC">Ecuador</option>
|
||||
<option value="EG">Egypt</option>
|
||||
<option value="SV">El Salvador</option>
|
||||
<option value="GQ">Equatorial Guinea</option>
|
||||
<option value="ER">Eritrea</option>
|
||||
<option value="EE">Estonia</option>
|
||||
<option value="ET">Ethiopia</option>
|
||||
<option value="FK">Falkland Islands (Malvinas)</option>
|
||||
<option value="FO">Faroe Islands</option>
|
||||
<option value="FJ">Fiji</option>
|
||||
<option value="FI">Finland</option>
|
||||
<option value="FR">France</option>
|
||||
<option value="GF">French Guiana</option>
|
||||
<option value="PF">French Polynesia</option>
|
||||
<option value="TF">French Southern Territories</option>
|
||||
<option value="GA">Gabon</option>
|
||||
<option value="GM">Gambia</option>
|
||||
<option value="GE">Georgia</option>
|
||||
<option value="DE">Germany</option>
|
||||
<option value="GH">Ghana</option>
|
||||
<option value="GI">Gibraltar</option>
|
||||
<option value="GR">Greece</option>
|
||||
<option value="GL">Greenland</option>
|
||||
<option value="GD">Grenada</option>
|
||||
<option value="GP">Guadeloupe</option>
|
||||
<option value="GU">Guam</option>
|
||||
<option value="GT">Guatemala</option>
|
||||
<option value="GG">Guernsey</option>
|
||||
<option value="GN">Guinea</option>
|
||||
<option value="GW">Guinea-Bissau</option>
|
||||
<option value="GY">Guyana</option>
|
||||
<option value="HT">Haiti</option>
|
||||
<option value="HM">Heard Island and McDonald Mcdonald Islands</option>
|
||||
<option value="VA">Holy See (Vatican City State)</option>
|
||||
<option value="HN">Honduras</option>
|
||||
<option value="HK">Hong Kong</option>
|
||||
<option value="HU">Hungary</option>
|
||||
<option value="IS">Iceland</option>
|
||||
<option value="IN">India</option>
|
||||
<option value="ID">Indonesia</option>
|
||||
<option value="IR">Iran, Islamic Republic of</option>
|
||||
<option value="IQ">Iraq</option>
|
||||
<option value="IE">Ireland</option>
|
||||
<option value="IM">Isle of Man</option>
|
||||
<option value="IL">Israel</option>
|
||||
<option value="IT">Italy</option>
|
||||
<option value="JM">Jamaica</option>
|
||||
<option value="JP">Japan</option>
|
||||
<option value="JE">Jersey</option>
|
||||
<option value="JO">Jordan</option>
|
||||
<option value="KZ">Kazakhstan</option>
|
||||
<option value="KE">Kenya</option>
|
||||
<option value="KI">Kiribati</option>
|
||||
<option value="KP">Korea, Democratic People's Republic of</option>
|
||||
<option value="KR">Korea, Republic of</option>
|
||||
<option value="KW">Kuwait</option>
|
||||
<option value="KG">Kyrgyzstan</option>
|
||||
<option value="LA">Lao People's Democratic Republic</option>
|
||||
<option value="LV">Latvia</option>
|
||||
<option value="LB">Lebanon</option>
|
||||
<option value="LS">Lesotho</option>
|
||||
<option value="LR">Liberia</option>
|
||||
<option value="LY">Libya</option>
|
||||
<option value="LI">Liechtenstein</option>
|
||||
<option value="LT">Lithuania</option>
|
||||
<option value="LU">Luxembourg</option>
|
||||
<option value="MO">Macao</option>
|
||||
<option value="MK">Macedonia, the Former Yugoslav Republic of</option>
|
||||
<option value="MG">Madagascar</option>
|
||||
<option value="MW">Malawi</option>
|
||||
<option value="MY">Malaysia</option>
|
||||
<option value="MV">Maldives</option>
|
||||
<option value="ML">Mali</option>
|
||||
<option value="MT">Malta</option>
|
||||
<option value="MH">Marshall Islands</option>
|
||||
<option value="MQ">Martinique</option>
|
||||
<option value="MR">Mauritania</option>
|
||||
<option value="MU">Mauritius</option>
|
||||
<option value="YT">Mayotte</option>
|
||||
<option value="MX">Mexico</option>
|
||||
<option value="FM">Micronesia, Federated States of</option>
|
||||
<option value="MD">Moldova, Republic of</option>
|
||||
<option value="MC">Monaco</option>
|
||||
<option value="MN">Mongolia</option>
|
||||
<option value="ME">Montenegro</option>
|
||||
<option value="MS">Montserrat</option>
|
||||
<option value="MA">Morocco</option>
|
||||
<option value="MZ">Mozambique</option>
|
||||
<option value="MM">Myanmar</option>
|
||||
<option value="NA">Namibia</option>
|
||||
<option value="NR">Nauru</option>
|
||||
<option value="NP">Nepal</option>
|
||||
<option value="NL">Netherlands</option>
|
||||
<option value="NC">New Caledonia</option>
|
||||
<option value="NZ">New Zealand</option>
|
||||
<option value="NI">Nicaragua</option>
|
||||
<option value="NE">Niger</option>
|
||||
<option value="NG">Nigeria</option>
|
||||
<option value="NU">Niue</option>
|
||||
<option value="NF">Norfolk Island</option>
|
||||
<option value="MP">Northern Mariana Islands</option>
|
||||
<option value="NO">Norway</option>
|
||||
<option value="OM">Oman</option>
|
||||
<option value="PK">Pakistan</option>
|
||||
<option value="PW">Palau</option>
|
||||
<option value="PS">Palestine, State of</option>
|
||||
<option value="PA">Panama</option>
|
||||
<option value="PG">Papua New Guinea</option>
|
||||
<option value="PY">Paraguay</option>
|
||||
<option value="PE">Peru</option>
|
||||
<option value="PH">Philippines</option>
|
||||
<option value="PN">Pitcairn</option>
|
||||
<option value="PL">Poland</option>
|
||||
<option value="PT">Portugal</option>
|
||||
<option value="PR">Puerto Rico</option>
|
||||
<option value="QA">Qatar</option>
|
||||
<option value="RO">Romania</option>
|
||||
<option value="RU">Russian Federation</option>
|
||||
<option value="RW">Rwanda</option>
|
||||
<option value="RE">Reunion</option>
|
||||
<option value="BL">Saint Barthalemy</option>
|
||||
<option value="SH">Saint Helena</option>
|
||||
<option value="KN">Saint Kitts and Nevis</option>
|
||||
<option value="LC">Saint Lucia</option>
|
||||
<option value="MF">Saint Martin (French part)</option>
|
||||
<option value="PM">Saint Pierre and Miquelon</option>
|
||||
<option value="VC">Saint Vincent and the Grenadines</option>
|
||||
<option value="WS">Samoa</option>
|
||||
<option value="SM">San Marino</option>
|
||||
<option value="ST">Sao Tome and Principe</option>
|
||||
<option value="SA">Saudi Arabia</option>
|
||||
<option value="SN">Senegal</option>
|
||||
<option value="RS">Serbia</option>
|
||||
<option value="SC">Seychelles</option>
|
||||
<option value="SL">Sierra Leone</option>
|
||||
<option value="SG">Singapore</option>
|
||||
<option value="SX">Sint Maarten (Dutch part)</option>
|
||||
<option value="SK">Slovakia</option>
|
||||
<option value="SI">Slovenia</option>
|
||||
<option value="SB">Solomon Islands</option>
|
||||
<option value="SO">Somalia</option>
|
||||
<option value="ZA">South Africa</option>
|
||||
<option value="GS">South Georgia and the South Sandwich Islands</option>
|
||||
<option value="SS">South Sudan</option>
|
||||
<option value="ES">Spain</option>
|
||||
<option value="LK">Sri Lanka</option>
|
||||
<option value="SD">Sudan</option>
|
||||
<option value="SR">Suriname</option>
|
||||
<option value="SJ">Svalbard and Jan Mayen</option>
|
||||
<option value="SZ">Swaziland</option>
|
||||
<option value="SE">Sweden</option>
|
||||
<option value="CH">Switzerland</option>
|
||||
<option value="SY">Syrian Arab Republic</option>
|
||||
<option value="TW">Taiwan</option>
|
||||
<option value="TJ">Tajikistan</option>
|
||||
<option value="TZ">United Republic of Tanzania</option>
|
||||
<option value="TH">Thailand</option>
|
||||
<option value="TL">Timor-Leste</option>
|
||||
<option value="TG">Togo</option>
|
||||
<option value="TK">Tokelau</option>
|
||||
<option value="TO">Tonga</option>
|
||||
<option value="TT">Trinidad and Tobago</option>
|
||||
<option value="TN">Tunisia</option>
|
||||
<option value="TR">Turkey</option>
|
||||
<option value="TM">Turkmenistan</option>
|
||||
<option value="TC">Turks and Caicos Islands</option>
|
||||
<option value="TV">Tuvalu</option>
|
||||
<option value="UG">Uganda</option>
|
||||
<option value="UA">Ukraine</option>
|
||||
<option value="AE">United Arab Emirates</option>
|
||||
<option value="GB">United Kingdom</option>
|
||||
<option value="US">United States</option>
|
||||
<option value="UM">United States Minor Outlying Islands</option>
|
||||
<option value="UY">Uruguay</option>
|
||||
<option value="UZ">Uzbekistan</option>
|
||||
<option value="VU">Vanuatu</option>
|
||||
<option value="VE">Venezuela</option>
|
||||
<option value="VN">Viet Nam</option>
|
||||
<option value="VG">British Virgin Islands</option>
|
||||
<option value="VI">US Virgin Islands</option>
|
||||
<option value="WF">Wallis and Futuna</option>
|
||||
<option value="EH">Western Sahara</option>
|
||||
<option value="YE">Yemen</option>
|
||||
<option value="ZM">Zambia</option>
|
||||
<option value="ZW">Zimbabwe</option>
|
||||
<option value="AX">Aland Islands</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-md-12 mb-4">
|
||||
<label for="comments">Questions/Comments<b>*</b></label>
|
||||
<textarea class="form-control" id="comments" rows="5" name="comments"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<button type="submit" class="btn btn-secondary" style="margin-right: 15px;"><i class="fab fa-telegram-plane mr-1"></i>Submit</button>
|
||||
<button type="reset" class="btn btn-secondary"><i class="fas fa-redo-alt mr-1"></i> Reset</button>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
@section('script')
|
||||
<script type="text/javascript">
|
||||
|
||||
</script>
|
||||
@endsection
|
||||
42
resources/views/vendor/backpack/ui/inc/menu_items.blade.php
vendored
Normal file
42
resources/views/vendor/backpack/ui/inc/menu_items.blade.php
vendored
Normal file
@ -0,0 +1,42 @@
|
||||
{{-- This file is used for menu items by any Backpack v6 theme --}}
|
||||
{{--
|
||||
@include('backpack.language-switcher::language-switcher', [
|
||||
'flags' => true,
|
||||
'main_label' => true,
|
||||
])
|
||||
<x-backpack::menu-separator />
|
||||
--}}
|
||||
|
||||
<li class="nav-item"><a class="nav-link" href="{{ backpack_url('dashboard') }}"><i class="la la-home nav-icon"></i> {{ trans('backpack::base.dashboard') }}</a></li>
|
||||
|
||||
|
||||
<x-backpack::menu-item :title="trans('backend.account.user.title')" icon="la la-users" :link="backpack_url('user')" />
|
||||
<x-backpack::menu-item :title="trans('backpack::crud.file_manager')" icon="la la-files-o" :link="backpack_url('elfinder')" />
|
||||
<x-backpack::menu-item :title="trans('backend.home_carousel.title')" icon="la la-question" :link="backpack_url('home-carousel')" />
|
||||
|
||||
<x-backpack::menu-dropdown :title="trans('backend.news.title')" icon="la la-question">
|
||||
<x-backpack::menu-dropdown-item :title="trans('backend.news.catalog.title')" icon="la la-question" :link="backpack_url('news-catalog')" />
|
||||
<x-backpack::menu-dropdown-item :title="trans('backend.news.content.title')" icon="la la-question" :link="backpack_url('news')" />
|
||||
</x-backpack::menu-dropdown>
|
||||
|
||||
<x-backpack::menu-dropdown :title="trans('backend.event.title')" icon="la la-question">
|
||||
<x-backpack::menu-dropdown-item :title="trans('backend.event.catalog.title')" icon="la la-question" :link="backpack_url('event-catalog')" />
|
||||
<x-backpack::menu-dropdown-item :title="trans('backend.event.content.title')" icon="la la-question" :link="backpack_url('event')" />
|
||||
</x-backpack::menu-dropdown>
|
||||
|
||||
<x-backpack::menu-dropdown :title="trans('backend.product.title')" icon="la la-question">
|
||||
<x-backpack::menu-dropdown-item :title="trans('backend.product.catalog.title')" icon="la la-question" :link="backpack_url('product-catalog')" />
|
||||
<x-backpack::menu-dropdown-item :title="trans('backend.product.application.title')" icon="la la-question" :link="backpack_url('product-application')" />
|
||||
<x-backpack::menu-dropdown-item :title="trans('backend.product.content.title')" icon="la la-question" :link="backpack_url('product')" />
|
||||
</x-backpack::menu-dropdown>
|
||||
|
||||
<x-backpack::menu-dropdown :title="trans('backend.support.title')" icon="la la-question">
|
||||
<x-backpack::menu-dropdown-item :title="trans('backend.support.technical.title')" icon="la la-question" :link="backpack_url('support-technical')" />
|
||||
<x-backpack::menu-dropdown-item :title="trans('backend.support.sales_inquiry.title')" icon="la la-question" :link="backpack_url('support-sale')" />
|
||||
<x-backpack::menu-dropdown-header :title="trans('backend.support.distribution_partner.title')" />
|
||||
<x-backpack::menu-dropdown-item :title="trans('backend.support.distribution_partner.catalog.title')" icon="la la-question" :link="backpack_url('support-distribution-partner-catalog')" />
|
||||
<x-backpack::menu-dropdown-item :title="trans('backend.support.distribution_partner.content.title')" icon="la la-question" :link="backpack_url('support-distribution-partner')" />
|
||||
<x-backpack::menu-dropdown-header :title="trans('backend.support.ecosystem_partner.title')" />
|
||||
<x-backpack::menu-dropdown-item :title="trans('backend.support.ecosystem_partner.catalog.title')" icon="la la-question" :link="backpack_url('support-ecosystem-partner-catalog')" />
|
||||
<x-backpack::menu-dropdown-item :title="trans('backend.support.ecosystem_partner.content.title')" icon="la la-question" :link="backpack_url('support-ecosystem-partner')" />
|
||||
</x-backpack::menu-dropdown>
|
||||
12
resources/views/vendor/cookie-consent/dialogContents.blade.php
vendored
Normal file
12
resources/views/vendor/cookie-consent/dialogContents.blade.php
vendored
Normal file
@ -0,0 +1,12 @@
|
||||
|
||||
<div id="cookies-box" class="js-cookie-consent cookie-consent">
|
||||
<div class="container">
|
||||
<h4>Privacy and Cookies Policy</h4>
|
||||
<div class="d-lg-flex">
|
||||
<p>
|
||||
This website uses cookies to improve your user experience and collect data related to network traffic. By continuing to use this site you agree to our use of cookies. <br />Our <a href="/member-privacy-policy" target="_blank">Privacy and Cookie Policy</a> provides more information on the use and deactivation of cookies.
|
||||
</p>
|
||||
<div class="cookies-btn"><a class="js-cookie-consent-agree cookie-consent__agree">Accept</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
56
resources/views/vendor/cookie-consent/index.blade.php
vendored
Normal file
56
resources/views/vendor/cookie-consent/index.blade.php
vendored
Normal file
@ -0,0 +1,56 @@
|
||||
@if($cookieConsentConfig['enabled'] && ! $alreadyConsentedWithCookies)
|
||||
|
||||
@include('cookie-consent::dialogContents')
|
||||
|
||||
<script>
|
||||
|
||||
window.laravelCookieConsent = (function () {
|
||||
|
||||
const COOKIE_VALUE = 1;
|
||||
const COOKIE_DOMAIN = '{{ config('session.domain') ?? request()->getHost() }}';
|
||||
|
||||
function consentWithCookies() {
|
||||
setCookie('{{ $cookieConsentConfig['cookie_name'] }}', COOKIE_VALUE, {{ $cookieConsentConfig['cookie_lifetime'] }});
|
||||
hideCookieDialog();
|
||||
}
|
||||
|
||||
function cookieExists(name) {
|
||||
return (document.cookie.split('; ').indexOf(name + '=' + COOKIE_VALUE) !== -1);
|
||||
}
|
||||
|
||||
function hideCookieDialog() {
|
||||
const dialogs = document.getElementsByClassName('js-cookie-consent');
|
||||
|
||||
for (let i = 0; i < dialogs.length; ++i) {
|
||||
dialogs[i].style.display = 'none';
|
||||
}
|
||||
}
|
||||
|
||||
function setCookie(name, value, expirationInDays) {
|
||||
const date = new Date();
|
||||
date.setTime(date.getTime() + (expirationInDays * 24 * 60 * 60 * 1000));
|
||||
document.cookie = name + '=' + value
|
||||
+ ';expires=' + date.toUTCString()
|
||||
+ ';domain=' + COOKIE_DOMAIN
|
||||
+ ';path=/{{ config('session.secure') ? ';secure' : null }}'
|
||||
+ '{{ config('session.same_site') ? ';samesite='.config('session.same_site') : null }}';
|
||||
}
|
||||
|
||||
if (cookieExists('{{ $cookieConsentConfig['cookie_name'] }}')) {
|
||||
hideCookieDialog();
|
||||
}
|
||||
|
||||
const buttons = document.getElementsByClassName('js-cookie-consent-agree');
|
||||
|
||||
for (let i = 0; i < buttons.length; ++i) {
|
||||
buttons[i].addEventListener('click', consentWithCookies);
|
||||
}
|
||||
|
||||
return {
|
||||
consentWithCookies: consentWithCookies,
|
||||
hideCookieDialog: hideCookieDialog
|
||||
};
|
||||
})();
|
||||
</script>
|
||||
|
||||
@endif
|
||||
67
resources/views/vendor/elfinder/ckeditor4.blade.php
vendored
Normal file
67
resources/views/vendor/elfinder/ckeditor4.blade.php
vendored
Normal file
@ -0,0 +1,67 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="{{ app()->getLocale() }}">
|
||||
<head>
|
||||
|
||||
@include('vendor.elfinder.common_scripts')
|
||||
@include('vendor.elfinder.common_styles')
|
||||
|
||||
<!-- elFinder initialization (REQUIRED) -->
|
||||
<script type="text/javascript" charset="utf-8">
|
||||
// Helper function to get parameters from the query string.
|
||||
function getUrlParam(paramName) {
|
||||
var reParam = new RegExp('(?:[\?&]|&)' + paramName + '=([^&]+)', 'i') ;
|
||||
var match = window.location.search.match(reParam) ;
|
||||
|
||||
return (match && match.length > 1) ? match[1] : '' ;
|
||||
}
|
||||
|
||||
$().ready(function() {
|
||||
var funcNum = getUrlParam('CKEditorFuncNum');
|
||||
var theme = 'default';
|
||||
|
||||
var elf = $('#elfinder').elfinder({
|
||||
// set your elFinder options here
|
||||
@if($locale)
|
||||
lang: '{{ $locale }}', // locale
|
||||
@endif
|
||||
customData: {
|
||||
_token: '{{ csrf_token() }}'
|
||||
},
|
||||
url: '{{ route("elfinder.connector") }}', // connector URL
|
||||
soundPath: '{{ Basset::getUrl(base_path("vendor/studio-42/elfinder/sounds")) }}',
|
||||
getFileCallback : function(file) {
|
||||
window.opener.CKEDITOR.tools.callFunction(funcNum, file.url);
|
||||
window.close();
|
||||
},
|
||||
themes: {
|
||||
default : 'https://cdn.jsdelivr.net/gh/RobiNN1/elFinder-Material-Theme/manifests/material-gray.json',
|
||||
dark : 'https://cdn.jsdelivr.net/gh/RobiNN1/elFinder-Material-Theme/manifests/material-default.json',
|
||||
},
|
||||
theme: theme
|
||||
},
|
||||
function(fm, extraObj) {
|
||||
fm.bind('open', function() {
|
||||
setElFinderColorMode();
|
||||
});
|
||||
}).elfinder('instance');
|
||||
|
||||
function isElfinderInDarkMode() {
|
||||
return typeof window.parent?.colorMode !== 'undefined' && window.parent.colorMode.result === 'dark';
|
||||
}
|
||||
|
||||
function setElFinderColorMode() {
|
||||
theme = isElfinderInDarkMode() ? 'dark' : 'default';
|
||||
|
||||
let instance = $('#elfinder').elfinder('instance');
|
||||
instance.changeTheme(theme).storage('theme', theme);
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- Element where elFinder will be created (REQUIRED) -->
|
||||
<div id="elfinder"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
83
resources/views/vendor/elfinder/ckeditor4.php
vendored
Normal file
83
resources/views/vendor/elfinder/ckeditor4.php
vendored
Normal file
@ -0,0 +1,83 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="<?= app()->getLocale() ?>">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>elFinder 2.0</title>
|
||||
|
||||
<!-- jQuery and jQuery UI (REQUIRED) -->
|
||||
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css" />
|
||||
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
|
||||
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
|
||||
|
||||
<!-- elFinder CSS (REQUIRED) -->
|
||||
<link rel="stylesheet" type="text/css" href="<?= asset($dir.'/css/elfinder.min.css') ?>">
|
||||
<link rel="stylesheet" type="text/css" href="<?= asset($dir.'/css/theme.css') ?>">
|
||||
|
||||
<!-- elFinder JS (REQUIRED) -->
|
||||
<script src="<?= asset($dir.'/js/elfinder.min.js') ?>"></script>
|
||||
|
||||
<?php if ($locale) { ?>
|
||||
<!-- elFinder translation (OPTIONAL) -->
|
||||
<script src="<?= asset($dir."/js/i18n/elfinder.$locale.js") ?>"></script>
|
||||
<?php } ?>
|
||||
|
||||
<!-- elFinder initialization (REQUIRED) -->
|
||||
<script type="text/javascript" charset="utf-8">
|
||||
// Helper function to get parameters from the query string.
|
||||
function getUrlParam(paramName) {
|
||||
var reParam = new RegExp('(?:[\?&]|&)' + paramName + '=([^&]+)', 'i') ;
|
||||
var match = window.location.search.match(reParam) ;
|
||||
|
||||
return (match && match.length > 1) ? match[1] : '' ;
|
||||
}
|
||||
|
||||
$().ready(function() {
|
||||
var funcNum = getUrlParam('CKEditorFuncNum');
|
||||
var theme = 'default';
|
||||
|
||||
var elf = $('#elfinder').elfinder({
|
||||
// set your elFinder options here
|
||||
<?php if ($locale) { ?>
|
||||
lang: '<?= $locale ?>', // locale
|
||||
<?php } ?>
|
||||
customData: {
|
||||
_token: '<?= csrf_token() ?>'
|
||||
},
|
||||
url: '<?= route('elfinder.connector') ?>', // connector URL
|
||||
soundPath: '<?= asset($dir.'/sounds') ?>',
|
||||
getFileCallback : function(file) {
|
||||
window.opener.CKEDITOR.tools.callFunction(funcNum, file.url);
|
||||
window.close();
|
||||
},
|
||||
themes: {
|
||||
default : 'https://cdn.jsdelivr.net/gh/RobiNN1/elFinder-Material-Theme/manifests/material-gray.json',
|
||||
dark : 'https://cdn.jsdelivr.net/gh/RobiNN1/elFinder-Material-Theme/manifests/material-default.json',
|
||||
},
|
||||
theme: theme
|
||||
},
|
||||
function(fm, extraObj) {
|
||||
fm.bind('open', function() {
|
||||
setElFinderColorMode();
|
||||
});
|
||||
}).elfinder('instance');
|
||||
|
||||
function isElfinderInDarkMode() {
|
||||
return typeof window.parent?.colorMode !== 'undefined' && window.parent.colorMode.result === 'dark';
|
||||
}
|
||||
|
||||
function setElFinderColorMode() {
|
||||
theme = isElfinderInDarkMode() ? 'dark' : 'default';
|
||||
|
||||
let instance = $('#elfinder').elfinder('instance');
|
||||
instance.changeTheme(theme).storage('theme', theme);
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- Element where elFinder will be created (REQUIRED) -->
|
||||
<div id="elfinder"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
21
resources/views/vendor/elfinder/common_scripts.blade.php
vendored
Normal file
21
resources/views/vendor/elfinder/common_scripts.blade.php
vendored
Normal file
@ -0,0 +1,21 @@
|
||||
{{-- jQuery (REQUIRED) --}}
|
||||
@if (!isset ($jquery) || (isset($jquery) && $jquery == true))
|
||||
@basset('https://unpkg.com/jquery@3.6.4/dist/jquery.min.js')
|
||||
@endif
|
||||
|
||||
{{-- jQuery UI and Smoothness theme --}}
|
||||
@bassetArchive('https://github.com/jquery/jquery-ui/archive/refs/tags/1.13.2.tar.gz', 'jquery-ui-1.13.2')
|
||||
@basset('jquery-ui-1.13.2/jquery-ui-1.13.2/dist/themes/smoothness/jquery-ui.min.css')
|
||||
@basset('jquery-ui-1.13.2/jquery-ui-1.13.2/dist/jquery-ui.min.js')
|
||||
|
||||
{{-- elFinder JS (REQUIRED) --}}
|
||||
@bassetArchive('https://github.com/Studio-42/elFinder/archive/refs/tags/2.1.62.tar.gz', 'elfinder-2.1.62')
|
||||
@basset('elfinder-2.1.62/elFinder-2.1.62/js/elfinder.min.js')
|
||||
|
||||
{{-- elFinder translation (OPTIONAL) --}}
|
||||
@if($locale)
|
||||
@basset('https://cdnjs.cloudflare.com/ajax/libs/elfinder/2.1.62/js/i18n/elfinder.'.$locale.'.min.js')
|
||||
@endif
|
||||
|
||||
{{-- elFinder sounds --}}
|
||||
@basset(base_path('vendor/studio-42/elfinder/sounds/rm.wav'))
|
||||
89
resources/views/vendor/elfinder/common_styles.blade.php
vendored
Normal file
89
resources/views/vendor/elfinder/common_styles.blade.php
vendored
Normal file
@ -0,0 +1,89 @@
|
||||
<meta charset="utf-8">
|
||||
<title>File Manager</title>
|
||||
{{-- elFinder CSS (REQUIRED) --}}
|
||||
@php
|
||||
$themeStylesheetVersion = '3.0.0';
|
||||
@endphp
|
||||
@bassetArchive('https://github.com/Studio-42/elFinder/archive/refs/tags/2.1.62.tar.gz', 'elfinder-2.1.62')
|
||||
@basset('elfinder-2.1.62/elFinder-2.1.62/css/elfinder.min.css')
|
||||
@basset('https://cdn.jsdelivr.net/gh/RobiNN1/elFinder-Material-Theme@'.$themeStylesheetVersion.'/Material/css/theme.min.css')
|
||||
@basset('https://cdn.jsdelivr.net/gh/RobiNN1/elFinder-Material-Theme@'.$themeStylesheetVersion.'/Material/images/loading.svg', false)
|
||||
@basset('https://cdn.jsdelivr.net/gh/RobiNN1/elFinder-Material-Theme@'.$themeStylesheetVersion.'/Material/font/material.eot', false)
|
||||
@basset('https://cdn.jsdelivr.net/gh/RobiNN1/elFinder-Material-Theme@'.$themeStylesheetVersion.'/Material/font/material.svg', false)
|
||||
@basset('https://cdn.jsdelivr.net/gh/RobiNN1/elFinder-Material-Theme@'.$themeStylesheetVersion.'/Material/images/icons-big.svg', false)
|
||||
@basset('https://cdn.jsdelivr.net/gh/RobiNN1/elFinder-Material-Theme@'.$themeStylesheetVersion.'/Material/images/icons-small.svg', false)
|
||||
@basset('https://cdn.jsdelivr.net/gh/RobiNN1/elFinder-Material-Theme@'.$themeStylesheetVersion.'/Material/font/material.woff', false)
|
||||
@basset('https://cdn.jsdelivr.net/gh/RobiNN1/elFinder-Material-Theme@'.$themeStylesheetVersion.'/Material/font/material.ttf', false)
|
||||
@basset('https://cdn.jsdelivr.net/gh/RobiNN1/elFinder-Material-Theme@'.$themeStylesheetVersion.'/Material/font/material.woff2', false)
|
||||
|
||||
@bassetBlock('elfinderThemeSwitcherScript.js')
|
||||
<script type="text/javascript">
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
function getElfinderStyleSheet(main = true) {
|
||||
let themeStylesheetVersion = '{{$themeStylesheetVersion}}';
|
||||
const regex = new RegExp(main ? `RobiNN1\/elFinder-Material-Theme@${themeStylesheetVersion}\/Material\/css\/theme\.min\.css` : `RobiNN1\/elFinder-Material-Theme@${themeStylesheetVersion}\/Material\/css\/theme-gray\.min\.css`);
|
||||
const linkElements = document.querySelectorAll('link[rel="stylesheet"]');
|
||||
// Find the main elfinder stylesheet
|
||||
let selectedLinkElement;
|
||||
for (const linkElement of linkElements) {
|
||||
if (regex.test(linkElement.href)) {
|
||||
selectedLinkElement = linkElement;
|
||||
break;
|
||||
}
|
||||
}
|
||||
return selectedLinkElement;
|
||||
}
|
||||
|
||||
function addElfinderLightStylesheet() {
|
||||
let themeLightAsset = `{{ Basset::basset('https://cdn.jsdelivr.net/gh/RobiNN1/elFinder-Material-Theme@'.$themeStylesheetVersion.'/Material/css/theme-gray.min.css') }}`;
|
||||
const match = themeLightAsset.match(/<link\s+href="([^"]+)"/i);
|
||||
if (match && match.length > 1) {
|
||||
let mainStyleSheet = getElfinderStyleSheet();
|
||||
let lightStyleSheet = getElfinderStyleSheet(false);
|
||||
// if found append the light mode css to the main theme stylesheet
|
||||
if (mainStyleSheet && ! lightStyleSheet) {
|
||||
let themeLight = document.createElement('link');
|
||||
themeLight.href = match[1];
|
||||
themeLight.rel = 'stylesheet';
|
||||
themeLight.type = 'text/css';
|
||||
mainStyleSheet.insertAdjacentElement('afterend', themeLight);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
let colorMode = window.parent.colorMode?.result ?? window.colorMode?.result ?? false;
|
||||
|
||||
if(colorMode !== 'dark') {
|
||||
addElfinderLightStylesheet();
|
||||
}
|
||||
|
||||
// register a color mode change event so that we remove
|
||||
// the light stylesheet when the color mode change
|
||||
if(colorMode) {
|
||||
let colorModeClass = window.parent.colorMode ?? window.colorMode;
|
||||
colorModeClass.onChange(function(scheme) {
|
||||
let styleSheetType = scheme === 'dark' ? false : true;
|
||||
let selectedLinkElement = getElfinderStyleSheet(styleSheetType);
|
||||
|
||||
if (! selectedLinkElement) {
|
||||
return true;
|
||||
}
|
||||
// in case we switched to dark mode, remove the ligth theme css
|
||||
if(scheme === 'dark') {
|
||||
selectedLinkElement.parentNode.removeChild(selectedLinkElement);
|
||||
return true;
|
||||
}
|
||||
addElfinderLightStylesheet()
|
||||
});
|
||||
}
|
||||
|
||||
// we dont want to style the body when elfinder is loaded as a component in a backpack view
|
||||
// we pass true when loading elfinder inside an iframe to style the iframe body.
|
||||
@if($styleBodyElement ?? false)
|
||||
// use the topbar and footbar darker color as the background to ease transitions
|
||||
document.getElementsByTagName('body')[0].style.background = '#061325';
|
||||
document.getElementsByTagName('body')[0].style.opacity = 1;
|
||||
@endif
|
||||
});
|
||||
</script>
|
||||
@endBassetBlock
|
||||
47
resources/views/vendor/elfinder/elfinder.blade.php
vendored
Normal file
47
resources/views/vendor/elfinder/elfinder.blade.php
vendored
Normal file
@ -0,0 +1,47 @@
|
||||
@extends(backpack_view('blank'))
|
||||
|
||||
@section('after_scripts')
|
||||
|
||||
@include('vendor.elfinder.common_scripts')
|
||||
@include('vendor.elfinder.common_styles')
|
||||
|
||||
<!-- elFinder initialization (REQUIRED) -->
|
||||
<script type="text/javascript" charset="utf-8">
|
||||
// Documentation for client options:
|
||||
// https://github.com/Studio-42/elFinder/wiki/Client-configuration-options
|
||||
$(document).ready(function() {
|
||||
$('#elfinder').elfinder({
|
||||
// set your elFinder options here
|
||||
@if($locale)
|
||||
lang: '{{ $locale }}', // locale
|
||||
@endif
|
||||
customData: {
|
||||
_token: '{{ csrf_token() }}'
|
||||
},
|
||||
url : '{{ route("elfinder.connector") }}', // connector URL
|
||||
soundPath: '{{ Basset::getUrl(base_path("vendor/studio-42/elfinder/sounds")) }}',
|
||||
cssAutoLoad : false,
|
||||
});
|
||||
});
|
||||
</script>
|
||||
@endsection
|
||||
|
||||
@php
|
||||
$breadcrumbs = [
|
||||
trans('backpack::crud.admin') => url(config('backpack.base.route_prefix'), 'dashboard'),
|
||||
trans('backpack::crud.file_manager') => false,
|
||||
];
|
||||
@endphp
|
||||
|
||||
@section('header')
|
||||
<section class="container-fluid" bp-section="page-header">
|
||||
<h1 bp-section="page-heading">{{ trans('backpack::crud.file_manager') }}</h1>
|
||||
</section>
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
|
||||
<!-- Element where elFinder will be created (REQUIRED) -->
|
||||
<div id="elfinder"></div>
|
||||
|
||||
@endsection
|
||||
72
resources/views/vendor/elfinder/elfinder.php
vendored
Normal file
72
resources/views/vendor/elfinder/elfinder.php
vendored
Normal file
@ -0,0 +1,72 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="<?= app()->getLocale() ?>">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>elFinder 2.0</title>
|
||||
|
||||
<!-- jQuery and jQuery UI (REQUIRED) -->
|
||||
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css" />
|
||||
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
|
||||
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
|
||||
|
||||
<!-- elFinder CSS (REQUIRED) -->
|
||||
<link rel="stylesheet" type="text/css" href="<?= asset($dir.'/css/elfinder.min.css') ?>">
|
||||
<link rel="stylesheet" type="text/css" href="<?= asset($dir.'/css/theme.css') ?>">
|
||||
|
||||
<!-- elFinder JS (REQUIRED) -->
|
||||
<script src="<?= asset($dir.'/js/elfinder.min.js') ?>"></script>
|
||||
|
||||
<?php if ($locale) { ?>
|
||||
<!-- elFinder translation (OPTIONAL) -->
|
||||
<script src="<?= asset($dir."/js/i18n/elfinder.$locale.js") ?>"></script>
|
||||
<?php } ?>
|
||||
|
||||
<!-- elFinder initialization (REQUIRED) -->
|
||||
<script type="text/javascript" charset="utf-8">
|
||||
// Documentation for client options:
|
||||
// https://github.com/Studio-42/elFinder/wiki/Client-configuration-options
|
||||
$().ready(function() {
|
||||
var theme = 'default';
|
||||
|
||||
$('#elfinder').elfinder({
|
||||
// set your elFinder options here
|
||||
<?php if ($locale) { ?>
|
||||
lang: '<?= $locale ?>', // locale
|
||||
<?php } ?>
|
||||
customData: {
|
||||
_token: '<?= csrf_token() ?>'
|
||||
},
|
||||
url : '<?= route('elfinder.connector') ?>', // connector URL
|
||||
soundPath: '<?= asset($dir.'/sounds') ?>',
|
||||
themes: {
|
||||
default : 'https://cdn.jsdelivr.net/gh/RobiNN1/elFinder-Material-Theme/manifests/material-gray.json',
|
||||
dark : 'https://cdn.jsdelivr.net/gh/RobiNN1/elFinder-Material-Theme/manifests/material-default.json',
|
||||
},
|
||||
theme: theme
|
||||
},
|
||||
function(fm, extraObj) {
|
||||
fm.bind('open', function() {
|
||||
setElFinderColorMode();
|
||||
});
|
||||
});
|
||||
|
||||
function isElfinderInDarkMode() {
|
||||
return typeof window.parent?.colorMode !== 'undefined' && window.parent.colorMode.result === 'dark';
|
||||
}
|
||||
|
||||
function setElFinderColorMode() {
|
||||
theme = isElfinderInDarkMode() ? 'dark' : 'default';
|
||||
|
||||
let instance = $('#elfinder').elfinder('instance');
|
||||
instance.changeTheme(theme).storage('theme', theme);
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- Element where elFinder will be created (REQUIRED) -->
|
||||
<div id="elfinder"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
88
resources/views/vendor/elfinder/filepicker.blade.php
vendored
Normal file
88
resources/views/vendor/elfinder/filepicker.blade.php
vendored
Normal file
@ -0,0 +1,88 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="{{ app()->getLocale() }}">
|
||||
<head>
|
||||
|
||||
@include('vendor.elfinder.common_scripts')
|
||||
@include('vendor.elfinder.common_styles')
|
||||
|
||||
<script type="text/javascript">
|
||||
$().ready(function () {
|
||||
var theme = 'default';
|
||||
|
||||
var elf = $('#elfinder').elfinder({
|
||||
// set your elFinder options here
|
||||
@if($locale)
|
||||
lang: '{{ $locale }}', // locale
|
||||
@endif
|
||||
customData: {
|
||||
_token: '{{ csrf_token() }}'
|
||||
},
|
||||
url: '{{ route("elfinder.connector") }}', // connector URL
|
||||
soundPath: '{{ Basset::getUrl(base_path("vendor/studio-42/elfinder/sounds")) }}',
|
||||
resizable: false,
|
||||
ui: ['toolbar', 'path','stat'],
|
||||
onlyMimes: [{{ $mimeTypes }}],
|
||||
rememberLastDir : false,
|
||||
height: 300,
|
||||
defaultView: 'list',
|
||||
getFileCallback: function (file) {
|
||||
window.parent.processSelectedFile(file, '{{ $input_id }}');
|
||||
console.log(file);
|
||||
},
|
||||
uiOptions : {
|
||||
// toolbar configuration
|
||||
toolbar : [
|
||||
['home', 'up'],
|
||||
['upload'],
|
||||
['quicklook'],
|
||||
],
|
||||
// directories tree options
|
||||
tree : {
|
||||
// expand current root on init
|
||||
openRootOnLoad : true,
|
||||
// auto load current dir parents
|
||||
syncTree : true
|
||||
},
|
||||
// navbar options
|
||||
navbar : {
|
||||
minWidth : 150,
|
||||
maxWidth : 500
|
||||
},
|
||||
// current working directory options
|
||||
cwd : {
|
||||
// display parent directory in listing as ".."
|
||||
oldSchool : false
|
||||
}
|
||||
},
|
||||
themes: {
|
||||
default : 'https://cdn.jsdelivr.net/gh/RobiNN1/elFinder-Material-Theme/manifests/material-gray.json',
|
||||
dark : 'https://cdn.jsdelivr.net/gh/RobiNN1/elFinder-Material-Theme/manifests/material-default.json',
|
||||
},
|
||||
theme: theme
|
||||
},
|
||||
function(fm, extraObj) {
|
||||
fm.bind('open', function() {
|
||||
setElFinderColorMode();
|
||||
});
|
||||
}).elfinder('instance');
|
||||
|
||||
function isElfinderInDarkMode() {
|
||||
return typeof window.parent?.colorMode !== 'undefined' && window.parent.colorMode.result === 'dark';
|
||||
}
|
||||
|
||||
function setElFinderColorMode() {
|
||||
theme = isElfinderInDarkMode() ? 'dark' : 'default';
|
||||
|
||||
let instance = $('#elfinder').elfinder('instance');
|
||||
instance.changeTheme(theme).storage('theme', theme);
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body style="margin: 0;">
|
||||
|
||||
<!-- Element where elFinder will be created (REQUIRED) -->
|
||||
<div id="elfinder"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
106
resources/views/vendor/elfinder/filepicker.php
vendored
Normal file
106
resources/views/vendor/elfinder/filepicker.php
vendored
Normal file
@ -0,0 +1,106 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="<?= app()->getLocale() ?>">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>elFinder 2.0</title>
|
||||
|
||||
<!-- jQuery and jQuery UI (REQUIRED) -->
|
||||
<link rel="stylesheet" type="text/css" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/themes/smoothness/jquery-ui.css">
|
||||
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
|
||||
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
|
||||
|
||||
<!-- elFinder CSS (REQUIRED) -->
|
||||
<link rel="stylesheet" type="text/css" href="<?= asset($dir.'/css/elfinder.min.css') ?>">
|
||||
<link rel="stylesheet" type="text/css" href="<?= asset($dir.'/css/theme.css') ?>">
|
||||
|
||||
<!-- elFinder JS (REQUIRED) -->
|
||||
<script src="<?= asset($dir.'/js/elfinder.min.js') ?>"></script>
|
||||
|
||||
<?php if ($locale) { ?>
|
||||
<!-- elFinder translation (OPTIONAL) -->
|
||||
<script src="<?= asset($dir."/js/i18n/elfinder.$locale.js") ?>"></script>
|
||||
<?php } ?>
|
||||
<!-- Include jQuery, jQuery UI, elFinder (REQUIRED) -->
|
||||
|
||||
<script type="text/javascript">
|
||||
$().ready(function () {
|
||||
var theme = 'default';
|
||||
|
||||
var elf = $('#elfinder').elfinder({
|
||||
// set your elFinder options here
|
||||
<?php if ($locale) { ?>
|
||||
lang: '<?= $locale ?>', // locale
|
||||
<?php } ?>
|
||||
customData: {
|
||||
_token: '<?= csrf_token() ?>'
|
||||
},
|
||||
url: '<?= route('elfinder.connector') ?>', // connector URL
|
||||
soundPath: '<?= asset($dir.'/sounds') ?>',
|
||||
resizable: false,
|
||||
ui: ['toolbar', 'path','stat'],
|
||||
onlyMimes: [<?= $mimeTypes ?>],
|
||||
rememberLastDir : false,
|
||||
height: 300,
|
||||
defaultView: 'list',
|
||||
getFileCallback: function (file) {
|
||||
window.parent.processSelectedFile(file, '<?= $input_id?>');
|
||||
console.log(file);
|
||||
},
|
||||
uiOptions : {
|
||||
// toolbar configuration
|
||||
toolbar : [
|
||||
['home', 'up'],
|
||||
['upload'],
|
||||
['quicklook'],
|
||||
],
|
||||
// directories tree options
|
||||
tree : {
|
||||
// expand current root on init
|
||||
openRootOnLoad : true,
|
||||
// auto load current dir parents
|
||||
syncTree : true
|
||||
},
|
||||
// navbar options
|
||||
navbar : {
|
||||
minWidth : 150,
|
||||
maxWidth : 500
|
||||
},
|
||||
// current working directory options
|
||||
cwd : {
|
||||
// display parent directory in listing as ".."
|
||||
oldSchool : false
|
||||
}
|
||||
},
|
||||
themes: {
|
||||
default : 'https://cdn.jsdelivr.net/gh/RobiNN1/elFinder-Material-Theme/manifests/material-gray.json',
|
||||
dark : 'https://cdn.jsdelivr.net/gh/RobiNN1/elFinder-Material-Theme/manifests/material-default.json',
|
||||
},
|
||||
theme: theme
|
||||
},
|
||||
function(fm, extraObj) {
|
||||
fm.bind('open', function() {
|
||||
setElFinderColorMode();
|
||||
});
|
||||
}).elfinder('instance');
|
||||
|
||||
function isElfinderInDarkMode() {
|
||||
return typeof window.parent?.colorMode !== 'undefined' && window.parent.colorMode.result === 'dark';
|
||||
}
|
||||
|
||||
function setElFinderColorMode() {
|
||||
theme = isElfinderInDarkMode() ? 'dark' : 'default';
|
||||
|
||||
let instance = $('#elfinder').elfinder('instance');
|
||||
instance.changeTheme(theme).storage('theme', theme);
|
||||
}
|
||||
});
|
||||
</script>
|
||||
|
||||
</head>
|
||||
<body style="margin: 0;">
|
||||
|
||||
<!-- Element where elFinder will be created (REQUIRED) -->
|
||||
<div id="elfinder"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
65
resources/views/vendor/elfinder/standalonepopup.blade.php
vendored
Normal file
65
resources/views/vendor/elfinder/standalonepopup.blade.php
vendored
Normal file
@ -0,0 +1,65 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="{{ app()->getLocale() }}">
|
||||
<head>
|
||||
|
||||
@include('vendor.elfinder.common_scripts')
|
||||
@include('vendor.elfinder.common_styles', ['styleBodyElement' => true])
|
||||
<style type="text/css">
|
||||
.elfinder-workzone {
|
||||
min-height: max-content !important;
|
||||
}
|
||||
|
||||
#elfinder {
|
||||
height: 100% !important;
|
||||
width: 100% !important;
|
||||
top:0;
|
||||
left: 0;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function () {
|
||||
let elfinderConfig = {
|
||||
cssAutoLoad : false,
|
||||
speed: 100,
|
||||
// set your elFinder options here
|
||||
@if($locale)
|
||||
lang: '{{ $locale }}', // locale
|
||||
@endif
|
||||
customData: {
|
||||
_token: '{{ csrf_token() }}'
|
||||
},
|
||||
url: '{{ route("elfinder.connector") }}', // connector URL
|
||||
soundPath: '{{ Basset::getUrl(base_path("vendor/studio-42/elfinder/sounds")) }}',
|
||||
dialog: {width: 900, modal: true, title: 'Select a file'},
|
||||
resizable: false,
|
||||
onlyMimes: @json(unserialize(urldecode(request('mimes'))), JSON_UNESCAPED_SLASHES),
|
||||
commandsOptions: {
|
||||
getfile: {
|
||||
multiple: {{ request('multiple') ? 'true' : 'false' }},
|
||||
oncomplete: 'destroy'
|
||||
}
|
||||
},
|
||||
getFileCallback: function (file) {
|
||||
@if (request()->has('multiple') && request()->input('multiple') == 1)
|
||||
window.parent.processSelectedMultipleFiles(file, '{{ $input_id }}');
|
||||
@else
|
||||
window.parent.processSelectedFile(file.path, '{{ $input_id }}');
|
||||
@endif
|
||||
|
||||
window.parent.jQuery.colorbox.close();
|
||||
},
|
||||
};
|
||||
|
||||
var elf = $('#elfinder').elfinder(elfinderConfig);
|
||||
document.getElementById('elfinder').style.opacity = 1;
|
||||
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body style="margin:0;position:absolute;top:0;left:0;width:100%;height:100%;">
|
||||
|
||||
<!-- Element where elFinder will be created (REQUIRED) -->
|
||||
<div id="elfinder" style="position:absolute;top:0;left:0;width:100%;height:100%;"></div>
|
||||
</body>
|
||||
</html>
|
||||
82
resources/views/vendor/elfinder/standalonepopup.php
vendored
Normal file
82
resources/views/vendor/elfinder/standalonepopup.php
vendored
Normal file
@ -0,0 +1,82 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="<?= app()->getLocale() ?>">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>elFinder 2.0</title>
|
||||
|
||||
<!-- jQuery and jQuery UI (REQUIRED) -->
|
||||
<link rel="stylesheet" type="text/css" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/themes/smoothness/jquery-ui.css">
|
||||
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
|
||||
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
|
||||
|
||||
<!-- elFinder CSS (REQUIRED) -->
|
||||
<link rel="stylesheet" type="text/css" href="<?= asset($dir.'/css/elfinder.min.css') ?>">
|
||||
<link rel="stylesheet" type="text/css" href="<?= asset($dir.'/css/theme.css') ?>">
|
||||
|
||||
<!-- elFinder JS (REQUIRED) -->
|
||||
<script src="<?= asset($dir.'/js/elfinder.min.js') ?>"></script>
|
||||
|
||||
<?php if ($locale) { ?>
|
||||
<!-- elFinder translation (OPTIONAL) -->
|
||||
<script src="<?= asset($dir."/js/i18n/elfinder.$locale.js") ?>"></script>
|
||||
<?php } ?>
|
||||
<!-- Include jQuery, jQuery UI, elFinder (REQUIRED) -->
|
||||
|
||||
<script type="text/javascript">
|
||||
$().ready(function () {
|
||||
var theme = 'default';
|
||||
|
||||
var elf = $('#elfinder').elfinder({
|
||||
// set your elFinder options here
|
||||
<?php if ($locale) { ?>
|
||||
lang: '<?= $locale ?>', // locale
|
||||
<?php } ?>
|
||||
customData: {
|
||||
_token: '<?= csrf_token() ?>'
|
||||
},
|
||||
url: '<?= route('elfinder.connector') ?>', // connector URL
|
||||
soundPath: '<?= asset($dir.'/sounds') ?>',
|
||||
dialog: {width: 900, modal: true, title: 'Select a file'},
|
||||
resizable: false,
|
||||
commandsOptions: {
|
||||
getfile: {
|
||||
oncomplete: 'destroy'
|
||||
}
|
||||
},
|
||||
getFileCallback: function (file) {
|
||||
window.parent.processSelectedFile(file.path, '<?= $input_id?>');
|
||||
parent.jQuery.colorbox.close();
|
||||
},
|
||||
themes: {
|
||||
default : 'https://cdn.jsdelivr.net/gh/RobiNN1/elFinder-Material-Theme/manifests/material-gray.json',
|
||||
dark : 'https://cdn.jsdelivr.net/gh/RobiNN1/elFinder-Material-Theme/manifests/material-default.json',
|
||||
},
|
||||
theme: theme
|
||||
},
|
||||
function(fm, extraObj) {
|
||||
fm.bind('open', function() {
|
||||
setElFinderColorMode();
|
||||
});
|
||||
}).elfinder('instance');
|
||||
|
||||
function isElfinderInDarkMode() {
|
||||
return typeof window.parent?.colorMode !== 'undefined' && window.parent.colorMode.result === 'dark';
|
||||
}
|
||||
|
||||
function setElFinderColorMode() {
|
||||
theme = isElfinderInDarkMode() ? 'dark' : 'default';
|
||||
|
||||
let instance = $('#elfinder').elfinder('instance');
|
||||
instance.changeTheme(theme).storage('theme', theme);
|
||||
}
|
||||
});
|
||||
</script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- Element where elFinder will be created (REQUIRED) -->
|
||||
<div id="elfinder"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
89
resources/views/vendor/elfinder/tinymce.blade.php
vendored
Normal file
89
resources/views/vendor/elfinder/tinymce.blade.php
vendored
Normal file
@ -0,0 +1,89 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="{{ app()->getLocale() }}">
|
||||
<head>
|
||||
|
||||
@include('vendor.elfinder.common_scripts')
|
||||
@include('vendor.elfinder.common_styles')
|
||||
|
||||
<!-- TinyMCE Popup class (REQUIRED) -->
|
||||
<script type="text/javascript" src="{{ asset($dir.'/js/tiny_mce_popup.js') }}"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
var FileBrowserDialogue = {
|
||||
init: function() {
|
||||
// Here goes your code for setting your custom things onLoad.
|
||||
},
|
||||
mySubmit: function (URL) {
|
||||
var win = tinyMCEPopup.getWindowArg('window');
|
||||
|
||||
// pass selected file path to TinyMCE
|
||||
win.document.getElementById(tinyMCEPopup.getWindowArg('input')).value = URL;
|
||||
|
||||
// are we an image browser?
|
||||
if (typeof(win.ImageDialog) != 'undefined') {
|
||||
// update image dimensions
|
||||
if (win.ImageDialog.getImageData) {
|
||||
win.ImageDialog.getImageData();
|
||||
}
|
||||
// update preview if necessary
|
||||
if (win.ImageDialog.showPreviewImage) {
|
||||
win.ImageDialog.showPreviewImage(URL);
|
||||
}
|
||||
}
|
||||
|
||||
// close popup window
|
||||
tinyMCEPopup.close();
|
||||
}
|
||||
}
|
||||
|
||||
tinyMCEPopup.onInit.add(FileBrowserDialogue.init, FileBrowserDialogue);
|
||||
|
||||
$().ready(function() {
|
||||
var theme = 'default';
|
||||
|
||||
var elf = $('#elfinder').elfinder({
|
||||
// set your elFinder options here
|
||||
@if($locale)
|
||||
lang: '{{ $locale }}', // locale
|
||||
@endif
|
||||
customData: {
|
||||
_token: '{{ csrf_token() }}'
|
||||
},
|
||||
url : '{{ route("elfinder.connector") }}', // connector URL
|
||||
soundPath: '{{ Basset::getUrl(base_path("vendor/studio-42/elfinder/sounds")) }}',
|
||||
getFileCallback: function(file) { // editor callback
|
||||
FileBrowserDialogue.mySubmit(file.url); // pass selected file path to TinyMCE
|
||||
},
|
||||
themes: {
|
||||
default : 'https://cdn.jsdelivr.net/gh/RobiNN1/elFinder-Material-Theme/manifests/material-gray.json',
|
||||
dark : 'https://cdn.jsdelivr.net/gh/RobiNN1/elFinder-Material-Theme/manifests/material-default.json',
|
||||
},
|
||||
theme: theme
|
||||
},
|
||||
function(fm, extraObj) {
|
||||
fm.bind('open', function() {
|
||||
setElFinderColorMode();
|
||||
});
|
||||
}).elfinder('instance');
|
||||
|
||||
function isElfinderInDarkMode() {
|
||||
return typeof window.parent?.colorMode !== 'undefined' && window.parent.colorMode.result === 'dark';
|
||||
}
|
||||
|
||||
function setElFinderColorMode() {
|
||||
theme = isElfinderInDarkMode() ? 'dark' : 'default';
|
||||
|
||||
let instance = $('#elfinder').elfinder('instance');
|
||||
instance.changeTheme(theme).storage('theme', theme);
|
||||
}
|
||||
});
|
||||
</script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- Element where elFinder will be created (REQUIRED) -->
|
||||
<div id="elfinder"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
105
resources/views/vendor/elfinder/tinymce.php
vendored
Normal file
105
resources/views/vendor/elfinder/tinymce.php
vendored
Normal file
@ -0,0 +1,105 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="<?= app()->getLocale() ?>">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>elFinder 2.0</title>
|
||||
|
||||
<!-- jQuery and jQuery UI (REQUIRED) -->
|
||||
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css" />
|
||||
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
|
||||
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
|
||||
|
||||
<!-- elFinder CSS (REQUIRED) -->
|
||||
<link rel="stylesheet" type="text/css" href="<?= asset($dir.'/css/elfinder.min.css') ?>">
|
||||
<link rel="stylesheet" type="text/css" href="<?= asset($dir.'/css/theme.css') ?>">
|
||||
|
||||
<!-- elFinder JS (REQUIRED) -->
|
||||
<script src="<?= asset($dir.'/js/elfinder.min.js') ?>"></script>
|
||||
|
||||
<!-- TinyMCE Popup class (REQUIRED) -->
|
||||
<script type="text/javascript" src="<?= asset($dir.'/js/tiny_mce_popup.js') ?>"></script>
|
||||
|
||||
<?php if ($locale) { ?>
|
||||
<!-- elFinder translation (OPTIONAL) -->
|
||||
<script src="<?= asset($dir."/js/i18n/elfinder.$locale.js") ?>"></script>
|
||||
<?php } ?>
|
||||
|
||||
<script type="text/javascript">
|
||||
var FileBrowserDialogue = {
|
||||
init: function() {
|
||||
// Here goes your code for setting your custom things onLoad.
|
||||
},
|
||||
mySubmit: function (URL) {
|
||||
var win = tinyMCEPopup.getWindowArg('window');
|
||||
|
||||
// pass selected file path to TinyMCE
|
||||
win.document.getElementById(tinyMCEPopup.getWindowArg('input')).value = URL;
|
||||
|
||||
// are we an image browser?
|
||||
if (typeof(win.ImageDialog) != 'undefined') {
|
||||
// update image dimensions
|
||||
if (win.ImageDialog.getImageData) {
|
||||
win.ImageDialog.getImageData();
|
||||
}
|
||||
// update preview if necessary
|
||||
if (win.ImageDialog.showPreviewImage) {
|
||||
win.ImageDialog.showPreviewImage(URL);
|
||||
}
|
||||
}
|
||||
|
||||
// close popup window
|
||||
tinyMCEPopup.close();
|
||||
}
|
||||
}
|
||||
|
||||
tinyMCEPopup.onInit.add(FileBrowserDialogue.init, FileBrowserDialogue);
|
||||
|
||||
$().ready(function() {
|
||||
var theme = 'default';
|
||||
|
||||
var elf = $('#elfinder').elfinder({
|
||||
// set your elFinder options here
|
||||
<?php if ($locale) { ?>
|
||||
lang: '<?= $locale ?>', // locale
|
||||
<?php } ?>
|
||||
customData: {
|
||||
_token: '<?= csrf_token() ?>'
|
||||
},
|
||||
url : '<?= route('elfinder.connector') ?>', // connector URL
|
||||
soundPath: '<?= asset($dir.'/sounds') ?>',
|
||||
getFileCallback: function(file) { // editor callback
|
||||
FileBrowserDialogue.mySubmit(file.url); // pass selected file path to TinyMCE
|
||||
},
|
||||
themes: {
|
||||
default : 'https://cdn.jsdelivr.net/gh/RobiNN1/elFinder-Material-Theme/manifests/material-gray.json',
|
||||
dark : 'https://cdn.jsdelivr.net/gh/RobiNN1/elFinder-Material-Theme/manifests/material-default.json',
|
||||
},
|
||||
theme: theme
|
||||
},
|
||||
function(fm, extraObj) {
|
||||
fm.bind('open', function() {
|
||||
setElFinderColorMode();
|
||||
});
|
||||
}).elfinder('instance');
|
||||
|
||||
function isElfinderInDarkMode() {
|
||||
return typeof window.parent?.colorMode !== 'undefined' && window.parent.colorMode.result === 'dark';
|
||||
}
|
||||
|
||||
function setElFinderColorMode() {
|
||||
theme = isElfinderInDarkMode() ? 'dark' : 'default';
|
||||
|
||||
let instance = $('#elfinder').elfinder('instance');
|
||||
instance.changeTheme(theme).storage('theme', theme);
|
||||
}
|
||||
});
|
||||
</script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- Element where elFinder will be created (REQUIRED) -->
|
||||
<div id="elfinder"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
71
resources/views/vendor/elfinder/tinymce4.blade.php
vendored
Normal file
71
resources/views/vendor/elfinder/tinymce4.blade.php
vendored
Normal file
@ -0,0 +1,71 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
|
||||
@include('vendor.elfinder.common_scripts')
|
||||
@include('vendor.elfinder.common_styles')
|
||||
|
||||
<!-- elFinder initialization (REQUIRED) -->
|
||||
<script type="text/javascript">
|
||||
var FileBrowserDialogue = {
|
||||
init: function() {
|
||||
// Here goes your code for setting your custom things onLoad.
|
||||
},
|
||||
mySubmit: function (URL) {
|
||||
// pass selected file path to TinyMCE
|
||||
parent.tinymce.activeEditor.windowManager.getParams().setUrl(URL);
|
||||
|
||||
// close popup window
|
||||
parent.tinymce.activeEditor.windowManager.close();
|
||||
}
|
||||
}
|
||||
|
||||
$().ready(function() {
|
||||
var theme = 'default';
|
||||
|
||||
var elf = $('#elfinder').elfinder({
|
||||
// set your elFinder options here
|
||||
@if($locale)
|
||||
lang: '{{ $locale }}', // locale
|
||||
@endif
|
||||
customData: {
|
||||
_token: '{{ csrf_token() }}'
|
||||
},
|
||||
url: '{{ route("elfinder.connector") }}', // connector URL
|
||||
soundPath: '{{ Basset::getUrl(base_path("vendor/studio-42/elfinder/sounds")) }}',
|
||||
getFileCallback: function(file) { // editor callback
|
||||
FileBrowserDialogue.mySubmit(file.url); // pass selected file path to TinyMCE
|
||||
},
|
||||
themes: {
|
||||
default : 'https://cdn.jsdelivr.net/gh/RobiNN1/elFinder-Material-Theme/manifests/material-gray.json',
|
||||
dark : 'https://cdn.jsdelivr.net/gh/RobiNN1/elFinder-Material-Theme/manifests/material-default.json',
|
||||
},
|
||||
theme: theme
|
||||
},
|
||||
function(fm, extraObj) {
|
||||
fm.bind('open', function() {
|
||||
setElFinderColorMode();
|
||||
});
|
||||
}).elfinder('instance');
|
||||
|
||||
function isElfinderInDarkMode() {
|
||||
return typeof window.parent?.colorMode !== 'undefined' && window.parent.colorMode.result === 'dark';
|
||||
}
|
||||
|
||||
function setElFinderColorMode() {
|
||||
theme = isElfinderInDarkMode() ? 'dark' : 'default';
|
||||
|
||||
let instance = $('#elfinder').elfinder('instance');
|
||||
instance.changeTheme(theme).storage('theme', theme);
|
||||
}
|
||||
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- Element where elFinder will be created (REQUIRED) -->
|
||||
<div id="elfinder"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
86
resources/views/vendor/elfinder/tinymce4.php
vendored
Normal file
86
resources/views/vendor/elfinder/tinymce4.php
vendored
Normal file
@ -0,0 +1,86 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="<?= app()->getLocale() ?>">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>elFinder 2.0</title>
|
||||
|
||||
<!-- jQuery and jQuery UI (REQUIRED) -->
|
||||
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css" />
|
||||
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
|
||||
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
|
||||
|
||||
<!-- elFinder CSS (REQUIRED) -->
|
||||
<link rel="stylesheet" type="text/css" href="<?= asset($dir.'/css/elfinder.min.css') ?>">
|
||||
<link rel="stylesheet" type="text/css" href="<?= asset($dir.'/css/theme.css') ?>">
|
||||
|
||||
<!-- elFinder JS (REQUIRED) -->
|
||||
<script src="<?= asset($dir.'/js/elfinder.min.js') ?>"></script>
|
||||
|
||||
<?php if ($locale) { ?>
|
||||
<!-- elFinder translation (OPTIONAL) -->
|
||||
<script src="<?= asset($dir."/js/i18n/elfinder.$locale.js") ?>"></script>
|
||||
<?php } ?>
|
||||
|
||||
<!-- elFinder initialization (REQUIRED) -->
|
||||
<script type="text/javascript">
|
||||
var FileBrowserDialogue = {
|
||||
init: function() {
|
||||
// Here goes your code for setting your custom things onLoad.
|
||||
},
|
||||
mySubmit: function (URL) {
|
||||
// pass selected file path to TinyMCE
|
||||
parent.tinymce.activeEditor.windowManager.getParams().setUrl(URL);
|
||||
|
||||
// close popup window
|
||||
parent.tinymce.activeEditor.windowManager.close();
|
||||
}
|
||||
}
|
||||
|
||||
$().ready(function() {
|
||||
var theme = 'default';
|
||||
|
||||
var elf = $('#elfinder').elfinder({
|
||||
// set your elFinder options here
|
||||
<?php if ($locale) { ?>
|
||||
lang: '<?= $locale ?>', // locale
|
||||
<?php } ?>
|
||||
customData: {
|
||||
_token: '<?= csrf_token() ?>'
|
||||
},
|
||||
url: '<?= route('elfinder.connector') ?>', // connector URL
|
||||
soundPath: '<?= asset($dir.'/sounds') ?>',
|
||||
getFileCallback: function(file) { // editor callback
|
||||
FileBrowserDialogue.mySubmit(file.url); // pass selected file path to TinyMCE
|
||||
},
|
||||
themes: {
|
||||
default : 'https://cdn.jsdelivr.net/gh/RobiNN1/elFinder-Material-Theme/manifests/material-gray.json',
|
||||
dark : 'https://cdn.jsdelivr.net/gh/RobiNN1/elFinder-Material-Theme/manifests/material-default.json',
|
||||
},
|
||||
theme: theme
|
||||
},
|
||||
function(fm, extraObj) {
|
||||
fm.bind('open', function() {
|
||||
setElFinderColorMode();
|
||||
});
|
||||
}).elfinder('instance');
|
||||
|
||||
function isElfinderInDarkMode() {
|
||||
return typeof window.parent?.colorMode !== 'undefined' && window.parent.colorMode.result === 'dark';
|
||||
}
|
||||
|
||||
function setElFinderColorMode() {
|
||||
theme = isElfinderInDarkMode() ? 'dark' : 'default';
|
||||
|
||||
let instance = $('#elfinder').elfinder('instance');
|
||||
instance.changeTheme(theme).storage('theme', theme);
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- Element where elFinder will be created (REQUIRED) -->
|
||||
<div id="elfinder"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
55
resources/views/vendor/elfinder/tinymce5.blade.php
vendored
Normal file
55
resources/views/vendor/elfinder/tinymce5.blade.php
vendored
Normal file
@ -0,0 +1,55 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
|
||||
@include('vendor.elfinder.common_scripts')
|
||||
@include('vendor.elfinder.common_styles', ['styleBodyElement' => true])
|
||||
|
||||
<!-- elFinder initialization (REQUIRED) -->
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function () {
|
||||
|
||||
var FileBrowserDialogue = {
|
||||
init: function() {
|
||||
// Here goes your code for setting your custom things onLoad.
|
||||
},
|
||||
mySubmit: function (file) {
|
||||
window.parent.postMessage({
|
||||
mceAction: 'fileSelected',
|
||||
data: {
|
||||
file: file
|
||||
}
|
||||
}, '*');
|
||||
}
|
||||
};
|
||||
|
||||
let elfinderConfig = {
|
||||
cssAutoLoad : false,
|
||||
speed: 100,
|
||||
// set your elFinder options here
|
||||
@if($locale)
|
||||
lang: '{{ $locale }}', // locale
|
||||
@endif
|
||||
customData: {
|
||||
_token: '{{ csrf_token() }}'
|
||||
},
|
||||
url: '{{ route("elfinder.connector") }}', // connector URL
|
||||
soundPath: '{{ Basset::getUrl(base_path("vendor/studio-42/elfinder/sounds")) }}',
|
||||
getFileCallback: function(file) { // editor callback
|
||||
FileBrowserDialogue.mySubmit(file); // pass selected file path to TinyMCE
|
||||
},
|
||||
height: $(window).height()
|
||||
};
|
||||
|
||||
var elf = $('#elfinder').elfinder(elfinderConfig);
|
||||
document.getElementById('elfinder').style.opacity = 1;
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body style="margin:0;top:0;left:0;bottom:0;width:100%;height:100%;">
|
||||
|
||||
<!-- Element where elFinder will be created (REQUIRED) -->
|
||||
<div id="elfinder"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
87
resources/views/vendor/elfinder/tinymce5.php
vendored
Normal file
87
resources/views/vendor/elfinder/tinymce5.php
vendored
Normal file
@ -0,0 +1,87 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="<?= app()->getLocale() ?>">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>elFinder 2.0</title>
|
||||
|
||||
<!-- jQuery and jQuery UI (REQUIRED) -->
|
||||
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css" />
|
||||
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
|
||||
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
|
||||
|
||||
<!-- elFinder CSS (REQUIRED) -->
|
||||
<link rel="stylesheet" type="text/css" href="<?= asset($dir.'/css/elfinder.min.css') ?>">
|
||||
<link rel="stylesheet" type="text/css" href="<?= asset($dir.'/css/theme.css') ?>">
|
||||
|
||||
<!-- elFinder JS (REQUIRED) -->
|
||||
<script src="<?= asset($dir.'/js/elfinder.min.js') ?>"></script>
|
||||
|
||||
<?php if ($locale) { ?>
|
||||
<!-- elFinder translation (OPTIONAL) -->
|
||||
<script src="<?= asset($dir."/js/i18n/elfinder.$locale.js") ?>"></script>
|
||||
<?php } ?>
|
||||
|
||||
<!-- elFinder initialization (REQUIRED) -->
|
||||
<script type="text/javascript">
|
||||
var FileBrowserDialogue = {
|
||||
init: function() {
|
||||
// Here goes your code for setting your custom things onLoad.
|
||||
},
|
||||
mySubmit: function (file) {
|
||||
window.parent.postMessage({
|
||||
mceAction: 'fileSelected',
|
||||
data: {
|
||||
file: file
|
||||
}
|
||||
}, '*');
|
||||
}
|
||||
};
|
||||
|
||||
$().ready(function() {
|
||||
var theme = 'default';
|
||||
|
||||
var elf = $('#elfinder').elfinder({
|
||||
// set your elFinder options here
|
||||
<?php if ($locale) { ?>
|
||||
lang: '<?= $locale ?>', // locale
|
||||
<?php } ?>
|
||||
customData: {
|
||||
_token: '<?= csrf_token() ?>'
|
||||
},
|
||||
url: '<?= route('elfinder.connector') ?>', // connector URL
|
||||
soundPath: '<?= asset($dir.'/sounds') ?>',
|
||||
getFileCallback: function(file) { // editor callback
|
||||
FileBrowserDialogue.mySubmit(file); // pass selected file path to TinyMCE
|
||||
},
|
||||
themes: {
|
||||
default : 'https://cdn.jsdelivr.net/gh/RobiNN1/elFinder-Material-Theme/manifests/material-gray.json',
|
||||
dark : 'https://cdn.jsdelivr.net/gh/RobiNN1/elFinder-Material-Theme/manifests/material-default.json',
|
||||
},
|
||||
theme: theme
|
||||
},
|
||||
function(fm, extraObj) {
|
||||
fm.bind('open', function() {
|
||||
setElFinderColorMode();
|
||||
});
|
||||
}).elfinder('instance');
|
||||
|
||||
function isElfinderInDarkMode() {
|
||||
return typeof window.parent?.colorMode !== 'undefined' && window.parent.colorMode.result === 'dark';
|
||||
}
|
||||
|
||||
function setElFinderColorMode() {
|
||||
theme = isElfinderInDarkMode() ? 'dark' : 'default';
|
||||
|
||||
let instance = $('#elfinder').elfinder('instance');
|
||||
instance.changeTheme(theme).storage('theme', theme);
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- Element where elFinder will be created (REQUIRED) -->
|
||||
<div id="elfinder"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
133
resources/views/welcome.blade.php
Normal file
133
resources/views/welcome.blade.php
Normal file
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user