vinsol_spree_themes 0.0.1

data/app/assets/stylesheets/spree/backend/codemirror/fullscreen.css

@@ -0,0 +1,6 @@
+.CodeMirror-fullscreen {
+  position: fixed;
+  top: 0; left: 0; right: 0; bottom: 0;
+  height: auto;
+  z-index: 9;
+}

data/app/assets/stylesheets/spree/backend/codemirror/show-hint.css

@@ -0,0 +1,36 @@
+.CodeMirror-hints {
+  position: absolute;
+  z-index: 10;
+  overflow: hidden;
+  list-style: none;
+
+  margin: 0;
+  padding: 2px;
+
+  -webkit-box-shadow: 2px 3px 5px rgba(0,0,0,.2);
+  -moz-box-shadow: 2px 3px 5px rgba(0,0,0,.2);
+  box-shadow: 2px 3px 5px rgba(0,0,0,.2);
+  border-radius: 3px;
+  border: 1px solid silver;
+
+  background: white;
+  font-size: 90%;
+  font-family: monospace;
+
+  max-height: 20em;
+  overflow-y: auto;
+}
+
+.CodeMirror-hint {
+  margin: 0;
+  padding: 0 4px;
+  border-radius: 2px;
+  white-space: pre;
+  color: black;
+  cursor: pointer;
+}
+
+li.CodeMirror-hint-active {
+  background: #08f;
+  color: white;
+}

data/app/assets/stylesheets/spree/backend/editor.css

@@ -0,0 +1,7 @@
+/*
+// manifest js file for initializing codemirror editor.
+
+*= require 'spree/backend/codemirror/codemirror'
+*= require 'spree/backend/codemirror/show-hint'
+*= require 'spree/backend/codemirror/fullscreen'
+*/

data/app/assets/stylesheets/spree/backend/jquery.treemenu.css

@@ -0,0 +1,8 @@
+/* For treemenu.js */
+.treemenu li { list-style: none; }
+.treemenu .toggler { cursor: pointer; }
+.treemenu .toggler:before { display: inline-block; margin-right: 2pt; }
+li.tree-empty > .toggler { opacity: 0.3; cursor: default; }
+li.tree-empty > .toggler:before { content: "\2212"; }
+li.tree-closed > .toggler:before { content: "+"; }
+li.tree-opened > .toggler:before { content: "\2212"; }

data/app/assets/stylesheets/spree/backend/spree_themes.css

@@ -0,0 +1,7 @@
+/*
+Placeholder manifest file.
+the installer will append this file to the app vendored assets here: 'vendor/assets/stylesheets/spree/backend/all.css'
+
+*= require 'spree/backend/style'
+*= require 'spree/backend/template_editor'
+*/

data/app/assets/stylesheets/spree/backend/style.css

