Skip to content
GitLab
Menu
Projects
Groups
Snippets
/
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
Menu
Open sidebar
Galette
Galette
Commits
ebb45e3c
Commit
ebb45e3c
authored
Jun 24, 2022
by
Johan Cwiklinski
Browse files
Fix socials networks display on member form
parent
ba61ef80
Changes
3
Hide whitespace changes
Inline
Side-by-side
galette/templates/default/elements/edit_socials.html.twig
View file @
ebb45e3c
{%
if
tabbed
??
false
==
true
%}
<div
id=
"social"
class=
"ui bottom attached tab segment"
data-tab=
"social"
>
{%
for
social
in
socials
%}
<div
class=
"field stored"
>
<label
for=
"social_
{{
social.id
}}
"
>
{{
social.getSystemType
(
social.type
)
}}
</label>
<input
type=
"text"
name=
"social_
{{
social.id
}}
"
id=
"social_
{{
social.id
}}
"
value=
"
{{
social.url
}}
"
class=
"large"
/>
<a
href=
"#"
class=
"ui tiny compact icon red button tooltip delete delsocial"
>
<i
class=
"trash icon"
></i>
<span
class=
"hidden"
>
{{
_T
(
"Remove %type"
)
|
replace
(
{
"%type"
:
social.getSystemType
(
social.type
)
}
)
}}
</span>
</a>
</div>
{%
endfor
%}
<div
class=
"ui yellow segment"
>
<div
class=
"ui tiny header"
>
{{
_T
(
"Add new social network"
)
}}
</div>
<div
class=
"combo-social field"
>
<div
class=
"field"
>
<select
name=
"social_new_type_1"
id=
"social_new_type_1"
class=
"socials_dropdown ui search dropdown nochosen"
>
<option
value=
""
>
{{
_T
(
"Choose or enter your own..."
)
}}
</option>
{%
for
social_type
in
osocials.getSystemTypes
(
false
)
%}
<option
value=
"
{{
social_type
}}
"
>
{{
osocials.getSystemType
(
social_type
)
}}
</option>
{%
endfor
%}
</select>
{%
block
social_edit
%}
<div
id=
"social"
class=
"ui bottom attached
{%
if
tabbed
??
false
==
true
%}
tab
{%
endif
%}
segment"
data-tab=
"social"
>
{%
for
social
in
socials
%}
<div
class=
"field stored"
>
<label
for=
"social_
{{
social.id
}}
"
>
{{
social.getSystemType
(
social.type
)
}}
</label>
<input
type=
"text"
name=
"social_
{{
social.id
}}
"
id=
"social_
{{
social.id
}}
"
value=
"
{{
social.url
}}
"
class=
"large"
/>
<a
href=
"#"
class=
"ui tiny compact icon red button tooltip delete delsocial"
>
<i
class=
"trash icon"
></i>
<span
class=
"hidden"
>
{{
_T
(
"Remove %type"
)
|
replace
(
{
"%type"
:
social.getSystemType
(
social.type
)
}
)
}}
</span>
</a>
</div>
<div
class=
"field"
>
<input
type=
"text"
name=
"social_new_value_1"
id=
"social_new_value_1"
value=
""
size=
"50"
/>
{%
endfor
%}
<div
class=
"ui yellow segment"
>
<div
class=
"ui tiny header"
>
{{
_T
(
"Add new social network"
)
}}
</div>
<div
class=
"combo-social field"
>
<div
class=
"field"
>
<select
name=
"social_new_type_1"
id=
"social_new_type_1"
class=
"socials_dropdown ui search dropdown nochosen"
>
<option
value=
""
>
{{
_T
(
"Choose or enter your own..."
)
}}
</option>
{%
for
social_type
in
osocials.getSystemTypes
(
false
)
%}
<option
value=
"
{{
social_type
}}
"
>
{{
osocials.getSystemType
(
social_type
)
}}
</option>
{%
endfor
%}
</select>
</div>
<div
class=
"field"
>
<input
type=
"text"
name=
"social_new_value_1"
id=
"social_new_value_1"
value=
""
size=
"50"
/>
</div>
</div>
<a
href=
"#"
class=
"ui tiny compact icon green button tooltip action addsocial"
>
<i
class=
"plus icon"
></i>
<span
class=
"hidden"
>
{{
_T
(
"Add"
)
}}
</span>
</a>
</div>
<a
href=
"#"
class=
"ui tiny compact icon green button tooltip action addsocial"
>
<i
class=
"plus icon"
></i>
<span
class=
"hidden"
>
{{
_T
(
"Add"
)
}}
</span>
</a>
</div>
<script
type=
"text/javascript"
>
var
_dropdown
=
function
(
selector
)
{
if
(
!
selector
)
{
selector
=
'
.socials_dropdown
'
;
}
<script
type=
"text/javascript"
>
var
_dropdown
=
function
(
selector
)
{
if
(
!
selector
)
{
selector
=
'
.socials_dropdown
'
;
}
$
(
selector
).
dropdown
({
allowAdditions
:
true
});
}
$
(
selector
).
dropdown
({
allowAdditions
:
true
});
}
var
_rmFilter
=
function
(
elt
)
{
if
(
typeof
elt
==
'
undefined
'
)
{
elt
=
$
(
'
#social .stored
'
);
var
_rmFilter
=
function
(
elt
)
{
if
(
typeof
elt
==
'
undefined
'
)
{
elt
=
$
(
'
#social .stored
'
);
}
elt
.
find
(
'
.delsocial
'
).
click
(
function
(
e
){
e
.
preventDefault
();
var
_this
=
$
(
this
);
_this
.
parents
(
'
.field
'
).
remove
();
});
}
elt
.
find
(
'
.delsocial
'
).
click
(
function
(
e
){
e
.
preventDefault
();
var
_this
=
$
(
this
);
_this
.
parents
(
'
.field
'
).
remove
();
});
}
$
(
function
(){
_rmFilter
();
_dropdown
();
$
(
function
(){
_rmFilter
();
_dropdown
();
$
(
'
.addsocial
'
).
click
(
function
(
e
){
e
.
preventDefault
();
$
(
'
.addsocial
'
).
click
(
function
(
e
){
e
.
preventDefault
();
var
_newindex
=
$
(
this
).
parents
(
'
.segment
'
).
find
(
'
.combo-social:last select
'
).
attr
(
'
id
'
).
replace
(
'
social_new_type_
'
,
''
);
++
_newindex
;
console
.
log
(
_newindex
);
$
(
this
).
parents
(
'
.segment
'
).
find
(
'
.combo-social:last
'
)
.
clone
()
// copy
.
insertAfter
(
'
#social .combo-social:last
'
)
// where
.
find
(
'
select
'
).
attr
(
'
id
'
,
'
social_new_type_
'
+
_newindex
).
attr
(
'
name
'
,
'
social_new_type_
'
+
_newindex
)
.
parent
().
parent
().
parent
().
find
(
'
input
'
).
attr
(
'
id
'
,
'
social_new_value_
'
+
_newindex
).
attr
(
'
name
'
,
'
social_new_value_
'
+
_newindex
)
;
var
_newindex
=
$
(
this
).
parents
(
'
.segment
'
).
find
(
'
.combo-social:last select
'
).
attr
(
'
id
'
).
replace
(
'
social_new_type_
'
,
''
);
++
_newindex
;
console
.
log
(
_newindex
);
$
(
this
).
parents
(
'
.segment
'
).
find
(
'
.combo-social:last
'
)
.
clone
()
// copy
.
insertAfter
(
'
#social .combo-social:last
'
)
// where
.
find
(
'
select
'
).
attr
(
'
id
'
,
'
social_new_type_
'
+
_newindex
).
attr
(
'
name
'
,
'
social_new_type_
'
+
_newindex
)
.
parent
().
parent
().
parent
().
find
(
'
input
'
).
attr
(
'
id
'
,
'
social_new_value_
'
+
_newindex
).
attr
(
'
name
'
,
'
social_new_value_
'
+
_newindex
)
;
_dropdown
();
_dropdown
();
});
});
});
</script>
</script>
</div>
{%
endblock
%}
</div>
{%
else
%}
<div
id=
"social"
class=
"ui styled fluid accordion field"
>
<div
class=
"active title"
>
<i
class=
"icon dropdown"
></i>
{{
_T
(
"Social networks"
)
}}
</div>
<div
class=
"active content field"
>
{{
block
(
'social_edit'
)
}}
</div>
</div>
{%
endif
%}
\ No newline at end of file
galette/templates/default/pages/member_form.html.twig
View file @
ebb45e3c
...
...
@@ -54,7 +54,7 @@
{%
include
"components/form.html.twig"
%}
{# Dynamic entries #}
{%
include
"components/dynamic_fields.html.twig"
with
{
object
:
member
}
%}
{%
include
"elements/edit_socials.html.twig"
with
{
socials
:
member.socials
,
social_fieldset_class
:
"galette_form"
,
social_fieldset_legend_class
:
"ui-state-active ui-corner-top"
}
%}
{%
include
"elements/edit_socials.html.twig"
with
{
socials
:
member.socials
}
%}
{%
if
not
member.id
and
not
self_adh
%}
{%
if
login.isAdmin
()
or
login.isStaff
()
%}
...
...
galette/templates/default/pages/preferences.html.twig
View file @
ebb45e3c
...
...
@@ -142,7 +142,7 @@
</div>
{# /column grid #}
</div>
{# /tab segment #}
{%
set
socials
=
preferences.socials
%}
{%
include
"elements/edit_socials.html.twig"
%}
{%
include
"elements/edit_socials.html.twig"
with
{
tabbed
:
true
}
%}
<div
class=
"ui tab segment"
data-tab=
"parameters"
>
<div
class=
"ui stackable two column grid"
>
<div
class=
"column"
>
...
...
Write
Preview
Supports
Markdown
0%
Try again
or
attach a new file
.
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment