#9 -- fix messages

src/main/resources/messages.properties

@@ -5,3 +5,10 @@
 #
 messages.app-name=Time Series Smoothing
 messages.menu.home=Main
+messages.time_series_forecast=Time series forecast
+messages.date=Date
+messages.value=Value
+messages.time_series_test_forecast=Test forecast
+messages.time_series_model=Model
+messages.time_series=Time series
+messages.time_series_forecast_short=Forecast

src/main/resources/messages_en.properties

@@ -5,3 +5,10 @@
 #
 messages.app-name=Time Series Smoothing
 messages.menu.home=Main
+messages.time_series_forecast=Time series forecast
+messages.date=Date
+messages.value=Value
+messages.time_series_test_forecast=Test forecast
+messages.time_series_model=Model
+messages.time_series=Time series
+messages.time_series_forecast_short=Forecast

src/main/resources/messages_ru.properties

@@ -5,3 +5,10 @@
 #
 messages.app-name=Time Series Smoothing
 messages.menu.home=На главную
+messages.time_series_forecast=Прогноз временного ряда
+messages.date=Дата
+messages.value=Уровень
+messages.time_series_test_forecast=Тестовый прогноз
+messages.time_series_model=Модель
+messages.time_series=Временной ряд
+messages.time_series_forecast_short=Прогноз

src/main/resources/templates/index.html

@@ -16,14 +16,21 @@
     <script src="/webjars/highcharts/7.0.0/highcharts.js"></script>
     <script th:inline="javascript" th:if="${timeSeries != null}">
         $(document).ready(function () {
+            var chart = {
+                renderTo: 'container',
+                style: {
+                    fontFamily: 'arial'
+                }
+            };
+
             var title = {
-                text: 'Прогноз временного ряда'
+                text: [[#{messages.time_series_forecast}]]
             };
             var xAxis = {
                 categories: [[${dates}]],
                 title: {
                     enabled: true,
-                    text: 'Дата'
+                    text: [[#{messages.date}]]
                 },
                 startOnTick: true,
                 endOnTick: true,
@@ -31,7 +38,7 @@
             };
             var yAxis = {
                 title: {
-                    text: 'Уровень'
+                    text: [[#{messages.value}]]
                 }
             };
             var plotOptions = {
@@ -60,28 +67,29 @@
             };
             var series = [
                 {
-                    name: 'Временной ряд',
+                    name: [[#{messages.time_series}]],
                     color: 'rgba(119,152,191,0.5)',
                     data: [[${timeSeries}]]
                 },
                 {
-                    name: 'Модель',
+                    name: [[#{messages.time_series_model}]],
                     color: 'rgba(255,200,0,0.5)',
                     data: [[${model}]]
                 },
                 {
-                    name: 'Тестовый прогноз',
+                    name: [[#{messages.time_series_test_forecast}]],
                     color: 'rgba(255,0,0,0.5)',
                     data: [[${testForecast}]]
                 },
                 {
-                    name: 'Прогноз',
+                    name: [[#{messages.time_series_forecast_short}]],
                     color: 'rgba(255,0,0,0.5)',
                     data: [[${forecast}]]
                 }
             ];
 
             var json = {};
+            json.chart = chart;
             json.title = title;
             json.xAxis = xAxis;
             json.yAxis = yAxis;