@@ -0,0 +1,239 @@
+a {
+  color: #235ccc;
+}
+.btn-success, 
+.btn.action-capture {
+  color: #fff;
+  background-color: #1e8a1d;
+  border-color: #1e8a1d;
+}
+#main-part {
+  padding: 15px 15px 0;
+}
+
+.theme-row {
+  position: relative;
+}
+.theme {
+  margin-bottom: 30px;
+}
+
+.theme-block {
+  background: #f9f9f9;
+  border: solid 1px #ddd;
+  position: relative;
+  cursor: pointer;
+}
+.theme-block:hover .thumbnail {
+  opacity: 0.3;
+}
+.theme .thumbnail {
+  margin-bottom: 0;
+  padding: 0;
+  border: none;
+  border-radius: 0;
+  transition: all 0.15s
+}
+
+.theme-image {
+  height: auto;
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+}
+.theme-name-area {
+  position: relative;
+}
+.theme-name {
+  border-radius: 0;
+  border-top: solid 1px #ddd;
+  font-size:15px;
+  margin: 0;
+  overflow: hidden;
+  padding: 15px 60px 15px 15px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  background: #f9f9f9;
+}
+.theme .btn-group {
+  bottom: 0;
+  font-size: 13px;
+  position: absolute;
+  right: 0;
+  top: 0;
+  border-left:solid 1px #ddd;
+}
+.theme .btn-group .dropdown-toggle {
+  border-radius: 0;
+  border: none;
+  background: none;
+  float: none;
+  color: rgba(0,0,0,0.5);
+  font-size: 22px;
+  line-height: 48px;
+  width: 60px;
+  padding: 0;
+  height: 47px;
+  transition: all 1s;
+}
+.theme .btn-group .dropdown-toggle:hover {
+  color: rgba(0,0,0,1);
+}
+.theme .btn-group.open .dropdown-toggle {
+  background: rgba(0,0,0,0.6);
+  color: #fff;
+}
+.more-action-glyphicon {
+  transition: all 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275);
+  margin-top: 2px;
+}
+
+.btn-group.open .more-action-glyphicon {
+  -webkit-transform: rotate(90deg);
+  transform: rotate(90deg);
+}
+.theme .btn-group .dropdown-menu {
+  margin-bottom: 0;
+  left: auto;
+  right: 0;
+  padding: 0
+}
+.theme-state .label {
+  border-radius: 2px;
+  font-size: inherit;
+  font-weight: normal;
+  padding: 5px 10px;
+  text-transform: uppercase;
+  vertical-align: middle;
+}
+.published .theme-block {
+  border-color: #6cb575;
+}
+.published .theme-name {
+  background: #6cb575;
+  border-color: #6cb575;
+  color: #fff;
+  padding-right: 110px;
+}
+.theme-name-link {
+  color: inherit;
+}
+.theme-name-link:hover {
+  text-decoration: none;
+  color: inherit;
+}
+.cmn-height-block:after {
+  content: ' ';
+  padding-top: 62%;
+  display: block;
+}
+.cmn-height-block.thumbnail .theme-image {
+  max-height: 228px;
+  overflow: hidden;
+}
+.theme-action-view {
+  position: absolute;
+  top: 50%;
+  left: 0;
+  right: 0;
+  transform: translateY(-40%);
+  text-align: center;
+  opacity: 0;
+}
+.theme-block:hover .theme-action-view {
+  transform: translateY(-50%) scale(1);
+  opacity: 1;
+}
+.updload-theme-panel label {
+  border: 5px dashed rgba(0,0,0,.1);
+  margin: 0;
+  width: 100%;
+  cursor: pointer;
+  position: relative;
+  transition: all 0.3s;
+}
+.file-visible-xs {
+  margin-bottom: 30px;
+}
+.updload-theme-panel label:after {
+  margin-bottom: 45px;
+}
+.updload-theme-panel label:hover {
+  background: #162e40;
+  color: #fff;
+}
+.updload-theme-panel input[type="file"] {
+  opacity: 0;
+  position: absolute;
+  height: 0;
+  width: 0;
+  font-size: 0.01em;
+}
+.updload-theme-panel .file-btn-helper {
+  font-size: 20px;
+  position: absolute;
+  top: 50%;
+  left: 0;
+  right: 0;
+  transform: translateY(-50%);
+  transition: all 0.3s;
+}
+.updload-theme-panel label:hover .file-btn-helper {
+  line-height: 2;
+}
+.updload-theme-panel .file-btn-helper .upload-icon {
+  font-size: 2em;
+}
+
+/*template search bar*/
+.inner-addon { 
+    position: relative;
+}
+.inner-addon .glyphicon {
+  padding: 10px;
+  pointer-events: none;
+  position: absolute;
+}
+.left-addon .glyphicon {
+  left:  0px;
+}
+.right-addon .glyphicon {
+  right: 0px;
+}
+.left-addon input {
+  padding-left:  30px;
+}
+.right-addon input {
+  padding-right: 30px;
+}
+
+.theme .dropdown-item {
+  display: block;
+  width: 100%;
+  padding: 10px;
+  clear: both;
+  font-weight: 400;
+  color: #292b2c;
+  text-align: inherit;
+  white-space: nowrap;
+  background: 0 0;
+}
+.theme .dropdown-item + .dropdown-item {
+  border-top: solid 1px #ddd;
+}
+.theme .dropdown-item:hover {
+  background: #f2f2f2;
+  text-decoration: none;
+  transition: all 0.3s;
+}
+
+.published .btn-group {
+  border-color: #5da066;
+}
+.published .btn-group .dropdown-toggle {
+  color: rgba(144, 251, 157, 0.7);
+}
+.published .btn-group .dropdown-toggle:hover {
+  color: #fff; 
+}

