hotstovejer/openclassify
0
0
Fork 0
mirror of https://github.com/openclassify/openclassify.git synced 2026-01-24 22:11:01 -06:00
Code Issues Actions Packages Projects Releases Wiki Activity

Make openclassify compatible with VueJS

Browse Source
This commit is contained in:
Diatrex 2020-04-06 11:52:38 +03:00
parent 67fcbcaa56
commit a6740b608a
7 changed files with 22 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
addons/default/visiosoft/advs-module/resources/views/ad-detail/partials/map.twig
View File

@ -8,7 +8,7 @@
$(document).ready(function () { $(document).ready(function () {
var no_image_text = "{{ trans('visiosoft.module.streetview::field.no_location') }}"; var no_image_text = "{{ trans('visiosoft.module.streetview::field.no_location') }}";
if (typeof coord !== 'undefined') {
var ifAnyImg = "https://maps.googleapis.com/maps/api/streetview/metadata?size=600x300&location=" + coord[0] + "," + coord[1] + var ifAnyImg = "https://maps.googleapis.com/maps/api/streetview/metadata?size=600x300&location=" + coord[0] + "," + coord[1] +
"&fov=90&heading=235&pitch=10&key=" + google_map_key; "&fov=90&heading=235&pitch=10&key=" + google_map_key;
$.getJSON(ifAnyImg, function (data) { $.getJSON(ifAnyImg, function (data) {
@ -22,6 +22,7 @@
} }
} }
) )
}
}); });
</script> </script>
<script> <script>

3
addons/default/visiosoft/base-theme/resources/views/partials/assets.twig
View File

@ -2,6 +2,9 @@
Main CSS can be found in metadata.twig Main CSS can be found in metadata.twig
#} #}
<!-- VueJS Requirements -->
<script type="text/javascript" src="{{ asset('js/app.js') }}"></script>
{# Core Theme Components #} {# Core Theme Components #}
{{ asset_add("theme.js", "visiosoft.theme.base::js/popper.min.js") }} {{ asset_add("theme.js", "visiosoft.theme.base::js/popper.min.js") }}
{{ asset_add("theme.js", "visiosoft.theme.base::js/bootstrap.min.js") }} {{ asset_add("theme.js", "visiosoft.theme.base::js/bootstrap.min.js") }}

3
addons/default/visiosoft/base-theme/resources/views/partials/metadata.twig
View File

@ -1,6 +1,9 @@
<!-- Locale --> <!-- Locale -->
<meta http-equiv="Content-Language" content="{{ config('app.locale') }}"> <meta http-equiv="Content-Language" content="{{ config('app.locale') }}">
<!-- VueJS Requirements -->
<meta name="csrf-token" content="{{ csrf_token() }}" />
<!-- To the Future! --> <!-- To the Future! -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

5
package.json
View File

@ -20,6 +20,7 @@
"resolve-url-loader": "^2.3.1", "resolve-url-loader": "^2.3.1",
"sass": "^1.15.2", "sass": "^1.15.2",
"sass-loader": "^7.1.0", "sass-loader": "^7.1.0",
"vue": "^2.5.17" "vue": "^2.5.17",
"vue-template-compiler": "^2.6.11"
} }
} }

10
resources/assets/js/app.js
View File

@ -13,8 +13,10 @@ require('./bootstrap');
* or customize the JavaScript scaffolding to fit your unique needs. * or customize the JavaScript scaffolding to fit your unique needs.
*/ */
Vue.component('example', require('./components/Example.vue')); window.Vue = require('vue');
const app = new Vue({ // Vue.component('example', require('./components/Example.vue').default);
el: '#app' //
}); // const app = new Vue({
// el: '#app'
// });

2
resources/assets/sass/variables.scss
View File

@ -18,7 +18,7 @@ $brand-danger: #bf5329;
// Typography // Typography
$font-family-sans-serif: "Raleway", sans-serif; $font-family-sans-serif: "Raleway", sans-serif;
$font-size-base: 14px; $font-size-base: 0.875rem;
$line-height-base: 1.6; $line-height-base: 1.6;
$text-color: #636b6f; $text-color: #636b6f;

6
webpack.mix.js
View File

@ -11,5 +11,7 @@ let mix = require('laravel-mix');
| |
*/ */
mix.js('resources/assets/js/app.js', 'public/js') mix
.sass('resources/assets/sass/app.scss', 'public/css'); .js('resources/assets/js/app.js', 'public/js')
.js('addons/default/visiosoft/*/resources/js/vue/app.js', 'public/js')
.sass('resources/assets/sass/app.scss', 'public/css');