summaryrefslogtreecommitdiff
path: root/SDL_Core/src/components/HMI/app/view/WarningView.js
blob: 44ddf3f6a5294345699b3aa3d87d733e652b4b16 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
/*
 * Copyright (c) 2013, Ford Motor Company All rights reserved.
 * 
 * Redistribution and use in source and binary forms, with or without
 * modification, are permitted provided that the following conditions are met: ·
 * Redistributions of source code must retain the above copyright notice, this
 * list of conditions and the following disclaimer. · Redistributions in binary
 * form must reproduce the above copyright notice, this list of conditions and
 * the following disclaimer in the documentation and/or other materials provided
 * with the distribution. · Neither the name of the Ford Motor Company nor the
 * names of its contributors may be used to endorse or promote products derived
 * from this software without specific prior written permission.
 * 
 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
 * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
 * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
 * ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE
 * LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
 * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
 * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
 * INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
 * CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
 * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
 * POSSIBILITY OF SUCH DAMAGE.
 */
/**
 * @name SDL.WarningViewg
 * @desc Warning representation
 * @category View
 * @filesource app/view/WarningView.js
 * @version 1.0
 */

SDL.warningView = Em.ContainerView
    .extend( {

        classNameBindings: [
            'fade:fadeAnimation:fadeWarning', 'hide:inactive_state',
        ],

        elementId: 'warning_view',

        childViews: [
            'content', 'button'
        ],

        content: Em.View
            .extend( {

                classNames: 'message',

                template: Ember.Handlebars
                    .compile('<div class="warning_text"> {{SDL.locale.label.view_warning}}</div>'
                        + '<div class="text">'
                        + '<br>'
                        + '<p>{{SDL.locale.label.view_warning_paragraph1}} </p><br>'
                        + '<p> {{SDL.locale.label.view_warning_paragraph2}} </p><br>'
                        + '</div>')
            }),

        button: Em.View.create( {

            elementId: 'warning_ok_button',

            classNameBindings: [
                'isReady: visible_display', 'pressed:pressed'
            ],

            classNames: [
                'okbut', 'ffw-button'
            ],
            /**
             * Check for webkit fillmode animation support Android < 4 version
             * doesnt support webkit animation fillmode
             */
            checkForCCS3AnimationSupport: function() {

                if (FFW.isAndroid) {
                    return $('body')[0].style.webkitAnimationFillMode === '';
                } else {
                    return false;
                }
            },

            template: Ember.Handlebars.compile('<span>OK</span>'),

            /* this method is called when the web part is fully loaded */
            appLoaded: function() {

                var self = this;
                /** Show OK Button after 2 second delay */
                setTimeout(function() {

                    self.set('isReady', true);
                }, 2000);
            }.observes('SDL.appReady'),

            actionDown: function(event) {

                this.set('pressed', true);
            },

            actionUp: function(event) {

                this.set('pressed', false);

                var self = this;

                this._parentView.set('fade', this
                    .checkForCCS3AnimationSupport());

                setTimeout(function() {

                    self._parentView.set('hide', true);
                }, 1000);
            }
        })
    });