Merge pull request #3482 from riking/patch-3

Import/Export site customizations

app/assets/javascripts/admin/controllers/admin-customize-css-html.js.es6

@@ -1,3 +1,5 @@
+import showModal from 'discourse/lib/show-modal';
+
 /**
   This controller supports interface for creating custom CSS skins in Discourse.
 
@@ -21,6 +23,10 @@ export default Ember.ArrayController.extend({
       this.set('selectedItem', item);
     },
 
+    importModal: function() {
+      showModal('upload-customization');
+    },
+
     /**
       Select a given style
 

app/assets/javascripts/admin/models/site_customization.js

@@ -78,13 +78,18 @@ Discourse.SiteCustomization = Discourse.Model.extend({
       siteCustomization.set('savingStatus', I18n.t('saved'));
       siteCustomization.set('saving',false);
       siteCustomization.startTrackingChanges();
+      return siteCustomization;
     });
   },
 
   destroy: function() {
     if (!this.id) return;
     return Discourse.ajax("/admin/site_customizations/" + this.id, { type: 'DELETE' });
-  }
+  },
+
+  download_url: function() {
+    return Discourse.getURL('/admin/site_customizations/' + this.id);
+  }.property('id')
 });
 
 var SiteCustomizations = Ember.ArrayProxy.extend({

app/assets/javascripts/admin/templates/customize_css_html.hbs

@@ -8,12 +8,14 @@
   <button {{action "newCustomization"}} class='btn'>
     {{fa-icon "plus"}}{{i18n 'admin.customize.new'}}
   </button>
+  {{d-button action="importModal" icon="upload" label="admin.customize.import"}}
 </div>
 
 {{#if selectedItem}}
   <div {{bind-attr class=":current-style view.maximized:maximized"}}>
     <div class='wrapper'>
       {{text-field class="style-name" value=selectedItem.name}}
+      <a class="btn export" download target="_blank" href={{selectedItem.download_url}}>{{fa-icon "download"}} {{i18n 'admin.export_json.button_text'}}</a>
 
       <div class='admin-controls'>
         <ul class="nav nav-pills">