lnmch/kops-arm64
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

some style tweaking

Browse Source
This commit is contained in:
Henning Jacobs
2016-12-23 17:40:57 +01:00
parent d949f4618e
commit c52c0c3fa9
2 changed files with 28 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
app/src/app.js
View File

@@ -77,13 +77,13 @@ export default class App {
const menuBar = new PIXI.Graphics() const menuBar = new PIXI.Graphics()
menuBar.beginFill(PRIMARY_VIOLET, 1) menuBar.beginFill(PRIMARY_VIOLET, 1)
menuBar.drawRect(0, 0, window.innerWidth, 35) menuBar.drawRect(0, 0, window.innerWidth, 28)
menuBar.endFill() menuBar.endFill()
stage.addChild(menuBar) stage.addChild(menuBar)
const searchPrompt = new PIXI.Text('>', {fontFamily: 'ShareTechMono', fontSize: 18}) const searchPrompt = new PIXI.Text('>', {fontFamily: 'ShareTechMono', fontSize: 18})
searchPrompt.x = 20 searchPrompt.x = 20
searchPrompt.y = 10 searchPrompt.y = 7
PIXI.ticker.shared.add(function (_) { PIXI.ticker.shared.add(function (_) {
var v = Math.sin((PIXI.ticker.shared.lastTime % 2000) / 2000. * Math.PI) var v = Math.sin((PIXI.ticker.shared.lastTime % 2000) / 2000. * Math.PI)
searchPrompt.alpha = v searchPrompt.alpha = v
@@ -92,21 +92,21 @@ export default class App {
const searchText = new PIXI.Text('', {fontFamily: 'ShareTechMono', fontSize: 18}) const searchText = new PIXI.Text('', {fontFamily: 'ShareTechMono', fontSize: 18})
searchText.x = 40 searchText.x = 40
searchText.y = 5 searchText.y = 7
stage.addChild(searchText) stage.addChild(searchText)
const items = [ const items = [
{ {
text: 'Name', sorterFn: sortByName text: 'SORT: NAME', sorterFn: sortByName
}, },
{ {
text: 'Age', sorterFn: sortByAge text: 'SORT: AGE', sorterFn: sortByAge
}, },
{ {
text: 'Memory', sorterFn: sortByMemory text: 'SORT: MEMORY', sorterFn: sortByMemory
}, },
{ {
text: 'CPU', sorterFn: sortByCPU text: 'SORT: CPU', sorterFn: sortByCPU
} }
] ]
//setting default sort //setting default sort

38
app/src/selectbox.js
View File

@@ -15,15 +15,14 @@ export default class SelectBox extends PIXI.Graphics {
align: 'center' align: 'center'
}) })
this.text.x = 10 this.text.x = 10
this.text.y = 8 this.text.y = 5
this.addChild(this.text) this.addChild(this.text)
} }
onForwardPressed() { onForwardPressed() {
const selectBox = this const selectBox = this
if (selectBox.count + 1 < this.items.length) {
selectBox.count++ selectBox.count++
} else { if (selectBox.count >= this.items.length) {
selectBox.count = 0 selectBox.count = 0
} }
selectBox.text.text = selectBox.items[selectBox.count].text selectBox.text.text = selectBox.items[selectBox.count].text
@@ -32,9 +31,8 @@ export default class SelectBox extends PIXI.Graphics {
onBackPressed() { onBackPressed() {
const selectBox = this const selectBox = this
if (selectBox.count - 1 > 0) {
selectBox.count-- selectBox.count--
} else { if (selectBox.count < 0) {
selectBox.count = selectBox.items.length - 1 selectBox.count = selectBox.items.length - 1
} }
selectBox.text.text = selectBox.items[selectBox.count].text selectBox.text.text = selectBox.items[selectBox.count].text
@@ -51,26 +49,28 @@ export default class SelectBox extends PIXI.Graphics {
selectBox.interactive = true selectBox.interactive = true
// draw a triangle // draw a triangle
backArrow.lineStyle(2, 0x000000, 1) backArrow.lineStyle(1.5, 0x000000, 1)
backArrow.beginFill(PRIMARY_VIOLET, 0.5) backArrow.beginFill(PRIMARY_VIOLET, 0.9)
backArrow.moveTo(0, 2) backArrow.drawRect(-22, 0, 22, 22)
backArrow.lineTo(-20, 14) backArrow.moveTo(-7, 6)
backArrow.lineTo(0, 26) backArrow.lineTo(-16, 11)
backArrow.lineTo(0, 2) backArrow.lineTo(-7, 16)
backArrow.lineTo(-7, 6)
backArrow.endFill() backArrow.endFill()
selectBox.addChild(backArrow) selectBox.addChild(backArrow)
selectBox.lineStyle(2, 0x000000, 1) selectBox.lineStyle(1.5, 0x000000, 1)
selectBox.beginFill(PRIMARY_VIOLET, 0.5) selectBox.beginFill(PRIMARY_VIOLET, 0.5)
selectBox.drawRoundedRect(4, 0, 100, 28, 5) selectBox.drawRect(4, 0, 100, 22)
selectBox.endFill() selectBox.endFill()
forwardArrow.lineStyle(2, 0x000000, 1) forwardArrow.lineStyle(1.5, 0x000000, 1)
forwardArrow.beginFill(PRIMARY_VIOLET, 0.5) forwardArrow.beginFill(PRIMARY_VIOLET, 0.9)
forwardArrow.moveTo(108, 2) forwardArrow.drawRect(108, 0, 22, 22)
forwardArrow.lineTo(128, 14) forwardArrow.moveTo(115, 6)
forwardArrow.lineTo(108, 26) forwardArrow.lineTo(124, 11)
forwardArrow.lineTo(108, 2) forwardArrow.lineTo(115, 16)
forwardArrow.lineTo(115, 6)
forwardArrow.endFill() forwardArrow.endFill()
selectBox.addChild(forwardArrow) selectBox.addChild(forwardArrow)