technology software

social_media

English

_pendo_guides_blocked.09267810-0233-4b58-65b5-6f5f6145f867

_pendo_oldVisitorId.09267810-0233-4b58-65b5-6f5f6145f867

_pendo_feedback_ping_sent.09267810-0233-4b58-65b5-6f5f6145f867

_pendo_feedback_notification_count.09267810-0233-4b58-65b5-6f5f6145f867

_pendo___sg__.09267810-0233-4b58-65b5-6f5f6145f867

_pendo_meta.3719929843

_pendo_accountId.3719929843

shouldInitializeMetrics

_pendo_sessionId.3719929843

_pendo_utm.09267810-0233-4b58-65b5-6f5f6145f867

stest

cf_clearance

_pendo_meta.09267810-0233-4b58-65b5-6f5f6145f867

sbIID

MBeacon

ptest

_pendo_unsentEvents.09267810-0233-4b58-65b5-6f5f6145f867

_pendo_visitorId.09267810-0233-4b58-65b5-6f5f6145f867

UUID

browserCharset

_pendo_visitorId.3719929843

commonVars

The domain name 'chartindustries.quickbase.com' uses the commercial generic top-level domain (.com), featuring subdomain 'chartindustries'. Its registrable label 'quickbase' stretches across 9 characters containing 4 vowels alongside 5 consonants. Segmentation suggests two words: quick, base. Expect 4.5 characters per word on average. No strong language cues emerged from the frequency lists.

nexturl

loginid

password

SignIn

mainform

PageToken

newEmailAddress

newYourCompanyName

whichButton

regform

html/68/ef/68efe7c7-ed53-480d-bcfa-7964cd9d1b23.html.gz

default-src * 'unsafe-eval' 'unsafe-inline' data: filesystem: about: blob: ws: wss:

338340b76f2a1b64b995a4f7163cdf35cdc41aabda221dcbdba1a1bb170868f7

19cbeab6397f945308a4ce5f0f326a6ab8c8c7af3efcb6ad5e1eac81257b3d4d

f6009eda793129e32c759ad2a5dfe4fe93a1493c56ff17610535d239c7a2b10a

ad62e1fcac22cfacb33e3b4cefec3e62c27cd3f4e07c2d096f4fe6451a5e4fdd

ae3110535483b0f13fd0c4e6923c2a24ce0574a7fca26e1bced0bbb9ebb0743e

24103af48b9ee0409c9178cd92eba5dc3cdf0c76827b7c265c4f6f681b4dc176

de835453fbb6cbd52f5754e7f3b514e445336e7eddecc4dda2a9b64b30326d14

200fd1b4ff19b73f5604e8899dec52468bfe3a2f67bfc18e092a3911086b07b2

916d950c56f5b2237d1cfc2040356529320dd2892e4982f88170d3b60f8fe884

2c354f4aee7782a1054615f455ef2b669337a758aa1031b46c40c8c194bf2b04

3042a8889dcfbcecf3653ddccbddd469f0f54160e0c3b93218ee9380c08830d8

053fb45977986365169fca1fbc2ccb3e27324e26178fad2003bd54f1c7858fe1

8193db6622ecd7e28f69f7d584f1f72384193aba488fc43384b89dab4a19cd78

03f76e8bce383daacd1ace11980e72989b98056fe10a9d1956c7f2a533b5e7b5

08ba7f75e50feaf6d219936bd3f4c5623a87a01e8986d3ad376d501e356a03d6

438ed822fb6eb216cc54ab344454463d5f716ea94cb4903eee9b21a69ba01c0f

1a1932dd41dddc7e83e2fdcb8d18f888a52b6a5c388da94d77bcb8923f83f012

3bec1bb350c6107946d25639c4249c486edba8af588766a5ceff5359dd1b627a

ba91e5b6257299b53fa86efc76c7a8f462bcc158708189a98aba0d72a5e9ebba

050f6e21e71dff34e1cfcfea3ab0e7315292ce1f53e7aafa8096fcceccc189b9

f495f638c2c5291031e7b55f15510ec6fc727276116bd1000a552bec3d6a9064

6348e2dad6c989dce4c2a40369cd8792b3fb60cbd88139de7bde19fc01334e8f

0afcd6dc377d417edeaec5a35d6c1bfa67fa4bd3f2a38856a9cfab72e941d1af

45b7177a9bd2cc34389f7ff438046696944263daceacabb06577913e13191d10

09ccf5f752426af1ea3318ff5fd1f4dd683dd831f832cb45758613fb1eeddaf2

8919f1ddfe25a15a558d573fd11532c9f789a3cbf88841547ac96d985fd1741f

47be72514554bcd0c64b19f3407bc31dcc78c38b343b3c50c64fbc4590b4857e

eb2643639684570325fc7f9e7546c350bd7b3eeb09ad21902dcf43c8806a8a3e

e87ec09f44e235c4de7429c72a39374cd2c51e3b0927d72def3a312c8792ced9

60d20f37d94c091c11307f50eeb2206c0b45ddd8ddee79206a38ddfa1f91cbb0

75a11da44c802486bc6f65640aa48a730f0f684c5c07a42ba3cd1735eb3fb070

fc258407d46504745bf9ab006ec3ed9d72badc7a71276f98a0a8b8091869a9f2

dfe3b67399b5374066130f96406b7d7264dffe1bb34d2125611afbf1d8691c3b

b34fb093516ff0d3825f701921bb51080eb51494d0a5cb333dcf36bd4a4fe548

7a13d5ae0755d86c09084ec300c4a0f1a0a06921f74d9980eba9d966ff17ad38

a664d47075f42ba25443a09b8cefdc9e7adf8fa70a7bbb7d7e9e3553db78d72e

80effa02486696d509672f9e4979bcd5c2d7e73bb8fb6e7a7af8ac8ba41321b8

9ef080d36a54dd3e7194b435c267e493ee3130e508b1cc03e15593dfcb0d1467

c6f29415b7047b38a274e83795cb7582114aa2d35e6d162f01e72f70d98e0b40

8bf298de2dd3259dd281ff64727422bc5cc2e08c4e474b4ad2ee5a27dc0a2c2e

ea4c3ed04fff02709a91888819f290a07b3914f235b4e635b886624ca6ddaa71

d8a784574ad6dbe33b6dff956e5be596e9f5e83a978151a7436fab43a36c0551

d342927c0c2444f217ed569ece9d152d5bf2e7586f0d6570fb3bb00794734b69

1440879f6a7011d759d1426a5f60900fbe25096327cf8d3afc4647ce2582e6aa

cbde74caca53993a6234adf517a713a7b36e0848d9a03ae84e70404e74845275

f4a8e11465355038191fb3d98d13af7292551db2016bd2d30c0e32ea700cb7f7

3c5e3469fe5a9a45d7f4c5f98a7b18a683685b389688f575dc785eb172462bd3

37738a910e47b306aaf80a4ce6fc0abd722e1161f43bc61848c6cf9bc708d02a

9ea512ec9b584ad97f2b2099829b69f5066a1467050c261c25b36ffafddeef8f

509c00e47092614c09407688bfc92058605714a2bf55139ec10e78ed10118480

a93727d8c907091361c10cb0604f65f3e377317268297b7607b550d2e2d14033

68c9fd4c4cd05b08e6698a6cb61005b3d08d72d2c617bd7a9647cecc85cc6aca

2e869abd770e5842dd8d1b74f07ebc1a13e4610e2f41936818e3840c5f6ed2d7

c186da4c2b473459ad7c2332d6ccc23147fc8da83e7785f1741e4223fcd38f3a

a94d0241ada500146247e6941fd859c5fe50339037b6eddcf2b74e72f988b8fd

5c69f59c090de08bc7fe550c20d1aa1c0d131b16edd605749b8d80309e1af51a

37fc8bd112e1771fb97523515f7f53b1a796efb01889d9e0e725c2340baa2d46

c7d7db447d2dd36e6695f543f717dcf15d376fcc8b13ec3e39ac8f7924ffdf7f

fc2f374e6d8d35556441d32984404d368ba82f5476479b956df82ef2408f80dd

4f88c4feed3c1daed4c94bd4ca88dc06088c4617458f2a85a6d438474f72f629

164d619e380bf8793f35ff5c41f4fba8271f87255d553530a16128cd676ccf6d

762652c4e46d292d12c9f2d317ca8af6d0ff9d3b0984c2a671bab2d76d06b3a7

2af0b03d5462bcfa9e2521452844608409f937abd633d814258c78eff5a82847

da6bcc93436f9fde95a92d5412601949548490ad0290f355eb4a019eeac1e3f7

188af49d670fd546bd01faa903b367ccb3af8e88a97f4d765fd50ec22bcf7be5

c4f633811407ebb8eff6d42e4cdfde80c9065be8221fb01455babeff94830bcd

6bb368aa0f0426d24415daaa3600a01f1cfb445b17259fb63b97112327111538

