kms_catalog 0.4.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 30844053e11e92d563963fdcf876d6b5991e3ebc
+  data.tar.gz: ed2c7a1f0f173c3a532b5de4196dadd9d51e43cd
+SHA512:
+  metadata.gz: fc6ca4ea3068bbe3f938b956e44ce6ba2ad16ceccc7d530ee8f2ef8d6179bf055fb8f69cc8cc071c2a2bb0ba2a93db00f45cbe521099ee405ea653ad1a7b8b6a
+  data.tar.gz: e9bed74cee7b334e6b767a9fdd4e6181407d76406db1bfbb3314733d007887fd8de7e9718e6dd0580b3326be4ac476e2dd1eab4e61749e550e817aec487eb677

data/MIT-LICENSE

@@ -0,0 +1,20 @@
+Copyright 2014 Igor Petrov
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/Rakefile

@@ -0,0 +1,37 @@
+begin
+  require 'bundler/setup'
+rescue LoadError
+  puts 'You must `gem install bundler` and `bundle install` to run rake tasks'
+end
+
+require 'rdoc/task'
+
+RDoc::Task.new(:rdoc) do |rdoc|
+  rdoc.rdoc_dir = 'rdoc'
+  rdoc.title    = 'Catalog'
+  rdoc.options << '--line-numbers'
+  rdoc.rdoc_files.include('README.rdoc')
+  rdoc.rdoc_files.include('lib/**/*.rb')
+end
+
+APP_RAKEFILE = File.expand_path("../test/dummy/Rakefile", __FILE__)
+load 'rails/tasks/engine.rake'
+
+
+load 'rails/tasks/statistics.rake'
+
+
+
+Bundler::GemHelper.install_tasks
+
+require 'rake/testtask'
+
+Rake::TestTask.new(:test) do |t|
+  t.libs << 'lib'
+  t.libs << 'test'
+  t.pattern = 'test/**/*_test.rb'
+  t.verbose = false
+end
+
+
+task default: :test

data/app/assets/javascripts/kms_catalog/application/controllers/categories_controller.coffee

@@ -0,0 +1,63 @@
+CategoriesController = ($scope, $state, $cookieStore, Restangular, $stateParams) ->
+  $scope.editorOptions =
+    filebrowserUploadUrl: '/assets/ckeditor'
+  $scope.store = Restangular.all('categories')
+
+  Restangular.all('users').customGET('kms_user').then (current_user) ->
+    $scope.currentUser = current_user
+    $scope.currentUser.admin = $scope.currentUser.role == 'admin'
+
+  $scope.exceptCurrentCategory = ->
+    new_categories = []
+    for p in $scope.categories
+      new_categories.push(p) if p.id != parseInt($stateParams.id)
+    new_categories
+
+  $scope.store.getList().then (categories)->
+    $scope.categories = categories
+    if $stateParams.id
+      $scope.categories = $scope.exceptCurrentCategory()
+
+  if $stateParams.id
+    $scope.store.get($stateParams.id).then (category)->
+      $scope.category = category
+  else
+    $scope.category = {}
+
+  $scope.create = ->
+    fd = new FormData
+    fd.append('category[name]', $scope.category.name || '')
+    fd.append('category[parent_id]', $scope.category.parent_id || '')
+    fd.append('category[description]', $scope.category.description || '')
+    fd.append('category[seo_title]', $scope.category.seo_title || '')
+    fd.append('category[seo_keywords]', $scope.category.seo_keywords || '')
+    fd.append('category[seo_description]', $scope.category.seo_description || '')
+    fd.append('category[logo]', $scope.category.logo)
+    $scope.store.withHttpConfig({ transformRequest: angular.identity }).post(fd, null, {"Content-Type": undefined}).then ->
+      $state.go('categories')
+    ,->
+      console.log('bug')
+
+  $scope.update = ->
+    fd = new FormData
+    fd.append('category[name]', $scope.category.name || '')
+    fd.append('category[parent_id]', $scope.category.parent_id || '')
+    fd.append('category[description]', $scope.category.description || '')
+    fd.append('category[seo_title]', $scope.category.seo_title || '')
+    fd.append('category[seo_keywords]', $scope.category.seo_keywords || '')
+    fd.append('category[seo_description]', $scope.category.seo_description || '')
+    if $scope.category.logo.constructor.name == "File"
+      fd.append('category[logo]', $scope.category.logo)
+    $scope.category.withHttpConfig({ transformRequest: angular.identity }).post('', fd, '', {"Content-Type": undefined}).then ->
+      $state.go('categories')
+    ,->
+      console.log('bug')
+
+  $scope.destroy = (category)->
+    category.remove().then ->
+      $scope.categories = _.without($scope.categories, category)
+
+
+
+angular.module('KMS')
+    .controller('CategoriesController', ['$scope', '$state', '$cookieStore', 'Restangular', '$stateParams', CategoriesController])

