Update theme support

README.md

@@ -27,6 +27,19 @@ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 SOFTWARE.
 ```
 
+### Credits
+A listing of projects used with this panel.
+
+Animate.css - [license](https://github.com/daneden/animate.css/blob/master/LICENSE) - [homepage](http://daneden.github.io/animate.css/)
+BinaryJS - [license](https://github.com/binaryjs/binaryjs/blob/master/LICENSE) - [homepage](http://binaryjs.com)
+Bootstrap - [license](https://github.com/twbs/bootstrap/blob/master/LICENSE) - [homepage](http://getbootstrap.com)
+BootStrap Notify - [license](https://github.com/mouse0270/bootstrap-notify/blob/master/LICENSE) - [homepage](http://bootstrap-notify.remabledesigns.com)
+FontAwesome - [license](http://fontawesome.io/license/) - [homepage](http://fontawesome.io)
+FuelUX - [license](https://github.com/ExactTarget/fuelux/blob/master/LICENSE) - [homepage](http://getfuelux.com)
+jQuery - [license](https://github.com/jquery/jquery/blob/master/LICENSE.txt) - [homepage](http://jquery.com)
+Socket.io - [license](https://github.com/socketio/socket.io/blob/master/LICENSE) - [homepage](http://socket.io)
+SweetAlert - [license](https://github.com/t4t5/sweetalert/blob/master/LICENSE) - [homepage](http://t4t5.github.io/sweetalert/)
+
 ### Additional License Information
 Some Javascript and CSS used within the panel is licensed under a `MIT` or `Apache 2.0`. Please check their respective header files for more information.
 

config/app.php

@@ -156,7 +156,7 @@ return [
         PragmaRX\Google2FA\Vendor\Laravel\ServiceProvider::class,
         igaster\laravelTheme\themeServiceProvider::class,
         Prologue\Alerts\AlertsServiceProvider::class,
-        Krucas\Settings\Providers\SettingsServiceProvider::class
+        Krucas\Settings\Providers\SettingsServiceProvider::class,
 
     ],
 
@@ -209,7 +209,7 @@ return [
         'Settings'  => Krucas\Settings\Facades\Settings::class,
         'Session'   => Illuminate\Support\Facades\Session::class,
         'Storage'   => Illuminate\Support\Facades\Storage::class,
-        'Theme' => igaster\laravelTheme\Facades\Theme::class,
+        'Theme'     => igaster\laravelTheme\Facades\Theme::class,
         'URL'       => Illuminate\Support\Facades\URL::class,
         'Uuid'      => Webpatser\Uuid\Uuid::class,
         'Validator' => Illuminate\Support\Facades\Validator::class,

config/themes.php

@@ -2,7 +2,7 @@
 
 return [
     'enabled' => true,
-    'themes_path' => realpath(base_path('resources/themes')), 
+    'themes_path' => realpath(base_path('resources/themes')),
     'asset_not_found' => 'LOG_ERROR',
     'active' => 'default',
 
@@ -13,4 +13,4 @@ return [
             'asset-path'    => 'themes/default',
         ],
     ],
-];
+];

public/themes/default/css/selectize.contacts.css

@@ -1,9 +0,0 @@
-.selectize-control.contacts .selectize-input>div{padding:1px 10px;font-size:13px;font-weight:400;-webkit-font-smoothing:auto;color:#f7fbff;text-shadow:0 1px 0 rgba(8,32,65,.2);background:#2183f5;background:-moz-linear-gradient(top,#2183f5 0,#1d77f3 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#2183f5),color-stop(100%,#1d77f3));background:-webkit-linear-gradient(top,#2183f5 0,#1d77f3 100%);background:-o-linear-gradient(top,#2183f5 0,#1d77f3 100%);background:-ms-linear-gradient(top,#2183f5 0,#1d77f3 100%);background:linear-gradient(to bottom,#2183f5 0,#1d77f3 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2183f5', endColorstr='#1d77f3', GradientType=0);border:1px solid #0f65d2;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.15);-moz-box-shadow:0 1px 1px rgba(0,0,0,.15);box-shadow:0 1px 1px rgba(0,0,0,.15)}
-.selectize-control.contacts .selectize-input>div.active{background:#0059c7;background:-moz-linear-gradient(top,#0059c7 0,#0051c1 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#0059c7),color-stop(100%,#0051c1));background:-webkit-linear-gradient(top,#0059c7 0,#0051c1 100%);background:-o-linear-gradient(top,#0059c7 0,#0051c1 100%);background:-ms-linear-gradient(top,#0059c7 0,#0051c1 100%);background:linear-gradient(to bottom,#0059c7 0,#0051c1 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0059c7', endColorstr='#0051c1', GradientType=0);border-color:#0051c1}
-.selectize-control.contacts::before{-moz-transition:opacity .2s;-webkit-transition:opacity .2s;transition:opacity .2s;content:' ';z-index:2;position:absolute;display:block;top:50%;right:34px;width:16px;height:16px;margin:-8px 0 0 0;background:url(../images/spinner.gif);background-size:16px 16px;opacity:0}
-.selectize-control.contacts.loading::before{opacity:.4}
-.selectize-control.contacts .selectize-input [data-value] .email{opacity:.5}
-.selectize-control.contacts .selectize-input [data-value] .name+.email{margin-left:5px}
-.selectize-control.contacts .selectize-input [data-value] .email:before{content:'<'}
-.selectize-control.contacts .selectize-input [data-value] .email:after{content:'>'}
-.selectize-control.contacts .selectize-dropdown .caption{font-size:12px;display:block;opacity:.5}

public/themes/default/css/selectize.css

@@ -1,77 +0,0 @@
-/**
-* selectize.default.css (v0.12.0) - Default Theme
-* Copyright (c) 2013–2015 Brian Reavis & contributors
-*
-* Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
-* file except in compliance with the License. You may obtain a copy of the License at:
-* http://www.apache.org/licenses/LICENSE-2.0
-*
-* Unless required by applicable law or agreed to in writing, software distributed under
-* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
-* ANY KIND, either express or implied. See the License for the specific language
-* governing permissions and limitations under the License.
-*
-* @author Brian Reavis <brian@thirdroute.com>
-*/
-.selectize-control.plugin-drag_drop.multi>.selectize-input>div.ui-sortable-placeholder{visibility:visible!important;background:#f2f2f2!important;background:rgba(0,0,0,.06)!important;border:0 none!important;-webkit-box-shadow:inset 0 0 12px 4px #fff;box-shadow:inset 0 0 12px 4px #fff}
-.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after{content:'!';visibility:hidden}
-.selectize-control.plugin-drag_drop .ui-sortable-helper{-webkit-box-shadow:0 2px 5px rgba(0,0,0,.2);box-shadow:0 2px 5px rgba(0,0,0,.2)}
-.selectize-dropdown-header{position:relative;padding:5px 8px;border-bottom:1px solid #d0d0d0;background:#f8f8f8;-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0}
-.selectize-dropdown-header-close{position:absolute;right:8px;top:50%;color:#303030;opacity:.4;margin-top:-12px;line-height:20px;font-size:20px!important}
-.selectize-dropdown-header-close:hover{color:#000}
-.selectize-dropdown.plugin-optgroup_columns .optgroup{border-right:1px solid #f2f2f2;border-top:0 none;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
-.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child{border-right:0 none}
-.selectize-dropdown.plugin-optgroup_columns .optgroup:before{display:none}
-.selectize-dropdown.plugin-optgroup_columns .optgroup-header{border-top:0 none}
-.selectize-control.plugin-remove_button [data-value]{position:relative;padding-right:24px!important}
-.selectize-control.plugin-remove_button [data-value] .remove{z-index:1;position:absolute;top:0;right:0;bottom:0;width:17px;text-align:center;font-weight:700;font-size:12px;color:inherit;text-decoration:none;vertical-align:middle;display:inline-block;padding:2px 0 0;border-left:1px solid #0073bb;-webkit-border-radius:0 2px 2px 0;-moz-border-radius:0 2px 2px 0;border-radius:0 2px 2px 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
-.selectize-control.plugin-remove_button [data-value] .remove:hover{background:rgba(0,0,0,.05)}
-.selectize-control.plugin-remove_button [data-value].active .remove{border-left-color:#00578d}
-.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover{background:0 0}
-.selectize-control.plugin-remove_button .disabled [data-value] .remove{border-left-color:#aaa}
-.selectize-control{position:relative}
-.selectize-dropdown,.selectize-input,.selectize-input input{color:#303030;font-family:inherit;font-size:13px;line-height:18px;-webkit-font-smoothing:inherit}
-.selectize-control.single .selectize-input.input-active,.selectize-input{background:#fff;cursor:text;display:inline-block}
-.selectize-input{border:1px solid #d0d0d0;padding:8px;display:inline-block;width:100%;overflow:hidden;position:relative;z-index:1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.1);box-shadow:inset 0 1px 1px rgba(0,0,0,.1);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
-.selectize-control.multi .selectize-input.has-items{padding:5px 8px 2px}
-.selectize-input.full{background-color:#fff}
-.selectize-input.disabled,.selectize-input.disabled *{cursor:default!important}
-.selectize-input.focus{-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.15);box-shadow:inset 0 1px 2px rgba(0,0,0,.15)}
-.selectize-input.dropdown-active{-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0}
-.selectize-input>*{vertical-align:baseline;display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline}
-.selectize-control.multi .selectize-input>div{cursor:pointer;margin:0 3px 3px 0;padding:2px 6px;background:#1da7ee;color:#fff;border:1px solid #0073bb}
-.selectize-control.multi .selectize-input>div.active{background:#92c836;color:#fff;border:1px solid #00578d}
-.selectize-control.multi .selectize-input.disabled>div,.selectize-control.multi .selectize-input.disabled>div.active{color:#fff;background:#d2d2d2;border:1px solid #aaa}
-.selectize-input>input{display:inline-block!important;padding:0!important;min-height:0!important;max-height:none!important;max-width:100%!important;margin:0 1px!important;text-indent:0!important;border:0 none!important;background:none!important;line-height:inherit!important;-webkit-user-select:auto!important;-webkit-box-shadow:none!important;box-shadow:none!important}
-.selectize-input>input::-ms-clear{display:none}
-.selectize-input>input:focus{outline:0!important}
-.selectize-input::after{content:' ';display:block;clear:left}
-.selectize-input.dropdown-active::before{content:' ';display:block;position:absolute;background:#f0f0f0;height:1px;bottom:0;left:0;right:0}
-.selectize-dropdown{position:absolute;z-index:10;border:1px solid #d0d0d0;background:#fff;margin:-1px 0 0 0;border-top:0 none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.1);-webkit-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px}
-.selectize-dropdown [data-selectable]{cursor:pointer;overflow:hidden}
-.selectize-dropdown [data-selectable] .highlight{background:rgba(125,168,208,.2);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}
-.selectize-dropdown .optgroup-header,.selectize-dropdown [data-selectable]{padding:5px 8px}
-.selectize-dropdown .optgroup:first-child .optgroup-header{border-top:0 none}
-.selectize-dropdown .optgroup-header{color:#303030;background:#fff;cursor:default}
-.selectize-dropdown .active{background-color:#f5fafd;color:#495c68}
-.selectize-dropdown .active.create{color:#495c68}
-.selectize-dropdown .create{color:rgba(48,48,48,.5)}
-.selectize-dropdown-content{overflow-y:auto;overflow-x:hidden;max-height:200px}
-.selectize-control.single .selectize-input,.selectize-control.single .selectize-input input{cursor:pointer}
-.selectize-control.single .selectize-input.input-active,.selectize-control.single .selectize-input.input-active input{cursor:text}
-.selectize-control.single .selectize-input:after{content:' ';display:block;position:absolute;top:50%;right:15px;margin-top:-3px;width:0;height:0;border-style:solid;border-width:5px 5px 0;border-color:gray transparent transparent}
-.selectize-control.single .selectize-input.dropdown-active:after{margin-top:-4px;border-width:0 5px 5px;border-color:transparent transparent gray}
-.selectize-control.rtl.single .selectize-input:after{left:15px;right:auto}
-.selectize-control.rtl .selectize-input>input{margin:0 4px 0 -2px!important}
-.selectize-control .selectize-input.disabled{opacity:.5;background-color:#fafafa}
-.selectize-control.multi .selectize-input.has-items{padding-left:5px;padding-right:5px}
-.selectize-control.multi .selectize-input.disabled [data-value]{color:#999;text-shadow:none;background:0 0;-webkit-box-shadow:none;box-shadow:none}
-.selectize-control.multi .selectize-input.disabled [data-value],.selectize-control.multi .selectize-input.disabled [data-value] .remove{border-color:#e6e6e6}
-.selectize-control.multi .selectize-input.disabled [data-value] .remove{background:0 0}
-.selectize-control.multi .selectize-input [data-value]{text-shadow:0 1px 0 rgba(0,51,83,.3);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background-color:#1b9dec;background-image:-moz-linear-gradient(top,#1da7ee,#178ee9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#1da7ee),to(#178ee9));background-image:-webkit-linear-gradient(top,#1da7ee,#178ee9);background-image:-o-linear-gradient(top,#1da7ee,#178ee9);background-image:linear-gradient(to bottom,#1da7ee,#178ee9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1da7ee', endColorstr='#ff178ee9', GradientType=0);-webkit-box-shadow:0 1px 0 rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.03);box-shadow:0 1px 0 rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.03)}
-.selectize-control.multi .selectize-input [data-value].active{background-color:#0085d4;background-image:-moz-linear-gradient(top,#008fd8,#0075cf);background-image:-webkit-gradient(linear,0 0,0 100%,from(#008fd8),to(#0075cf));background-image:-webkit-linear-gradient(top,#008fd8,#0075cf);background-image:-o-linear-gradient(top,#008fd8,#0075cf);background-image:linear-gradient(to bottom,#008fd8,#0075cf);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff008fd8', endColorstr='#ff0075cf', GradientType=0)}
-.selectize-control.single .selectize-input{-webkit-box-shadow:0 1px 0 rgba(0,0,0,.05),inset 0 1px 0 rgba(255,255,255,.8);box-shadow:0 1px 0 rgba(0,0,0,.05),inset 0 1px 0 rgba(255,255,255,.8);background-color:#f9f9f9;background-image:-moz-linear-gradient(top,#fefefe,#f2f2f2);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fefefe),to(#f2f2f2));background-image:-webkit-linear-gradient(top,#fefefe,#f2f2f2);background-image:-o-linear-gradient(top,#fefefe,#f2f2f2);background-image:linear-gradient(to bottom,#fefefe,#f2f2f2);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffefefe', endColorstr='#fff2f2f2', GradientType=0)}
-.selectize-control.single .selectize-input,.selectize-dropdown.single{border-color:#b8b8b8}
-.selectize-dropdown .optgroup-header{padding-top:7px;font-weight:700;font-size:.85em}
-.selectize-dropdown .optgroup{border-top:1px solid #f0f0f0}
-.selectize-dropdown .optgroup:first-child{border-top:0 none}

resources/views/admin/nodes/view.blade.php

@@ -26,8 +26,8 @@
 @section('scripts')
     @parent
     <script src="//cdnjs.cloudflare.com/ajax/libs/highcharts/4.2.1/highcharts.js"></script>
-    <script src="//cdnjs.cloudflare.com/ajax/libs/socket.io/1.3.7/socket.io.min.js"></script>
-    <script src="{{ asset('js/bootstrap-notify.min.js') }}"></script>
+    {!! Theme::js('js/socket.io.min.js') !!}
+    {!! Theme::js('js/bootstrap-notify.min.js') !!}
     <script>
         $(document).ready(function () {
             $.notifyDefaults({

resources/views/errors/403.blade.php

@@ -31,7 +31,7 @@
             <p style="margin-bottom:0;">You do not have permission to access that function. Please contact your server administrator to request permission.</p>
         </div>
     </div>
-    <p style="text-align:center;"><img src="{{ asset('images/403.jpg') }}" /></p>
+    <p style="text-align:center;"><img src="{{ Theme::url('images/403.jpg') }}" /></p>
     <p style="text-align:center;"><a href="{{ URL::previous() }}">Take me back</a> or <a href="/">go home</a>.</p>
 </div>
 @endsection

resources/views/errors/404.blade.php

@@ -31,7 +31,7 @@
 @section('content')
 <div class="col-md-8">
     <h1 class="text-center">404 - File Not Found</h1>
-    <p class="text-center"><img src="{{ asset('images/404.jpg') }}" /></p>
+    <p class="text-center"><img src="{{ Theme::url('images/404.jpg') }}" /></p>
     <p class="text-center"><a href="{{ URL::previous() }}">Take me back</a> or <a href="/">go home</a>.</p>
 </div>
 @endsection

resources/views/layouts/admin.blade.php

@@ -24,17 +24,17 @@
         <meta charset="UTF-8">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <meta name="robots" content="noindex">
-        <link rel="stylesheet" href="{{ asset('css/bootstrap.css') }}">
-        <link rel="stylesheet" href="{{ asset('css/pterodactyl.css') }}">
-        <link rel="stylesheet" href="{{ asset('css/animate.css') }}">
-        <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css">
-        <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.css">
-        <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/fuelux/3.13.0/css/fuelux.min.css" />
-        <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
-        <script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.2/js/bootstrap.min.js"></script>
-        <script src="//cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.js"></script>
-        <script src="//cdnjs.cloudflare.com/ajax/libs/fuelux/3.13.0/js/fuelux.min.js"></script>
-        <script src="{{ asset('js/admin.min.js') }}"></script>
+        {!! Theme::css('css/bootstrap.css') !!}
+        {!! Theme::css('css/pterodactyl.css') !!}
+        {!! Theme::css('css/animate.css') !!}
+        {!! Theme::css('css/fontawesome/font-awesome.min.css') !!}
+        {!! Theme::css('css/sweetalert.min.css') !!}
+        {!! Theme::css('css/fuelux.min.css') !!}
+        {!! Theme::js('js/jquery.min.js') !!}
+        {!! Theme::js('js/bootstrap.min.js') !!}
+        {!! Theme::js('js/sweetalert.min.js') !!}
+        {!! Theme::js('js/fuelux.min.js') !!}
+        {!! Theme::js('js/admin.min.js') !!}
     @show
     <title>{{ Settings::get('company') }} - @yield('title')</title>
 </head>

resources/views/layouts/master.blade.php

@@ -24,19 +24,19 @@
         <meta charset="UTF-8">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <meta name="robots" content="noindex">
-        <link rel="stylesheet" href="{{ asset('css/bootstrap.css') }}">
-        <link rel="stylesheet" href="{{ asset('css/pterodactyl.css') }}">
-        <link rel="stylesheet" href="{{ asset('css/animate.css') }}">
-        <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css">
-        <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.css">
-        <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/fuelux/3.13.0/css/fuelux.min.css" />
-        <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
-        <script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.2/js/bootstrap.min.js"></script>
-        <script src="//cdnjs.cloudflare.com/ajax/libs/socket.io/1.3.7/socket.io.min.js"></script>
-        <script src="//cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.js"></script>
-        <script src="//cdnjs.cloudflare.com/ajax/libs/fuelux/3.13.0/js/fuelux.min.js"></script>
-        <script src="{{ asset('js/admin.min.js') }}"></script>
-        <script src="{{ asset('js/bootstrap-notify.min.js') }}"></script>
+        {!! Theme::css('css/bootstrap.css') !!}
+        {!! Theme::css('css/pterodactyl.css') !!}
+        {!! Theme::css('css/animate.css') !!}
+        {!! Theme::css('css/fontawesome/font-awesome.min.css') !!}
+        {!! Theme::css('css/sweetalert.min.css') !!}
+        {!! Theme::css('css/fuelux.min.css') !!}
+        {!! Theme::js('js/jquery.min.js') !!}
+        {!! Theme::js('js/bootstrap.min.js') !!}
+        {!! Theme::js('js/socket.io.min.js') !!}
+        {!! Theme::js('js/sweetalert.min.js') !!}
+        {!! Theme::js('js/fuelux.min.js') !!}
+        {!! Theme::js('js/admin.min.js') !!}
+        {!! Theme::js('js/bootstrap-notify.min.js') !!}
         <script>
             $(document).ready(function () {
                 $.notifyDefaults({