├── README.md
├── ReloadButton.js
├── ReloadButton.qext
├── images
    ├── branch_top.png
    ├── demo.png
    ├── error.png
    ├── gif-load.gif
    └── reload_btn.png
├── lib
    └── css
    │   └── reload_btn.css
└── wbfolder.wbl


/README.md:
--------------------------------------------------------------------------------
 1 | Reload Button for Qlik Sense
 2 | 
 3 | ## Updated
 4 | 2015/10/01
 5 | - Added "Partial Reload" function
 6 | - UI was renewed
 7 | 
 8 | 2017/05/11
 9 | - Fixed to be able to execute reloads on QS3.2 SR3
10 | ====
11 | The **Reload Button for Qlik Sense** is an extension which allows you to execute road script by pressing a button placed on a Qlik Sense sheet.
12 | 
13 | ## Demo
14 | 
15 | ![Alt text](./images/demo.png)
16 | 
17 | ## Install
18 | 1. Qlik Sense Desktop
19 | Unzip the downloaded zip file into "C:\Users\%USERNAME%\Documents\Qlik\Sense\Extensions\Qlik-Sense-Reload-Button" folder.
20 | 
21 | 2. Qlik Sense Server
22 | Please refer to the following instruction for importing an extension:
23 | 
24 | 	[Import Extension]( http://help.qlik.com/sense/en-US/online/#../Subsystems/ManagementConsole/Content/QMC_Resources_Extensions_AddingExtensions.htm?Highlight=add extension "Import Extension")
25 | 
26 | Following procedure is experimental:
27 | When you reload a **published** app (not an app in "My work"), the following error occurs. This is because the default security rules of Qlik Sense Server does not allow users to update published apps.
28 | 
29 | ![Alt text](./images/error.png)
30 | 
31 | You can allow published apps to be reloaded and saved by adding a security rule on QMC. For example, following security rule allows any users to execute reload button on published apps in "Everyone" stream.
32 | 
33 | |Name|Setting|
34 | |---|---|
35 | |Resource filter|App*|
36 | |Conditions|(((resource.resourcetype="App" and resource.stream.name="Everyone")  or (resource.resourcetype="App.Object" and resource.app.stream.name="Everyone")))|
37 | |Context|Both in hub and QMC|
38 | |Actions|Update|
39 | 
40 | **Please be are that it can cause unexpected results, so apply the setting at your own risk!**
41 | 
42 | ## Licence
43 | The software is provided "AS IS" without warranty of any kind. This project is licensed under the terms of the MIT license.
44 | 
45 | ## Author
46 | Masaki Hamano
47 | 


--------------------------------------------------------------------------------
/ReloadButton.js:
--------------------------------------------------------------------------------
 1 | define(["jquery", "qlik", "text!./lib/css/reload_btn.css"], function($, qlik, cssContent) {
 2 |   $("<style>").html(cssContent).appendTo("head");
 3 | 
 4 | 	return {
 5 | 		paint: function ($element, layout) {
 6 |       var app = qlik.currApp(this);
 7 | 
 8 | 		  //Check if Qlik Sense Desktop or Server
 9 | 		  var isPersonalMode = true;
10 | 
11 | 			var global = qlik.getGlobal();
12 | 			global.isPersonalMode( function ( reply ) {
13 | 				isPersonalMode = reply.qReturn;
14 | 			});
15 | 
16 | 		  // Display Extension Visualization
17 |       var html = html = '<a href="#" id="modal-open" class="btn btn-primary">Reload</a>';
18 |       $element.html( html );
19 | 
20 | 			// Open modal
21 | 			$("#modal-open").click(function(event) {
22 | 				event.preventDefault();
23 | 
24 | 				$(this).blur() ;
25 | 
26 | 				// Check if modal is displayed
27 | 				if($("#modal-overlay")[0]) return false ;
28 | 
29 | 				// Add modal overlay
30 | 				$(".qv-panel-sheet").append('<div id="modal-overlay"></div>');
31 | 				$("#modal-overlay").fadeIn("slow");
32 | 
33 | 				// Add modal panel
34 | 				$(".qv-panel-sheet").append('<div id="modal-content" style="display:none"><div id="modal-message"><h2>Are you sure to execute reload?</h2></div><div id="modal-checkbox"><input type="checkbox" id="partial" name="partial" value=""><label for="partial">Partial reload</label></div><div id="modal-botton"><a href="#" id="execute-reload" class="btn btn-primary"> OK </a><a href="#" id="modal-close" class="btn btn-danger">Cancel</a></div></div>');
35 | 				$("#modal-content").fadeIn("slow");
36 | 
37 | 				// Close modal
38 | 				$("#modal-overlay, #modal-close").unbind().click(function(event) {
39 | 					event.preventDefault();
40 | 					$("#modal-content,#modal-overlay").fadeOut("slow", function() {
41 | 						$("#modal-content").remove();
42 | 						$("#modal-overlay").remove();
43 | 					});
44 | 				});
45 | 
46 | 				// Execute reload
47 | 				$("#execute-reload").click(function(event) {
48 | 					event.preventDefault();
49 | 
50 | 					// Check if reload is partial
51 | 					var isPartial = false;
52 | 					if($("#partial").prop('checked')) {
53 | 						isPartial = true;
54 | 					}
55 | 
56 | 					// Remove modal
57 | 					$("#modal-content").remove();
58 | 
59 | 					// Open loader circle
60 | 					$("#modal-overlay").append('<div id="loader" class="loader">Loading...</div>');
61 | 
62 | 					//console.log("isPersonalMode: " + isPersonalMode);
63 | 					//console.log("isPartial: " + isPartial);
64 | 
65 | 					//Execute reload
66 | 					if (isPersonalMode) {
67 | 						app.doReload( 0, isPartial, false).then(function(e) {
68 | 							$("#loader").remove();
69 | 							if(e) {
70 | 								app.doSave();
71 | 								$("#modal-overlay").append('<div id="modal-content" style="display:none"><div id="modal-message"><h2>Reload succeeded!</h2></div><br><div id="modal-checkbox"><a href="#" id="modal-close" class="btn btn-success">Close</a></div></div>');
72 | 							} else {
73 | 								$("#modal-overlay").append('<div id="modal-content" style="display:none"><div id="modal-message"><h2>Reload failed!</h2></div><br><div id="modal-checkbox"><a href="#" id="modal-close" class="btn btn-danger">Close</a></div></div>');
74 | 							}
75 | 							$("#modal-content").fadeIn("slow");
76 | 						});
77 | 					} else {
78 | 						// qlik.callRepository( '/qrs/app/' + appid + '/reload', 'POST' ).success( function ( reply ) {
79 | 						//	$("#modal-overlay").remove()
80 | 						// } );
81 | 						app.doReload( 0, isPartial, false).then(function(e) {
82 | 							$("#loader").remove();
83 | 							if(e) {
84 | 								app.doSave();
85 | 								$("#modal-overlay").append('<div id="modal-content" style="display:none"><div id="modal-message"><h2>Reload succeeded!</h2></div><br><div id="modal-checkbox"><a href="#" id="modal-close" class="btn btn-success">Close</a></div></div>');
86 | 							} else {
87 | 								$("#modal-overlay").append('<div id="modal-content" style="display:none"><div id="modal-message"><h2>Reload failed!</h2></div><br><div id="modal-checkbox"><a href="#" id="modal-close" class="btn btn-danger">Close</a></div></div>');
88 | 							}
89 | 							$("#modal-content").fadeIn("slow");
90 | 						});
91 | 					}
92 | 				});
93 | 			});
94 | 		}
95 | 	};
96 | });
97 | 


--------------------------------------------------------------------------------
/ReloadButton.qext:
--------------------------------------------------------------------------------
1 | {
2 | 	"name": "Reload Button",
3 | 	"description": "",
4 | 	"type": "visualization",
5 | 	"preview": "images/reload_btn.png",
6 | 	"version": 1.1,
7 | 	"author": "Masaki Hamano"
8 | }
9 | 


--------------------------------------------------------------------------------
/images/branch_top.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mhamano/Qlik-Sense-Reload-Button/836e3a4adcd8cc020b04d6ae0a1a74897f84bf53/images/branch_top.png


--------------------------------------------------------------------------------
/images/demo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mhamano/Qlik-Sense-Reload-Button/836e3a4adcd8cc020b04d6ae0a1a74897f84bf53/images/demo.png


--------------------------------------------------------------------------------
/images/error.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mhamano/Qlik-Sense-Reload-Button/836e3a4adcd8cc020b04d6ae0a1a74897f84bf53/images/error.png


--------------------------------------------------------------------------------
/images/gif-load.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mhamano/Qlik-Sense-Reload-Button/836e3a4adcd8cc020b04d6ae0a1a74897f84bf53/images/gif-load.gif


--------------------------------------------------------------------------------
/images/reload_btn.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mhamano/Qlik-Sense-Reload-Button/836e3a4adcd8cc020b04d6ae0a1a74897f84bf53/images/reload_btn.png


--------------------------------------------------------------------------------
/lib/css/reload_btn.css:
--------------------------------------------------------------------------------
  1 | /* Button design */
  2 | .btn  {
  3 |     font-weight: 600;
  4 |     border: none;
  5 |     color: #fff;
  6 |     background: #79bbff;
  7 | 	text-decoration: none;
  8 | 	font-family: Raleway, Arial, sans-serif;
  9 | 	font-size: 20px;
 10 | 	padding-bottom: 20px;
 11 | 	padding-left: 40px;
 12 | 	padding-right: 40px;
 13 | 	padding-top: 20px;
 14 | 	display:inline-block;
 15 | 	margin: 2px;
 16 | }
 17 | 
 18 | .btn-primary  {
 19 |     background: #79bbff;
 20 | }
 21 | 
 22 | .btn-danger  {
 23 |     background: #c94e50;;
 24 | }
 25 | 
 26 | .btn-success  {
 27 |     background: #449d44;;
 28 | }
 29 | 
 30 | /* Modal design */
 31 | #modal-content{
 32 | 	position:fixed;
 33 | 	top:30%;
 34 | 	left:30%;
 35 | 	width:30%;
 36 | 	height: auto;
 37 | 	margin:1.5em auto 0;
 38 | 	padding:60px;
 39 | 	border:2px solid #aaa;
 40 | 	background:#fff;
 41 | 	z-index:2;
 42 | }
 43 | 
 44 | .modal-p{
 45 | 	margin-top:1em;
 46 | }
 47 | 
 48 | .modal-p:first-child{
 49 | 	margin-top:0;
 50 | }
 51 | 
 52 | .button-link{
 53 | 	color:#00f;
 54 | 	text-decoration:underline;
 55 | }
 56 |  
 57 | .button-link:hover{
 58 | 	cursor:pointer;
 59 | 	color:#f00;
 60 | }
 61 | 
 62 | #modal-overlay{
 63 | 	z-index:1;
 64 | 	display:none;
 65 | 	position:fixed;
 66 | 	top:0;
 67 | 	left:0;
 68 | 	width:100%;
 69 | 	height:120%;
 70 | 	background-color:rgba(0,0,0,0.75);
 71 | }
 72 | 
 73 | #modal-message {
 74 | 	text-align: center;
 75 | 	font-size: 22px;
 76 | 	font-family: Raleway, Arial, sans-serif;
 77 | 	color: #79bbff;
 78 | }
 79 | 
 80 | #modal-checkbox {
 81 | 	text-align: center;
 82 | 	font-size: 20px;
 83 | 	font-family: Raleway, Arial, sans-serif;
 84 | 	color: #79bbff;
 85 | 	margin: 30px;
 86 | }
 87 | 
 88 | #modal-botton {
 89 | 	text-align: center;
 90 | }
 91 | 
 92 | /* Loader design */
 93 | .loader {
 94 |   top:30%;
 95 |   margin: 60px auto;
 96 |   font-size: 10px;
 97 |   position: relative;
 98 |   text-indent: -9999em;
 99 |   border-top: 1.1em solid rgba(255, 255, 255, 0.2);
100 |   border-right: 1.1em solid rgba(255, 255, 255, 0.2);
101 |   border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
102 |   border-left: 1.1em solid #ffffff;
103 |   -webkit-transform: translateZ(0);
104 |   -ms-transform: translateZ(0);
105 |   transform: translateZ(0);
106 |   -webkit-animation: load8 1.1s infinite linear;
107 |   animation: load8 1.1s infinite linear;
108 | }
109 | .loader,
110 | .loader:after {
111 |   border-radius: 50%;
112 |   width: 10em;
113 |   height: 10em;
114 | }
115 | @-webkit-keyframes load8 {
116 |   0% {
117 |     -webkit-transform: rotate(0deg);
118 |     transform: rotate(0deg);
119 |   }
120 |   100% {
121 |     -webkit-transform: rotate(360deg);
122 |     transform: rotate(360deg);
123 |   }
124 | }
125 | @keyframes load8 {
126 |   0% {
127 |     -webkit-transform: rotate(0deg);
128 |     transform: rotate(0deg);
129 |   }
130 |   100% {
131 |     -webkit-transform: rotate(360deg);
132 |     transform: rotate(360deg);
133 |   }
134 | }
135 | 
136 | /* Checkbox design */
137 | input[type=radio], input[type=checkbox] {
138 |     display:none;
139 | }
140 | 
141 | input[type=checkbox] + label:before {
142 |     content: "";  
143 |     display: inline-block;  
144 |     width: 15px;  
145 |     height: 15px;  
146 |     vertical-align:middle;
147 |     margin-right: 8px;  
148 |     background-color: #aaa;  
149 |     box-shadow: inset 0px 2px 2px rgba(0, 0, 0, .3);
150 |     border-radius: 4px;  
151 | }
152 | 
153 | input[type=radio]:checked + label:before {
154 |     content: "\2022"; /* Bullet */
155 |     color:white;
156 |     background-color: #666; 
157 |     font-size:1.8em;
158 |     text-align:center;
159 |     line-height:14px;
160 |     text-shadow:0px 0px 3px #eee;
161 | }
162 | input[type=checkbox]:checked + label:before {
163 |     content:"\2714"; /* Tick */
164 |     color:white;
165 |     background-color: #666; 
166 |     text-align:center;
167 |     line-height:15px;
168 |     text-shadow:0px 0px 3px #eee;
169 | }
170 | 
171 | 


--------------------------------------------------------------------------------
/wbfolder.wbl:
--------------------------------------------------------------------------------
1 | ReloadButton.qext;
2 | ReloadButton.js;


--------------------------------------------------------------------------------