add tooltips to the main buttons of the canvas.

2025-12-15 17:37:30 +01:00 · 2020-11-09 19:53:17 -05:00
parent 096482d7eb
commit 16f732a50c
10 changed files with 45 additions and 34 deletions
--- a/views/partials/login.html
+++ b/views/partials/login.html
@@ -98,8 +98,8 @@
      </form>
    </div>
    <div class="content" v-if="password_reset_send==true">
-      <h4>Reset Password</h4>
-      Please check your email inbox.
+      <h4><%=__("reset_password")%></h4>
+      <%=__("password_check_inbox")%>
    </div>
  </div>

--- a/views/partials/team.html
+++ b/views/partials/team.html
@@ -5,7 +5,7 @@
  <h4>Spacedeck Team Management</h4>

  <div v-if="!user.team" class="dialog-section text-left">
-    You are not in a team yet. Please upgrade first.</h2>
+    You are not in a team yet. Please upgrade first.
  </div>

  <div v-if="user.team">
@@ -34,7 +34,7 @@
    </div>

    <div class="dialog-section text-left">
-      <h4>Members</h4>
+      <h4><%=__("members")%></h4>

      <p>
        New members will get an invitation email. After the invitation was used, the member is active. The number of active members in your team will affect your monthly charge.
--- a/views/partials/tool/object-options.html
+++ b/views/partials/tool/object-options.html
@@ -1,34 +1,34 @@
 <div class="dialog-section no-b no-p" v-if="active_space_loaded">
  <div class="btn-group">
-    <button class="btn btn-transparent btn-icon-labeled" v-on:click="delete_selected_artifacts()">
+    <button class="btn btn-transparent btn-icon-labeled" v-on:click="delete_selected_artifacts()" title="<%=__("delete")%>">
      <span class="icon icon-trash"></span>
      <span class="icon-label"><%=__("delete")%></span>
    </button>

    <button class="btn btn-divider"></button>

-    <button class="btn btn-transparent btn-icon-labeled" v-on:click="toggle_lock_of_selected_artifacts()" v-if="active_space_role=='admin'">
+    <button class="btn btn-transparent btn-icon-labeled" v-on:click="toggle_lock_of_selected_artifacts()" v-if="active_space_role=='admin'" title="<%=__("lock")%>">
      <span class="icon icon-lock-closed"></span>
      <span class="icon-label"><%=__("lock")%></span>
    </button>

-    <button class="btn btn-transparent btn-icon-labeled" v-on:click="toggle_lock_of_selected_artifacts()" v-if="active_space_role=='admin'">
+    <button class="btn btn-transparent btn-icon-labeled" v-on:click="toggle_lock_of_selected_artifacts()" v-if="active_space_role=='admin'" title="<%=__("unlock")%>">
      <span class="icon icon-lock-open"></span>
      <span class="icon-label"><%=__("unlock")%></span>
    </button>

-    <button class="btn btn-transparent btn-icon-labeled" v-on:click="duplicate_selected_artifacts()">
+    <button class="btn btn-transparent btn-icon-labeled" v-on:click="duplicate_selected_artifacts()" title="<%=__("copy")%>">
      <span class="icon icon-duplicate"></span>
      <span class="icon-label"><%=__("copy")%></span>
    </button>

-    <button class="btn btn-transparent btn-icon-labeled" v-on:click="create_link_on_selected_artifacts()">
+    <button class="btn btn-transparent btn-icon-labeled" v-on:click="create_link_on_selected_artifacts()" title="<%=__("link")%>">
      <span class="icon icon-link"></span>
      <span class="icon-label"><%=__("link")%></span>
    </button>
    
    <span v-if="first_selected_artifact">
-      <button class="btn btn-transparent btn-icon-labeled" v-on:click="download_selected_artifacts()" v-if="selection_metrics.count==1 && first_selected_artifact.payload_uri">
+      <button class="btn btn-transparent btn-icon-labeled" v-on:click="download_selected_artifacts()" v-if="selection_metrics.count==1 && first_selected_artifact.payload_uri" title="<%=__("download")%>">
        <span class="icon icon-download"></span>
        <span class="icon-label"><%=__("download")%></span>
      </button>
