raggedstaff/openfoodnetwork
1
0
Fork 0
mirror of https://github.com/openfoodfoundation/openfoodnetwork synced 2026-03-12 03:50:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

WIP: Adding a side_menu to the enterprise form

Browse Source
This commit is contained in:
Rob Harrington
2014-11-28 12:05:01 +11:00
parent b0c86f83ee
commit 39ca0ce3dc
9 changed files with 102 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
app/assets/javascripts/admin/all.js
View File

@@ -22,6 +22,7 @@
//= require ./payment_methods/payment_methods
//= require ./products/products
//= require ./shipping_methods/shipping_methods
//= require ./side_menu/side_menu
//= require ./utils/utils
//= require ./users/users
//= require textAngular.min.js

20
app/assets/javascripts/admin/enterprises/controllers/side_menu_controller.js.coffee Normal file
View File

@@ -0,0 +1,20 @@
angular.module("admin.enterprises")
.controller "sideMenuCtrl", ($scope, Enterprise, SideMenu) ->
$scope.Enterprise = Enterprise.enterprise
$scope.select = SideMenu.select
SideMenu.setItems [
{ name: 'Primary Details' }
{ name: 'Address' }
{ name: "Shipping Methods"}
{ name: "Payment Methods"}
{ name: "Enterprise Fees"}
{ name: 'Contact & Social' }
{ name: 'About' }
{ name: "Business Details"}
{ name: 'Images' }
{ name: "Preferences"}
]
$scope.select(0)
$scope.menu = SideMenu.items

2
app/assets/javascripts/admin/enterprises/enterprises.js.coffee
View File

@@ -1 +1 @@
angular.module("admin.enterprises", ["admin.payment_methods", "admin.utils", "admin.shipping_methods", "admin.users", "textAngular"])
angular.module("admin.enterprises", [

15
app/assets/javascripts/admin/side_menu/services/side_menu.js.coffee Normal file
View File

@@ -0,0 +1,15 @@
angular.module("admin.side_menu")
.factory "SideMenu", ->
new class SideMenu
items: []
selected: null
setItems: (items) =>
@items = items
select: (index) =>
@selected.selected = false if @selected
@selected = @items[index]
@selected.selected = true

1
app/assets/javascripts/admin/side_menu/side_menu.js.coffee Normal file
View File

@@ -0,0 +1 @@
angular.module("admin.side_menu", [])

17
app/assets/stylesheets/admin/side_menu.css.sass Normal file
View File

@@ -0,0 +1,17 @@
.side_menu
border-right: 2px solid #f6f6f6
border-top: 2px solid #f6f6f6
.menu_item
padding: 8px 15px
font-size: 120%
cursor: pointer
text-transform: uppercase
&.even
background-color: #ebf3fb
&.odd
background-color: #ffffff
&:hover
background-color: #eaf0f5
&.selected
background-color: #5498da
color: #ffffff

6
app/views/admin/enterprises/_ng_form.html.haml
View File

@@ -11,11 +11,11 @@
} do |f|
.row
.sixteen.columns.alpha
.four.columns.omega
= render 'side_menu'
.one.column  
.eleven.columns.alpha.fullwidth_inputs
= render 'form', f: f
.one.column  
.four.columns.omega
= render 'sidebar', f: f
.row
.twelve.columns.alpha
= render partial: "spree/admin/shared/#{action}_resource_links"

3
app/views/admin/enterprises/_side_menu.html.haml Normal file
View File

@@ -0,0 +1,3 @@
.side_menu{ ng: { controller: 'sideMenuCtrl' } }
.menu_item{ ng: { repeat: '(index,item) in menu', click: 'select(index)', class: '{ selected: item.selected}', 'class-odd' => "'odd'", 'class-even' => "'even'" } }
{{ item.name }}