Skip to content
Snippets Groups Projects
Commit 8c47efed authored by ZZZ[GONE] PERRIER Guillaume's avatar ZZZ[GONE] PERRIER Guillaume
Browse files

Module Home : Setup page with split js code.

parent 1778080c
No related branches found
No related tags found
1 merge request!5Module Tapes : Try fixing bug 'Mixed Content The page at was loaded over...
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="JavaScriptSettings">
<option name="languageLevel" value="ES6" />
</component>
</project>
\ No newline at end of file
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="PhpIncludePathManager">
<include_path>
<path value="$PROJECT_DIR$/vendor/symfony/var-dumper" />
<path value="$PROJECT_DIR$/vendor/symfony/phpunit-bridge" />
<path value="$PROJECT_DIR$/vendor/nikic/php-parser" />
<path value="$PROJECT_DIR$/vendor/doctrine/dbal" />
<path value="$PROJECT_DIR$/vendor/doctrine/orm" />
<path value="$PROJECT_DIR$/vendor/composer" />
<path value="$PROJECT_DIR$/vendor/jdorn/sql-formatter" />
<path value="$PROJECT_DIR$/vendor/monolog/monolog" />
<path value="$PROJECT_DIR$/vendor/phpdocumentor/reflection-common" />
<path value="$PROJECT_DIR$/vendor/phpdocumentor/type-resolver" />
<path value="$PROJECT_DIR$/vendor/symfony/translation-contracts" />
<path value="$PROJECT_DIR$/vendor/symfony/config" />
<path value="$PROJECT_DIR$/vendor/sensio/framework-extra-bundle" />
<path value="$PROJECT_DIR$/vendor/symfony/stopwatch" />
<path value="$PROJECT_DIR$/vendor/symfony/monolog-bridge" />
<path value="$PROJECT_DIR$/vendor/zendframework/zend-eventmanager" />
<path value="$PROJECT_DIR$/vendor/symfony/polyfill-mbstring" />
<path value="$PROJECT_DIR$/vendor/symfony/http-foundation" />
<path value="$PROJECT_DIR$/vendor/symfony/asset" />
<path value="$PROJECT_DIR$/vendor/symfony/dotenv" />
<path value="$PROJECT_DIR$/vendor/ocramius/package-versions" />
<path value="$PROJECT_DIR$/vendor/symfony/http-client" />
<path value="$PROJECT_DIR$/vendor/symfony/translation" />
<path value="$PROJECT_DIR$/vendor/ocramius/proxy-manager" />
<path value="$PROJECT_DIR$/vendor/symfony/form" />
<path value="$PROJECT_DIR$/vendor/symfony/intl" />
<path value="$PROJECT_DIR$/vendor/symfony/polyfill-intl-normalizer" />
<path value="$PROJECT_DIR$/vendor/symfony/twig-bridge" />
<path value="$PROJECT_DIR$/vendor/symfony/filesystem" />
<path value="$PROJECT_DIR$/vendor/symfony/console" />
<path value="$PROJECT_DIR$/vendor/symfony/property-info" />
<path value="$PROJECT_DIR$/vendor/symfony/process" />
<path value="$PROJECT_DIR$/vendor/symfony/framework-bundle" />
<path value="$PROJECT_DIR$/vendor/symfony/notifier" />
<path value="$PROJECT_DIR$/vendor/symfony/flex" />
<path value="$PROJECT_DIR$/vendor/symfony/debug-pack" />
<path value="$PROJECT_DIR$/vendor/symfony/cache-contracts" />
<path value="$PROJECT_DIR$/vendor/phpdocumentor/reflection-docblock" />
<path value="$PROJECT_DIR$/vendor/symfony/routing" />
<path value="$PROJECT_DIR$/vendor/symfony/debug-bundle" />
<path value="$PROJECT_DIR$/vendor/symfony/error-handler" />
<path value="$PROJECT_DIR$/vendor/symfony/event-dispatcher" />
<path value="$PROJECT_DIR$/vendor/symfony/polyfill-intl-idn" />
<path value="$PROJECT_DIR$/vendor/symfony/service-contracts" />
<path value="$PROJECT_DIR$/vendor/symfony/orm-pack" />
<path value="$PROJECT_DIR$/vendor/symfony/serializer" />
<path value="$PROJECT_DIR$/vendor/symfony/var-exporter" />
<path value="$PROJECT_DIR$/vendor/symfony/web-link" />
<path value="$PROJECT_DIR$/vendor/symfony/string" />
<path value="$PROJECT_DIR$/vendor/symfony/web-profiler-bundle" />
<path value="$PROJECT_DIR$/vendor/symfony/security-core" />
<path value="$PROJECT_DIR$/vendor/symfony/maker-bundle" />
<path value="$PROJECT_DIR$/vendor/symfony/inflector" />
<path value="$PROJECT_DIR$/vendor/symfony/security-http" />
<path value="$PROJECT_DIR$/vendor/symfony/security-csrf" />
<path value="$PROJECT_DIR$/vendor/symfony/mailer" />
<path value="$PROJECT_DIR$/vendor/symfony/expression-language" />
<path value="$PROJECT_DIR$/vendor/symfony/finder" />
<path value="$PROJECT_DIR$/vendor/symfony/twig-bundle" />
<path value="$PROJECT_DIR$/vendor/symfony/doctrine-bridge" />
<path value="$PROJECT_DIR$/vendor/symfony/http-kernel" />
<path value="$PROJECT_DIR$/vendor/symfony/polyfill-php73" />
<path value="$PROJECT_DIR$/vendor/zendframework/zend-code" />
<path value="$PROJECT_DIR$/vendor/symfony/cache" />
<path value="$PROJECT_DIR$/vendor/symfony/polyfill-intl-icu" />
<path value="$PROJECT_DIR$/vendor/symfony/options-resolver" />
<path value="$PROJECT_DIR$/vendor/symfony/serializer-pack" />
<path value="$PROJECT_DIR$/vendor/symfony/event-dispatcher-contracts" />
<path value="$PROJECT_DIR$/vendor/symfony/monolog-bundle" />
<path value="$PROJECT_DIR$/vendor/symfony/yaml" />
<path value="$PROJECT_DIR$/vendor/symfony/polyfill-intl-grapheme" />
<path value="$PROJECT_DIR$/vendor/symfony/test-pack" />
<path value="$PROJECT_DIR$/vendor/symfony/http-client-contracts" />
<path value="$PROJECT_DIR$/vendor/symfony/property-access" />
<path value="$PROJECT_DIR$/vendor/symfony/css-selector" />
<path value="$PROJECT_DIR$/vendor/symfony/browser-kit" />
<path value="$PROJECT_DIR$/vendor/symfony/profiler-pack" />
<path value="$PROJECT_DIR$/vendor/symfony/dom-crawler" />
<path value="$PROJECT_DIR$/vendor/symfony/twig-pack" />
<path value="$PROJECT_DIR$/vendor/symfony/dependency-injection" />
<path value="$PROJECT_DIR$/vendor/symfony/security-bundle" />
<path value="$PROJECT_DIR$/vendor/doctrine/persistence" />
<path value="$PROJECT_DIR$/vendor/symfony/validator" />
<path value="$PROJECT_DIR$/vendor/symfony/mime" />
<path value="$PROJECT_DIR$/vendor/doctrine/doctrine-migrations-bundle" />
<path value="$PROJECT_DIR$/vendor/doctrine/inflector" />
<path value="$PROJECT_DIR$/vendor/symfony/security-guard" />
<path value="$PROJECT_DIR$/vendor/doctrine/collections" />
<path value="$PROJECT_DIR$/vendor/doctrine/common" />
<path value="$PROJECT_DIR$/vendor/doctrine/instantiator" />
<path value="$PROJECT_DIR$/vendor/doctrine/lexer" />
<path value="$PROJECT_DIR$/vendor/doctrine/doctrine-bundle" />
<path value="$PROJECT_DIR$/vendor/doctrine/annotations" />
<path value="$PROJECT_DIR$/vendor/doctrine/event-manager" />
<path value="$PROJECT_DIR$/vendor/twig/twig" />
<path value="$PROJECT_DIR$/vendor/twig/extra-bundle" />
<path value="$PROJECT_DIR$/vendor/doctrine/reflection" />
<path value="$PROJECT_DIR$/vendor/doctrine/cache" />
<path value="$PROJECT_DIR$/vendor/egulias/email-validator" />
<path value="$PROJECT_DIR$/vendor/easycorp/easy-log-handler" />
<path value="$PROJECT_DIR$/vendor/psr/link" />
<path value="$PROJECT_DIR$/vendor/psr/container" />
<path value="$PROJECT_DIR$/vendor/psr/cache" />
<path value="$PROJECT_DIR$/vendor/psr/event-dispatcher" />
<path value="$PROJECT_DIR$/vendor/psr/log" />
<path value="$PROJECT_DIR$/vendor/webmozart/assert" />
<path value="$PROJECT_DIR$/vendor/doctrine/migrations" />
<path value="$PROJECT_DIR$/vendor/symfony/webpack-encore-bundle" />
</include_path>
</component>
<component name="PhpProjectSharedConfiguration" php_language_level="7.2" />
</project>
\ No newline at end of file
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="Symfony2PluginSettings">
<option name="pathToTranslation" value="var/cache/dev/translations" />
<option name="directoryToWeb" value="public" />
<option name="pluginEnabled" value="true" />
</component>
</project>
\ No newline at end of file
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="VcsDirectoryMappings">
<mapping directory="$PROJECT_DIR$/.." vcs="Git" />
</component>
</project>
\ No newline at end of file
......@@ -6,7 +6,41 @@
*/
// any CSS you import will output into a single css file (app.css in this case)
import './styles/app.css';
import './styles/app.scss';
// start the Stimulus application
import './bootstrap';
// Need jQuery? Install it with "yarn add jquery", then uncomment to import it.
// import $ from 'jquery';
const $ = require('jquery');
global.$ = global.jQuery = $;
// this "modifies" the jquery module: adding behavior to it
// the bootstrap module doesn't export/return anything
require('bootstrap');
require('datatables.net-bs4');
require('chart.js');
require('chartjs-plugin-colorschemes');
require('@fortawesome/fontawesome-free/css/all.min.css');
require('@fortawesome/fontawesome-free/js/all.js');
import 'datatables.net-bs4/css/dataTables.bootstrap4.css';
// or you can include specific pieces
// require('bootstrap/js/dist/tooltip');
// require('bootstrap/js/dist/popover');
$(document).ready(function() {
$('[data-toggle="popover"]').popover();
$('.dataTable').dataTable({
"order": [[1, "desc"]]
}
);
$('.carousel').carousel();
});
$(document).ready(function() {
var labels=[];
var datas=[];
$( "#dataServices tr" ).each(function( index ) {
labels.push($(this).find('th').text());
datas.push($(this).find('td').text());
});
var labels2=[];
var datas2=[];
$( "#dataStatuts tr" ).each(function( index ) {
labels2.push($(this).find('th').text());
datas2.push($(this).find('td').text());
});
var labels3=[];
var datas3=[];
$( "#dataModels tr" ).each(function( index ) {
labels3.push($(this).find('th').text());
datas3.push($(this).find('td').text());
});
var ctx = document.getElementById('chartServices').getContext('2d');
var myChart = new Chart(ctx, {
type: 'pie',
data: {
labels: labels,
datasets: [{
data: datas,
borderWidth: 1
}],
options: {
plugins: {
colorschemes: {
scheme: 'brewer.Paired12'
}
}
}
},
});
var ctx2 = document.getElementById('chartStatuts').getContext('2d');
var myChart2 = new Chart(ctx2, {
type: 'pie',
data: {
labels: labels2,
datasets: [{
data: datas2,
borderWidth: 1
}],
options: {
plugins: {
colorschemes: {
scheme: 'brewer.Paired12'
}
}
}
},
});
var ctx3 = document.getElementById('chartModels').getContext('2d');
var myChart3 = new Chart(ctx3, {
type: 'pie',
data: {
labels: labels3,
datasets: [{
data: datas3,
borderWidth: 1
}],
options: {
plugins: {
colorschemes: {
scheme: 'brewer.Paired12'
}
}
}
},
});
})
\ No newline at end of file
body {
background-color: lightgray;
}
/* BOOTSTRAP 5 ALPHA-1 */
@import "custom";
@import "~bootstrap/scss/bootstrap";
\ No newline at end of file
body {
background-color: lightgray;
}
......@@ -3,8 +3,15 @@
"@hotwired/stimulus": "^3.0.0",
"@symfony/stimulus-bridge": "^3.0.0",
"@symfony/webpack-encore": "^2.1.0",
"bootstrap": "^5.1.3",
"core-js": "^3.0.0",
"datatables.net-bs4": "^1.12.1",
"file-loader": "^6.0.0",
"jquery": "^3.6.0",
"node-sass": "^7.0.1",
"regenerator-runtime": "^0.13.2",
"sass": "^1.52.3",
"sass-loader": "12.6.0",
"webpack-notifier": "^1.6.0"
},
"license": "UNLICENSED",
......@@ -14,5 +21,11 @@
"dev": "encore dev",
"watch": "encore dev --watch",
"build": "encore production --progress"
},
"dependencies": {
"@fortawesome/fontawesome-free": "^6.1.1",
"@popperjs/core": "^2.11.5",
"chart.js": "^2.9.3",
"chartjs-plugin-colorschemes": "^0.4.0"
}
}
......@@ -5,15 +5,19 @@
<title>{% block title %}Welcome!{% endblock %}</title>
{# Run `composer require symfony/webpack-encore-bundle`
and uncomment the following Encore helpers to start using Symfony UX #}
{% block stylesheets %}
{#{{ encore_entry_link_tags('app') }}#}
{{ encore_entry_link_tags('app') }}
{% endblock %}
{% block javascripts %}
{#{{ encore_entry_script_tags('app') }}#}
{% endblock %}
</head>
<body>
{% block body %}{% endblock %}
{% block javascripts %}
{{ encore_entry_script_tags('app') }}
{% endblock %}
</body>
</html>
......@@ -126,120 +126,9 @@
</div>
{% endblock %}
{% block javascripts%}
{% block javascripts %}
{{ parent() }}
{{ encore_entry_script_tags('home') }}
<script>
$(document).ready(function() {
var labels=[];
var datas=[];
$( "#dataServices tr" ).each(function( index ) {
labels.push($(this).find('th').text());
datas.push($(this).find('td').text());
});
var labels2=[];
var datas2=[];
$( "#dataStatuts tr" ).each(function( index ) {
labels2.push($(this).find('th').text());
datas2.push($(this).find('td').text());
});
var labels3=[];
var datas3=[];
$( "#dataModels tr" ).each(function( index ) {
labels3.push($(this).find('th').text());
datas3.push($(this).find('td').text());
});
var ctx = document.getElementById('chartServices').getContext('2d');
var myChart = new Chart(ctx, {
type: 'pie',
data: {
labels: labels,
datasets: [{
data: datas,
borderWidth: 1
}],
options: {
plugins: {
colorschemes: {
scheme: 'brewer.Paired12'
}
}
}
},
});
var ctx2 = document.getElementById('chartStatuts').getContext('2d');
var myChart2 = new Chart(ctx2, {
type: 'pie',
data: {
labels: labels2,
datasets: [{
data: datas2,
borderWidth: 1
}],
options: {
plugins: {
colorschemes: {
scheme: 'brewer.Paired12'
}
}
}
},
});
var ctx3 = document.getElementById('chartModels').getContext('2d');
var myChart3 = new Chart(ctx3, {
type: 'pie',
data: {
labels: labels3,
datasets: [{
data: datas3,
borderWidth: 1
}],
options: {
plugins: {
colorschemes: {
scheme: 'brewer.Paired12'
}
}
}
},
});
})
</script>
{% endblock %}
\ No newline at end of file
......@@ -21,6 +21,11 @@ Encore
* and one CSS file (e.g. app.css) if your JavaScript imports CSS.
*/
.addEntry('app', './assets/app.js')
.copyFiles({
from: './assets/images',
to: 'images/[path][name].[ext]'
})
.addEntry('home', './assets/js/home.js')
// enables the Symfony UX Stimulus bridge (used in assets/bootstrap.js)
.enableStimulusBridge('./assets/controllers.json')
......@@ -57,7 +62,7 @@ Encore
})
// enables Sass/SCSS support
//.enableSassLoader()
.enableSassLoader()
// uncomment if you use TypeScript
//.enableTypeScriptLoader()
......
This diff is collapsed.
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment