diff options
author | ramverma <ram.krishna.verma@ericsson.com> | 2018-07-13 12:32:32 +0100 |
---|---|---|
committer | ramverma <ram.krishna.verma@ericsson.com> | 2018-07-13 16:07:05 +0100 |
commit | 08b595c863b45e759e57ef419c83dad2b209df9c (patch) | |
tree | 02f9c3e7c74e5b1242d4a04c21ade4e4ea501063 /client/client-editor/src/main/resources/webapp/js/showhideElement.js | |
parent | 7fbb46185166f2699b624cd2616c6fdd74ef4832 (diff) |
Adding client editor module to apex-pdp
The size of the review is big because of following:
1. edit_area & jquery are 3PP's used in the client editor
2. ui elements like svg, gifs, png
Change-Id: Ib62d8e6dda6e6dc1b6e604298e23505523f77cf2
Issue-ID: POLICY-864
Signed-off-by: ramverma <ram.krishna.verma@ericsson.com>
Diffstat (limited to 'client/client-editor/src/main/resources/webapp/js/showhideElement.js')
-rw-r--r-- | client/client-editor/src/main/resources/webapp/js/showhideElement.js | 60 |
1 files changed, 60 insertions, 0 deletions
diff --git a/client/client-editor/src/main/resources/webapp/js/showhideElement.js b/client/client-editor/src/main/resources/webapp/js/showhideElement.js new file mode 100644 index 000000000..7c1b9162b --- /dev/null +++ b/client/client-editor/src/main/resources/webapp/js/showhideElement.js @@ -0,0 +1,60 @@ +/* + * ============LICENSE_START======================================================= + * Copyright (C) 2016-2018 Ericsson. All rights reserved. + * ================================================================================ + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + * + * SPDX-License-Identifier: Apache-2.0 + * ============LICENSE_END========================================================= + */ + +function showHideElement_display(showhide, element, _showstyle, _hidestyle, _buttonshowstyle, _buttonhidestyle) { + var checkbox = $(showhide).find('input:checkbox:first'); + if (checkbox) { + checkbox.change(function(event) { + $(element).toggle("fast"); + }); + } else { + if (_buttonshowstyle) { + showhide.classList.remove(_buttonshowstyle); + } + if (_buttonhidestyle) { + showhide.classList.add(_buttonhidestyle); + } + showhide.onclick = function(event) { + $(element).toggle("fast"); + }; + } +} + +function showHideElement(id_prefix, element, _initialhide, _showText, _hideText, _showstyle, _hidestyle, + _buttonshowstyle, _buttonhidestyle) { + var retdiv = document.createElement("div"); + var divname = id_prefix; + retdiv.setAttribute("id", divname); + retdiv.setAttribute("class", "showHideElement"); + var showhide = document.createElement("div"); + retdiv.appendChild(showhide); + showhide.setAttribute("id", divname + "_showhide"); + showhide.innerHTML = '<label class="ebSwitcher"><input type="checkbox" class="ebSwitcher-checkbox" /><div class="ebSwitcher-body"><div class="ebSwitcher-onLabel">Show</div><div class="ebSwitcher-switch"></div><div class="ebSwitcher-offLabel">Hide</div></div></label>'; + + retdiv.appendChild(element); + if (_initialhide != null && _initialhide === true) { + element.style.display = "none"; + } else { + element.style.display = "block"; + } + showHideElement_display(showhide, element, _showstyle, _hidestyle, undefined, undefined); + return retdiv; +}; + |