23c81012edd91e7abd864d60e9afcb662e61c814b14fc664d7d7297bd7aabb22

8a5cae165e37e8008b4a5786cdc632945be00e21efb38c7b240ab697d1f00d75

viewport

ROBOTS

html/68/ef/68efe7c7-ed53-480d-bcfa-7964cd9d1b23_nodriver.html.gz

chartindustries.quickbase.com

Network Solutions, LLC

QUICKBASE.COM

Abuse

Admin

Cloudflare-NOC

Cloudflare, Inc.

CLOUDFLARENET


    var perfTime = {};
    perfTime.InlineJsPageTop = new Date().getTime();
    var isAdmin = "" == "1";
    var isIE8 = "0" == "1";



    // A global function to show the regular UI when cloaking is on.
    // Call this function when a registered Huey page (see server/routesWithHybridUi.js)
    // needs to show the regular UI such as when Hybrid UI fails to render or when there
    // is no need to render Hybrid UI.
    function showUi() {
        try {
            uiShowBody(); // See below
        } catch (e) {
            // Cloaking turned off or otherwise unavailable
        }
    }



    // 
    var isInTrial = false;
    var gReqUID = "1";
    var gReqUserEmail = "";
    var gReqUserFname = "";
    var gReqUserLname = "";
    var gReqAppDBID = "";
    var gJQueryUpdated = 1;
    var gReqUserHasAppAdmin = false;
    var gReqUserIsDBAdmin = false; // 
    var gRootDomain = "quickbase.com";
    var gRealmName = "chartindustries";
    var gRealmId = "26994";
    var gReqAccountID = "";
    var gHueySpaSupportedFormActions = "dr,er,nwr,edr,DisplayRecord,GenEditRecord,GenNewRecord,API_GenAddRecordForm";
    var gHueySpaSupportedTableReportActions = "td,q,s";
    var gHueySpaSupportedDashboardActions = "ShowPage,Dashboard,PageCreate,DBHome,AppOverview";
    var gHueyFeaturesInfoForPendo = {};
    var gIsUserAnonymous = true;
    var gHasSolutionHubAccess = false;
    var gHasSolutionHubHueyLink = false;
    var gHasExchangeAccess = false;
    var gHasAIAccess = false;



    // Function to hardcode the value of the isReactNativeWebView in the pendo designer to true/false
    // Designed to be called in the developer console.
    window.switchIsReactNativeWebViewPendoValue = function(value) {
        if (value !== true && value !== false) {
            console.error("The provided value can only be true or false!");
            return;
        }
        localStorage.setItem("isReactNativeWebView", value);
        location.reload();
    }

    // Function to flatten out an object containing nested objects
    // Result will contain all properties at the root level with key name being a combination of key names at all levels
    // Example: { a: { b: 1, c: 2} } => {a_b: 1, a_c: 2}
    function flattenObject(inputObj) {
        var resultObj = {};

        if (!inputObj || !(typeof inputObj === 'object')) {
            return resultObj;
        }

        for (var prop in inputObj) {
            if (typeof inputObj[prop] === 'object' && inputObj[prop] !== null && inputObj[prop] !== undefined) {
                var temp = flattenObject(inputObj[prop])
                for (var prop2 in temp) {
                    resultObj[prop + "_" + prop2] = temp[prop2];
                }
            } else {
                resultObj[prop] = inputObj[prop];
            }
        }
        return resultObj;
    }

    // Add a source object to a target object after flattening all props inside the source object, including nested props
    // Example:
    // var sourceObj = { a: { b: 1, c: 2 } }
    // var targetObj = { x: "propX", y: "propY" }
    // addFlattenedPropsToTargetObject(sourceObj, targetObj) => { x: "propX", y: "propY", a_b: 1, a_c: 2 }
    function addFlattenedPropsToTargetObject(sourceObj, targetObj) {
        if (!sourceObj || !targetObj) {
            return targetObj;
        }

        var flattenedObj = flattenObject(sourceObj);
        return Object.assign(targetObj, flattenedObj);
    }

    // Function to add any additional properties to Pendo annotation data before sending it to Pendo URL annotation function
    function addAdditionalPropertiesToPendoAnnotationData() {

        if (!window.gPendoAnnotationData) {
            return;
        }

        // This annotation is true when the app is open through the React Native WebView, false otherwise
        // The initial value of the localStorage value is set in the IIFE below
        window.gPendoAnnotationData.isReactNativeWebView = localStorage.getItem("isReactNativeWebView") === 'true';

        // Add any additional info provided by Huey features in the gHueyFeaturesInfoForPendo object to Pendo annotation data object
        // Example: For the report builder panel, need to indicate for which report type the panel is opened
        window.gPendoAnnotationData = addFlattenedPropsToTargetObject(window.gHueyFeaturesInfoForPendo, window.gPendoAnnotationData);
    }

    // IIFE to encapsulate private vars to this script
    (function () {
                
        // Initilize the value of the localStorage flag,
        // window.isReactNativeWebView value is injected with true if the page is loaded through the React Native WebView
        if (localStorage.getItem("isReactNativeWebView") === null) {
            localStorage.setItem("isReactNativeWebView", !!window.isReactNativeWebView);
        }

        var pendoData = {
            cookieDomain: "." + gRootDomain,
        };

        // If Switch_EnablePendoJWT is, send jwt, signingKeyName and disableGuides
        
            pendoData.jwt = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJhY2NvdW50Ijp7ImlkIjoiMzM2MjY4In0sIm5vbmNlIjoiOTkyYTdhM2NiYzkyNTljN2UxNTM3MjQ3NDBkYzc1OWUiLCJ2aXNpdG9yIjp7ImVtYWlsIjoidW5rbm93biIsImZ1bGxfbmFtZSI6IiAiLCJxYkFuY2VzdG9yQXBwSWQiOiJub25lIiwicWJDdXJyZW50QXBwSWQiOiJub25lIiwicWJIYXNFdmVySGFkQXBwQWRtaW4iOmZhbHNlLCJxYkhhc1BpcGVsaW5lc0FjY2VzcyI6ZmFsc2UsInFiSXNDdXJyZW50QXBwQWRtaW4iOmZhbHNlLCJxYklzSW5UcmlhbCI6ZmFsc2UsInFiUmVhbG1OYW1lIjoiY2hhcnRpbmR1c3RyaWVzIiwicWJSb290RG9tYWluIjoicXVpY2tiYXNlLmNvbSIsInFiVXNlcklkIjoxfX0.GQMWoMrEyEU7QQTVy7pyOLM2UtTx-q0D6hKrRGW6jPQ";
            pendoData.signingKeyName = "quic-quic-Va3sV";
        

        // If Switch_EnablePendoJWT is off, send account, visitor information
        

        

            // Set the pendo data to be available globally so other code (such as in reuse) can access it.
            window.gPendoData = pendoData;

        // annotation data
        window.gPendoAnnotationData = {"isAppInQuarantine":"false","is_p":"0","pndFromAI":"0","pndFromSample":"0","pndTemplate":"login","pndTemporaryQID":"false"};
        if (window.gPendoAnnotationData) {
            window.gPendoAnnotationData.pndPageFeature = "none";
            window.gPendoAnnotationData.pndReportType = "none";
            // This will indicate if we are inside our single page application(SPA)
            window.gPendoAnnotationData.isHueySPA = "false";
            window.gPendoAnnotationData.isRemixUI = "false";
            pendoData.annotateUrl = function () {
                addAdditionalPropertiesToPendoAnnotationData();
                return window.gPendoAnnotationData;
            }
        }

        
        function sanitizeUrlForPendo(urlString) {
            var url;
            var remixAction;
            try {
                url = new URL(urlString);
                if (!(url && url.searchParams && url.searchParams.size > 0)) {
                    return urlString;
                }
                // This is to get action from remix url as a fallback
                if (window.isRemixUI) {
                    // We will only enter this if/else block if our url is still a remix url
                    // in which case we will need action param. We have two url patterns with action
                    // one being nav/app/appId/action/{action}, other being /nav/main/{action}
                    if (url.pathname.includes('/action/')) {
                        // The extra split is in case the url has /action/dashboardid?{otherSearchParams}
                        remixAction = url.pathname.split('/action/')[1].split('/')[0];
                    } else if (url.pathname.includes('/main/')) {
                        remixAction = url.pathname.split('/main/')[1].split('/')[0];
                    }
                }
            } catch (ex) {
                return urlString;
            }

            var allowList = ['a','accountid','act','addfromglobalbar','aftersaveconfirm','aftersavenew','aftersaveurl','aftersaveview','app_name','appid','builtfromai',' category','cmpid','configid','confmsg','dbid','ddr','deactonly','dfid','dlta','dr','edit','embedmode','fid','formmode','from','frompage','fullver','id','ifv','integrations.groupby','is_p','isappinquarantine','ishueyspa','isremixui','isreactnativewebview','isrlk','keepdata','key','mergefieldid','metrictype','name','navback','newhybridform','newinstall','newreporttype','nexturl','nexturldashboard','originalqid','page','pageid','pageidv2','pendo-designer','pid','pndfromsample','pndfromai','pndreportfromai','pndpagefeature','pndreporttype','pndtemplate','pndtemporaryqid','q','qid','qskip','qtbtx','r','rdr','realmhostname','realmid','redmsg','redmsgdigest','returnurl','rid','ridlist','rl','roleid','srvr','tab','title','uid','userid','z'];
            var attributeValuesToSanitize = ['aftersaveurl', 'finalurl', 'nexturl', 'nexturldashboard', 'rdr', 'returnurl'];
            var attributeValuesToLowerCase = ['a'];

            var cleanSearchParams = new URLSearchParams();
            url.searchParams.forEach(function (value, key) {
                var newKey = key.toLowerCase();
                if (allowList.includes(newKey)) {
                    var sanitizedValue = attributeValuesToSanitize.includes(newKey) ? sanitizeUrlForPendo(value) : value;
                    var newValue = attributeValuesToLowerCase.includes(newKey) ? sanitizedValue.toLowerCase() : sanitizedValue;
                    cleanSearchParams.append(newKey, newValue);
                } else {
                    cleanSearchParams.append(newKey, '---');
                }
            });

            

            cleanSearchParams.set('a',
                cleanSearchParams.get('a') ||
                (cleanSearchParams.get('act') && cleanSearchParams.get('act').toLowerCase()) ||
                (remixAction && remixAction.toLowerCase()) || 'none'
            );

            // This href setter helps us utilize sbserver url pattern (for e.g. ?a=td) for Pendo in new nav
            // Placing it just before setting the search string so we do not lose pendo annotation data in search string
            // if this is a URL that is on the current domain or we don't know the domain. If a separate domain, we do not modify the href.
            if (window.navChildURL && url.href.startsWith(gReqHostName)) {
                url.href = window.navChildURL;
            }
            url.search = cleanSearchParams.toString();
            return url.toString();
            };
        pendoData.sanitizeUrl = sanitizeUrlForPendo;

        (function (apiKey) {
            (function (p, e, n, d, o) {
                var v, w, x, y, z; o = p[d] = p[d] || {}; o._q = [];
                v = ['initialize', 'identify', 'updateOptions', 'pageLoad']; for (w = 0, x = v.length; w < x; ++w)(function (m) {
                    o[m] = o[m] || function () { o._q[m === v[0] ? 'unshift' : 'push']([m].concat([].slice.call(arguments, 0))); };
                })(v[w]);
                y = e.createElement(n); y.async = !0; y.src = 'https://content.analytics.ux.quickbase.com/agent/static/' + apiKey + '/pendo.js';
                z = e.getElementsByTagName(n)[0]; z.parentNode.insertBefore(y, z);
            })(window, document, 'script', 'pendo');
            window.gIsPendoInitDelayed = false;
            if (!window.gIsPendoInitDelayed) {
                pendo.initialize(pendoData);
            }
        })('09267810-0233-4b58-65b5-6f5f6145f867');
    })();



    var gCKEditorKey = "OUNFMDNZQ2NlQTFDUXo0cWMyVGxFcjhIUnpnamp1U00wempBbjAxYW5OY0YydkVSN1NBeUxrU21mZz09LU1qQXlOVEExTURJPQ=="



    var gFastFieldDomain = "https://portal.fastfieldforms.com";



    window.gAGGridKey = "Using_this_{AG_Grid}_Enterprise_key_{AG-072802}_in_excess_of_the_licence_granted_is_not_permitted___Please_report_misuse_to_legal@ag-grid.com___For_help_with_changing_this_key_please_contact_info@ag-grid.com___{Quickbase,_Inc.}_is_granted_a_{Single_Application}_Developer_License_for_the_application_{Quickbase}_only_for_{15}_Front-End_JavaScript_developers___All_Front-End_JavaScript_developers_working_on_{Quickbase}_need_to_be_licensed___{Quickbase}_has_been_granted_a_Deployment_License_Add-on_for_{2}_Production_Environments___This_key_works_with_{AG_Grid}_Enterprise_versions_released_before_{14_February_2026}____[v3]_[01]_MTc3MTAyNzIwMDAwMA==259779ea0baa811829b1494db4cf5661";



    if (document.readyState !== 'loading') {
        initPerfTiming();
    } else {
        document.addEventListener('DOMContentLoaded', function () {
            initPerfTiming();
        });
    }



    // A global configuration that points to Hybrid UI
    // This variable is also used by the setup scripts that are downloaded from Hybrid UI
    // so that assets (css and images) are loaded from the correct host.
    var HYBRID_UI_HOST = "https://www.ui.quickbase.com";
    var QB_SERVERLESS_HOST = "https://services.quickbase.com/api";
    var AI_STUDIO_HOST = "https://builder.services.aistudio.quickbase.com";



    try {
        if(window.hybridManifest) {
            var HYBRID_CDN_HOST = "https://ui-features.quickbase.com";

            Object.keys(window.hybridManifest).forEach(function(configKey) {
                require.paths[configKey] = HYBRID_CDN_HOST + window.hybridManifest[configKey]; // Output: {ui-relationship-builder: 'https://ui-features.quickbase.com/relationship-builder/1.2.3/main.12345.js'}
            });
        } else {
            // Sometimes the manifest fails to load without displaying an error in the console.
            // This happens when security proxies return an empty body for our manifest if it is not allowed.
            console.error("Failed to load manifest: https://ui-features.quickbase.com/manifests/prod.manifest.js");
        }
    } catch(cdnError) {
        console.error(cdnError);
    }



	var inviteDefaultSubject = "";
	var inviteDefaultMessage = "";
	var gUserCanShare = "true"=="true";
	var gEveryoneMsg = ""; //custom message to display on add/change role of EOI
	var gIsAddressBookAvailable = false;
	//default message for EOI
	var kEveryoneDefault = "Are you certain you want to grant access to this application to the entire Internet?";

	var kACUser			= 1;
	var kACGroup		= 2;
	var kACDomgroup		= 4;
	var kACAccount	= 5;
	var kACPlaceholder	= 6;

	var kGIDEveryone	= 3;

	var gCurIndex;

	var gReqAccountName = "";

    var kDelimA = '\\d';

    var kDelimData = '~!~';
    var kDelimRow = '~!!~';
    var kDelimMVUserFieldData = ";";

	var kNullID = '0';

	var gParseGroups; //TESTING
	var gParseContacts; //TESTING
    var gSearchGroups; //TESTING
    var gSearchContacts; //TESTING
    var kMaxTokenCount = 400; //max # of allowed tokens

	//load mapping of roldID to role name
	var roleinfo = new Array();
    var kRoleIDNoAccess = 9; //none role
	var tgRoleInfo = new Array();

    //searchable trustee lists
    this.groups = '';
    this.contacts = '';

    //user-hidden announcements
    function isAnnouncementHidden(announcementNum)
        {
        if(typeof(hiddenAnnouncements)=='undefined') return true;
        return (hiddenAnnouncements & (1<<announcementNum)) != 0;
        }

    



    // Setup for jquery ajax requests to allow cors requests to send cookies
    $.ajaxSetup({
        xhrFields: {
            withCredentials: true
        }
    });



        // global variable for use in hybrid ui
        var gCustomBrandColor = "#0f5da6";
    


    //Init the create table dialog.
    $(function ()
    {
        /* Load the createTable.js file once on click event. The reason for data attributes is detailed in createTable.js.*/
        $("#btnNewTable, #btnNewTableLite,#btnNewTable_Nav").one('click', function ()
        {
            var btnElem = $(this);
            if (!btnElem.data('init'))
            {
                $('#btnNewTable,#btnNewTableLite,#btnNewTable_Nav').data('init', 'interim');
                require(["createTable"], $.noop);
            }
        });

        $("#copytable").one('click', function ()
        {
            var btnElem = $(this);
            if (!btnElem.data('init'))
            {
                $('.PopMenu').hide();
                $('#copytable').data('init', 'interimcopy');
                require(["createTable"], $.noop);
            }
        });
    });



    var mcFields = false;
    var kbReport = document.getElementById("kanbanReport");
    if(kbReport)
    {
        kbReport.disabled = !mcFields;
        if(!mcFields)
        {
            document.getElementById("kanbanTitle").style.color = "#ccc";
            document.getElementById("kanbanDesc").style.color = "#ccc";
            document.getElementById("kanbanErrorMsg").style.color = "#ccc";
            document.getElementById("kanbanErrorMsg").style.display = "inline";
        }
    }

    var shouldHideAutomations = false;



    $(function () {
        var footerHeight = $("#bottomFooter").height();
        var horizScrollbar = false;
        realmFooterEl = $("#realmAppFooter");
        $(realmFooterEl).css("bottom", footerHeight + "px");
    });




        $(function () {
            $('#showMobileSiteLink, #showMobileAppLink').click(function () {
                setFullsiteCookie(0);
            });
        });
    


    var gMsgBoxMsg = "";
    var gMsgBoxSubMsg = "";




    
    $(window).bind("load", function () {
        if ($("#bottomFooter").css("bottom") == "0px" && $("#bottomFooter").css("position") == "fixed") {
            $("#bottomSpacer").height($("#bottomFooter").height());
        }
        else if ($("#draftBanner").css("bottom") == "0px" && $("#draftBanner").css("position") == "fixed") {
            $("#bottomSpacer").height($("#draftBanner").height());
        }
    });




    <form class="newTableForm" name="tableSettingsForm" novalidate>

        <div class="connectionStepTitle">Name your connected table</div>

        <div class="connectionStepContent">
        <div class="CreateNewTableNameWrapper">
            
            <div class="CreateNewTableInput"> 
                <label class="TableLabel" ng-class="{settingsError: tableNamePopover}" >Table name<span class="fieldInputErrorIcon" ng-show="tableNamePopover" popover-trigger="'mouseenter'" popover-placement="right" uib-popover="{{tableNamePopover}}" ></span></label>
                <div qb-clearable-wrapper>
                    <input placeholder="For example, Customers" ng-class="{settingsError: tableNamePopover}" uib-popover="{{tableNamePopover}}"  popover-trigger="'mouseenter'" type="text" size="42" name="createNewTableName" qb-clearable ng-model="tableInfo.tableName" required ng-blur="checkTableName()" ng-enter="handleEnter()" class="createNewTableName required needsplural valid UserInput WithPadding" />
                </div>
            </div>
            <div class="CreateNewTableInput">
                <label class="TableLabel" ng-class="{settingsError: recordNamePopover}">A single record is called a<span class="fieldInputErrorIcon" ng-show="recordNamePopover" uib-popover="{{recordNamePopover}}"  popover-trigger="'mouseenter'"></span></label>
                <div qb-clearable-wrapper>
                    <input placeholder="For example, customer" ng-class="{settingsError: recordNamePopover}" type="text" size="42" qb-clearable name="createNewTableNoun" uib-popover="{{recordNamePopover}}"  popover-trigger="'mouseenter'" ng-model="tableInfo.singularNoun"  required ng-enter="handleEnter()" class="createNewTableNoun required needsplural valid UserInput WithPadding" />
                </div>
            </div>
        </div>
        <div class="SelectedIconWrapper">
            <span class="SelectedIconLabel">Icon</span>
            <div class="IconChooser IconBorder Tipsy UserInput selectedIconSearch" qb-table-icon-dialog ng-click="open()" data-original-title="Click to view all icons">
                <div class="submissionIcon TblIcon20 icon-table SubmissionIcon {{tableInfo.iconName}}" icon="{{tableInfo.iconName}}"></div>
            </div>
        </div>
        
        <div class="SuggestedIconWrapper Tipsy">
            <span class="SuggestedIconsLabel">Suggested icons</span>
            <div class="IconBorder suggestedIconContainer">
                <div class="TableIconPadding" ng-repeat="icon in filteredIcons = (sortedIcons | tableIconFilter:tableInfo.tableName)"
                     ng-click="selectIcon(icon.icon)">
                    <div class="TblIcon20 icon-table {{icon.icon}} Tipsy" icon="{{icon.icon}}" data-original-title="{{icon.tags}}" ></div>
                </div>
                <div class="NoSuggestedIcon" ng-show="isEmptyObject(filteredIcons)">No suggested icons for the table name entered.</div>
            </div>
        </div>
 
        <div class="createNewTableDescSpan">
            <label class="TableLabel">Description</label>
            <textarea rows="7" placeholder="Text to show when hovering over the table in the table bar" name="createNewTableDesc" ng-model="tableInfo.description" class="createNewTableDesc UserInput WithPadding">{{tableInfo.description}}</textarea>
            <div class="inputDescLengthWarn error" ng-show="tableSettingsForm.createNewTableDesc.$error.maxlength">Table description must be less than 1024 characters</div>
        </div>
        </div>
    </form>







