technology software

documentation technical

English

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

shouldInitializeMetrics

UUID

commonVars

browserCharset

_pendo_visitorId.3719929843

cf_clearance

sbIID

_pendo_meta.3719929843

_pendo_utm.3719929843

_pendo_sessionId.3719929843

_pendo_accountId.3719929843

The domain name 'plugins.quickbase.com' uses the commercial generic top-level domain (.com); it also runs on subdomain 'plugins'. The registrable portion 'quickbase' spans 9 characters split between four vowels and 5 consonants. It segments into 2 words: quick, base. Median word length is 4.5 characters. No strong language cues emerged from the frequency lists.

helpSearchTxt

PageToken

newEmailAddress

newYourCompanyName

html/d8/4b/d84bb3fc-5ddb-46cf-9dda-d47742df7ba2.html.gz

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

Feedback

2e901b1b1c5fe5596c738e3c283b2d0cda3c204fc6389005b164b3a58a07516f

e502eca7d3e88d3fb12135c705574a4c1eb73dc57123d3cd25ee56f2f745c7ee

a431ff314584e2cd8f3bd3127cba8612c638bea7b5dd68d16cf0fbf98556ebab

f6009eda793129e32c759ad2a5dfe4fe93a1493c56ff17610535d239c7a2b10a

ad62e1fcac22cfacb33e3b4cefec3e62c27cd3f4e07c2d096f4fe6451a5e4fdd

8b654a48d6955cce0a65b163ee6cb16ad7bedca987dd151113b2679552d4a8e8

3bcce157c94c86f8b5ce02db0d9141326d0a776da4f2120fa69e571b5b866ada

916d950c56f5b2237d1cfc2040356529320dd2892e4982f88170d3b60f8fe884

24103af48b9ee0409c9178cd92eba5dc3cdf0c76827b7c265c4f6f681b4dc176

200fd1b4ff19b73f5604e8899dec52468bfe3a2f67bfc18e092a3911086b07b2

4eec8c493e4c9d68349c4631511de99cac161f26ef4897f88b2c49a08145cc54

830786d0ae8e58e9f046f615f40733b5eb6ee9618b9db3acaa2d86e9b8ff8797

053fb45977986365169fca1fbc2ccb3e27324e26178fad2003bd54f1c7858fe1

c63b999a0ac5619419136b59017c7439ba1a4a7b9d2f3a50debaa8ab7fc37e6c

30f0dae27b023973c785f4f1f4136fe29fe21fda2f642ea6e05d73933770d6b1

03f76e8bce383daacd1ace11980e72989b98056fe10a9d1956c7f2a533b5e7b5

08ba7f75e50feaf6d219936bd3f4c5623a87a01e8986d3ad376d501e356a03d6

e35f91bf2d0e12765715a09138bc17d42157c737af7a524e768c08b1df23cb93

04a00fd2183a43e2ac4cb5193774ca6e1f11c32cd06e9984dac6e91f5cb5e026

3bec1bb350c6107946d25639c4249c486edba8af588766a5ceff5359dd1b627a

b5d73ab21c4b2472ee4eb17aef32b1a1fef7c8cc010a09534c2142a891e63271

050f6e21e71dff34e1cfcfea3ab0e7315292ce1f53e7aafa8096fcceccc189b9

f495f638c2c5291031e7b55f15510ec6fc727276116bd1000a552bec3d6a9064

5b893a31fef266956e1d4735ce6685e7f1424ec535ff1d5c1f51fcbda2c7bbe8

0afcd6dc377d417edeaec5a35d6c1bfa67fa4bd3f2a38856a9cfab72e941d1af

97e8e6ba9b521b32b9bf88d714d023bf6cc300b67c1aedad4b3a7b042e8a44e9

d90cf60368a1a1e357b51d23206abfcba98edc5bca8562472c7570aff48724c1

ddcc3fd2bfcd70fdb9f745f833416b7839f32c2236da9e514b6615b726843773

