repository samples.

TIBCOSoftware · Apr 4, 2021 · bbd8602 · bbd8602
1 parent 84a58f3
commit bbd8602
Show file tree

Hide file tree

Showing 5 changed files with 48 additions and 69 deletions.
diff --git a/repository-filter/limit-offset/demo.html b/repository-filter/limit-offset/demo.html
@@ -7,7 +7,7 @@
     <label for='repoLimit'>Limit</label>
     <input id='repoLimit' type='number' value='10' />
     <button id='mybtn' type='button'>
-        fetch Data
+        Fetch Data
     </button>
 </div>
 <div class="datagrid">

diff --git a/repository-sort/sorting-list/demo.html b/repository-sort/sorting-list/demo.html
@@ -1,10 +1,16 @@
 <!--Provide URL to visualize.js-->
 <script src="https://mobiledemo.jaspersoft.com/jasperserver-pro/client/visualize.js"></script>
-<label>Sort Type </label>
-<select name="sortBy" id="sortBy" class='sort' disabled>
-    <option value="label">Label</option>
+<label for="sortBy">Sort By: </label>
+<select name="sortBy" id="sortBy" class="sort" disabled>
+    <option label="label">label</option>
+    <option label="uri">uri</option>
+    <option label="description">description</option>
+    <option label="type">type</option>
+    <option label="creationDate">creationDate</option>
+    <option label="updateDate">updateDate</option>
+    <option label="accessTime">accessTime</option>
+    <option label="popularity">popularity</option>
 </select>
-
 <div class="datagrid">
     <table>
         <thead>

diff --git a/repository-sort/sorting-list/demo.js b/repository-sort/sorting-list/demo.js
@@ -5,38 +5,25 @@ visualize({
         organization: "organization_1"
     }
 }, function(v) {
-
-    var sortByTypes = ['uri', 'description', 'type', 'creationDate', 'updateDate', 'accessTime', 'popularity'];
-
     var sortByElement = document.getElementById('sortBy');
-
-    sortByTypes.forEach(function(i) {
-        let option = document.createElement('option');
-        option.text = i;
-        option.label = i;
-        sortByElement.add(option)
-    });
     var search = v.resourcesSearch({
         folderUri: "/public",
         types: ["reportUnit"],
         success: renderResults,
         error: displayError
     });
 
-    document
-        .getElementById('sortBy')
-        .addEventListener("change", function() {
-            let res = document.getElementById('sortBy').value;
-            search
-                .sortBy(res)
-                .run()
-                .done(renderResults);
-        });
-
+    sortByElement.addEventListener("change", function() {
+        let columnName = sortByElement.value;
+        search
+            .sortBy(columnName)
+            .run()
+            .done(renderResults);
+    });
 
     // utility function
     function renderResults(results) {
-        document.getElementById('sortBy').disabled = false;
+        sortByElement.disabled = false;
         var tbody = document.getElementById("ResultsTableContent"),
             alt = false,
             html = [];

diff --git a/repository-type/repository-list-by-type/demo.html b/repository-type/repository-list-by-type/demo.html
@@ -1,8 +1,31 @@
 <!--Provide URL to visualize.js-->
 <script src="https://mobiledemo.jaspersoft.com/jasperserver-pro/client/visualize.js"></script>
-<label>Resource Type </label>
+<label for="resourceType">Resource Type: </label>
 <select name="resourceType" id="resourceType" disabled>
-    <option value="reportUnit">ReportUnit</option>
+    <option label="reportUnit">reportUnit</option>
+    <option label="folder">folder</option>
+    <option label="dataType">dataType</option>
+    <option label="jdbcDataSource">jdbcDataSource</option>
+    <option label="awsDataSource">awsDataSource</option>
+    <option label="jndiJdbcDataSource">jndiJdbcDataSource</option>
+    <option label="virtualDataSource">virtualDataSource</option>
+    <option label="customDataSource">customDataSource</option>
+    <option label="beanDataSource">beanDataSource</option>
+    <option label="xmlaConnection">xmlaConnection</option>
+    <option label="listOfValues">listOfValues</option>
+    <option label="file">file</option>
+    <option label="reportOptions">reportOptions</option>
+    <option label="dashboard">dashboard</option>
+    <option label="adhocDataView">adhocDataView</option>
+    <option label="query">query</option>
+    <option label="olapUnit">olapUnit</option>
+    <option label="reportUnit">reportUnit</option>
+    <option label="domainTopic">domainTopic</option>
+    <option label="semanticLayerDataSource">semanticLayerDataSource</option>
+    <option label="secureMondrianConnection">secureMondrianConnection</option>
+    <option label="mondrianXmlaDefinition">mondrianXmlaDefinition</option>
+    <option label="mondrianConnection">mondrianConnection</option>
+    <option label="inputControl">inputControl</option>
 </select>
 <div class="datagrid">
     <table>

diff --git a/repository-type/repository-list-by-type/demo.js b/repository-type/repository-list-by-type/demo.js
@@ -5,63 +5,26 @@ visualize({
         organization: "organization_1"
     }
 }, function(v) {
-
-    var resourceTypes = ['folder',
-        'dataType',
-        'jdbcDataSource',
-        'awsDataSource',
-        'jndiJdbcDataSource',
-        'virtualDataSource',
-        'customDataSource',
-        'beanDataSource',
-        'xmlaConnection',
-        'listOfValues',
-        'file',
-        'reportOptions',
-        'dashboard',
-        'adhocDataView',
-        'query',
-        'olapUnit',
-        'reportUnit',
-        'domainTopic',
-        'semanticLayerDataSource',
-        'secureMondrianConnection',
-        'mondrianXmlaDefinition',
-        'mondrianConnection',
-        'inputControl'
-    ];
-
-    var sortBySelectElement = document.getElementById('sortBy');
-
     var resourceTypeElement = document.getElementById('resourceType');
-
-    resourceTypes.forEach(function(i) {
-        let option = document.createElement('option');
-        option.text = i;
-        option.label = i;
-        resourceTypeElement.add(option)
-    });
-
     var search = v.resourcesSearch({
         folderUri: "/public",
         types: ["reportUnit"],
         success: renderResults,
         error: displayError
     });
 
-    document
-        .getElementById('resourceType')
+    resourceTypeElement
         .addEventListener("change", function() {
-            let res = document.getElementById('resourceType').value;
+            let resourceType = resourceTypeElement.value;
             search
-                .types([res])
+                .types([resourceType])
                 .run()
                 .done(renderResults);
         });
 
     // utility function
     function renderResults(results) {
-        document.getElementById('resourceType').disabled = false;
+        resourceTypeElement.disabled = false;
         var tbody = document.getElementById("ResultsTableContent"),
             alt = false,
             html = [];