Merge pull request #9 from gigamaster/i18n

modal dialog language-info
live-codes · Sep 15, 2024 · bddcb82 · bddcb82
2 parents 4d98eb5 + 2a6be5c
commit bddcb82
Show file tree

Hide file tree

Showing 18 changed files with 304 additions and 303 deletions.
diff --git a/src/livecodes/UI/open.ts b/src/livecodes/UI/open.ts
@@ -91,6 +91,10 @@ export const createOpenItem = (
   const setAsDefault = document.createElement('div');
   setAsDefault.classList.add('template-default');
 
+  const iconTemplate = document.createElement('span');
+  iconTemplate.innerHTML = '<i class="icon-file-template"></i>';
+  setAsDefault.appendChild(iconTemplate);
+
   const setAsDefaultLink = document.createElement('span');
   setAsDefaultLink.innerText = window.deps.translateString('open.setAsDefault', 'Set as default');
   setAsDefaultLink.classList.add('template-default-link');

diff --git a/src/livecodes/html/embed.html b/src/livecodes/html/embed.html
@@ -10,7 +10,7 @@
       <div id="embed-code" class="custom-editor"></div>
       <button id="embed-copy-btn" class="wide-button" data-i18n="embed.code.copy">Copy Code</button>
 
-      <div class="description" data-i18n="embed.desc" data-i18n-prop="innerHTML">
+      <div class="description help" data-i18n="embed.desc" data-i18n-prop="innerHTML">
         Please check the
         <a href="{{DOCS_BASE_URL}}configuration/" target="_blank" rel="noopener">documentations</a>
         for advanced configurations.

diff --git a/src/livecodes/html/import.html b/src/livecodes/html/import.html
@@ -30,7 +30,7 @@
           >
           <input type="file" id="local-code-input" class="file-input" multiple />
         </form>
-        <div class="description" data-i18n="import.code.desc" data-i18n-prop="innerHTML">
+        <div class="description help" data-i18n="import.code.desc" data-i18n-prop="innerHTML">
           Supported Sources:
           <ul>
             <li>GitHub gist</li>
@@ -55,7 +55,7 @@
     </div>
     <div id="import-json" class="tab-content">
       <div class="modal-screen">
-        <div class="description" data-i18n="import.json.desc" data-i18n-prop="innerHTML">
+        <div class="description confirm" data-i18n="import.json.desc" data-i18n-prop="innerHTML">
           Import a single project JSON to editor. A project can be exported from
           app&nbsp;menu&nbsp;→ Export&nbsp;→ Export&nbsp;Project&nbsp;(JSON).
         </div>
@@ -84,7 +84,7 @@
     </div>
     <div id="bulk-import-json" class="tab-content">
       <div class="modal-screen">
-        <div class="description" data-i18n="import.bulk.desc" data-i18n-prop="innerHTML">
+        <div class="description help" data-i18n="import.bulk.desc" data-i18n-prop="innerHTML">
           Bulk import multiple projects to your saved projects. Projects can be exported from the
           <a href="#" id="link-to-saved-projects">Saved Projects</a> screen.
         </div>