;; This Source Code Form is subject to the terms of the Mozilla Public
;; License, v. 2.0. If a copy of the MPL was not distributed with this
;; file, You can obtain one at http://mozilla.org/MPL/2.0/.
;;
;; Copyright (c) 2015-2016 Andrey Antukh <niwi@niwi.nz>
;; Copyright (c) 2015-2016 Juan de la Cruz <delacruzgarciajuan@gmail.com>

(ns uxbox.main.ui.workspace.header
  (:require [beicon.core :as rx]
            [uxbox.config :as cfg]
            [uxbox.util.router :as r]
            [potok.core :as ptk]
            [uxbox.store :as st]
            [uxbox.main.data.workspace :as dw]
            [uxbox.main.data.history :as udh]
            [uxbox.main.data.lightbox :as udl]
            [uxbox.main.ui.workspace.clipboard]
            [uxbox.main.ui.workspace.base :as wb]
            [uxbox.main.ui.icons :as i]
            [uxbox.main.ui.users :as ui.u]
            [uxbox.main.ui.navigation :as nav]
            [uxbox.util.mixins :as mx :include-macros true]
            [uxbox.util.geom.point :as gpt]
            [uxbox.util.math :as mth]))

;; --- Zoom Widget

(mx/defc zoom-widget
  {:mixins [mx/reactive mx/static]}
  []
  (let [zoom (mx/react wb/zoom-ref)
        increase #(st/emit! (dw/increase-zoom))
        decrease #(st/emit! (dw/decrease-zoom))]
    [:ul.options-view
     [:li.zoom-input
      [:span.add-zoom {:on-click increase} "+"]
      [:span (str (mth/round (* 100 zoom)) "%")]
      [:span.remove-zoom {:on-click decrease} "-"]]]))

;; --- Header Component

(defn on-view-clicked
  [event project page]
  (let [token (:share-token project)
        index (:index page)
        url (str cfg/viewurl "#/" token "/" index)]
    (js/open url "new tab" "")))

(mx/defc header
  {:mixins [mx/static mx/reactive]}
  []
  (let [project (mx/react wb/project-ref)
        page (mx/react wb/page-ref)
        flags (mx/react wb/flags-ref)
        toggle #(st/emit! (dw/toggle-flag %))
        on-undo #(st/emit! (udh/backwards-to-previous-version))
        on-redo #(st/emit! (udh/forward-to-next-version))
        on-image #(udl/open! :import-image)
        on-download #(udl/open! :download)]
    [:header#workspace-bar.workspace-bar
     [:div.main-icon
      (nav/link (r/route-for :dashboard/projects) i/logo-icon)]
     [:div.project-tree-btn
      {:alt "Sitemap (Ctrl + Shift + M)"
       :class (when (contains? flags :sitemap) "selected")
       :on-click (partial toggle :sitemap)}
      i/project-tree
      [:span (:name page)]]
     [:div.workspace-options
      [:ul.options-btn
       [:li.tooltip.tooltip-bottom
        {:alt "Shapes (Ctrl + Shift + S)"
         :class (when (contains? flags :drawtools) "selected")
         :on-click (partial toggle :drawtools)}
        i/shapes]
       [:li.tooltip.tooltip-bottom
        {:alt "Color Palette (---)"
         :class (when (contains? flags :colorpalette) "selected")
         :on-click (partial toggle :colorpalette)}
        i/palette]
       [:li.tooltip.tooltip-bottom
        {:alt "Icons (Ctrl + Shift + I)"
         :class (when (contains? flags :icons) "selected")
         :on-click (partial toggle :icons)}
        i/icon-set]
       [:li.tooltip.tooltip-bottom
        {:alt "Layers (Ctrl + Shift + L)"
         :class (when (contains? flags :layers) "selected")
         :on-click (partial toggle :layers)}
        i/layers]
       [:li.tooltip.tooltip-bottom
        {:alt "Element options (Ctrl + Shift + O)"
         :class (when (contains? flags :element-options) "selected")
         :on-click (partial toggle :element-options)}
        i/options]
       [:li.tooltip.tooltip-bottom
        {:alt "History (Ctrl + Shift + H)"
         :class (when (contains? flags :document-history) "selected")
         :on-click (partial toggle :document-history)}
        i/undo-history]]
      [:ul.options-btn
       [:li.tooltip.tooltip-bottom
        {:alt "Undo (Ctrl + Z)"
         :on-click on-undo}
        i/undo]
       [:li.tooltip.tooltip-bottom
        {:alt "Redo (Ctrl + Shift + Z)"
         :on-click on-redo}
        i/redo]]
      [:ul.options-btn
       [:li.tooltip.tooltip-bottom
        {:alt "Export (Ctrl + E)"
         :on-click on-download}
        i/export]
       [:li.tooltip.tooltip-bottom
        {:alt "Image (Ctrl + I)"
         :on-click on-image}
        i/image]]
      [:ul.options-btn
       [:li.tooltip.tooltip-bottom
        {:alt "Ruler (Ctrl + R)"
         :class (when (contains? flags :ruler) "selected")
         :on-click (partial toggle :ruler)}
        i/ruler]
       [:li.tooltip.tooltip-bottom
        {:alt "Grid (Ctrl + G)"
         :class (when (contains? flags :grid) "selected")
         :on-click (partial toggle :grid)}
        i/grid]]
       ;; [:li.tooltip.tooltip-bottom
        ;; {:alt "Align (Ctrl + A)"}
        ;; i/alignment]]
      [:ul.options-btn
       [:li.tooltip.tooltip-bottom.view-mode
        {:alt "View mode (Ctrl + P)"
         :on-click #(on-view-clicked % project page)}
        i/play]]
      (zoom-widget)]
     (ui.u/user)]))