Skip to content

Test Resources

Jump to bottom
Robert Polak edited this page Aug 27, 2019 · 14 revisions

Home / Test / Resources

1. `\test\template\index.html

\test\template\index.html is the entry page for application (http://[domain.name]/client/3.0.0/test/index.html#).

The file contains required Resources entries listed as below:

  • Favicons RequiredOK 

<head>
    <!-- Favicons - https://realfavicongenerator.net -->
    <link rel="apple-touch-icon" sizes="180x180" href="image/favicon/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="image/favicon/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="image/favicon/favicon-16x16.png">
    <link rel="manifest" href="image/favicon/site.webmanifest">
    <link rel="mask-icon" href="image/favicon/safari-pinned-tab.svg" color="#5bbad5">
    <link rel="shortcut icon" href="image/favicon/favicon.ico">
    <meta name="msapplication-TileColor" content="#da532c">
    <meta name="msapplication-config" content="image/favicon/browserconfig.xml">
    <meta name="theme-color" content="#ffffff">
</head>

  • API - Dependency RequiredOK 

<head>
    <!-- JQuery 3.X - https://jquery.com -->
    <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
    <!-- Bootstrap https://getbootstrap.com -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>

    <!-- URI.js - https://github.com/medialize/URI.js -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/URI.js/1.19.1/URI.min.js"></script>
</head>

  • API RequiredOK 

<head>
<!-- API Constant -->
    <script src="https://cdn.jsdelivr.net/gh/CSOIreland/Client-API-Library/src/js/api.constant.min.js"></script>

    <!-- API Configuration -->
    <script src="https://cdn.jsdelivr.net/gh/CSOIreland/Client-API-Library/src/js/api.config.min.js"></script>

    <!-- API Library -->
    <script src="https://cdn.jsdelivr.net/gh/CSOIreland/Client-API-Library/src/js/api.library.min.js"></script>

    <!-- API Plugin -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/CSOIreland/Client-API-Library/src/css/api.plugin.min.css">
    <script src="https://cdn.jsdelivr.net/gh/CSOIreland/Client-API-Library/src/js/api.plugin.min.js"></script>

    <!-- API Plugin - Drag n Drop -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/CSOIreland/Client-API-Library/src/css/api.plugin.dragndrop.min.css">
    <script src="https://cdn.jsdelivr.net/gh/CSOIreland/Client-API-Library/src/js/api.plugin.dragndrop.min.js"></script>
</head>

  • App - Dependency RequiredOK 

<head>
<!-- Roboto font -->
    <link href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i" rel="stylesheet">

    <!-- Font-awesome -->
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">

</head>

  • Application OptionalOK 

<head>
    <!-- Cookie Consent plugin by Silktide - http://silktide.com/cookieconsent -->
    <!-- TinyMCE - https://www.tiny.cloud/ -->
    <!-- Datatables - https://datatables.net -->
    <!-- Datatables Bootstrap - https://datatables.net/examples/styling/bootstrap4 -->
    <!-- Datatables Buttons - https://datatables.net -->
    <!-- Datatables Responsive - https://datatables.net/extensions/responsive/ -->
    <!-- MomentJS - https://momentjs.com -->
    <!-- Datetime for Moment - https://datatables.net/plug-ins/sorting/datetime-moment -->
    <!-- Date Range Picker - http://www.daterangepicker.com/ -->
    <!-- JQuery Validate - https://jqueryvalidation.org/ -->
    <!-- JSON-Stat - https://json-stat.com/ - https://github.com/badosa/JSON-stat -->
    <!--JQuery-CSV - https://github.com/typeiii/jquery-csv-->
    <!-- Bootstrap Toggle - http://www.bootstraptoggle.com/-->
    <!-- ClipboardJS - https://clipboardjs.com/ -->
    <!-- Select2 - https://select2.org/-->
    <!-- xBBcode - https://www.npmjs.com/package/xbbcode-parser/ -->
    <!-- PrismJS 1.16.0 - https://prismjs.com/download.html#themes=prism&languages=http+json+pcaxis&plugins=line-numbers --> 

</head>

  • App RequiredOK 

<head>
<!-- Add CSS resources as you need -->
    <link rel="stylesheet" href="css/app.bootstrap.guideline.css">
    <link rel="stylesheet" href="css/app.bootstrap.override.css">
    <link rel="stylesheet" href="css/app.library.css">
    <link rel="stylesheet" href="css/app.media.css">

    <!-- Add JS resources as you need -->
    <script src="js/app.constant.js"></script>
    <script src="js/app.config.js"></script>
    <script src="js/app.global.js"></script>
    <script src="js/app.plugin.js"></script>
    <script src="js/app.library.js"></script>
</head>

More details about the Client API Library /test at Test.

Top

Test
Clone this wiki locally