<div class="ccProcessingView background">
    <div class="ccProcessingView messageContainer">
        <div class="ccProcessingView spinner"></div>
        <div class="ccProcessingView label">{{busyMsg}}</div>
    </div>
</div>

<div class="connectionSetupContainer" ng-keyup="keyUp($event)">
    <div class="openHelpPanel" ng-show="!wizard.help.show" ng-click="toggleHelp(true)"></div>
    <div class="closeConnectionWizard" ng-click="cancel()"></div>
    <div class="StepProgressBar"></div>

    <div id="connectionSetupPages" ng-switch="view">
        <div class="setupPage" ng-switch-when="TableDetails" qb-create-table-form></div>
        <div class="setupPage" ng-switch-when="ConnectionSelection" qb-connection-selection></div>
        <div class="setupPage" ng-switch-when="ConnectionSetup" qb-connection-setup></div>
        <div class="setupPage" ng-switch-when="DatasetSelection" qb-dataset-selection></div>
        <div class="setupPage" ng-switch-when="FieldSelection" qb-field-selection></div>
        <div class="setupPage" ng-switch-when="FilterSetup" qb-filter-setup></div>
        <div class="setupPage" ng-switch-when="ScheduleSetup" qb-schedule-setup></div>
    </div>
    <div class="footerButtons">
        <button class="backButton HarmonyButton Secondary" ng-click="back()" ng-class="{Hidden: !nav.backAllowed}"><span class="Icon CaretLeftSmall AlignLeft"></span><span class="Text">{{nav.backButtonLabel}}</span></button>
        <button class="nextButton HarmonyButton Success" ng-click="next()" ng-show="showNextButton()" ng-disabled="!nav.nextAllowed"><span ng-show="!nav.isLastPage" class="Icon CaretRightSmall AlignRight"></span><span ng-class="{Text:!nav.isLastPage}">{{nav.nextButtonLabel}}</span></button>
        <span class="nextHelp" ng-show="nav.showNextHelp && nav.showNextHelp()">Did you complete all 3 steps?</span>
    </div>