data/app/assets/javascripts/kms_catalog/application/controllers/option_types_controller.coffee

@@ -0,0 +1,68 @@
+OptionTypesController = ($scope, $state, $cookieStore, Restangular, $stateParams) ->
+  $scope.option_type = {}
+  # $scope.editorOptions =
+  #   filebrowserUploadUrl: '/assets/ckeditor'
+  #
+  # Restangular.all('users').customGET('kms_user').then (current_user) ->
+  #   $scope.currentUser = current_user
+  #   $scope.currentUser.admin = $scope.currentUser.role == 'admin'
+  #
+  # $scope.categories = []
+  Restangular.all('option_types').getList().then (option_types) ->
+    $scope.global_option_types = option_types
+
+  $scope.store = Restangular.service('option_types', Restangular.one('products', $stateParams.id))
+  $scope.store.getList().then (option_types) ->
+     $scope.option_types = _.groupBy(option_types, 'tag')
+     $scope.tags = Object.keys($scope.option_types)
+  # $scope.store = Restangular.all('products')
+  # $scope.store.getList().then (products)->
+  #   $scope.products = products
+  #
+  # if $stateParams.id
+  #   $scope.store.get($stateParams.id).then (product)->
+  #     $scope.product = product
+  # else
+  #   $scope.product = {category_ids: []}
+  #
+
+  $scope.create = ->
+    $scope.store.post($scope.option_type).then ->
+      $scope.store.getList().then (option_types) ->
+         $scope.option_types = _.groupBy(option_types, 'tag')
+         $scope.tags = Object.keys($scope.option_types)
+      $scope.option_type = {}
+      console.log('option type created!')
+    ,->
+      console.log('bug')
+  #
+  # $scope.update = ->
+  #   fd = new FormData
+  #   fd.append('product[name]', $scope.product.name || '')
+  #   fd.append('product[description]', $scope.product.description || '')
+  #   fd.append('product[price]', $scope.product.price || '')
+  #   fd.append('product[category_ids]', $scope.product.category_ids)
+  #   if $scope.product.image.constructor.name == "File"
+  #     fd.append('product[image]', $scope.product.image)
+  #   if $scope.product.preview_image.constructor.name == "File"
+  #     fd.append('product[preview_image]', $scope.product.preview_image)
+  #   $scope.product.withHttpConfig({ transformRequest: angular.identity }).post('', fd, '', {"Content-Type": undefined}).then ->
+  #     $state.go('products')
+  #   ,->
+  #     console.log('bug')
+  #
+  $scope.destroy = (option_type)->
+    option_type.remove().then ->
+      $scope.store.getList().then (option_types) ->
+         $scope.option_types = _.groupBy(option_types, 'tag')
+         $scope.tags = Object.keys($scope.option_types)
+  #
+  # $scope.exceptCurrentCategory = ->
+  #   new_products = []
+  #   for p in $scope.products
+  #     new_products.push(p) if p.id != ($scope.product && $scope.product.id)
+  #   new_products
+
+
+angular.module('KMS')
+    .controller('OptionTypesController', ['$scope', '$state', '$cookieStore', 'Restangular', '$stateParams', OptionTypesController])

data/app/assets/javascripts/kms_catalog/application/controllers/option_values_controller.coffee

