├── .gitattributes
├── lib
    ├── img
    │   ├── preview.png
    │   ├── master-items-viewer-new.gif
    │   └── preview-release-1.0.0.2.png
    ├── js
    │   ├── table-resizer.js
    │   ├── jq-highlight.js
    │   ├── property.js
    │   └── masterItemService.js
    └── css
    │   └── master-items-viewer.css
├── wbfolder.wbl
├── master-items-viewer.qext
├── LICENSE
├── README.md
├── master-items-viewer.js
└── master-items-viewer-template.html


/.gitattributes:
--------------------------------------------------------------------------------
1 | # Auto detect text files and perform LF normalization
2 | * text=auto
3 | 


--------------------------------------------------------------------------------
/lib/img/preview.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kabir-rab/master-items-viewer/HEAD/lib/img/preview.png


--------------------------------------------------------------------------------
/lib/img/master-items-viewer-new.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kabir-rab/master-items-viewer/HEAD/lib/img/master-items-viewer-new.gif


--------------------------------------------------------------------------------
/lib/img/preview-release-1.0.0.2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kabir-rab/master-items-viewer/HEAD/lib/img/preview-release-1.0.0.2.png


--------------------------------------------------------------------------------
/wbfolder.wbl:
--------------------------------------------------------------------------------
1 | master-items-viewer.qext;
2 | master-items-viewer.js;
3 | master-items-viewer-template.html;
4 | lib/css/master-items-viewer.css


--------------------------------------------------------------------------------
/lib/js/table-resizer.js:
--------------------------------------------------------------------------------
1 | $(function(){var e,i,s,t,n=!1;$(document).on({mousemove:function(t){n&&s.width(i+(t.pageX-e))},mouseup:function(){n&&(t.removeClass("resizing"),n=!1)}}).on("mousedown",".table-resizable th",function(o){s=$(this),n=!0,e=o.pageX,i=s.width(),t=s.closest(".table-resizable").addClass("resizing")}).on("dblclick",".table-resizable thead",function(){$(this).find("th[style]").css("width","")})});


--------------------------------------------------------------------------------
/master-items-viewer.qext:
--------------------------------------------------------------------------------
 1 | {
 2 |     "name": "Master Items Viewer",
 3 |     "description": "Master Measure and Dimension viewer for Qlik Sense Application",
 4 |     "bundle": {
 5 |         "id": "Kab-s Extension Bundle",
 6 |         "name": "Kab-s Extension Bundle",
 7 |         "description": "Qlik Sense Extension bundle from Kabir Rab."
 8 |     },
 9 |     "type": "visualization",
10 |     "icon": "extension",
11 |     "version": "1.0.0.3",
12 |     "author": "Kabir Rab",
13 |     "homepage": "https://kabonline.net",
14 |     "keywords": "qlik-sense, visualization, master-item",
15 |     "license": "MIT",
16 |     "repository": "",
17 |     "preview": "lib/img/preview.png",
18 |     "dependencies": {
19 |         "qlik-sense": ">=3.0.x"
20 |     }
21 | }


--------------------------------------------------------------------------------
/lib/js/jq-highlight.js:
--------------------------------------------------------------------------------
1 | jQuery.fn.highlight=function(c){function e(b,c){var d=0;if(3==b.nodeType){var a=b.data.toUpperCase().indexOf(c),a=a-(b.data.substr(0,a).toUpperCase().length-b.data.substr(0,a).length);if(0<=a){d=document.createElement("span");d.className="highlight";a=b.splitText(a);a.splitText(c.length);var f=a.cloneNode(!0);d.appendChild(f);a.parentNode.replaceChild(d,a);d=1}}else if(1==b.nodeType&&b.childNodes&&!/(script|style)/i.test(b.tagName))for(a=0;a<b.childNodes.length;++a)a+=e(b.childNodes[a],c);return d} return this.length&&c&&c.length?this.each(function(){e(this,c.toUpperCase())}):this};jQuery.fn.removeHighlight=function(){return this.find("span.highlight").each(function(){this.parentNode.firstChild.nodeName;with(this.parentNode)replaceChild(this.firstChild,this),normalize()}).end()};


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2020 kabir-rab
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | ### _This is for Qlik Sense November 2019 or later versions. For earlier Qlik Sense versions - Please use the lite version [master-items-viewer-lite](https://github.com/kabir-rab/master-items-viewer-lite)._
 2 | # master-items-viewer
 3 | Displays master dimensions and master measures with expressions and descriptions. This allows users to search the master items by description, expression, name or tags.
 4 | 
 5 | ## Features
 6 | 1. Ability to display - 
 7 | * All Master Measures.
 8 | * All Master Dimensions.
 9 | * Their IDs.