--- a/views/partials/tool/toolbar-elements.html
+++ b/views/partials/tool/toolbar-elements.html
@@ -19,7 +19,7 @@
    <button class="btn btn-divider"></button>

    <div class="dropdown top left light" v-bind:class="{open:opened_dialog=='shapes'}">
-      <div class="btn-collapse in">
+      <div class="btn-collapse in" title="<%=__("tool_shape")%>">
        <button class="btn btn-transparent btn-icon-labeled" v-bind:class="{open:opened_dialog=='shapes'}" v-on:click="open_dialog('shapes')">
          <span class="icon icon-shapes"></span>
          <span class="icon-label"><%=__("tool_shape")%></span>
@@ -31,28 +31,28 @@
      </div>
    </div>

-    <button class="btn btn-icon-labeled btn-transparent" v-on:click="start_drawing_scribble()" v-bind:class="{active:active_tool=='scribble'}">
+    <button class="btn btn-icon-labeled btn-transparent" v-on:click="start_drawing_scribble()" v-bind:class="{active:active_tool=='scribble'}" title="<%=__("tool_scribble")%>">
      <span class="icon icon-tool-scribble"></span>
      <span class="icon-label"><%=__("tool_scribble")%></span>
    </button>
    
-    <button class="btn btn-icon-labeled btn-transparent" v-on:click="start_drawing_arrow()" v-bind:class="{active:active_tool=='arrow'}">
+    <button class="btn btn-icon-labeled btn-transparent" v-on:click="start_drawing_arrow()" v-bind:class="{active:active_tool=='arrow'}" title="<%=__("tool_arrow")%>">
      <span class="icon icon-tool-arrow"></span>
      <span class="icon-label"><%=__("tool_arrow")%></span>
    </button>
    
    <div class="dropdown bottom light center">
      <div class="btn-collapse in">
-        <button class="btn btn-transparent btn-icon-labeled" v-on:click="handle_insert_image_url()" v-on:touchstart="handle_insert_image_url()">
+        <button class="btn btn-transparent btn-icon-labeled" v-on:click="handle_insert_image_url()" v-on:touchstart="handle_insert_image_url()" title="<%=__("media")%>">
          <span class="icon icon-upload"></span>
-          <span class="icon-label" >Media</span>
+          <span class="icon-label" ><%=__("media")%></span>
        </button>
      </div>
    </div>

    <div class="dropdown bottom light center">
      <div class="btn-collapse in">
-        <button class="btn btn-transparent btn-icon-labeled" v-on:click="start_adding_note()" v-bind:class="{active:active_tool=='note'}">
+        <button class="btn btn-transparent btn-icon-labeled" v-on:click="start_adding_note()" v-bind:class="{active:active_tool=='note'}" title="<%=__("tool_text")%>">
          <span class="icon icon-tool-text"></span>
          <span class="icon-label"><%=__("tool_text")%></span>
        </button>
@@ -61,7 +61,7 @@

    <div class="dropdown top left light">
      <div class="btn-collapse">
-        <button class="btn btn-transparent btn-icon-labeled" v-bind:class="{open:opened_dialog=='image'}" v-on:click="open_dialog('image')">
+        <button class="btn btn-transparent btn-icon-labeled" v-bind:class="{open:opened_dialog=='image'}" v-on:click="open_dialog('image')" title="<%=__("image")%>">
          <span class="icon icon-picture"></span>
          <span class="icon-label"><%=__("image")%></span>
        </button>
@@ -74,7 +74,7 @@

    <div class="dropdown top left light" v-bind:class="{open:opened_dialog=='zones'}">
      <div class="btn-collapse in">
-        <button class="btn btn-transparent btn-icon-labeled" v-bind:class="{open:opened_dialog=='zones'}" v-on:click="open_dialog('zones')">
+        <button class="btn btn-transparent btn-icon-labeled" v-bind:class="{open:opened_dialog=='zones'}" v-on:click="open_dialog('zones')" title="<%=__("tool_zones")%>">
          <span class="icon icon-zone"></span>
          <span class="icon-label"><%=__("tool_zones")%></span>
        </button>
@@ -89,7 +89,7 @@

    <div class="dropdown top left center" v-show="logged_in" v-bind:class="{open:opened_dialog=='background'}">
      <div class="btn-collapse in">
