flynx/ImageGrid
1
1
Fork 0
mirror of https://github.com/flynx/ImageGrid.git synced 2025-10-28 18:00:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

added orientation button to waveform...

Browse Source 
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
Alex A. Naanou 2020-05-17 04:41:27 +03:00
parent 1fdcef47cb
commit f0a6b5cb8f
1 changed files with 30 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
ui (gen4)/lib/components/ig-image-graph.js
View File

@ -325,11 +325,15 @@ var igImageGraph_template = `
float: right;
font-size: 12px;
}
:host .controls button[disabled] {
opacity: 0.3;
user-select: none;
}
:host .controls button.current {
text-decoration: underline;
opacity: 0.9;
}
:host .controls button:hover {
:host .controls button:hover:not([disabled]) {
opacity: 1;
}
</style>
@ -471,10 +475,33 @@ object.Constructor('igImageGraph', HTMLElement, {
//button.innerHTML = '&#9681;'
button.innerHTML = '&#9706;'
button.onclick = function(){
that.graph = that.graph == 'waveform' ?
var g = that.graph = that.graph == 'waveform' ?
'histogram'
: 'waveform'
that.update() }
var b = button.parentElement.querySelector('#orientation-button') || {}
b.disabled = that.graph != 'waveform'
}
return button }(),
// orientation...
function(){
var button = document.createElement('button')
button.setAttribute('id', 'orientation-button')
button.classList.add('update')
//button.innerHTML = '&#9637;'
button.innerHTML = '&#8597;'
button.disabled = that.graph != 'waveform'
var o = that.orientation || 0
button.onclick = function(){
var n = that.orientation =
that.orientation == 0 ?
90
: that.orientation == 180 ?
270
: that.orientation == 270 ?
180
: 0
this.style.transform = 'rotate('+(o == n ? 0 : -90)+'deg)'
}
return button }(),
// modes...
(this.nocontrols ?