/*
 * (c) Copyright Ascensio System SIA 2010-2024
 *
 * This program is a free software product. You can redistribute it and/or
 * modify it under the terms of the GNU Affero General Public License (AGPL)
 * version 3 as published by the Free Software Foundation. In accordance with
 * Section 7(a) of the GNU AGPL its Section 15 shall be amended to the effect
 * that Ascensio System SIA expressly excludes the warranty of non-infringement
 * of any third-party rights.
 *
 * This program is distributed WITHOUT ANY WARRANTY; without even the implied
 * warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR  PURPOSE. For
 * details, see the GNU AGPL at: http://www.gnu.org/licenses/agpl-3.0.html
 *
 * You can contact Ascensio System SIA at 20A-6 Ernesta Birznieka-Upish
 * street, Riga, Latvia, EU, LV-1050.
 *
 * The  interactive user interfaces in modified source and object code versions
 * of the Program must display Appropriate Legal Notices, as required under
 * Section 5 of the GNU AGPL version 3.
 *
 * Pursuant to Section 7(b) of the License you must retain the original Product
 * logo when distributing the program. Pursuant to Section 7(e) we decline to
 * grant you any rights under trademark law for use of our trademarks.
 *
 * All the Product's GUI elements, including illustrations and icon sets, as
 * well as technical writing content are licensed under the terms of the
 * Creative Commons Attribution-ShareAlike 4.0 International. See the License
 * terms at http://creativecommons.org/licenses/by-sa/4.0/legalcode
 *
 */

/**
 *  Draw.js
 *
 *  Created on 28.03.2023
 *
 */

if (Common === undefined)
    var Common = {};
Common.Controllers = Common.Controllers || {};

define([
    'core',
    'common/main/lib/view/Draw'
], function () {
    'use strict';

    Common.Controllers.Draw = Backbone.Controller.extend(_.extend({
        models : [],
        collections : [
        ],
        views : [
            'Common.Views.Draw'
        ],
        sdkViewName : '#id_main',

        initialize: function () {

            this.addListeners({
                'Common.Views.Draw': {
                    'draw:select':      _.bind(this.onSelect, this),
                    'draw:eraser':      _.bind(this.onEraser, this),
                    'draw:pen':     _.bind(this.onDrawPen, this),
                    'draw:size':     _.bind(this.onDrawSizeClick, this),
                    'draw:color':     _.bind(this.onDrawColorClick, this)
                }
            });
        },
        onLaunch: function () {
            this._state = {};

            Common.NotificationCenter.on({
                'draw-tool:pen': this.startDraw.bind(this),
                'draw-tool:eraser': this.startEraser.bind(this),
                'draw-tool:select': this.stopDraw.bind(this),
                'draw-tool:erase-all': this.onEraseAllInksOnSlide.bind(this),
                'app:ready': this.onAppReady.bind(this),
                'api:disconnect': _.bind(this.onCoAuthoringDisconnect, this)
            });
        },

        setConfig: function (data, api) {
            this.setApi(api);

            if (data) {
                this.sdkViewName        =   data['sdkviewname'] || this.sdkViewName;
            }
        },
        setApi: function (api) {
            if (api) {
                this.api = api;
                this.api.asc_registerCallback('asc_onInkDrawerStop',_.bind(this.onInkDrawerStop, this));
                this.api.asc_registerCallback('asc_onCoAuthoringDisconnect',_.bind(this.onCoAuthoringDisconnect, this));
            }
            return this;
        },

        setMode: function(mode) {
            this.appConfig = mode;

            if (mode.isEdit)
                this.view = this.createView('Common.Views.Draw', {
                    mode: mode
                });

            return this;
        },

        SetDisabled: function(state) {
            this.view && this.view.SetDisabled(state);
        },

        onInkDrawerStop: function() {
            this.view && this.view.depressButtons();
            Common.NotificationCenter.trigger('draw:stop', this.view);
        },

        onSelect: function(btn){
            this.api && this.api.asc_StopInkDrawer();
            Common.NotificationCenter.trigger('edit:complete', this.view);
        },

        startEraser: function() {
            this.api && this.api.asc_StartInkEraser();
            Common.NotificationCenter.trigger('draw:start', this.view);
        },

        onEraser: function(btn){
            if (this.api) {
                if (!btn.pressed)
                    this.api.asc_StopInkDrawer();
                else {
                    this.view.depressButtons(btn);
                    this.startEraser();
                }
            }
        },

        onEraseAllInksOnSlide: function() {
            this.api && this.api.asc_EraseAllInksOnSlide();
        },

        startDraw: function(options) {
            if (!this.api) { return; }
            var stroke = new Asc.asc_CStroke();
            stroke.put_type( Asc.c_oAscStrokeType.STROKE_COLOR);
            stroke.put_color(Common.Utils.ThemeColor.getRgbColor(options.color));
            stroke.asc_putPrstDash(Asc.c_oDashType.solid);
            stroke.put_width(options.size);
            stroke.put_transparent(options.opacity * 2.55);
            this.api.asc_StartDrawInk(stroke, options.index);
            Common.NotificationCenter.trigger('draw:start', this.view);
        },

        stopDraw: function() {
            this.api && this.api.asc_StopInkDrawer();
            Common.NotificationCenter.trigger('draw:stop', this.view);
        },

        onDrawPen: function(btn){
            if (this.api) {
                if (!btn.pressed)
                    this.api.asc_StopInkDrawer();
                else {
                    this.view.depressButtons(btn);
                    var options = _.clone(btn.options.penOptions);
                    options.size = options.size.arr[options.size.idx];
                    options.index = options.idx;
                    this.startDraw(options);
                }
            }
        },

        onDrawSizeClick: function(btn, direction){
            if (!btn.pressed) {
                btn.toggle(true, true);
                this.view && this.view.depressButtons(btn);
            }

            var options = btn.options.penOptions;
            options.size.idx =  (direction==='up') ? Math.min(options.size.idx+1, options.size.arr.length-1) : Math.max(options.size.idx-1, 0);
            this.view && this.view.updateButtonHint(btn);

            this.onDrawPen(btn);
        },

        onDrawColorClick: function(btn, color){
            if (!btn.pressed) {
                btn.toggle(true, true);
                this.view && this.view.depressButtons(btn);
            }

            btn.options.penOptions.color = color;
            this.view && this.view.updateButtonHint(btn);

            this.onDrawPen(btn);
        },

        createToolbarPanel: function(groups) {
            return this.view ? this.view.getPanel(groups) : null;
        },

        getView: function(name) {
            return !name && this.view ?
                this.view : Backbone.Controller.prototype.getView.call(this, name);
        },

        onAppReady: function (config) {
            var me = this;
            (new Promise(function (accept, reject) {
                accept();
            })).then(function(){
            });
        },

        onCoAuthoringDisconnect: function() {
            this.SetDisabled(true);
        }

    }, Common.Controllers.Draw || {}));
});