</div>

<div class="helpPanel" ng-show="wizard.help.show">
    <div class="closeHelpPanel" ng-click="toggleHelp(false)"></div>
    <div class="helpContainer">
        <div ng-bind-html="contextHelp"></div>
    </div>
</div>




<div>
    <form class="connectionSelectionForm" >

        <h1 ng-if="!editMode" class="connectionStepTitle">Select your data source</h1>
        <h1 ng-if="editMode" class="connectionStepTitle">Select your data source</h1>

        <div class="connectionStepContent channelGroupsWrapper">
            <div class="channelGroupList" ng-repeat="groupKey in orderedChannelGroupKeys">
                <div class="connectionStepContentPanel" ng-show="userInfo.channelGroups[groupKey] != undefined">
                    <div class="channelGroupLabel">
                        <div ng-show="groupKey=='Service'">
                            <h2 class="channelGroupHeading">Services</h2>
                            <div class="channelGroupDesc">Connect an existing account</div>
                        </div>
                        <div ng-show="groupKey=='CSV'">
                            <h2 class="channelGroupHeading">CSV files</h2>
                            <div class="channelGroupDesc">Connect a folder containing CSV files</div>
                        </div>
                        <div ng-show="groupKey=='Email'">
                            <h2 class="channelGroupHeading">Email</h2>
                            <div class="channelGroupDesc">Connect an existing account</div>
                        </div>
                        <div ng-show="groupKey=='Demo'">
                            <h2 class="channelGroupHeading">Try it out</h2>
                            <div class="channelGroupDesc">Build a table with our sample data</div>
                        </div>
                    </div>
                    <div class="channelGroupContent">
                        <ul class="channels">
                            <li ng-if="channel.name != 'Placeholder'" ng-repeat="channel in userInfo.channelGroups[groupKey]" ng-class="{selected: channel.id==tableInfo.selectedChannel.id}"
                                class="channel" ng-dblclick="selectChannel(channel,true)" ng-click="selectChannel(channel)"
                                role="button" aria-label="{{channel.name}}">
                                <div class="channelIcon {{toDashes(channel.logoName)}}" title="{{channel.name}}" ng-show="hasIcon(channel.logoName)"></div>
                                <div class="channelDesc" ng-show="!hasIcon(channel.logoName)">{{channel.name}}</div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

    </form>
</div>