8919f1ddfe25a15a558d573fd11532c9f789a3cbf88841547ac96d985fd1741f

47be72514554bcd0c64b19f3407bc31dcc78c38b343b3c50c64fbc4590b4857e

37231363612f7af540dbc1b4dcb12baa6f8fbe18f1f1499da2d04656351220fa

e87ec09f44e235c4de7429c72a39374cd2c51e3b0927d72def3a312c8792ced9

5efe5fc250add7cd86bca482a217d54c7c740433de63f7cd8b73eb5d1aa2e942

75a11da44c802486bc6f65640aa48a730f0f684c5c07a42ba3cd1735eb3fb070

fc258407d46504745bf9ab006ec3ed9d72badc7a71276f98a0a8b8091869a9f2

88fb07d640a295f8899c77a94d924499f48cad2443fcbd1ae32f11151826fbd1

7d3225645f5889fe65831e77da3c07b0eab6ece390262f29cf8f9d28875daa79

fd1b4e6bf60180ecee80df8b7731ea7957ed7e2cf796004ea84e6bf68c5f356f

dfe3b67399b5374066130f96406b7d7264dffe1bb34d2125611afbf1d8691c3b

a664d47075f42ba25443a09b8cefdc9e7adf8fa70a7bbb7d7e9e3553db78d72e

80effa02486696d509672f9e4979bcd5c2d7e73bb8fb6e7a7af8ac8ba41321b8

9ef080d36a54dd3e7194b435c267e493ee3130e508b1cc03e15593dfcb0d1467

c6f29415b7047b38a274e83795cb7582114aa2d35e6d162f01e72f70d98e0b40

8bf298de2dd3259dd281ff64727422bc5cc2e08c4e474b4ad2ee5a27dc0a2c2e

ea4c3ed04fff02709a91888819f290a07b3914f235b4e635b886624ca6ddaa71

d8a784574ad6dbe33b6dff956e5be596e9f5e83a978151a7436fab43a36c0551

2d72815a790e7c0be367498c61d04e6e17b7bca12f82cdfb0cd507fe10ba24d4

1440879f6a7011d759d1426a5f60900fbe25096327cf8d3afc4647ce2582e6aa

cbde74caca53993a6234adf517a713a7b36e0848d9a03ae84e70404e74845275

f4a8e11465355038191fb3d98d13af7292551db2016bd2d30c0e32ea700cb7f7

3c5e3469fe5a9a45d7f4c5f98a7b18a683685b389688f575dc785eb172462bd3

37738a910e47b306aaf80a4ce6fc0abd722e1161f43bc61848c6cf9bc708d02a

9ea512ec9b584ad97f2b2099829b69f5066a1467050c261c25b36ffafddeef8f

509c00e47092614c09407688bfc92058605714a2bf55139ec10e78ed10118480

a93727d8c907091361c10cb0604f65f3e377317268297b7607b550d2e2d14033

68c9fd4c4cd05b08e6698a6cb61005b3d08d72d2c617bd7a9647cecc85cc6aca

2e869abd770e5842dd8d1b74f07ebc1a13e4610e2f41936818e3840c5f6ed2d7

c186da4c2b473459ad7c2332d6ccc23147fc8da83e7785f1741e4223fcd38f3a

a94d0241ada500146247e6941fd859c5fe50339037b6eddcf2b74e72f988b8fd

5c69f59c090de08bc7fe550c20d1aa1c0d131b16edd605749b8d80309e1af51a

37fc8bd112e1771fb97523515f7f53b1a796efb01889d9e0e725c2340baa2d46

c7d7db447d2dd36e6695f543f717dcf15d376fcc8b13ec3e39ac8f7924ffdf7f

fc2f374e6d8d35556441d32984404d368ba82f5476479b956df82ef2408f80dd

4f88c4feed3c1daed4c94bd4ca88dc06088c4617458f2a85a6d438474f72f629