data/app/assets/stylesheets/spree/backend/template_editor.css

@@ -0,0 +1,39 @@
+.admin-editor-section {
+  padding-bottom: 30px;
+}
+.admin-editor-section .CodeMirror {
+  max-width: 100%;
+}
+/* template filetree structure*/
+.tree {
+  background-color: #f9f9f9;
+  margin: 0;
+  padding: 0;
+}
+.tree li, .tree li > a, .tree li > span {
+  padding: 4pt;
+  border-radius: 4px;
+}
+.tree li a {
+  color: inherit;
+  text-decoration: none;
+  line-height: 20pt;
+  border-radius: 4px;
+}
+.tree li a:hover {
+  background-color: #0079b3;
+  color: #fff;
+}
+.tree .active {
+  background-color: #f2f2f2;
+}
+.tree .active a:hover {
+  background-color: #0079b3;
+}
+.tree .treemenu {
+  padding: 0 0 0 10px;
+}
+.highlight-file-link {
+  background: #0079b3;
+  color: #fff !important;
+}

data/app/assets/stylesheets/spree/frontend/spree_themes.css

@@ -0,0 +1,6 @@
+/*
+Placeholder manifest file.
+the installer will append this file to the app vendored assets here: 'vendor/assets/stylesheets/spree/frontend/all.css'
+*/
+
+@import 'theme_preview.css'

data/app/assets/stylesheets/spree/frontend/theme_preview.css

@@ -0,0 +1,9 @@
+.alert-preview {
+  background: #5cb85c;
+  border-color: #5cb85c;
+  color: #fff;
+  margin-bottom: 0 !important;
+}
+.alert-preview [data-method="delete"] {
+  color: #fff;
+}

data/app/controllers/spree/admin/themes_controller.rb

@@ -0,0 +1,80 @@
+module Spree
+  module Admin
+    class ThemesController < Spree::Admin::BaseController
+
+      before_action :load_theme, only: [:state_change, :destroy, :download]
+      before_action :load_themes
+
+      def index
+        @theme = Spree::Theme.new
+      end
+
+      def upload
+        @theme = Spree::Theme.new(theme_params)
+        if @theme.save
+          flash[:notice] = Spree.t('flash.admin.themes.upload.success', name: @theme.name)
+          redirect_to admin_themes_path
+        else
+          flash[:error] = Spree.t('flash.admin.themes.upload.failure', name: @theme.name)
+          render :index
+        end
+      end
+
+      def state_change
+        state = case params[:state]
+                when 'compiled' then @theme.compile
+                when 'published' then @theme.publish
+                else false
+                end
+        if state
+          flash[:notice] = Spree.t('flash.admin.themes.state_change.success', state: params[:state], name: @theme.name)
+          redirect_to admin_themes_path
+        else
+          flash[:error] = Spree.t('flash.admin.themes.state_change.failure', state: params[:state], name: @theme.name, errors: @theme.errors.full_messages.join(', '))
+          render :index
+        end
+      end
+
+      def download
+        begin
+          zipfile = ZipFileBuilder.new(@theme)
+          zipfile.archive
+          send_file(zipfile.output_path, disposition: 'attachment', filename: zipfile.name)
+        rescue Exception => e
+          flash[:error] = Spree.t('flash.admin.themes.download.failure', name: @theme.name, errors: e.message)
+          render :index
+        end
+      end
+
+      def destroy
+        if @theme.destroy
+          flash[:notice] = Spree.t('flash.admin.themes.destroy.success', name: @theme.name)
+          redirect_to admin_themes_path
+        else
+          flash[:error] = Spree.t('flash.admin.themes.destroy.failure', name: @theme.name, errors: @theme.errors.full_messages.join(', '))
+          render :index
+        end
+      end
+
+      private
+
+        def theme_params
+          return {} unless params[:theme]
+          params.require(:theme).permit(:template_file)
+        end
+
+        def load_themes
+          @search = Spree::Theme.search(params[:q])
+          @themes = @search.result.order(:name).page(params[:page]).per(params[:per_page])
+        end
+
+        def load_theme
+          @theme = Spree::Theme.find_by(id: params[:id])
+          unless @theme
+            redirect_to admin_themes_path
+          end
+        end
+
+    end
+  end
+end