<div>
    <form class="connectionSetupForm" name="ConnectionSetupForm" novalidate autocomplete="off">

        <div class="connectionStepTitle newConnectionTitle">
            <div>Connect to&nbsp;</div><div class="channelIcon flushLeft {{toDashes(tableInfo.selectedChannel.logoName)}}"> </div>

        </div>

        <div class="connectionStepContent contentTop">
            <div ng-show="!showNewConnectionRequirements && existingConnections.length==1 " class="connectionStepSubTitle">You already have a connection.</div>
            <div ng-show="!showNewConnectionRequirements && existingConnections.length>1 && !showQboConnectionWarning()" class="connectionStepSubTitle">Select a connection or create a new one.</div>
            <div ng-show="!showNewConnectionRequirements && existingConnections.length>1 && showQboConnectionWarning()" class="connectionStepSubTitle">Select a connection.</div>
            <div ng-show="showNewConnectionRequirements" class="connectionStepSubTitle">Create a connection to {{tableInfo.selectedChannel.name}}.</div>
            <div class="connectionStepContentSep"></div>
        </div>

        <div class="connectionStepContent contentMain">
            <div class="waitingProgressContainer" ng-show="waitingProgress">
                <div class="waitingProgress connectionStepSubTitle">
                    <span class="spinner"></span><span>{{busyMsg}}</span>
                </div>
            </div>

            <div class="connectionList">
                <div ng-show="!showNewConnectionRequirements" ng-class="{selected: conn.id==tableInfo.selectedConnection.id}" 
                     class="existingConnection" ng-click="selectConnection(conn)" ng-dblclick="selectConnection(conn,true)" 
                     ng-repeat="conn in existingConnections">
                    <div class="connectionName">{{conn.name}}</div>
                    <div class="connectionStepContentSep"></div>
                </div>

                <div class="newConnectionToggle animate-show" ng-if="!showNewConnectionRequirements && !showQboConnectionWarning()">
                    <a href="" ng-click="createNewConnection()">+ Create a new connection</a> if you want to sign in differently.
                </div>
                <div class="newConnectionToggle animate-show" ng-if="!showNewConnectionRequirements && showQboConnectionWarning()">
                    You may <a href="" ng-click="createNewConnection()">create a new connection</a>, but only if you need to connect a different QuickBooks company.
                </div>

                <div ng-show="showNewConnectionRequirements" class="connectionRequirements animate-show">

                    <div class="connectionName">
                        <div ng-class="{settingsError: connectionExistsPopover}" for="id" class="requirementsFieldLabel">
                            {{tableInfo.selectedChannel.name}} connection name
                            <span class="fieldInputErrorIcon" ng-show="connectionExistsPopover"></span>
                        </div>

                        <input ng-class="{settingsError: connectionExistsPopover}" uib-popover="{{connectionExistsPopover}}" ng-enter="handleEnter()" popover-placement="right" popover-trigger="'mouseenter'" type="text" name="id" ng-model="settings.connection.name" ng-minlength=0 class="requirementsFieldInput UserInput WithPadding NonPrompt" />
                    </div>

                    <div ng-show="settings.isNetSuiteCredential" class="connectionParameters">
                        <span>
                            <div class="credentialInput">
                                <div class="requirementsFieldLabel">Authorization type</div>
                                <div class="btn-group" uib-dropdown>
                                    <button type="button" class="btn btn-default dropdown-toggle FS-Button" uib-dropdown-toggle>
                                        <div ng-if="settings.netsuiteCredentialType == 'Custom'">
                                            Token Based Authentication
                                            <span class="caret" style="padding:0;"></span>
                                        </div>
                                        <div ng-if="settings.netsuiteCredentialType != 'Custom'">
                                            {{settings.netsuiteCredentialType}}
                                            <span class="caret" style="padding:0;"></span>
                                        </div>
                                    </button>
                                    <ul class="dropdown-menu" role="menu" uib-dropdown-menu>
                                        <div ng-repeat="credentialType in settings.constants.netsuiteCredentialTypes">
                                            <li ng-if="credentialType != 'Custom'">
                                                <a href="#" ng-click="selectNetSuiteCredentialType(credentialType)">{{credentialType}}</a>
                                            </li>
                                            <li ng-if="credentialType == 'Custom'">
                                                <a href="#" ng-click="selectNetSuiteCredentialType('Custom')">Token Based Authentication</a>
                                            </li>
                                        </div>
                                    </ul>
                                </div>
                            </div>
                        </span>
                        <div ng-if="(settings.netsuiteCredentialType=='Custom')">
                            <div ng-repeat="param in requirements.credentials[1].parameters ">
                                <div class="credentialInput">
                                    <div class="requirementsFieldLabel">{{param.name}}</div>
                                    <div ng-switch on="param.widgetType">
                                        <input ng-if="param.widgetType=='TextBox'" type="text" name="{{param.name}}" ng-enter="handleEnter()"
                                               ng-model="settings.credentials[1].components[$index].value" class="requirementsFieldInput UserInput WithPadding">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div ng-if="(settings.netsuiteCredentialType!='Custom')">
                            <div ng-repeat="param in requirements.credentials[0].parameters ">
                                <div class="credentialInput">
                                    <div class="requirementsFieldLabel">{{param.name}}</div>
                                    <div ng-switch on="param.widgetType">
                                        <input ng-if="param.widgetType=='Password'" type="password" name="{{param.name}}" ng-enter="handleEnter()"
                                           ng-model="settings.credentials[0].components[$index].value" class="requirementsFieldInput UserInput WithPadding">
                                        <input ng-if="param.widgetType=='TextBox'" type="text" name="{{param.name}}" ng-enter="handleEnter()"
                                           ng-model="settings.credentials[0].components[$index].value" class="requirementsFieldInput UserInput WithPadding">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                <div ng-show="(!hasOAuth || settings.isExchangeCredential) && !settings.isNetSuiteCredential" class="connectionParameters">

                    <div ng-repeat="param in settings.connection.properties" class="parameterInput"
                         ng-hide="settings.connection.properties[$index].hiddenOnCreate || hideParamForExchangeUNPW(param)">
                        <div ng-class="{settingsError: getParameterPopover(param)}" class="requirementsFieldLabel">
                            {{param.label}}
                            <span class="fieldInputErrorIcon" ng-show="getParameterPopover(param)"></span>
                        </div>
                        <input ng-class="{settingsError: getParameterPopover(param)}" uib-popover="{{getParameterPopover(param)}}" type="text"
                               name="{{param.name}}" placeholder="{{getParameterPlaceholder(param)}}" ng-enter="handleEnter()" ng-model="param.valueList[0].value" class="requirementsFieldInput UserInput WithPadding" />
                    </div>

                    
                    
                    <div ng-if="!settings.isQuickBaseUserPasswordOrUserTokenCredential && !settings.isExchangeCredential">
                        <div ng-if="showByFeatureName(requirements.credentials[0].parameters[$index])" ng-repeat="param in requirements.credentials[0].parameters ">
                            <div class="credentialInput">
                                <div class="requirementsFieldLabel">{{param.name}}</div>
                                <div ng-switch on="param.widgetType">
                                    <input ng-if="param.widgetType=='Password'" type="password" name="{{param.name}}" ng-enter="handleEnter()" ng-model="settings.credentials[0].components[$index].value" class="requirementsFieldInput UserInput WithPadding">
                                    <input ng-if="param.widgetType=='TextBox'" type="text" name="{{param.name}}" ng-enter="handleEnter()" ng-model="settings.credentials[0].components[$index].value" class="requirementsFieldInput UserInput WithPadding">
                                </div>
                            </div>
                        </div>
                    </div>

                    
                    
                    <div ng-if="settings.isQuickBaseUserPasswordOrUserTokenCredential">
                        <div class="credentialInput">
                            <div class="requirementsFieldLabel">Authorization type</div>
                            <div class="btn-group" uib-dropdown>
                                <button type="button" class="btn btn-default dropdown-toggle FS-Button" uib-dropdown-toggle>
                                    {{settings.quickBaseCredentialType}}
                                    <span class="caret" style="padding:0;"></span>
                                </button>
                                <ul class="dropdown-menu" role="menu" uib-dropdown-menu>
                                    <li ng-repeat="credentialType in settings.constants.quickBaseCredentialTypes">
                                        <a href="#" ng-click="selectQuickBaseCredentialType(credentialType)">{{credentialType}}</a>
                                    </li>
                                </ul>
                            </div>
                        </div>

                        <div ng-repeat="param in requirements.credentials[0].parameters ">
                            <div ng-if="(settings.quickBaseCredentialType=='Username and password' && (param.name=='Username' ||  param.name=='Password' || param.name=='App Token'))
                                     || (settings.quickBaseCredentialType=='User token' && param.name=='User Token')">
                                <div class="credentialInput">
                                    <div class="requirementsFieldLabel">{{param.name}}</div>
                                    <div ng-switch on="param.widgetType">
                                        <input ng-if="param.widgetType=='Password'" type="password" name="{{param.name}}" ng-enter="handleEnter()" ng-model="settings.credentials[0].components[$index].value" class="requirementsFieldInput UserInput WithPadding">
                                        <input ng-if="param.widgetType=='TextBox'" type="text" name="{{param.name}}" ng-enter="handleEnter()" ng-model="settings.credentials[0].components[$index].value" class="requirementsFieldInput UserInput WithPadding">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    
                    
                    <div ng-if="settings.isExchangeCredential">
                        <div ng-if="isExchangeEnableOAuth()" class="credentialInput">
                            <div class="requirementsFieldLabel">Authorization type</div>
                            <div class="btn-group" uib-dropdown>
                                <button type="button" class="btn btn-default dropdown-toggle FS-Button" uib-dropdown-toggle>
                                    {{settings.exchangeCredentialType}}
                                    <span class="caret" style="padding:0;"></span>
                                </button>
                                <ul class="dropdown-menu" role="menu" uib-dropdown-menu>
                                    <li ng-repeat="credentialType in settings.constants.exchangeCredentialTypes">
                                        <a href="#" ng-click="selectExchangeCredentialType(credentialType)">{{credentialType}}</a>
                                    </li>
                                </ul>
                            </div>
                        </div>

                        <div ng-repeat="param in requirements.credentials[0].parameters ">
                            <div ng-if="(settings.exchangeCredentialType=='Username and Password' && (param.name=='Username' ||  param.name=='Password'))">
                                <div class="credentialInput">
                                    <div class="requirementsFieldLabel">{{param.name}}</div>
                                    <div ng-switch on="param.widgetType">
                                        <input ng-if="param.widgetType=='Password'" type="password" name="{{param.name}}" ng-enter="handleEnter()"
                                               ng-model="settings.credentials[0].components[$index].value" class="requirementsFieldInput UserInput WithPadding">
                                        <input ng-if="param.widgetType=='TextBox'" type="text" name="{{param.name}}" ng-enter="handleEnter()"
                                               ng-model="settings.credentials[0].components[$index].value" class="requirementsFieldInput UserInput WithPadding">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                </div>
            </div>
        </div>
    </form>