@@ -0,0 +1,71 @@
+OptionValuesController = ($scope, $state, $cookieStore, Restangular, $stateParams) ->
+  # $scope.editorOptions =
+  #   filebrowserUploadUrl: '/assets/ckeditor'
+  #
+  # Restangular.all('users').customGET('kms_user').then (current_user) ->
+  #   $scope.currentUser = current_user
+  #   $scope.currentUser.admin = $scope.currentUser.role == 'admin'
+  #
+  # $scope.categories = []
+  $scope.option_value = {}
+
+  $scope.store = Restangular.one('products', $stateParams.product_id).one('variants', $stateParams.id).all('option_values')
+  $scope.store.getList().then (option_values) ->
+     $scope.option_values = _.groupBy(option_values, 'tag')
+
+  Restangular.one('products', $stateParams.product_id).one('variants', $stateParams.id).customGET('available_option_types').then (option_types) ->
+    $scope.available_option_types = option_types
+
+  # $scope.store = Restangular.all('products')
+  # $scope.store.getList().then (products)->
+  #   $scope.products = products
+  #
+  # if $stateParams.id
+  #   $scope.store.get($stateParams.id).then (product)->
+  #     $scope.product = product
+  # else
+  #   $scope.product = {category_ids: []}
+  #
+
+  $scope.create = ->
+    $scope.store.post($scope.option_value).then ->
+      $scope.store.getList().then (option_types) ->
+         $scope.option_values = _.groupBy(option_types, 'tag')
+      $scope.option_value = {}
+      Restangular.one('products', $stateParams.product_id).one('variants', $stateParams.id).customGET('available_option_types').then (option_types) ->
+        $scope.available_option_types = option_types
+      console.log('option value created!')
+    ,->
+      console.log('bug')
+
+  # $scope.update = ->
+  #   fd = new FormData
+  #   fd.append('product[name]', $scope.product.name || '')
+  #   fd.append('product[description]', $scope.product.description || '')
+  #   fd.append('product[price]', $scope.product.price || '')
+  #   fd.append('product[category_ids]', $scope.product.category_ids)
+  #   if $scope.product.image.constructor.name == "File"
+  #     fd.append('product[image]', $scope.product.image)
+  #   if $scope.product.preview_image.constructor.name == "File"
+  #     fd.append('product[preview_image]', $scope.product.preview_image)
+  #   $scope.product.withHttpConfig({ transformRequest: angular.identity }).post('', fd, '', {"Content-Type": undefined}).then ->
+  #     $state.go('products')
+  #   ,->
+  #     console.log('bug')
+  #
+  $scope.destroy = (option_value)->
+    option_value.remove().then ->
+      $scope.store.getList().then (option_values) ->
+         $scope.option_values = _.groupBy(option_values, 'tag')
+      Restangular.one('products', $stateParams.product_id).one('variants', $stateParams.id).customGET('available_option_types').then (option_types) ->
+        $scope.available_option_types = option_types
+  #
+  # $scope.exceptCurrentCategory = ->
+  #   new_products = []
+  #   for p in $scope.products
+  #     new_products.push(p) if p.id != ($scope.product && $scope.product.id)
+  #   new_products
+
+
+angular.module('KMS')
+    .controller('OptionValuesController', ['$scope', '$state', '$cookieStore', 'Restangular', '$stateParams', OptionValuesController])

data/app/assets/javascripts/kms_catalog/application/controllers/products_controller.coffee