10 | * Their Descriptions.
11 | * Their Expressions.
12 | * Stats count - No of times they have been used (unique number of times if it’s been used in master items).
13 | * On mouse hover, display the sheet where the chart is located (if not master Items)
14 | * Option to customise (header colours)
15 | * Option to show/hide any columns.
16 | * Option to search the master measures and dimensions by tag or any of their attributes (including ids).
17 | 
18 | ## Demo
19 | <p align="center">
20 |   <img width="70%" alt="Master Items Viewer - version 1.0.0.2" src="https://github.com/kabir-rab/master-items-viewer/blob/master/lib/img/preview-release-1.0.0.2.png">
21 | </p>
22 | <p align="center">
23 |   <img width="70%" alt="Master Items Viewer" src="https://github.com/kabir-rab/master-items-viewer/blob/master/lib/img/master-items-viewer-new.gif">
24 | </p>
25 | 
26 | # How to Install
27 | ## Desktop
28 | Download [release v-1.0.0.3](https://github.com/kabir-rab/master-items-viewer/releases/download/1.0.0.3/master-items-viewer-v-1.0.0.3.zip). Once downloaded unzip all its content to the following folder 
29 | > Documents\Qlik\Sense\Extensions\
30 | 
31 | ## Enterprise Server
32 | Download [release v-1.0.0.3](https://github.com/kabir-rab/master-items-viewer/releases/download/1.0.0.3/master-items-viewer-v-1.0.0.3.zip). Once downloaded, use the QMC to upload the zip file just like any other extensions.
33 | 
34 | # How to use
35 | Go to "edit" mode of a Qlik sense app. Then Custom objects > "Kab-s Game Example Bundle" > Master Items Viewer. Drag this to the workspace and resize to your requirement. You can use the property panel to show/hide columns, filters and change the table header appearance.
36 | 


--------------------------------------------------------------------------------
/master-items-viewer.js:
--------------------------------------------------------------------------------
 1 | define([
 2 | 	"text!./master-items-viewer-template.html",
 3 | 	"text!./lib/css/master-items-viewer.css",
 4 | 	"./lib/js/property",
 5 | 	"jquery",
 6 | 	"qlik",	
 7 | 	"./lib/js/masterItemService",
 8 | 	"./lib/js/table-resizer",
 9 | 	"./lib/js/jq-highlight",
10 | ],
11 | function ( template, cssContent, prop, jQuery, qlik, myService ) {
12 | 	'use strict';
13 | 	$("<style>").html(cssContent).appendTo("head");
14 | 	return {
15 | 		definition: prop,
16 | 		support: {
17 | 			export: false,
18 | 			exportData: false,
19 | 			snapshot: true
20 | 		},
21 | 		template: template,
22 | 		controller: ['$scope', 'masterItemService', function( $scope, masterItemService ) {
23 | 			var masterItems,				
24 | 				fetchData = masterItemService.getData().done(function(allMasterItems){	
25 | 					masterItems = allMasterItems;
26 | 					getMasterLibrary(1);
27 | 				}),
28 | 				getMasterLibrary = function(callType){					
29 | 					callType == 1 ? ($scope.measureDetails = masterItems.measures,createTagList($scope.measureDetails))
30 | 									: ($scope.measureDetails = masterItems.dimensions,createTagList($scope.measureDetails));
31 | 				},
32 | 				searchValue='',
33 | 				// create list of all tags with unique values
34 | 				createTagList = function(list){
35 | 					var tagList=[];
36 | 					list.forEach(function(measure){
37 | 						if(measure.qData.tags.length > 0){
38 | 							measure.qData.tags.forEach(function(tag){
39 | 								if(!tagList.includes(tag)){
40 | 									tagList.push(tag);
41 | 								};
42 | 							});
43 | 						};
44 | 					});
45 | 					$scope.tags = tagList;
46 | 				};
47 | 
48 | 			$scope.measureCss = 'lui-active'
49 | 			// function to change views (dimensions or measures)
50 | 			$scope.viewChange = function(viewNo){
51 | 				getMasterLibrary(viewNo);
52 | 				viewNo == 1 ? ($scope.measureCss = 'lui-active', $scope.dimensionCss = '') : ($scope.measureCss = '', $scope.dimensionCss = 'lui-active');
53 | 				$scope.searchTagAndClear('');
54 | 			};
55 | 			// search highlighter function
56 | 			$scope.search = function () {
57 | 				searchValue = $('#table-search').val().toLowerCase();
58 | 				$('.tr-highlight').removeHighlight();
59 | 				$('.tr-highlight').highlight(searchValue);
60 | 			};
61 | 			// clear search function
62 | 			$scope.searchTagAndClear = function (tag) {
63 | 				if(tag.length > 0){
64 | 					$scope.searchText = tag;
65 | 					$scope.search();
66 | 				}
67 | 				else{
68 | 					$('#table-search').val('');
69 | 					$scope.searchText = '';	
70 | 					$scope.search();
71 | 				};
72 | 			};
73 | 			// sorting function for the view
74 | 			$scope.propertyName = 'qData.title';
75 | 			$scope.reverse = true;
76 | 			$scope.sortBy = function(propertyName) {
77 | 				$scope.reverse = ($scope.propertyName === propertyName) ? !$scope.reverse : false;
78 | 				$scope.propertyName = propertyName;
79 | 			};
80 | 		}],
81 | 		paint: function ($element, layout) {
82 | 			// set hight for the scroll bar
83 | 			layout.props.tagsFilter == true ? $(".table-container").css("max-height", ($element.height()-200)):$(".table-container").css("max-height", ($element.height()-120));
84 | 						
85 | 			return qlik.Promise.resolve();
86 | 		}
87 | 	};
88 | });


--------------------------------------------------------------------------------
/lib/js/property.js:
--------------------------------------------------------------------------------
  1 | //Property Panel
  2 | define( ["qlik"],
  3 | function (qlik) {
  4 |     'use strict';
  5 |   var tagsFilter = {
  6 |     ref: "props.tagsFilter",
  7 |     label: "Show Tag Filters",
  8 |     type: "boolean",
  9 |     defaultValue: true
 10 |   }, 
 11 |   columnId = {
 12 |     ref: "props.showId",
 13 |     label: "Show List Number",
 14 |     type: "boolean",
 15 |     defaultValue: true
 16 |   },
 17 |   columnName = {
 18 |     ref: "props.showName",
 19 |     label: "Show Name",
 20 |     type: "boolean",
 21 |     defaultValue: true
 22 |   },
 23 |   columnObjectId = {
 24 |     ref: "props.showObjectId",
 25 |     label: "Show Id",
 26 |     type: "boolean",
 27 |     defaultValue: true
 28 |   },
 29 |   columnDescription = {
 30 |     ref: "props.showDesc",
 31 |     label: "Show Description",
 32 |     type: "boolean",
 33 |     defaultValue: true
 34 |   },
 35 |   columnExpression = {
 36 |     ref: "props.showExp",
 37 |     label: "Show Expression",
 38 |     type: "boolean",
 39 |     defaultValue: true
 40 |   },
 41 |   columnStats = {
 42 |     ref: "props.showStat",
 43 |     label: "Show Stats",
 44 |     type: "boolean",
 45 |     defaultValue: true
 46 |   },
 47 |   columnTag = {
 48 |     ref: "props.showTag",
 49 |     label: "Show Tags",
 50 |     type: "boolean",
 51 |     defaultValue: true
 52 |   },
 53 |   tableHeaderBackground = {
 54 | 		label:"Header Background",
 55 | 		component: "color-picker",
 56 | 		ref: "headerColor",
 57 | 		type: "object",
 58 | 		defaultValue: {
 59 | 			index: 1,
 60 | 			color: "#fff"
 61 |     }
 62 |   },
 63 |   tableHeaderText = {
 64 | 		label:"Header Text",
 65 | 		component: "color-picker",
 66 | 		ref: "headerTextColor",
 67 | 		type: "object",
 68 | 		defaultValue: {
 69 | 			index: 15,
 70 | 			color: "#000"
 71 |     }
 72 |   },
 73 |   settings = { 
 74 |     uses : "settings",
 75 |     items : {
 76 |         filtersShowHide: {
 77 |           type: "items",
 78 |           label: "Show/Hide Filters",
 79 |           items: {
 80 |               tagsFilter: tagsFilter
 81 |           }
 82 |         },                
 83 |         columnsShowHide: {
 84 |             type: "items",
 85 |             label: "Show/Hide Columns",
 86 |             items: {
 87 |                 columnId: columnId,
 88 |                 columnName: columnName,
 89 |                 columnObjectId: columnObjectId,
 90 |                 columnDescription: columnDescription,
 91 |                 columnExpression: columnExpression,
 92 |                 columnStats: columnStats,
 93 |                 columnTag: columnTag
 94 |             }
 95 |         },
 96 |         colours: {
 97 |           type: "items",
 98 |           label: "Colour",
 99 |           items: {
100 |             headerBackgroundColour: tableHeaderBackground,
101 |             headerTextColour: tableHeaderText				
102 |           }
103 |         }
104 |     }
105 |   },
106 |   about = {
107 |     component: 'items',
108 |     label: 'About',
109 |     items: {
110 |       header: {
111 |         label: 'Master Library Viewer',
112 |         style: 'header',
113 |         component: 'text'
114 |       },
115 |       paragraph1: {
116 |         label: 'This extension displays all the master measures and dimensions of the app and their definitions. Please update the master library to see the changes here.',
117 |         component: 'text'
118 |       },
119 |       paragraph2: {
120 |         label: 'This extension was developed by - Kabir Rab and its distributed under MIT license',
121 |         component: 'text'
122 |       },
123 |       MyLink: {
124 |         label:"https://www.kabonline.net",
125 |         component: "link",
126 |         url:"https://www.kabonline.net"
127 |       }
128 |     }
129 |   }  
130 | 	
131 | 	return {
132 |     type: "items",
133 |         component: "accordion",
134 |         items: {            
135 |             settings: settings,            
136 | 			      addons: about
137 |         }      
138 |     }
139 | });


--------------------------------------------------------------------------------
/lib/css/master-items-viewer.css:
--------------------------------------------------------------------------------
  1 | .qv-extension-mov-top-menu {
  2 | 	width: 100%;
  3 | 	padding: 1em 0 1em;
  4 | 	text-align: center;
  5 | }
  6 | .qv-extension-mov-search-info {
  7 | 	padding: 0.3em;
  8 | 	font-size: 0.9em;
  9 | }
 10 | .qv-extension-mov-search {
 11 | 	width: 50%;
 12 | 	min-width: 40px !important;
 13 | 	text-align: center;
 14 | }
 15 | .highlight { 
 16 | 	background-color: yellow;
 17 | 	color: #000 !important;
 18 | }
 19 | .table-container {
 20 | 	overflow: auto;	
 21 | }
 22 | .table-resizable.resizing, .table-resizable th::before {
 23 | 	cursor: e-resize;	
 24 | 	-webkit-user-select: none;
 25 | 	   -moz-user-select: none;
 26 | 		-ms-user-select: none;
 27 | 			user-select: none;
 28 |   }
 29 | 
 30 |   .table-resizable th:hover {
 31 | 	border-right: 1px solid #585858;
 32 | 	filter:invert(100%);
 33 |   }
 34 | 
 35 |   .table-resizable th {
 36 | 	position: relative;
 37 | 	z-index:2;
 38 |   }
 39 |   .table-resizable th::before {
 40 | 	content: '';
 41 | 	display: block;
 42 | 	height: 100%;
 43 | 	position: absolute;
 44 | 	right: 0;
 45 | 	top: 0;
 46 | 	width: 1em;
 47 |   }
 48 |   .table-resizable th:last-of-type::before {
 49 | 	display: none;
 50 |   }
 51 |   .table-resizable td {
 52 | 	max-width: 0;
 53 | 	overflow: hidden;
 54 | 	/* text-overflow: ellipsis;
 55 | 	white-space: nowrap; */
 56 |   }
 57 | 
 58 | /* These are not being used any longer */
 59 | .qv-extension-mov-master-table {
 60 | 	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 61 | 	border-collapse: collapse;
 62 | 	width: 100%;	
 63 | 	-moz-user-select: text !important;
 64 | 	-khtml-user-select: text !important;
 65 | 	-webkit-user-select: text !important;
 66 | 	-ms-user-select: text !important;
 67 | 	user-select: text !important;
 68 | }
 69 | 
 70 | .qv-extension-mov-stat-td {
 71 | 	text-align: center;
 72 | }
 73 | 
 74 | .qv-extension-mov-master-table tr {
 75 | 	-moz-user-select: text !important;
 76 | 	-khtml-user-select: text !important;
 77 | 	-webkit-user-select: text !important;
 78 | 	-ms-user-select: text !important;
 79 | 	user-select: text !important;
 80 | }
 81 | 
 82 | .qv-extension-mov-master-table td, .qv-extension-mov-master-table th {
 83 | 	border: 1px solid #ddd;
 84 | 	padding: 8px;
 85 | }
 86 | 
 87 | .qv-extension-mov-master-table tr:nth-child(even) td{background-color: #f2f2f2;}
 88 | 
 89 | .qv-extension-mov-master-table tr:hover td{background-color: #ddd;}
 90 | 
 91 | .qv-extension-mov-master-table th {
 92 | 	padding-top: 12px;
 93 | 	padding-bottom: 12px;
 94 | 	text-align: left;
 95 | 	/*background-color: #4CAF50;
 96 | 	color: white;*/
 97 | 	position: -webkit-sticky;
 98 | 	position: sticky;
 99 | 	top: 0;	
100 | 	-webkit-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
101 | 	        box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
102 | }
103 | 
104 | /* Sort icons */
105 | .qv-extension-mov-sortorder:after {
106 | 	content: '\25b2';   
107 | }
108 | .qv-extension-mov-sortorder.reverse:after {
109 | content: '\25bc';   
110 | }
111 | 
112 | /* for hidden text */
113 | .qv-extension-mov-empty-display {
114 | 	width: 100%;	
115 | 	padding: 2rem;
116 | 	text-align: center;
117 | }
118 | 
119 | /* Tags styling */
120 | .qv-extension-mov-tags li {
121 |     display: inline-block;
122 |     margin-bottom: 0;
123 |     margin-right: 3px;
124 |     overflow: hidden;
125 |     text-overflow: ellipsis;
126 |     max-width: calc(100% - 10px);
127 | }
128 | .qv-extension-mov-lui-tag-title {
129 | 	z-index:0;
130 |     position: relative;
131 |     display: inline-block;
132 |     box-sizing: border-box;
133 |     height: 24px;
134 |     min-width: 40px;
135 |     font-size: 13px;
136 |     border-radius: 12px;
137 |     padding: 3px 10px;
138 |     margin: 1px;
139 |     list-style: none;
140 |     white-space: nowrap;
141 | }
142 | .qv-extension-mov-lui-tag {
143 | 	z-index:0;
144 |     position: relative;
145 |     display: inline-block;
146 |     box-sizing: border-box;
147 |     height: 24px;
148 |     min-width: 40px;
149 |     color: #595959;
150 |     font-size: 13px;
151 |     border-radius: 12px;
152 |     background-color: #e6e6e6;
153 |     border: 1px solid #ccc;
154 |     padding: 3px 10px;
155 |     margin: 1px;
156 |     list-style: none;
157 |     white-space: nowrap;
158 | }
159 | .qv-extension-mov-lui-tag:hover { 
160 |     color: #fff;    
161 | 	background-color: #0089fa;
162 |     border: 1px solid #0089fac7;
163 | }
164 | 
165 | .qv-extension-mov-lui-tag-search {
166 |     color: #fff;   
167 |     background-color: #009845;
168 | 	border: 1px solid #0aaf54;
169 | }
170 | 
171 | .qv-extension-mov-lui-tag-group {
172 | 	display: flex;
173 |   	flex-wrap: wrap;
174 | 	align-content: center;
175 | 	justify-content: center;
176 | 	padding: 0.5em 0 0.5em 0;
177 | 	margin: 1em;
178 | 	text-align: center;
179 | }
180 | 
181 | /* list styling */
182 | .qv-extension-mov-list-inline {
183 |     list-style: none;
184 |     padding: 0;
185 | }
186 | 
187 | .qv-extension-mov-list-inline > li {
188 | 	display: inline-flex;
189 | 	border-bottom: 1px dotted black;
190 | }
191 | 
192 | .qv-extension-mov-list-bull > li:not(:last-child)::after {
193 |     content: "•";
194 | }
195 | 
196 | .qv-extension-mov-list-pipe > li:not(:last-child)::after {
197 | 	content: "|";
198 | 	margin: 0 .25em;
199 | }
200 | 
201 | .qv-extension-mov-tooltip {
202 | 	position: relative;	
203 |   }
204 |   
205 |   .qv-extension-mov-tooltip .qv-extension-mov-tooltiptext {
206 | 	visibility: hidden;
207 | 	width: 120px;
208 | 	background-color: black;
209 | 	color: #fff;
210 | 	text-align: center;
211 | 	border-radius: 6px;
212 | 	padding: 5px 0;
213 | 	position: absolute;
214 | 	z-index: 1200;
215 | 	bottom: 100%;
216 | 	left: 50%;
217 | 	margin-left: -60px;
218 | 	
219 | 	/* Fade in tooltip - takes 1 second to go from 0% to 100% opac: */
220 | 	opacity: 0;
221 | 	transition: opacity 1s;
222 |   }
223 |   
224 |   .qv-extension-mov-tooltip:hover .qv-extension-mov-tooltiptext {
225 | 	visibility: visible;
226 | 	opacity: 1;
227 |   }


--------------------------------------------------------------------------------
/master-items-viewer-template.html:
--------------------------------------------------------------------------------
 1 | <div qv-extension>
 2 |     <div class="lui-buttongroup qv-extension-mov-top-menu">
 3 |         <button class="lui-button  lui-buttongroup__button {{measureCss}}" ng-click="viewChange(1)">Measures</button>
 4 |         <button class="lui-button  lui-buttongroup__button {{dimensionCss}}" ng-click="viewChange(2)">Dimensions</button> 
 5 |     </div>
 6 |     <div ng-if="layout.props.tagsFilter" class="qv-extension-mov-lui-tag-group">
 7 |         <ul ng-if="tags.length" class="qv-extension-mov-tags">
 8 |             <li class="qv-extension-mov-lui-tag-title">Tags:</li><li ng-repeat="tag in tags" class="qv-extension-mov-lui-tag {{(tag | uppercase) == (searchText | uppercase) ? 'qv-extension-mov-lui-tag-search' : 'tr-highlight'}}" title="{{tag}}" ng-click="searchTagAndClear(tag)">{{tag}}</li>
 9 |         </ul>
10 |         <div ng-if="!tags.length">No tags available!</div>
11 |     </div>
12 |     <div class="qv-extension-mov-search-info">Displaying {{ (measureDetails | filter: searchText).length }} of {{ measureDetails.length }} entries.</div>
13 |     <div class="lui-search">
14 |         <span class="lui-icon  lui-icon--search  lui-search__search-icon"></span>
15 |         <input ng-model="searchText" ng-keyup="search()" class="lui-search__input" id="table-search" maxlength="255" spellcheck="false" type="text" placeholder="Search"/><!-- ng-keyup="search()"  -->
16 |         <button ng-click="searchTagAndClear('')" class="lui-search__clear-button">
17 |             <span class="lui-icon  lui-icon--small  lui-icon--close"></span>
18 |         </button>
19 |     </div>    
20 |     <div class="table-container">
21 |         <table id="master-lib-table" class="qv-extension-mov-master-table table-resizable">
22 |             <thead>
23 |                 <tr>
24 |                     <th ng-style="{'background-color': layout.headerColor.color, 'color': layout.headerTextColor.color}" ng-if="layout.props.showId" >No</th>                                     
25 |                     <th ng-style="{'background-color': layout.headerColor.color, 'color': layout.headerTextColor.color}" ng-if="layout.props.showName" ng-click="sortBy('qData.title')">Name <span class="qv-extension-mov-sortorder" ng-if="propertyName === 'qData.title'" ng-class="{reverse: reverse}"></span></th>
26 |                     <th ng-style="{'background-color': layout.headerColor.color, 'color': layout.headerTextColor.color}" ng-if="layout.props.showObjectId" ng-click="sortBy('qInfo.qId')">Id <span class="qv-extension-mov-sortorder" ng-if="propertyName === 'qInfo.qId'" ng-class="{reverse: reverse}"></span></th>
27 |                     <th ng-style="{'background-color': layout.headerColor.color, 'color': layout.headerTextColor.color}" ng-if="layout.props.showDesc" ng-click="sortBy('qData.description')">Definition <span class="qv-extension-mov-sortorder" ng-if="propertyName === 'qData.description'" ng-class="{reverse: reverse}"></span></th>
28 |                     <th ng-style="{'background-color': layout.headerColor.color, 'color': layout.headerTextColor.color}" ng-if="layout.props.showExp" ng-click="sortBy('qData.expression')">Expression/Formula <span class="qv-extension-mov-sortorder" ng-if="propertyName === 'qData.expression'" ng-class="{reverse: reverse}"></span></th>
29 |                     <th ng-style="{'background-color': layout.headerColor.color, 'color': layout.headerTextColor.color}" ng-if="layout.props.showStat" ng-click="sortBy('qInfo.inObject.length')">Used in <span class="qv-extension-mov-sortorder" ng-if="propertyName === 'qInfo.inObject.length'" ng-class="{reverse: reverse}"></span></th>
30 |                     <th ng-style="{'background-color': layout.headerColor.color, 'color': layout.headerTextColor.color}" ng-if="layout.props.showTag" ng-click="sortBy('qData.tags')">Tags <span class="qv-extension-mov-sortorder" ng-if="propertyName === 'qData.tags'" ng-class="{reverse: reverse}"></span></th>
31 |                 </tr>
32 |             </thead>
33 |             <tr class="tr-search" ng-repeat="item in filteredRow = (measureDetails | filter:searchText | orderBy:propertyName:reverse)">
34 |                 <td ng-if="layout.props.showId"> {{$index + 1}} </td>
35 |                 <td ng-if="layout.props.showName" class="tr-highlight"> {{item.qData.title}} </td>
36 |                 <td ng-if="layout.props.showObjectId" class="tr-highlight"> {{item.qInfo.qId}} </td>
37 |                 <td ng-if="layout.props.showDesc" class="tr-highlight"> {{item.qData.description}} </td>
38 |                 <td ng-if="layout.props.showExp" class="tr-highlight"> <p ng-if="!item.qData.expression.length"> {{item.qData.expression.qFieldDefs}} </p><p ng-if="item.qData.expression.length"> {{item.qData.expression}} </p></td>
39 |                 <td ng-if="layout.props.showStat" class="qv-extension-mov-stat-td"> {{item.qInfo.inObject.length}}
40 |                     <span ng-if="item.qInfo.inObject.length">
41 |                         <ul class="qv-extension-mov-list-inline qv-extension-mov-list-pipe">
42 |                             <li class="qv-extension-mov-tooltip" ng-repeat="cid in item.qInfo.inObject track by $index">{{cid.objectId}}
43 |                                 <span class="qv-extension-mov-tooltiptext"><p ng-if="cid.sheetTitle.length">{{cid.sheetTitle}}</p><p ng-if="!cid.sheetTitle.length">Master Object</p></span>
44 |                             </li>
45 |                         </ul>
46 |                     </span></td>
47 |                 <td ng-if="layout.props.showTag">
48 |                     <div ng-if="item.qData.tags.length">
49 |                         <ul class="qv-extension-mov-tags">
50 |                             <li ng-repeat="tag in item.qData.tags" class="qv-extension-mov-lui-tag {{(tag | uppercase) == (searchText | uppercase) ? 'qv-extension-mov-lui-tag-search' : 'tr-highlight'}}" title="{{tag}}" ng-click="searchTagAndClear(tag)">{{tag}}</li>
51 |                         </ul>
52 |                     </div>
53 |                 </td>
54 |             </tr>
55 |         </table>
56 |     </div>
57 |     <div ng-if="!filteredRow.length" class="qv-extension-mov-top-menu">
58 |         No results found.
59 |     </div>    
60 |     <div ng-if="layout.props.showId== false && layout.props.showName == false && layout.props.showDesc == false && layout.props.showExp == false && layout.props.showTag == false && layout.props.showStat == false && layout.props.showObjectId == false" class="qv-extension-mov-top-menu">
61 |         Please select a column to show from the property panel...
62 |     </div>
63 | </div>


--------------------------------------------------------------------------------
/lib/js/masterItemService.js:
--------------------------------------------------------------------------------
  1 | define([
  2 | 	"jquery",
  3 | 	"qlik",	
  4 |     "qvangular"
  5 | ],
  6 | function ( jQuery, qlik, qvangular ) {
  7 | 	'use strict';
  8 | 	qvangular.service('masterItemService', [function(){
  9 | 		
 10 |         this.getData = function(){
 11 |             var deferred = $.Deferred();
 12 |             var app = qlik.currApp(this),
 13 | 				dimensionList,
 14 |                 measureList,
 15 |                 objectDestroyId=[],
 16 |                 masterItemsList=[],
 17 |                 destroyObject = function(objectId){
 18 |                     var deferred = $.Deferred(),
 19 |                         destroyedConfirmation=[];
 20 |                     $.each(objectId, function(kye, id){
 21 |                         app.destroySessionObject(id)
 22 |                         .then(function(a){
 23 |                             destroyedConfirmation.push({id:id,message:a});
 24 |                         });
 25 |                     });
 26 |                     if(destroyedConfirmation.length == objectId.length){
 27 |                         deferred.resolve(destroyedConfirmation);
 28 |                     }
 29 |                     return deferred;
 30 |                 },
 31 | 				// settings up the createGenericObject call for the qMeasureListDef
 32 | 				measureCall = {
 33 | 					qInfo: {
 34 | 					qId:"measureObjectExt",	
 35 | 					qType: "MeasureListExt"
 36 | 					},
 37 | 					qMeasureListDef: {
 38 | 					qType: "measure",
 39 | 					qData: {
 40 | 						title: "/qMetaDef/title",
 41 | 						tags: "/qMetaDef/tags",
 42 | 						expression: "/qMeasure/qDef",
 43 | 						description: "/qMetaDef/description"
 44 | 						}
 45 | 					}
 46 | 				},
 47 | 				// settings up the createGenericObject call for the qDimensionListDef
 48 | 				dimensionCall = {
 49 | 					qInfo: {
 50 | 					qId:"DimensionObjectExt",
 51 | 					qType: "DimensionListExt"
 52 | 					},
 53 | 					qDimensionListDef: {
 54 | 					qType: "dimension",
 55 | 					qData: {
 56 | 						grouping: "/qDim/qGrouping",
 57 | 						info: "/qDimInfos",
 58 | 						title: "/qMetaDef/title",
 59 | 						tags: "/qMetaDef/tags",
 60 | 						expression: "/qDim",
 61 | 						description: "/qMetaDef/description"
 62 | 						}
 63 | 					}
 64 | 				},
 65 | 				// qDimensionListDef
 66 | 				generateDimensionList = app.createGenericObject(
 67 | 					dimensionCall, function(reply) {
 68 |                         objectDestroyId.push(reply.qInfo.qId);
 69 | 						dimensionList = reply.qDimensionList.qItems;
 70 | 				}),
 71 | 				// qMeasureListDef
 72 | 				generateMeasureList = app.createGenericObject(
 73 | 					measureCall, function(reply) {
 74 |                         objectDestroyId.push(reply.qInfo.qId);
 75 | 						measureList = reply.qMeasureList.qItems;
 76 | 				}),
 77 | 				// get only the master objects that are being used in dashboard
 78 | 				getMasterObjects = function(id) {
 79 | 					var deferred = $.Deferred();
 80 | 					app.getObject(id).then(function(model) {
 81 | 						deferred.resolve(model);
 82 | 					});
 83 | 					return deferred;
 84 |                 },
 85 |                 // get list of all sheets
 86 |                 generateSheetList = function(){
 87 |                     var deferred = $.Deferred(),
 88 |                         sheetObjectList = [];
 89 |                     app.getList( "Sheet", function(sheets){
 90 |                         sheetObjectList = sheets.qAppObjectList.qItems;
 91 |                     })
 92 |                     .then(function(sheets){
 93 |                         app.destroySessionObject(sheets.id)
 94 |                         .then(function(a){
 95 |                             deferred.resolve(sheetObjectList);
 96 |                         });
 97 |                     });
 98 |                     return deferred;
 99 |                 },
100 |                 allProperty = function(sheets){
101 |                     var deferred = $.Deferred(),
102 |                         fullPropertyTree=[],
103 |                         allObjectProperty=[],
104 |                         sheetsCount = sheets.length;
105 |                     $.each(sheets, function(key, sheet) {
106 |                         generateFullPropertyTree(sheet.qInfo.qId)
107 |                         .then(function(objectProperty){
108 |                             fullPropertyTree.push(objectProperty);
109 |                             if(fullPropertyTree.length == sheetsCount){
110 |                                 $.each(fullPropertyTree, function(key, singleProperty){
111 |                                     $.each(singleProperty, function(key, qObject){
112 |                                         if(qObject.qProperty.qExtendsId){
113 |                                             masterItemsList.push(qObject.qProperty.qInfo.qId);
114 |                                         }
115 |                                         else{
116 |                                             allObjectProperty.push(JSON.stringify(qObject));
117 |                                         };
118 |                                     });
119 |                                 });
120 |                                 fullPropertyTree=[];
121 |                                 $.each(masterItemsList, function(key, itemId){
122 |                                     getMasterObjects(itemId).done(function (masterObject){
123 |                                         allObjectProperty.push(JSON.stringify(masterObject.pureLayout));
124 |                                         fullPropertyTree.push(1);
125 |                                     }).done(function(){
126 |                                         if(fullPropertyTree.length == masterItemsList.length){
127 |                                             fullPropertyTree=[];
128 |                                             deferred.resolve(allObjectProperty);
129 |                                         }
130 |                                     });
131 |                                 });
132 |                             };
133 |                         });
134 |                     });
135 |                     return deferred;
136 |                 }
137 | 
138 |                 var generateFullPropertyTree = function(sheetId){
139 |                     var deferred = $.Deferred(),
140 |                         sheetFullPropertyTree = [];
141 |                     app.getFullPropertyTree(sheetId)
142 |                     .then(function(model){
143 |                         var sheetTitle = model.properties.qMetaDef.title;
144 |                         model.propertyTree.qChildren.forEach(function(p){p.qSheetTitle = sheetTitle;});
145 |                         sheetFullPropertyTree = model.propertyTree.qChildren;
146 |                         deferred.resolve(sheetFullPropertyTree);
147 |                     });
148 |                     return deferred;
149 |                 };
150 | 
151 |                 generateSheetList().done(function(sheets){
152 |                     allProperty(sheets).done(function(objectProperty){
153 |                         $.each(dimensionList, function(key, dimension){
154 |                             var holdingObject = [];
155 |                             $.each(objectProperty, function(key, value) {
156 |                                 if(value.indexOf('"qId":"') != -1){
157 |                                     var idStartPosition = value.indexOf('"qId":"')+7;
158 |                                     var idFinishPosition = value.indexOf('",', idStartPosition);
159 |                                     var holdingObjectId = value.substring(idStartPosition, idFinishPosition);
160 |                                 }
161 |                                 if(value.indexOf('"qSheetTitle":"') != -1){
162 |                                     var idStartPosition = value.indexOf('"qSheetTitle":"')+15;
163 |                                     var idFinishPosition = value.indexOf('"', idStartPosition);
164 |                                     var holdingSheetTitle = value.substring(idStartPosition, idFinishPosition);
165 |                                 }													
166 |                                 if(value.indexOf('"'+dimension.qInfo.qId+'"') > -1){
167 |                                     if(holdingObject.filter(function(qObjectId){ return qObjectId.objectId === holdingObjectId }).length < 1){
168 |                                         holdingObject.push({objectId:holdingObjectId, sheetTitle:holdingSheetTitle});
169 |                                     }
170 |                                 }
171 |                             });
172 |                             dimension.qInfo.inObject = holdingObject;
173 |                         });
174 |                         $.each(measureList, function(key, measure){
175 |                             var holdingObject = [];
176 |                             $.each(objectProperty, function(key, value) {
177 |                                 if(value.indexOf('"qId":"') != -1){
178 |                                     var idStartPosition = value.indexOf('"qId":"')+7;
179 |                                     var idFinishPosition = value.indexOf('",', idStartPosition);
180 |                                     var holdingObjectId = value.substring(idStartPosition, idFinishPosition);
181 |                                 }
182 |                                 if(value.indexOf('"qSheetTitle":"') != -1){
183 |                                     var idStartPosition = value.indexOf('"qSheetTitle":"')+15;
184 |                                     var idFinishPosition = value.indexOf('"', idStartPosition);
185 |                                     var holdingSheetTitle = value.substring(idStartPosition, idFinishPosition);
186 |                                 }													
187 |                                 if(value.indexOf(''+measure.qInfo.qId+'') > -1){
188 |                                     if(holdingObject.filter(function(qObjectId){ return qObjectId.objectId === holdingObjectId }).length < 1){
189 |                                         holdingObject.push({objectId:holdingObjectId, sheetTitle:holdingSheetTitle});
190 |                                     }
191 |                                 }
192 |                             });
193 |                             measure.qInfo.inObject = holdingObject;
194 |                         });
195 |                         var qMasterMeasures = {dimensions:dimensionList,measures:measureList};
196 |                         var destroy = destroyObject(objectDestroyId);
197 |                         deferred.resolve(qMasterMeasures);
198 |                     });
199 |                 });
200 |             return deferred;
201 |         };
202 |     }]);
203 | });


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