</div>


<div class="dialog">
    <div class="dialogContents">
        <div class="dialogIcon"></div>
        <div class="dialogTitle">Change Refresh Keys</div>
        <div class="dialogText">
            <br />
            <div>Are you sure? We will <b style="color:red">remove</b> all {{numRecords}} {{pluralizer.pluralize(tableInfo.singularNoun.toLowerCase())}} in the table right now.</div>
        </div>
    </div>

    <div class="footerButtons">
        <button class="nextButton HarmonyButton Primary" ng-click="changeRefreshKeys()"> <span class="Text">Yes</span></button>
        <button class="backButton HarmonyButton Secondary" ng-click="cancel()"> <span class="Text">No</span></button>
    </div>
</div>




    <div class="dialog">
    <div class="dialogContents">
        <div class="dialogIcon"></div>
        <div class="dialogTitle">Change the field type</div>
        <div class="dialogText">
            <br />
            <div>Are you sure? We will <b style="color:red">remove</b> all {{numberOfRecords}} {{recordNamePlural}} in your Quickbase table right now, because your Refresh Key field is going to be affected. <a href="https://help.quickbase.com/user-assistance//user-assistance/Changing_field_type_of_a_field_in_refresh_key.html" target="_blank">Learn more</a>
        </div>
        </div>
    </div>

    <div class="footerButtons">
        <button class="nextButton HarmonyButton Primary" ng-click="changeRefreshKeyType()"> <span class="Text">Yes</span></button>
        <button class="backButton HarmonyButton Secondary" ng-click="cancel()"> <span class="Text">No</span></button>
    </div>
</div>




<div>
    <form class="datasetSelectionForm">
        <div class="connectionStepTitle newConnectionTitle">
            <div ng-show="getSelectedServiceGroup() == 'CSV'">Select a folder to connect on</div>
            <div ng-show="getSelectedServiceGroup() == 'Email'">Select one set of messages to connect from</div>
            <div ng-show="getSelectedServiceGroup() != 'CSV' && getSelectedServiceGroup() != 'Email'">Select one set of records to connect from</div>
            <div class="channelIcon flushLeft {{toDashes(tableInfo.selectedChannel.logoName)}}"> </div>
        </div>

        <div ng-show="tableInfo.selectedConnection.hasQueryDataSet || tableInfo.selectedConnection.hasTableDataSet" class="connectionStepContent contentTop">
            <div qb-clearable-wrapper ><input name="dataset" qb-clearable="search" type="text" ng-model="search.name" placeholder="Search" class="UserInput WithPadding"></div>
            <div class="connectionStepSubTitleMultilineContainer">
                <span>&nbsp;A Quickbase table can connect with just one</span>
                <span ng-show="getSelectedServiceGroup() != 'CSV'">of these.</span>
                <span ng-show="getSelectedServiceGroup() == 'CSV'">folder.<br />
					<a href="https://help.quickbase.com/user-assistance//user-assistance/Connecting_to_a_folder_of_csv_files.html" target="_blank">How do I connect my CSV file?</a>
				</span>
            </div>
        </div>
        <div class="connectionStepContentSep"></div>
        <div class="connectionStepContent contentMain">
          <div class="tableSources" ng-class="{notFound: !busy && !tableInfo.selectedConnection.hasQueryDataSet && !tableInfo.selectedConnection.hasTableDataSet}">
            <div id="emptyDataSelection" ng-show="!busy && !tableInfo.selectedConnection.hasQueryDataSet && !tableInfo.selectedConnection.hasTableDataSet">
              <div ng-include="emptyDataHtml"></div>
            </div>

            <div class="tableSourceDivider" ng-show="tableInfo.selectedConnection.hasQueryDataSet && tableInfo.selectedConnection.hasTableDataSet">
                <div class="tableSourceGroup">OPTIMIZED FOR QUICKBASE</div>
                <div class="connectionStepContentSep"></div>
            </div>

            <div ng-repeat="dataset in tableInfo.selectedConnection.datasets|filter:search|filter:{type:'query'}" ng-class="{selected: dataset.id==tableInfo.selectedConnection.selectedDataset.id}" class="tableSource" ng-click="selectDataset(dataset)" ng-dblclick="selectDataset(dataset,true)">
                <div class="tableDesc">{{dataset.name}} <span class="queryDescription">{{getDataSetDescription(dataset)}}</span></div>
                <div class="connectionStepContentSep"></div>
            </div>

            <div class="tableSourceDivider" ng-show="tableInfo.selectedConnection.hasQueryDataSet && tableInfo.selectedConnection.hasTableDataSet">
   
                <div class="tableSourceGroup">FOR EXPERT USERS</div>
                <div class="connectionStepContentSep"></div>
            </div>
            <div ng-repeat="dataset in tableInfo.selectedConnection.datasets|filter:search|filter:{type:'table'}" ng-class="{selected: dataset.id==tableInfo.selectedConnection.selectedDataset.id}" class="tableSource" ng-click="selectDataset(dataset)" ng-dblclick="selectDataset(dataset,true)">
                <div class="tableDesc"><span class="dataSetName">{{dataset.name}}</span><span class="queryDescription"><span id="dashToReplace_{{dataset.name}}"></span> {{ getDataSetUsage(dataset.name) }}</span></div>
                <div class="connectionStepContentSep"></div>
            </div>
          </div>

        </div>
    </form>
</div>