@@ -0,0 +1,77 @@
+ProductsController = ($scope, $state, $cookieStore, Restangular, $stateParams) ->
+  $scope.editorOptions =
+    filebrowserUploadUrl: '/assets/ckeditor'
+
+  Restangular.all('users').customGET('kms_user').then (current_user) ->
+    $scope.currentUser = current_user
+    $scope.currentUser.admin = $scope.currentUser.role == 'admin'
+
+  $scope.categories = []
+  Restangular.all('categories').getList().then (categories)->
+    $scope.categories = categories
+  $scope.store = Restangular.all('products')
+  $scope.store.getList().then (products)->
+    $scope.products = products
+
+  if $stateParams.id
+    $scope.store.get($stateParams.id).then (product)->
+      $scope.product = product
+  else
+    $scope.product = {category_ids: []}
+
+  $scope.addCat = (item, model) ->
+    index = $scope.product.category_ids.indexOf(item.id)
+    unless index > -1
+      $scope.product.category_ids.push(item.id)
+  $scope.removeCat = (item, model) ->
+    index = $scope.product.category_ids.indexOf(item.id)
+    if index > -1
+      $scope.product.category_ids.splice(index, 1)
+
+  $scope.create = ->
+    fd = new FormData
+    fd.append('product[name]', $scope.product.name || '')
+    fd.append('product[description]', $scope.product.description || '')
+    fd.append('product[price]', $scope.product.price || '')
+    fd.append('product[category_ids]', $scope.product.category_ids)
+    fd.append('product[image]', $scope.product.image)
+    fd.append('product[preview_image]', $scope.product.preview_image)
+    fd.append('product[seo_title]', $scope.product.seo_title || '')
+    fd.append('product[seo_keywords]', $scope.product.seo_keywords || '')
+    fd.append('product[seo_description]', $scope.product.seo_description || '')
+    $scope.store.withHttpConfig({ transformRequest: angular.identity }).post(fd, null, {"Content-Type": undefined}).then ->
+      $state.go('products')
+    ,->
+      console.log('bug')
+
+  $scope.update = ->
+    fd = new FormData
+    fd.append('product[name]', $scope.product.name || '')
+    fd.append('product[description]', $scope.product.description || '')
+    fd.append('product[price]', $scope.product.price || '')
+    fd.append('product[category_ids]', $scope.product.category_ids)
+    fd.append('product[seo_title]', $scope.product.seo_title || '')
+    fd.append('product[seo_keywords]', $scope.product.seo_keywords || '')
+    fd.append('product[seo_description]', $scope.product.seo_description || '')
+    if $scope.product.image.constructor.name == "File"
+      fd.append('product[image]', $scope.product.image)
+    if $scope.product.preview_image.constructor.name == "File"
+      fd.append('product[preview_image]', $scope.product.preview_image)
+    $scope.product.withHttpConfig({ transformRequest: angular.identity }).post('', fd, '', {"Content-Type": undefined}).then ->
+      $state.go('products')
+    ,->
+      console.log('bug')
+
+  $scope.destroy = (product)->
+    product.remove().then ->
+      $scope.products = _.without($scope.products, product)
+
+  $scope.exceptCurrentCategory = ->
+    new_products = []
+    for p in $scope.products
+      new_products.push(p) if p.id != ($scope.product && $scope.product.id)
+    new_products
+
+
+angular.module('KMS')
+    .controller('ProductsController', ['$scope', '$state', '$cookieStore', 'Restangular', '$stateParams', ProductsController])

data/app/assets/javascripts/kms_catalog/application/controllers/properties_controller.coffee

@@ -0,0 +1,38 @@
+PropertiesController = ($scope, $state, $cookieStore, Restangular, $stateParams) ->
+  $scope.property = {}
+  # $scope.editorOptions =
+  #   filebrowserUploadUrl: '/assets/ckeditor'
+  #
+  # Restangular.all('users').customGET('kms_user').then (current_user) ->
+  #   $scope.currentUser = current_user
+  #   $scope.currentUser.admin = $scope.currentUser.role == 'admin'
+  #
+  # $scope.categories = []
+  $scope.store = Restangular.service('properties', Restangular.one('products', $stateParams.id))
+  $scope.store.getList().then (properties) ->
+     $scope.properties = _.groupBy(properties, 'tag')
+     $scope.tags = Object.keys($scope.properties)
+
+  $scope.create = ->
+    $scope.store.post($scope.property).then ->
+      $scope.store.getList().then (properties) ->
+         $scope.properties = _.groupBy(properties, 'tag')
+         $scope.tags = Object.keys($scope.properties)
+      $scope.property = {}
+      console.log('property created!')
+    ,->
+      console.log('bug')
+
+  $scope.update = (data, property)->
+    property.name = data.name
+    property.value = data.value
+    property.save()
+
+  $scope.destroy = (property)->
+    property.remove().then ->
+      $scope.store.getList().then (properties) ->
+         $scope.properties = _.groupBy(properties, 'tag')
+         $scope.tags = Object.keys($scope.properties)
+
+angular.module('KMS')
+    .controller('PropertiesController', ['$scope', '$state', '$cookieStore', 'Restangular', '$stateParams', PropertiesController])

data/app/assets/javascripts/kms_catalog/application/controllers/variants_controller.coffee

