mirror of
https://github.com/docusealco/docuseal
synced 2026-11-04 06:42:32 -05:00
fix morph
This commit is contained in:
1 parent
827850646d
commit
9e89cb92a9
12 files changed
+34
-32
No files matched your search
@@ -1,7 +1,10 @@
|
||||
export default class extends HTMLElement {
|
||||
static observedAttributes = ['data-labels', 'data-datasets']
|
||||
|
||||
connectedCallback () {
|
||||
this.id = `bar-chart-${Math.random().toString(32).split('.')[1]}`
|
||||
|
||||
this.chartLabels = JSON.parse(this.dataset.labels || '[]')
|
||||
this.chartDatasets = JSON.parse(this.dataset.datasets || '[]')
|
||||
|
||||
this.initChart()
|
||||
}
|
||||
|
||||
@@ -12,15 +15,6 @@ export default class extends HTMLElement {
|
||||
}
|
||||
}
|
||||
|
||||
attributeChangedCallback (_, oldValue, newValue) {
|
||||
if (!this.chartInstance || oldValue === newValue) return
|
||||
|
||||
this.chartInstance.data.labels = JSON.parse(this.dataset.labels || '[]')
|
||||
this.chartInstance.data.datasets = JSON.parse(this.dataset.datasets || '[]')
|
||||
|
||||
this.chartInstance.update()
|
||||
}
|
||||
|
||||
async initChart () {
|
||||
const { default: Chart } = await import(/* webpackChunkName: "chartjs" */ 'chart.js/auto')
|
||||
|
||||
@@ -31,8 +25,8 @@ export default class extends HTMLElement {
|
||||
this.chartInstance = new Chart(ctx, {
|
||||
type: 'bar',
|
||||
data: {
|
||||
labels: JSON.parse(this.dataset.labels || '[]'),
|
||||
datasets: JSON.parse(this.dataset.datasets || '[]')
|
||||
labels: this.chartLabels,
|
||||
datasets: this.chartDatasets
|
||||
},
|
||||
options: {
|
||||
responsive: true,
|
||||
|
||||
@@ -39,6 +39,8 @@ export default targetable(class extends HTMLElement {
|
||||
]
|
||||
|
||||
connectedCallback () {
|
||||
this.id = `email-editor-${Math.random().toString(32).split('.')[1]}`
|
||||
|
||||
this.mount()
|
||||
|
||||
if (this.input.value) {
|
||||
|
||||
@@ -458,6 +458,8 @@ export default actionable(targetable(class extends HTMLElement {
|
||||
async connectedCallback () {
|
||||
if (!this.textarea || !this.editorElement) return
|
||||
|
||||
this.id = `html-editor-${Math.random().toString(32).split('.')[1]}`
|
||||
|
||||
this.textarea.style.display = 'none'
|
||||
this.adjustShortcutsForPlatform()
|
||||
|
||||
|
||||
@@ -143,6 +143,8 @@ export default actionable(targetable(class extends HTMLElement {
|
||||
async connectedCallback () {
|
||||
if (!this.textarea || !this.editorElement) return
|
||||
|
||||
this.id = `markdown-editor-${Math.random().toString(32).split('.')[1]}`
|
||||
|
||||
this.textarea.style.display = 'none'
|
||||
this.adjustShortcutsForPlatform()
|
||||
|
||||
|
||||
@@ -1,14 +1,13 @@
|
||||
export default class extends HTMLElement {
|
||||
connectedCallback () {
|
||||
const maskedToken = this.input.value
|
||||
|
||||
this.input.addEventListener('focus', () => {
|
||||
this.maskedToken = this.input.value
|
||||
this.input.value = this.dataset.token
|
||||
this.input.select()
|
||||
})
|
||||
|
||||
this.input.addEventListener('focusout', () => {
|
||||
this.input.value = maskedToken
|
||||
this.input.value = this.maskedToken
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
@@ -1,5 +1,7 @@
|
||||
export default class extends HTMLElement {
|
||||
connectedCallback () {
|
||||
this.id = `menu-active-${Math.random().toString(32).split('.')[1]}`
|
||||
|
||||
this.querySelectorAll('a').forEach((link) => {
|
||||
if (document.location.pathname.startsWith(link.pathname) && !link.getAttribute('href').startsWith('http')) {
|
||||
link.classList.add('bg-base-300')
|
||||
|
||||
@@ -1,5 +1,7 @@
|
||||
export default class extends HTMLElement {
|
||||
connectedCallback () {
|
||||
this.id = `scroll-fade-${Math.random().toString(32).split('.')[1]}`
|
||||
|
||||
this.addEventListener('scroll', this.updateFade, { passive: true })
|
||||
window.addEventListener('resize', this.updateFade)
|
||||
|
||||
|
||||
@@ -1,5 +1,7 @@
|
||||
export default class extends HTMLElement {
|
||||
connectedCallback () {
|
||||
this.id = `set-timezone-${Math.random().toString(32).split('.')[1]}`
|
||||
|
||||
if (this.dataset.inputId) {
|
||||
const timezone = Intl.DateTimeFormat().resolvedOptions().timeZone
|
||||
|
||||
|
||||
@@ -1,14 +1,14 @@
|
||||
<svg width="800" height="800" viewBox="-0.5 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" class="<%= local_assigns[:class] %>">
|
||||
<g id="Icons" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="Color-" transform="translate(-401.000000, -860.000000)">
|
||||
<g id="Google" transform="translate(401.000000, 860.000000)">
|
||||
<path d="M9.82727273,24 C9.82727273,22.4757333 10.0804318,21.0144 10.5322727,19.6437333 L2.62345455,13.6042667 C1.08206818,16.7338667 0.213636364,20.2602667 0.213636364,24 C0.213636364,27.7365333 1.081,31.2608 2.62025,34.3882667 L10.5247955,28.3370667 C10.0772273,26.9728 9.82727273,25.5168 9.82727273,24" id="Fill-1" fill="#FBBC05">
|
||||
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g transform="translate(-401.000000, -860.000000)">
|
||||
<g transform="translate(401.000000, 860.000000)">
|
||||
<path d="M9.82727273,24 C9.82727273,22.4757333 10.0804318,21.0144 10.5322727,19.6437333 L2.62345455,13.6042667 C1.08206818,16.7338667 0.213636364,20.2602667 0.213636364,24 C0.213636364,27.7365333 1.081,31.2608 2.62025,34.3882667 L10.5247955,28.3370667 C10.0772273,26.9728 9.82727273,25.5168 9.82727273,24" fill="#FBBC05">
|
||||
</path>
|
||||
<path d="M23.7136364,10.1333333 C27.025,10.1333333 30.0159091,11.3066667 32.3659091,13.2266667 L39.2022727,6.4 C35.0363636,2.77333333 29.6954545,0.533333333 23.7136364,0.533333333 C14.4268636,0.533333333 6.44540909,5.84426667 2.62345455,13.6042667 L10.5322727,19.6437333 C12.3545909,14.112 17.5491591,10.1333333 23.7136364,10.1333333" id="Fill-2" fill="#EB4335">
|
||||
<path d="M23.7136364,10.1333333 C27.025,10.1333333 30.0159091,11.3066667 32.3659091,13.2266667 L39.2022727,6.4 C35.0363636,2.77333333 29.6954545,0.533333333 23.7136364,0.533333333 C14.4268636,0.533333333 6.44540909,5.84426667 2.62345455,13.6042667 L10.5322727,19.6437333 C12.3545909,14.112 17.5491591,10.1333333 23.7136364,10.1333333" fill="#EB4335">
|
||||
</path>
|
||||
<path d="M23.7136364,37.8666667 C17.5491591,37.8666667 12.3545909,33.888 10.5322727,28.3562667 L2.62345455,34.3946667 C6.44540909,42.1557333 14.4268636,47.4666667 23.7136364,47.4666667 C29.4455,47.4666667 34.9177955,45.4314667 39.0249545,41.6181333 L31.5177727,35.8144 C29.3995682,37.1488 26.7323182,37.8666667 23.7136364,37.8666667" id="Fill-3" fill="#34A853">
|
||||
<path d="M23.7136364,37.8666667 C17.5491591,37.8666667 12.3545909,33.888 10.5322727,28.3562667 L2.62345455,34.3946667 C6.44540909,42.1557333 14.4268636,47.4666667 23.7136364,47.4666667 C29.4455,47.4666667 34.9177955,45.4314667 39.0249545,41.6181333 L31.5177727,35.8144 C29.3995682,37.1488 26.7323182,37.8666667 23.7136364,37.8666667" fill="#34A853">
|
||||
</path>
|
||||
<path d="M46.1454545,24 C46.1454545,22.6133333 45.9318182,21.12 45.6113636,19.7333333 L23.7136364,19.7333333 L23.7136364,28.8 L36.3181818,28.8 C35.6879545,31.8912 33.9724545,34.2677333 31.5177727,35.8144 L39.0249545,41.6181333 C43.3393409,37.6138667 46.1454545,31.6490667 46.1454545,24" id="Fill-4" fill="#4285F4">
|
||||
<path d="M46.1454545,24 C46.1454545,22.6133333 45.9318182,21.12 45.6113636,19.7333333 L23.7136364,19.7333333 L23.7136364,28.8 L36.3181818,28.8 C35.6879545,31.8912 33.9724545,34.2677333 31.5177727,35.8144 L39.0249545,41.6181333 C43.3393409,37.6138667 46.1454545,31.6490667 46.1454545,24" fill="#4285F4">
|
||||
</path>
|
||||
</g>
|
||||
</g>
|
||||
|
||||
|
Before Width: | Height: | Size: 1.8 KiB After Width: | Height: | Size: 1.7 KiB |
@@ -2,8 +2,5 @@
|
||||
<path fill="#bd3d44" d="M0 0h640v480H0" />
|
||||
<path stroke="#fff" stroke-width="37" d="M0 55.3h640M0 129h640M0 203h640M0 277h640M0 351h640M0 425h640" />
|
||||
<path fill="#192f5d" d="M0 0h364.8v258.5H0" />
|
||||
<marker id="um-a" markerHeight="30" markerWidth="30">
|
||||
<path fill="#fff" d="m14 0 9 27L0 10h28L5 27z" />
|
||||
</marker>
|
||||
<path fill="none" marker-mid="url(#um-a)" d="m0 0 16 11h61 61 61 61 60L47 37h61 61 60 61L16 63h61 61 61 61 60L47 89h61 61 60 61L16 115h61 61 61 61 60L47 141h61 61 60 61L16 166h61 61 61 61 60L47 192h61 61 60 61L16 218h61 61 61 61 60z" />
|
||||
<path fill="#fff" d="M30 11l9 27-23-17h28l-23 17zM91 11l9 27-23-17h28l-23 17zM152 11l9 27-23-17h28l-23 17zM213 11l9 27-23-17h28l-23 17zM274 11l9 27-23-17h28l-23 17zM334 11l9 27-23-17h28l-23 17zM61 37l9 27-23-17h28l-23 17zM122 37l9 27-23-17h28l-23 17zM183 37l9 27-23-17h28l-23 17zM243 37l9 27-23-17h28l-23 17zM304 37l9 27-23-17h28l-23 17zM30 63l9 27-23-17h28l-23 17zM91 63l9 27-23-17h28l-23 17zM152 63l9 27-23-17h28l-23 17zM213 63l9 27-23-17h28l-23 17zM274 63l9 27-23-17h28l-23 17zM334 63l9 27-23-17h28l-23 17zM61 89l9 27-23-17h28l-23 17zM122 89l9 27-23-17h28l-23 17zM183 89l9 27-23-17h28l-23 17zM243 89l9 27-23-17h28l-23 17zM304 89l9 27-23-17h28l-23 17zM30 115l9 27-23-17h28l-23 17zM91 115l9 27-23-17h28l-23 17zM152 115l9 27-23-17h28l-23 17zM213 115l9 27-23-17h28l-23 17zM274 115l9 27-23-17h28l-23 17zM334 115l9 27-23-17h28l-23 17zM61 141l9 27-23-17h28l-23 17zM122 141l9 27-23-17h28l-23 17zM183 141l9 27-23-17h28l-23 17zM243 141l9 27-23-17h28l-23 17zM304 141l9 27-23-17h28l-23 17zM30 166l9 27-23-17h28l-23 17zM91 166l9 27-23-17h28l-23 17zM152 166l9 27-23-17h28l-23 17zM213 166l9 27-23-17h28l-23 17zM274 166l9 27-23-17h28l-23 17zM334 166l9 27-23-17h28l-23 17zM61 192l9 27-23-17h28l-23 17zM122 192l9 27-23-17h28l-23 17zM183 192l9 27-23-17h28l-23 17zM243 192l9 27-23-17h28l-23 17zM304 192l9 27-23-17h28l-23 17zM30 218l9 27-23-17h28l-23 17zM91 218l9 27-23-17h28l-23 17zM152 218l9 27-23-17h28l-23 17zM213 218l9 27-23-17h28l-23 17zM274 218l9 27-23-17h28l-23 17zM334 218l9 27-23-17h28l-23 17z" />
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 671 B After Width: | Height: | Size: 1.8 KiB |
@@ -24,8 +24,8 @@
|
||||
</div>
|
||||
<% end %>
|
||||
<%= fields_for @account do |ff| %>
|
||||
<set-timezone data-input-id="account_timezone"></set-timezone>
|
||||
<%= ff.hidden_field :timezone %>
|
||||
<set-timezone data-input-id="account_timezone"></set-timezone>
|
||||
<div class="form-control">
|
||||
<%= ff.label :name, t('company_name'), class: 'label' %>
|
||||
<%= ff.text_field :name, required: true, class: 'base-input' %>
|
||||
|
||||
@@ -8,9 +8,9 @@
|
||||
</a>
|
||||
</div>
|
||||
<% end %>
|
||||
<div class="<%= 'hidden md:block' unless expanded %>">
|
||||
<div id="account_settings_menu" class="<%= 'hidden md:block' unless expanded %>">
|
||||
<menu-active>
|
||||
<ul id="account_settings_menu" class="menu px-0">
|
||||
<ul class="menu px-0">
|
||||
<% unless expanded || turbo_native_app? %>
|
||||
<li class="menu-title py-0 !bg-transparent mb-3 -mt-5">
|
||||
<a href="<%= root_path %>" class="!bg-transparent !text-neutral font-medium flex items-center space-x-0.5">
|
||||
@@ -120,12 +120,12 @@
|
||||
<% if (can?(:manage, EncryptedConfig) && current_user == true_user) || (current_user != true_user && current_account.testing?) %>
|
||||
<%= form_for '', url: testing_account_path, method: current_account.testing? ? :delete : :post, html: { class: 'w-full' } do |f| %>
|
||||
<li>
|
||||
<label class="flex items-center text-base hover:bg-base-300 w-full justify-between" for="testing_toggle">
|
||||
<label class="flex items-center text-base hover:bg-base-300 w-full justify-between">
|
||||
<span class="mr-2 w-full">
|
||||
<%= t('test_mode') %>
|
||||
</span>
|
||||
<submit-form data-on="change" class="flex">
|
||||
<%= f.check_box :testing_toggle, class: 'toggle toggle-sm', checked: current_account.testing? %>
|
||||
<%= f.check_box :testing_toggle, id: nil, class: 'toggle toggle-sm', checked: current_account.testing? %>
|
||||
</submit-form>
|
||||
</label>
|
||||
</li>
|
||||
|
||||
Reference in new issue
Block a user