<div >
    <form class="fieldSelectionForm">
        <div class="connectionStepTitle newConnectionTitle">
            <div ng-if="!editMode">Connect fields from&nbsp;</div>
            <div ng-if="editMode">Connect more fields from&nbsp;</div>
            <div class="channelIcon flushLeft {{toDashes(tableInfo.selectedChannel.logoName)}}"> </div>
        </div>

        <div class="connectionStepContent contentTop">
            <div qb-clearable-wrapper >
                <input name="dataset" 
                       qb-clearable="search" 
                       type="text" 
                       ng-model="fieldSelection.filterOptions.filterText"
                       placeholder="Search"
                       class="UserInput WithPadding" 
                       tabindex="1"></div>
            <div class="connectionStepContentSep"></div>
        </div>

        <div class="connectionStepContent contentMain">
            <div class="sourceFields requirementsFieldLabel Tipsy" ng-show="getSelectedServiceGroup() == 'CSV'"
                 data-original-title="Most-recently uploaded CSV in {{fieldSelection.dataset.name}}">Most-recently uploaded CSV in {{fieldSelection.dataset.name}}</div>
            <div class="sourceFields requirementsFieldLabel Tipsy" ng-show="getSelectedServiceGroup() != 'CSV'"
                 data-original-title="Fields available in {{fieldSelection.dataset.name}}">Fields available in {{fieldSelection.dataset.name}}</div>
            <div class="destinationFields requirementsFieldLabel">Fields to connect to Quickbase</div>
            <div class="clearLabels"></div>
            <div class="fieldDropZone source" ng-show="fieldSelection.sourceFields.length == 0 || (isDragging && fieldSelection.sourceSelectedFields.length == 0)">
                <span class="fieldDropMessage" ng-show="(fieldSelection.sourceFields.length + fieldSelection.destinationFields.length) == 0">
                    No more fields available
                </span>
                <span class="fieldDropMessage" ng-hide="fieldSelection.sourceFields.length > 0 || (fieldSelection.sourceFields.length + fieldSelection.destinationFields.length) == 0">Drag data fields here<br /><br />
                    <span class="fieldDropZoneIcon minus"></span><br /><br />
                to remove from your connected table<br /></span>
            </div>
            <div class="fieldDropZone destination" ng-show="fieldSelection.destinationFields.length == 0 || (isDragging && fieldSelection.destinationSelectedFields.length == 0)">
                <span class="fieldDropMessage" ng-hide="fieldSelection.destinationFields.length > 0 || (fieldSelection.sourceFields.length + fieldSelection.destinationFields.length) == 0">Drag data fields here<br /><br />
                    <span class="fieldDropZoneIcon plus"></span><br /><br />
                to import to your connected table<br /></span>
            </div>
	        <div qb-field-chooser 
                 class="fieldChooser" 
                 source-items="fieldSelection.filteredFields"
                 source-selected-items="fieldSelection.sourceSelectedFields"
                 destination-items="fieldSelection.destinationFields"
                 destination-selected-items="fieldSelection.destinationSelectedFields">
                <div qb-fc-helper class="qb-fc-helper qb-msl-item qb-msl-selected"><br />{{selectedCount}} fields</div>
                <div source tabindex="2">
                    <div qb-msl-repeat="field by idOrName">
                        <span class="Icon qb-fc-fieldicon" ng-class="field.displayType"></span><span class="qb-fc-fieldname">{{field.name}}</span>
                    </div>
                </div>
                <div destination tabindex="3">
                    <div qb-msl-repeat="field by idOrName">
                        <span class="Icon qb-fc-fieldicon" ng-class="field.displayType"></span><span class="qb-fc-fieldname">{{field.name}}</span>
                    </div>
                </div>
            </div>
        </div>
    </form>
</div>




<div >
    <form class="filterSetupForm" ng-show="!isUpdateOnly">
        <div class="connectionStepTitle newConnectionTitle">
            <div class=""><span>Filter&nbsp;</span><span class="">{{pluralizer.pluralize(tableInfo.singularNoun)}}</span><span>&nbsp;from&nbsp;</span> </div>
            <div class="channelIcon flushLeft {{toDashes(tableInfo.selectedChannel.logoName)}}"> </div>
        </div>

        <div class="connectionStepContent contentTop connectionStepSubTitle">
            <div class="btn-group conditionSelection">
                <label ng-disabled="!filtering" class="btn btn-default offButton" ng-model="filtering" uib-btn-radio=false >Off</label>
                <label class="btn" ng-class="{'btn-success': filtering, 'btn-default': !filtering}" ng-model="filtering" uib-btn-radio=true >On</label>
            </div>

            <span>Use a filter to limit data; for example, exclude old&nbsp;</span><span class="filterTitleRecordName">{{pluralizer.pluralize(tableInfo.singularNoun)}}.</span>
        </div>
        <div class="connectionStepContentSep"></div>

        <div class="connectionStepContent contentMain">
            
            <form name="form" novalidate >
            <div class="filterDefinitionContainer" ng-class="{notFiltering:!filtering}">
                <div qb-filter-conditions conditions="conditions" nestable="nestable" filtering="filtering" class="topCondition"></div>
                <div class="connectionStepContentSep"></div>            
            </div>
            </form>
       
        </div>
    </form>
    <div class="connectionStepTitle newConnectionTitle" ng-if="isUpdateOnly">
        <div class=""><span>Filtering for this Data Set is not available</span> </div>
    </div>
</div>



  <div class="filterConditionLine">
    <div class="connectionStepContentSep"></div>
    <div class="andOrLabel">
        <div ng-hide="$first">{{conditionPrefix()}}</div>
    </div>
    <div class="btn-group fieldSelect" uib-dropdown on-toggle="toggleDropdown(open,'.fieldSelect')">
        <button type="button" class="btn btn-default dropdown-toggle FS-Button" uib-dropdown-toggle ng-disabled="!filtering">
            <span class="Icon {{selectedField.displayType}}"></span>
            {{selectedField.name}}
            <span class="caret"></span>
        </button>

        <ul class="dropdown-menu" uib-dropdown-menu role="menu">
            <li ng-repeat="field in fields">
                <a href="#" ng-click="selectField(field)"><span class="Icon {{field.displayType}}"></span>{{field.name}}</a>
            </li>
        </ul>
    </div>

    <div class="btn-group operatorSelect" uib-dropdown on-toggle="toggleDropdown(open,'.operatorSelect')">
        <button type="button" class="btn btn-default dropdown-toggle FS-Button" uib-dropdown-toggle ng-disabled="!filtering">
            {{selectedOperator.label}}
            <span class="caret"></span>
        </button>

        <ul class="dropdown-menu" role="menu" uib-dropdown-menu>
            <li ng-repeat="operator in getOperators(condition)">
                <span ng-if="operator.label == ''"><hr /></span>
                <a ng-if="operator.label != ''" href="#" ng-click="selectOperator(operator)">{{operator.label}}</a>
            </li>
        </ul>
    </div>
    <div ng-if="isDateType(selectedField.type) && isRangeDateValueType(selectedOperator.op)" class="btn-group dateValueTypeDirectionSelect" uib-dropdown on-toggle="toggleDropdown(open,'.dateValueTypeDirectionSelect')">
        <button type="button" class="btn btn-default dropdown-toggle FS-Button" uib-dropdown-toggle ng-disabled="!filtering">
            {{selectedDateValueTypeDirection}}
            <span class="caret"></span>
        </button>

        <ul class="dropdown-menu" role="menu" uib-dropdown-menu>
            <li ng-repeat="direction in getDateValueTypeDirections(condition)">
                <a href="#" ng-click="selectDateValueTypeDirection(direction)">{{direction}}</a>
            </li>
        </ul>
    </div>

    <div ng-if="isDateType(selectedField.type)" class="btn-group dateValueTypeLabelSelect" uib-dropdown on-toggle="toggleDropdown(open,'.dateValueTypeLabelSelect')">
        <button type="button" class="btn btn-default dropdown-toggle FS-Button" uib-dropdown-toggle ng-disabled="!filtering">
            {{selectedDateValueTypeLabel}}
            <span class="caret"></span>
        </button>

        <ul class="dropdown-menu" role="menu" uib-dropdown-menu>
            <li ng-repeat="label in getDateValueTypeLabels(condition)">
                <span ng-if="label == ''"><hr /></span>
                <a ng-if="label != ''" href="#" ng-click="selectDateValueTypeLabel(label, condition.type)">{{label}}</a>
            </li>
        </ul>
    </div>

    <input ng-if="isNumericType(selectedField.type)" ng-model="condition.value" smart-float type="number" class="form-control" type="text" ng-disabled="!filtering" ng-focus="onFocus()">
    <input ng-if="isTextType(selectedField.type)" ng-model="condition.value" class="form-control" type="text" ng-disabled="!filtering">
    <input ng-show="isDateType(selectedField.type) && !isRelativeDateValueType(selectedDateValueType)" ng-model="condition.value" class="form-control" type="text" ng-disabled="!filtering" ng-focus="onFocus()">

    <span ng-show="filtering && nestable && nestingLevel()<3" class="addGroupIcon" ng-click="addGroup()" title="Add this condition to a new group"></span>
    <span ng-show="filtering && nestable && isNested()" class="promoteIcon" ng-click="promote()" title="Move condition up a level"></span>

    <span ng-show="filtering && $parent.conditions.length>1" class="removeIcon" ng-click="remove()" title="Delete condition"></span>
    <span ng-show="filtering" class="addIcon" ng-click="add()" title="Add new condition"></span>



</div>
  

 <div class="connectionStepContentSep"></div>
<div class='anyAllFilterContainer'>

    <div class="andOrLabel">
        <div ng-hide="$first">{{conditionPrefix()}}</div>
    </div>
    <div class='anyAllFilter' ng-class="{topFilter: condition.top}">

        <div class="conditionSelectionLine">
            <div class="conditionSelection" ng-show="condition.top">Connect if&nbsp;&nbsp;</div>

            <div class="btn-group conditionSelection">
                <label class="btn" ng-disabled="!filtering" ng-class="{'btn-success': condition.operator=='all', 'btn-default': condition.operator=='any'}" ng-model="condition.operator" uib-btn-radio="'all'" >all</label>
                <label class="btn" ng-disabled="!filtering" ng-class="{'btn-success': condition.operator=='any', 'btn-default': condition.operator=='all'}" ng-model="condition.operator" uib-btn-radio="'any'" >any</label>
            </div>
            <div class="conditionSelection">of these conditions are true:</div>
        </div>

        <div class="filterConditions" qb-filter-conditions operator='{{condition.operator}}' conditions='condition.conditions' nestable='nestable' filtering='filtering'></div>
    </div>

    <div class="anyAllFilterButtons">
        <span class="addIcon" ng-click="add($event)" ng-show="filtering && !condition.top" title="Add new condition"></span>
        <span class="removeIcon" ng-click="remove()" ng-show="filtering && !condition.top && conditions.length>1" title="Delete group"></span>
    </div>