@@ -0,0 +1,45 @@
+VariantsController = ($scope, $state, $cookieStore, Restangular, $stateParams) ->
+  $scope.store = Restangular.one('products', $stateParams.product_id).all('variants')
+  $scope.store.getList().then (variants) ->
+     $scope.variants = variants#_.groupBy(option_types, 'tag')
+
+  if $stateParams.id
+    $scope.store.one($stateParams.id).get().then (variant)->
+      $scope.variant = variant
+  else
+    $scope.variant = {}
+
+  $scope.create = ->
+    fd = new FormData
+    fd.append('variant[name]', $scope.variant.name || '')
+    fd.append('variant[price]', $scope.variant.price || '')
+    fd.append('variant[image]', $scope.variant.image)
+    $scope.store.withHttpConfig({ transformRequest: angular.identity }).post(fd, null, {"Content-Type": undefined}).then (variant)->
+      $state.go('variants.edit', {product_id: $stateParams.product_id, id: variant.id})
+    ,->
+      console.log('bug')
+
+  $scope.update = ->
+    fd = new FormData
+    fd.append('variant[name]', $scope.variant.name || '')
+    fd.append('variant[price]', $scope.variant.price || '')
+    if $scope.variant.image.constructor.name == "File"
+      fd.append('variant[image]', $scope.variant.image)
+    $scope.variant.withHttpConfig({ transformRequest: angular.identity }).post('', fd, '', {"Content-Type": undefined}).then ->
+      $state.go('variants')
+    ,->
+      console.log('bug')
+
+  $scope.destroy = (variant)->
+    variant.remove().then ->
+      $scope.variants = _.without($scope.variants, variant)
+
+  # $scope.exceptCurrentCategory = ->
+  #   new_products = []
+  #   for p in $scope.products
+  #     new_products.push(p) if p.id != ($scope.product && $scope.product.id)
+  #   new_products
+
+
+angular.module('KMS')
+    .controller('VariantsController', ['$scope', '$state', '$cookieStore', 'Restangular', '$stateParams', VariantsController])

data/app/assets/javascripts/kms_catalog/application/routes.coffee.erb

@@ -0,0 +1,97 @@
+'use strict'
+
+angular.module('KMS').config ['$stateProvider', '$urlRouterProvider', ($stateProvider, $urlRouterProvider) ->
+
+    # Application routes
+    $stateProvider
+        .state('categories', {
+            url: '/kms/categories',
+            views:
+              "header":
+                template: "<%= Kms::Category.model_name.human(count: 1.1) %>"
+              "@":
+                controller: 'CategoriesController',
+                controllerAs: 'categories',
+                templateUrl: 'categories/index.html',
+        })
+        .state('categories.new', {
+            url: '/new',
+            views:
+              "header@":
+                template: "<%= I18n.t(:new_category) %>"
+              "@":
+                controller: 'CategoriesController',
+                controllerAs: 'categories',
+                templateUrl: 'categories/new.html',
+        })
+        .state('categories.edit', {
+            url: '/:id/edit',
+            views:
+              "header@":
+                template: "<%= I18n.t(:edit_category) %>"
+              "@":
+                controller: 'CategoriesController',
+                controllerAs: 'categories',
+                templateUrl: 'categories/edit.html',
+        })
+        .state('products', {
+            url: '/kms/products',
+            views:
+              "header":
+                template: "<%= Kms::Product.model_name.human(count: 1.1) %>"
+              "@":
+                controller: 'ProductsController',
+                controllerAs: 'products',
+                templateUrl: 'products/index.html',
+        })
+        .state('products.new', {
+            url: '/new',
+            views:
+              "header@":
+                template: "<%= I18n.t(:new_product) %>"
+              "@":
+                controller: 'ProductsController',
+                controllerAs: 'products',
+                templateUrl: 'products/new.html',
+        })
+        .state('products.edit', {
+            url: '/:id/edit',
+            views:
+              "header@":
+                template: "<%= I18n.t(:edit_product) %>"
+              "@":
+                controller: 'ProductsController',
+                controllerAs: 'products',
+                templateUrl: 'products/edit.html',
+        })
+        .state('variants', {
+          url: '/kms/products/:product_id/variants',
+          views:
+            "header":
+              template: "<%= Kms::Variant.model_name.human(count: 1.1) %>"
+            "@":
+              controller: 'VariantsController',
+              controllerAs: 'variants',
+              templateUrl: 'products/variants/index.html'
+          })
+        .state('variants.new', {
+          url: '/new',
+          views:
+            "header@":
+              template: "<%= I18n.t(:new_variant) %>"
+            "@":
+              controller: 'VariantsController',
+              controllerAs: 'variants',
+              templateUrl: 'products/variants/new.html'
+          })
+        .state('variants.edit', {
+          url: '/:id/edit',
+          views:
+            "header@":
+              template: "<%= I18n.t(:edit_variant) %>"
+            "@":
+              controller: 'VariantsController',
+              controllerAs: 'variants',
+              templateUrl: 'products/variants/edit.html'
+          })
+]