164d619e380bf8793f35ff5c41f4fba8271f87255d553530a16128cd676ccf6d

762652c4e46d292d12c9f2d317ca8af6d0ff9d3b0984c2a671bab2d76d06b3a7

82f17245cdb84b0ae00b33e1a50cbfb0988b45e66b36eec38a7a0808b4333b6a

da6bcc93436f9fde95a92d5412601949548490ad0290f355eb4a019eeac1e3f7

188af49d670fd546bd01faa903b367ccb3af8e88a97f4d765fd50ec22bcf7be5

884d4a47524bcb58f44a89e03b12a942f296dd74f7d1a56df8b061ef33e27cce

8a5cae165e37e8008b4a5786cdc632945be00e21efb38c7b240ab697d1f00d75

viewport

ROBOTS

Network Solutions, LLC

QUICKBASE.COM

Cloudflare, Inc.

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 = "0";
    var gReqUserEmail = "";
    var gReqUserFname = "";
    var gReqUserLname = "";
    var gReqAppDBID = "";
    var gJQueryUpdated = 1;
    var gReqUserHasAppAdmin = false;
    var gReqUserIsDBAdmin = false; // 
    var gRootDomain = "quickbase.com";
    var gRealmName = "login";
    var gRealmId = "1";
    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 = false;
    var gHasSolutionHubAccess = false;
    var gHasSolutionHubHueyLink = false;
    var gHasExchangeAccess = true;
    var gHasAIAccess = true;



    // 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,
        };

        pendoData.jwt = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJhY2NvdW50Ijp7ImlkIjoidW5rbm93biJ9LCJub25jZSI6IjEyZmQ3NzVmNGIwN2FkM2NmMTNlODA4MTAzOGQxZWY4IiwidmlzaXRvciI6eyJlbWFpbCI6InVua25vd25AcXVpY2tiYXNlLmNvbSIsImZ1bGxfbmFtZSI6IiAiLCJpZCI6IjA6cXVpY2tiYXNlLmNvbSIsInFiQW5jZXN0b3JBcHBJZCI6Im5vbmUiLCJxYkN1cnJlbnRBcHBJZCI6Im5vbmUiLCJxYkhhc0V2ZXJIYWRBcHBBZG1pbiI6ZmFsc2UsInFiSGFzUGlwZWxpbmVzQWNjZXNzIjpmYWxzZSwicWJJc0N1cnJlbnRBcHBBZG1pbiI6ZmFsc2UsInFiSXNJblRyaWFsIjpmYWxzZSwicWJSZWFsbU5hbWUiOiJsb2dpbiIsInFiUm9vdERvbWFpbiI6InF1aWNrYmFzZS5jb20iLCJxYlVzZXJJZCI6MH19.d1Vd8wPDPR3_1NrP7-Gws3Orr7vgwuuZnLPsn8xwzXY";
        pendoData.signingKeyName = "quic-quic-Va3sV";

        

            // 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":"hybridstyledmessage","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','pndfromspreadsheetai'];
            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 = "c3c1VzlZcjZIUy84MnFJbmNPY0xFVzJvK3pDZlZzbGtpVWFOZDBZeUU0QWtmd3ZrVUgxb3hmYWFJRVU9LU1qQXlOekExTURFPQ=="



    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://pave.quickbase.com";



    window.gRecaptchaSiteKey = "6LdZyL8rAAAAAPEGNrlQ8OrPQLuiH-8NUF5YJMdz";
    window.gRecaptchaScriptUrl = "https://www.google.com/recaptcha/enterprise.js?render=6LdZyL8rAAAAAPEGNrlQ8OrPQLuiH-8NUF5YJMdz";



    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 = "";
    


    //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);
            }
        });
    });



    /* for IE8 do some adjustment on the sizes of titles so they dont wrap too much
        Only do this for IE8 coz IE8 doesnt support media queries and perf breaks noticably with introduction of respond.js plugin.*/
    var isIE8 = $(document.body).hasClass('IE8');
    if (isIE8) {
        var viewportX = $(window).width();
        if (viewportX < 1440) {
            var isSettingsMode = $(document.body).hasClass('SettingsMode');
            var nonLeafNodes;
            if (isSettingsMode) {
                /* While in settings mode just truncate the drop down text. The leaf node may contain html elements which is harder to truncate.
                Apply that kind of truncation for other browsers who dont need this kind of detail.*/
                nonLeafNodes = $("#pageNavBar .Header .TitleGroup.RightDivider .ResponsiveText");
            }
            else {
                /* Truncate all nodes of page title while in non-settings mode*/
                nonLeafNodes = $('#pageNavBar .Header .TitleGroup.RightDivider').find('div.FS-H1, div.FS-H2').children('a:first-child');
            }
            var leafNode = $('#headerDetailPageTitle');
            var leafNodeTxt = "";
            var nonLeafnodeLen = 41;

            if (leafNode.length > 0)
                leafNodeTxt = leafNode.html();
            if (viewportX <= 1024) {
                $('#pageNavBar .ActionLabel:not(.MoreLabel)').hide();
            }
            if (viewportX <= 800) {
                if (leafNodeTxt.length > 25)
                    leafNode.html(leafNodeTxt.substr(0, 25) + "&hellip;");
                nonLeafnodeLen = 15;
            }
            else if (viewportX <= 1024) {
                if (leafNodeTxt.length > 60)
                    leafNode.html(leafNodeTxt.substr(0, 60) + "&hellip;");
                nonLeafnodeLen = 30;
            }
            else if (viewportX <= 1280) {
                if (leafNodeTxt.length > 80)
                    leafNode.html(leafNodeTxt.substr(0, 80) + "&hellip;");
                nonLeafnodeLen = 41;
            }
            else {
                if (leafNodeTxt.length > 95)
                    leafNode.html(leafNodeTxt.substr(0, 95) + "&hellip;");
            }
            if (nonLeafNodes.length > 0) {
                $.each(nonLeafNodes, function (index, e) {
                    var nodeText = $(e).length > 0 ? $(e).html() : "";
                    if (nodeText.length > nonLeafnodeLen)
                        $(e).html(nodeText.substr(0, nonLeafnodeLen) + "&hellip;");
                });
            }
        }
    }



    // global variable for use in hybrid ui
    var gClientSideFeatureSwitchJSON = {"Switch_EchoSign":false,"Switch_HybridUIGuidedAppFlowAndFromScratchWithVB":true,"Switch_HybridUIReportBuilder":false,"Switch_HybridUIReportBuilderAsync":true,"Switch_HybridUIReportBuilder_Chart":false,"Switch_HybridUIReportBuilder_Kanban":false,"Switch_HybridUIReportBuilder_Summary":false,"Switch_RemixUI":true,"Switch_SalesforceSandbox":false,"Switch_SpreadSheetV3":true,"Switch_SpreadSheetV3ExpandCollapse":true,"Switch_SyncErrorNotifications":true,"Switch_Sync_Wizard":false,"Switch_TableReportShouldUseVirtualization":true,"Switch_TableReportV3NonGroupedEarlyTotalsAndAvrg":true};



    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": ""
    }


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

Requests	IP Address	Location	AS Autonomous System
17	34.111.138.51Google · CDN	Kansas City, Missouri, United States	AS396982Google LLC
14	18.244.18.119Cloudfront · CDN	United States	AS16509Amazon.com, Inc.
14	104.18.186.242Cloudflare · WAF	United States	AS13335Cloudflare, Inc.
14	104.16.50.39Cloudflare · WAF	United States	AS13335Cloudflare, Inc.
59	4	-	-

Security Scan Report: plugins.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

Page Statistics

Detected Technologies9

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