</div> 

 <div class="filterConditionLine">
    <span class="andOrReadOnlyLabel" ng-hide="$first">{{conditionPrefix()}}</span>
    <span>{{condition.name}}</span>
    <span>{{getOperatorLabel(condition)}}</span>
    <span>{{getDateValueTypeLabelByCondition(condition)}}</span>
</div> 

<div class='anyAllFilterContainer readOnly'>
    <div class="andOrReadOnlyLabel">
        <div ng-hide="$first">{{conditionPrefix()}}</div>
    </div>
    <div class='anyAllFilter readOnly'>
        <div class="conditionSelectionLine">

            <div class="conditionSelection">
               {{condition.operator}}&nbsp;
            </div>
            <div class="conditionSelection">of these conditions are true:</div>
        </div>
        <div class="conditionSeparator"></div>
        <div class="filterConditions" qb-filter-conditions readonly operator='{{condition.operator}}' conditions='condition.conditions' filtering='filtering'></div>
    </div>
</div>


<div>
    <div class="closeIconChooser" ng-click="cancel()"></div>
    <div class="iconSelectionContainer">
        <div class="connectionStepContent contentTop">
            <div class="connectionStepSubTitle">Choose an icon.</div>
            <div class="searchBox" qb-clearable-wrapper ><input qb-clearable="search" type="text" size="40" name="searchIcons" ng-model="searchIconsName"  placeholder="Search" class="clearableInput UserInput WithPadding" /></div>

        </div>
        <div class="connectionStepContentSep"></div>
        <div class="connectionStepContent contentMain">
            <div class="ChooseIconContainer">
                <div class="TableIconPadding" ng-repeat="icon in filteredIcons = (sortedIcons | tableIconFilter:searchIconsName)"
                     ng-click="chooseIcon(icon.icon)">
                    <div class="TblIcon20 icon-table {{icon.icon}} Tipsy" icon="{{icon.icon}}" data-original-title="{{icon.tags}}" >
                        <span class="Icon Overlay ConnectedIndicator"></span>
                    </div>
                </div>

                <div class="NoSuggestedIcon" ng-show="isEmptyObject(filteredIcons)">No suggested icons for the table name entered.</div>
            </div>
        </div>
    </div>
</div>




<div class="ccProcessingView background">
	<div class="ccProcessingView messageContainer">
		<div class="ccProcessingView spinner"></div>
		<div class="ccProcessingView label">{{busyMsg}}</div>
	</div> 
</div>




    <div class="confirmCloseDialog">
    <div class="confirmCloseDialogContents">
       
        <div class="confirmDialogText">
            <div>Do you want to close without saving?</div>
        </div>
    </div>

    <div class="footerButtons">
        <button class="nextButton HarmonyButton Primary" ng-click="confirmContinue()"> <span class="Text">Yes</span></button>
        <button class="backButton HarmonyButton Secondary" ng-click="confirmCancel()"> <span class="Text">No</span></button>
    </div>
</div>




    <div class="confirmCancelSyncDialog">
    <div class="confirmCancelSyncDialogContents">
        <div class="ConfirmDialogIcon"></div>
        <div class="confirmDialogText">
            <h3>Are you sure that you want to stop the active refresh?</h3>
            <p>Stopping an active refresh should not be done unless the refresh process has 
            stalled and needs to be reset. The error in the history log will show an expired session.
        </div>
    </div>

    <div class="footerButtons">
        <button class="nextButton HarmonyButton Primary" ng-click="confirmContinue()"> <span class="Text">Yes</span></button>
        <button class="backButton HarmonyButton Secondary" ng-click="confirmCancel()"> <span class="Text">No</span></button>
    </div>
</div>




    <div class="dialog">
    <div class="dialogContents">
        <div class="dialogIcon"></div>
        <div class="dialogTitle">Switch connection</div>
        <div class="dialogText">
            <br />
            <div>Are you sure? Different connections may have different access rights to {{tableInfo.selectedChannel.name}}.</div>
            <div ng-show="!isConnectionOwner">
                <br />
                You won't be able to switch back to {{tableInfo.connectionID === 0 ? 'Placeholder' : ownerName + "'s"}} connection, because you don't own it.
            </div>
        </div>
    </div>

    <div class="footerButtons">
        <button class="nextButton HarmonyButton Primary" ng-click="switchConnection()"> <span class="Text">Yes</span></button>
        <button class="backButton HarmonyButton Secondary" ng-click="cancel()"> <span class="Text">No</span></button>
    </div>
</div>




    <div class="promptForRefreshDialog">
    <div class="infoDialogContents">
        <div class="infoDialogText">
            <h3>Refresh your data now?</h3>
            <p>{{confirmText}}</p>
        </div>
    </div>

    <div class="footerButtons">
        <button class="nextButton HarmonyButton Primary" ng-click="refresh()"><span class="Text">Yes</span></button>
        <button class="backButton HarmonyButton Secondary" ng-click="close()"><span class="Text">No</span></button>
    </div>
</div>




    <div class="tableConnectedDialog">
    <div class="closeTableConnected" ng-click="cancel()"></div>
    <div class="tableConnectedDialogContent">

        <div class="connectionAnimation">
            <div class="left connectionContainer">
                <div class="channelIcon {{toDashes(logoName)}}"></div>
            </div>
            <div class="plugIcon"></div>
            <div class="right connectionContainer">
                <div class="channelIcon QuickBase"></div>
            </div>
        </div>

        <div class="tableConnectedText">
            <div class="connectionStepTitle">Your table is connected!</div>
            <div class="connectionStepDescription"><span>Your&nbsp;</span><span class="connectionStepDescriptionTable">{{tableName}}</span><span>&nbsp;will appear shortly.</span> </div>

        </div>
    </div>

    <div class="footerButtons">
        <button class="okayConnectedButton HarmonyButton Success" ng-click="okay()" <span class="Text">OK, Great!</span></button>
    </div>
</div>




    <div class="errorDialog">
    <div class="errorDialogContents">
        <div class="errorDialogIcon" ng-show="header"></div>
        <div class="errorDialogText">
            <h3 ng-show="header">{{header}}</h3>
            <p ng-bind-html="message"></p>
        </div>
        <div ng-show="details">
            <a ng-click="showDetails = !showDetails" class="errorDialogShowHideDetails">{{showDetails && "Hide Details" || "Details"}}</a>
            <div>
                <textarea rows="7" ng-show="showDetails" readonly class="errorDialogDetails">{{details}}</textarea>
            </div>
        </div>
    </div>

    <div class="footerButtons">
        <button class="nextButton HarmonyButton Primary" ng-click="ok()"> <span class="Text">OK</span></button>
    </div>
</div>




    <div class="infoDialog">
    <div class="infoDialogContents">
        <div class="infoDialogIcon" ng-show="header"></div>
        <div class="infoDialogText">
            <h3 ng-show="header">{{header}}</h3>
            <p>{{message}}</p>
        </div>
    </div>

    <div class="footerButtons">
        <button class="nextButton HarmonyButton Primary" ng-click="ok()"> <span class="Text">OK</span></button>
    </div>
</div>




    {
      "dashboardPageType": ""
    }



    $(document).ready(function(){
        // If have SAML container or do not have login V2 design, show navBar
        if ($("#samlContainer").length > 0 || $('.loginV2Float').length === 0) {
            $("#navBars").show();
        }
        // If have login V2 design, apply styles
        if($('.loginV2Float').length > 0) {
            applyLoginV2Styles();           
            loadLoginV2Images();
        }
    })


perfTime.InlineJsPageBottom = $.now(); $(function () {_.defer(function(){perfTime.InlineJsjQueryReadyPageBottom = $.now();})  }); $(window).load(function(){ _.defer(function(){perfTime.InlineJsWindowOnLoadBottom = $.now();})});

Requests	IP Address	Location	AS Autonomous System
48	104.16.49.39	United States	AS13335Cloudflare, Inc.
48	1	-	-

Security Scan Report: chartindustries.quickbase.com

Summary

AI Security Verdict

Safe Website

Safety Factors

Details

Screenshot

Page Load Overview

Language Analysis

Primary Language

Detection Details

Website Classification

Primary Category

All Detected Categories

Detected Features

Domain & IP Information

Detected Technologies7

Content Similarity HashesFor malware variant detection

TLSH (Trend Micro Locality Sensitive Hash)

ssdeep (Context Triggered Piecewise Hashing)

sdhash (Similarity Digest Hashing)

Image Hashes

Perceptual Hashes

Other Hashes

Scan History