data/app/assets/javascripts/kms_catalog/application.js

@@ -0,0 +1,3 @@
+//= require "kms_catalog/application/routes"
+//= require_tree "../templates"
+//= require_tree "./application/controllers"

data/app/assets/javascripts/templates/categories/edit.html.slim

@@ -0,0 +1,5 @@
+.row
+  .col-lg-12
+    form role="form" ng-submit="update()"
+      ng-include src="'categories/form.html'"
+      button.btn.btn-default type="submit" = I18n.t(:update_category)

data/app/assets/javascripts/templates/categories/form.html.slim

@@ -0,0 +1,32 @@
+.form-group
+  label for="name" = Kms::Category.human_attribute_name(:name)
+  input#name.form-control type="text" ng-model="category.name"
+.form-group
+  label for="parent_id" = Kms::Category.human_attribute_name(:parent)
+  select#parent_id.form-control ng-model="category.parent_id" ng-options="category.id as category.name for category in categories"
+.form-group
+  label for="description" = Kms::Category.human_attribute_name(:description)
+  textarea#description.form-control ng-model="category.description" rows="15" ng-if="currentUser.admin" ui-codemirror="{lineNumbers: true, mode:'htmlmixed'}"
+  textarea#description.form-control ng-model="category.description" rows="15" ng-if="!currentUser.admin" ckeditor='editorOptions'
+.form-group
+  label for="logo" = Kms::Category.human_attribute_name(:logo)
+  div flow-init="{singleFile: true, headers: setHeaders, fileParameterName: 'category[logo]'}" flow-files-submitted="category.logo = $flow.files[0].file" flow-file-added="!!{png:1,gif:1,jpg:1,jpeg:1}[$file.getExtension()]" flow-file-success="$file.msg = $message"
+    input type="file" flow-btn="" ng-model='category.logo'
+    div class="thumbnail" ng-show="!$flow.files.length"
+      img ng-src="{{category.logo.url}}"
+    div class="thumbnail" ng-show="$flow.files.length"
+      img flow-img="$flow.files[0]"
+accordion close-others="true"
+  accordion-group is-open="status.open"
+    accordion-heading
+      i.pull-left.glyphicon ng-class="{'glyphicon-chevron-down': status.open, 'glyphicon-chevron-right': !status.open}"
+      |  SEO
+    .form-group
+      label for="seo_title" = Kms::Category.human_attribute_name(:seo_title)
+      input#seo_title.form-control type="text" ng-model="category.seo_title"
+    .form-group
+      label for="seo_keywords" = Kms::Category.human_attribute_name(:seo_keywords)
+      input#seo_keywords.form-control type="text" ng-model="category.seo_keywords"
+    .form-group
+      label for="seo_description" = Kms::Category.human_attribute_name(:seo_description)
+      input#seo_description.form-control type="text" ng-model="category.seo_description"

data/app/assets/javascripts/templates/categories/index.html.slim

@@ -0,0 +1,21 @@
+.row
+  .col-lg-12
+    .widget
+      .widget-header
+        i.fa.fa-list
+        = Kms::Category.model_name.human(count: 1.1)
+        a.btn.btn-sm.btn-primary.pull-right ui-sref="categories.new"
+          = I18n.t("add_category")
+      .widget-body.no-padding
+        .table-responsive
+          table.table
+            tbody
+              tr ng-repeat="category in categories"
+                td style="width: 80%"
+                  | {{ category.name }}
+                td
+                  .btn-group.pull-right
+                    a.btn.btn-sm.btn-info ui-sref="categories.edit({id: category.id})"
+                      i.fa.fa-pencil
+                    a.btn.btn-sm.btn-danger ng-click="destroy(category)"
+                      i.fa.fa-times

data/app/assets/javascripts/templates/categories/new.html.slim

@@ -0,0 +1,5 @@
+.row
+  .col-lg-12
+    form role="form" ng-submit="create()"
+      ng-include src="'categories/form.html'"
+      button.btn.btn-default type="submit" = I18n.t(:add_category)