-        <button class="btn btn-transparent btn-icon-labeled" v-bind:class="{open:opened_dialog=='background'}" v-on:click="open_dialog('background')">
+        <button class="btn btn-transparent btn-icon-labeled" v-bind:class="{open:opened_dialog=='background'}" v-on:click="open_dialog('background')" title="<%=__("tool_canvas")%>">
          <span class="letter">bg</span>
          <span class="icon-label"><%=__("tool_canvas")%></span>
        </button>
@@ -102,9 +102,10 @@

    <button class="btn btn-transparent btn-icon-labeled"
            v-if="active_space_role=='admin'"
-            v-on:click="activate_access()">
+            v-on:click="activate_access()"
+            title="<%= __('share') %>">
      <span class="icon icon-share"></span>
-      <span class="icon-label"><%=  __('share') %></span>
+      <span class="icon-label"><%= __('share') %></span>
    </button>
    
    <!--        
@@ -117,7 +118,7 @@
            -->
    <button class="btn btn-transparent btn-icon-labeled" title="Start Presentation (others follow what you see)" v-on:click="toggle_present_mode()" v-bind:class="{open:present_mode}">
      <span class="icon icon-presentation"></span>
-      <span class="icon-label"><%=  __('present') %></span>
+      <span class="icon-label"><%= __('present') %></span>
    </button>

  </div>
--- a/views/partials/tool/toolbar-object.html
+++ b/views/partials/tool/toolbar-object.html
@@ -43,9 +43,9 @@
    
    <div class="dropdown top light right" v-bind:class="{open:opened_dialog=='text-styles'}">
      <div class="btn-collapse in">
-        <button class="btn btn-transparent btn-icon-labeled" v-on:click="open_dialog('text-styles')" v-bind:class="{open : opened_dialog=='text-styles'}">
+        <button class="btn btn-transparent btn-icon-labeled" v-on:click="open_dialog('text-styles')" v-bind:class="{open : opened_dialog=='text-styles'}" title="<%=__("tool_styles")%>">
          <span class="icon icon-text-styles"></span>
-          <span class="icon-label">Styles</span>
+          <span class="icon-label"><%=__("tool_styles")%></span>
        </button>
      </div>

@@ -56,7 +56,7 @@
    
    <div class="dropdown top light right" v-bind:class="{open:opened_dialog=='type-align'}">
      <div class="btn-collapse" v-bind:class="{in:selection_metrics.contains_text}">
-        <button class="btn btn-transparent btn-icon-labeled" v-on:click="open_dialog('type-align')" v-bind:class="{open : opened_dialog=='type-align'}">
+        <button class="btn btn-transparent btn-icon-labeled" v-on:click="open_dialog('type-align')" v-bind:class="{open : opened_dialog=='type-align'}" title="<%=__("tool_align")%>">
          <span class="icon icon-text-align-left-alt"></span>
          <span class="icon-label"><%=__("tool_align")%></span>
        </button>
@@ -70,7 +70,7 @@
    <div class="dropdown top light right" v-bind:class="{open:opened_dialog=='layout'}">

      <div class="btn-collapse in">
-        <button class="btn btn-transparent btn-icon-labeled" v-on:click="open_dialog('layout')"  v-bind:class="{open : opened_dialog=='layout'}">
+        <button class="btn btn-transparent btn-icon-labeled" v-on:click="open_dialog('layout')"  v-bind:class="{open : opened_dialog=='layout'}" title="<%=__("tool_layout")%>">
          <span class="icon icon-cluster"></span>
          <span class="icon-label"><%=__("tool_layout")%></span>
        </button>
@@ -84,9 +84,9 @@
    <div class="dropdown top light right" v-bind:class="{open:opened_dialog=='text-settings'}">
      
      <div class="btn-collapse in">
-        <button class="btn btn-transparent btn-icon-labeled" v-on:click="open_dialog('text-settings')" v-bind:class="{open : opened_dialog=='text-settings'}">
+        <button class="btn btn-transparent btn-icon-labeled" v-on:click="open_dialog('text-settings')" v-bind:class="{open : opened_dialog=='text-settings'}" title="<%=__("tool_font")%>">
          <span class="icon icon-text-typeface"></span>
-          <span class="icon-label">Font</span>
+          <span class="icon-label"><%=__("tool_font")%></span>
        </button>
      </div>