markdown/front.svg

<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" contentScriptType="application/ecmascript" contentStyleType="text/css" height="670px" preserveAspectRatio="none" style="width:759px;height:670px;" version="1.1" viewBox="0 0 759 670" width="759px" zoomAndPan="magnify"><defs><filter height="300%" id="fwcgk4bzrgsua" width="300%" x="-1" y="-1"><feGaussianBlur result="blurOut" stdDeviation="2.0"/><feColorMatrix in="blurOut" result="blurOut2" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .4 0"/><feOffset dx="4.0" dy="4.0" in="blurOut2" result="blurOut3"/><feBlend in="SourceGraphic" in2="blurOut3" mode="normal"/></filter></defs><g><rect fill="#FFFFFF" filter="url(#fwcgk4bzrgsua)" height="528.5938" style="stroke: #A80036; stroke-width: 1.0;" width="10" x="65.5" y="119.9609"/><rect fill="#FFFFFF" filter="url(#fwcgk4bzrgsua)" height="30.3516" style="stroke: #A80036; stroke-width: 1.0;" width="10" x="212.5" y="119.9609"/><rect fill="#FFFFFF" filter="url(#fwcgk4bzrgsua)" height="30.3516" style="stroke: #A80036; stroke-width: 1.0;" width="10" x="212.5" y="382.7734"/><rect fill="#FFFFFF" filter="url(#fwcgk4bzrgsua)" height="30.3516" style="stroke: #A80036; stroke-width: 1.0;" width="10" x="212.5" y="459.3125"/><rect fill="#FFFFFF" filter="url(#fwcgk4bzrgsua)" height="60.3516" style="stroke: #A80036; stroke-width: 1.0;" width="10" x="212.5" y="573.2031"/><rect fill="#FFFFFF" filter="url(#fwcgk4bzrgsua)" height="30.3516" style="stroke: #A80036; stroke-width: 1.0;" width="10" x="389.5" y="150.3125"/><rect fill="#FFFFFF" filter="url(#fwcgk4bzrgsua)" height="297.1328" style="stroke: #A80036; stroke-width: 1.0;" width="10" x="389.5" y="352.4219"/><rect fill="#FFFFFF" filter="url(#fwcgk4bzrgsua)" height="106.8906" style="stroke: #A80036; stroke-width: 1.0;" width="10" x="394.5" y="382.7734"/><rect fill="#FFFFFF" filter="url(#fwcgk4bzrgsua)" height="30.3516" style="stroke: #A80036; stroke-width: 1.0;" width="10" x="399.5" y="459.3125"/><rect fill="#FFFFFF" filter="url(#fwcgk4bzrgsua)" height="60.3516" style="stroke: #A80036; stroke-width: 1.0;" width="10" x="394.5" y="542.8516"/><rect fill="#FFFFFF" filter="url(#fwcgk4bzrgsua)" height="55.7031" style="stroke: #A80036; stroke-width: 1.0;" width="10" x="566.5" y="180.6641"/><rect fill="#FFFFFF" filter="url(#fwcgk4bzrgsua)" height="276.1328" style="stroke: #A80036; stroke-width: 1.0;" width="10" x="566.5" y="266.7188"/><rect fill="#FFFFFF" filter="url(#fwcgk4bzrgsua)" height="60.3516" style="stroke: #A80036; stroke-width: 1.0;" width="10" x="707.5" y="236.3672"/><rect fill="#FFFFFF" filter="url(#fwcgk4bzrgsua)" height="445.8906" style="stroke: #000000; stroke-width: 2.0;" width="734.5" x="13" y="195.6641"/><rect fill="#FFFFFF" filter="url(#fwcgk4bzrgsua)" height="185.9453" style="stroke: #000000; stroke-width: 2.0;" width="588.5" x="23" y="311.7188"/><rect fill="#FFFFFF" height="76.5391" style="stroke: none; stroke-width: 1.0;" width="588.5" x="23" y="421.125"/><rect fill="#FFFFFF" height="136.8906" style="stroke: none; stroke-width: 1.0;" width="734.5" x="13" y="504.6641"/><line style="stroke: #A80036; stroke-width: 1.0; stroke-dasharray: 5.0,5.0;" x1="70" x2="70" y1="87.6094" y2="658.5547"/><line style="stroke: #A80036; stroke-width: 1.0; stroke-dasharray: 5.0,5.0;" x1="217" x2="217" y1="87.6094" y2="658.5547"/><line style="stroke: #A80036; stroke-width: 1.0; stroke-dasharray: 5.0,5.0;" x1="394" x2="394" y1="87.6094" y2="658.5547"/><line style="stroke: #A80036; stroke-width: 1.0; stroke-dasharray: 5.0,5.0;" x1="571.5" x2="571.5" y1="87.6094" y2="658.5547"/><line style="stroke: #A80036; stroke-width: 1.0; stroke-dasharray: 5.0,5.0;" x1="712.5" x2="712.5" y1="87.6094" y2="658.5547"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacingAndGlyphs" textLength="69" x="33" y="84.5332">Utilisateurs</text><ellipse cx="70.5" cy="13" fill="#FEFECE" filter="url(#fwcgk4bzrgsua)" rx="8" ry="8" style="stroke: #A80036; stroke-width: 2.0;"/><path d="M70.5,21 L70.5,48 M57.5,29 L83.5,29 M70.5,48 L57.5,63 M70.5,48 L83.5,63 " fill="none" filter="url(#fwcgk4bzrgsua)" style="stroke: #A80036; stroke-width: 2.0;"/><rect fill="#FEFECE" filter="url(#fwcgk4bzrgsua)" height="31.6094" style="stroke: #A80036; stroke-width: 1.5;" width="41" x="195" y="51"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacingAndGlyphs" textLength="27" x="202" y="72.5332">click</text><rect fill="#FEFECE" filter="url(#fwcgk4bzrgsua)" height="31.6094" style="stroke: #A80036; stroke-width: 1.5;" width="59" x="363" y="51"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacingAndGlyphs" textLength="45" x="370" y="72.5332">file.vue</text><rect fill="#FEFECE" filter="url(#fwcgk4bzrgsua)" height="31.6094" style="stroke: #A80036; stroke-width: 1.5;" width="56" x="541.5" y="51"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacingAndGlyphs" textLength="42" x="548.5" y="72.5332">card.js</text><rect fill="#FEFECE" filter="url(#fwcgk4bzrgsua)" height="31.6094" style="stroke: #A80036; stroke-width: 1.5;" width="46" x="687.5" y="51"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacingAndGlyphs" textLength="32" x="694.5" y="72.5332">axios</text><rect fill="#FFFFFF" filter="url(#fwcgk4bzrgsua)" height="528.5938" style="stroke: #A80036; stroke-width: 1.0;" width="10" x="65.5" y="119.9609"/><rect fill="#FFFFFF" filter="url(#fwcgk4bzrgsua)" height="30.3516" style="stroke: #A80036; stroke-width: 1.0;" width="10" x="212.5" y="119.9609"/><rect fill="#FFFFFF" filter="url(#fwcgk4bzrgsua)" height="30.3516" style="stroke: #A80036; stroke-width: 1.0;" width="10" x="212.5" y="382.7734"/><rect fill="#FFFFFF" filter="url(#fwcgk4bzrgsua)" height="30.3516" style="stroke: #A80036; stroke-width: 1.0;" width="10" x="212.5" y="459.3125"/><rect fill="#FFFFFF" filter="url(#fwcgk4bzrgsua)" height="60.3516" style="stroke: #A80036; stroke-width: 1.0;" width="10" x="212.5" y="573.2031"/><rect fill="#FFFFFF" filter="url(#fwcgk4bzrgsua)" height="30.3516" style="stroke: #A80036; stroke-width: 1.0;" width="10" x="389.5" y="150.3125"/><rect fill="#FFFFFF" filter="url(#fwcgk4bzrgsua)" height="297.1328" style="stroke: #A80036; stroke-width: 1.0;" width="10" x="389.5" y="352.4219"/><rect fill="#FFFFFF" filter="url(#fwcgk4bzrgsua)" height="106.8906" style="stroke: #A80036; stroke-width: 1.0;" width="10" x="394.5" y="382.7734"/><rect fill="#FFFFFF" filter="url(#fwcgk4bzrgsua)" height="30.3516" style="stroke: #A80036; stroke-width: 1.0;" width="10" x="399.5" y="459.3125"/><rect fill="#FFFFFF" filter="url(#fwcgk4bzrgsua)" height="60.3516" style="stroke: #A80036; stroke-width: 1.0;" width="10" x="394.5" y="542.8516"/><rect fill="#FFFFFF" filter="url(#fwcgk4bzrgsua)" height="55.7031" style="stroke: #A80036; stroke-width: 1.0;" width="10" x="566.5" y="180.6641"/><rect fill="#FFFFFF" filter="url(#fwcgk4bzrgsua)" height="276.1328" style="stroke: #A80036; stroke-width: 1.0;" width="10" x="566.5" y="266.7188"/><rect fill="#FFFFFF" filter="url(#fwcgk4bzrgsua)" height="60.3516" style="stroke: #A80036; stroke-width: 1.0;" width="10" x="707.5" y="236.3672"/><polygon fill="#A80036" points="200.5,115.9609,210.5,119.9609,200.5,123.9609,204.5,119.9609" style="stroke: #A80036; stroke-width: 1.0;"/><line style="stroke: #A80036; stroke-width: 1.0;" x1="75.5" x2="206.5" y1="119.9609" y2="119.9609"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacingAndGlyphs" textLength="112" x="88" y="115.1045">Champs complétés</text><polygon fill="#A80036" points="377.5,146.3125,387.5,150.3125,377.5,154.3125,381.5,150.3125" style="stroke: #A80036; stroke-width: 1.0;"/><line style="stroke: #A80036; stroke-width: 1.0;" x1="217.5" x2="383.5" y1="150.3125" y2="150.3125"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacingAndGlyphs" textLength="148" x="229.5" y="145.4561">createCard(Description...)</text><polygon fill="#A80036" points="554.5,176.6641,564.5,180.6641,554.5,184.6641,558.5,180.6641" style="stroke: #A80036; stroke-width: 1.0;"/><line style="stroke: #A80036; stroke-width: 1.0;" x1="394.5" x2="560.5" y1="180.6641" y2="180.6641"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacingAndGlyphs" textLength="148" x="406.5" y="175.8076">.insertCard(Description...)</text><path d="M13,195.6641 L86,195.6641 L86,203.6641 L76,213.6641 L13,213.6641 L13,195.6641 " fill="#EEEEEE" style="stroke: #000000; stroke-width: 1.0;"/><rect fill="none" height="445.8906" style="stroke: #000000; stroke-width: 2.0;" width="734.5" x="13" y="195.6641"/><text fill="#000000" font-family="sans-serif" font-size="13" font-weight="bold" lengthAdjust="spacingAndGlyphs" textLength="28" x="28" y="210.1592">loop</text><polygon fill="#A80036" points="695.5,232.3672,705.5,236.3672,695.5,240.3672,699.5,236.3672" style="stroke: #A80036; stroke-width: 1.0;"/><line style="stroke: #A80036; stroke-width: 1.0;" x1="571.5" x2="701.5" y1="236.3672" y2="236.3672"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacingAndGlyphs" textLength="112" x="583.5" y="231.5107">.post(description...)</text><polygon fill="#A80036" points="587.5,262.7188,577.5,266.7188,587.5,270.7188,583.5,266.7188" style="stroke: #A80036; stroke-width: 1.0;"/><line style="stroke: #A80036; stroke-width: 1.0; stroke-dasharray: 2.0,2.0;" x1="581.5" x2="706.5" y1="266.7188" y2="266.7188"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacingAndGlyphs" textLength="30" x="627" y="261.8623">.get()</text><path d="M23,311.7188 L96,311.7188 L96,319.7188 L86,329.7188 L23,329.7188 L23,311.7188 " fill="#EEEEEE" style="stroke: #000000; stroke-width: 1.0;"/><rect fill="none" height="185.9453" style="stroke: #000000; stroke-width: 2.0;" width="588.5" x="23" y="311.7188"/><text fill="#000000" font-family="sans-serif" font-size="13" font-weight="bold" lengthAdjust="spacingAndGlyphs" textLength="28" x="38" y="326.2139">loop</text><polygon fill="#A80036" points="410.5,348.4219,400.5,352.4219,410.5,356.4219,406.5,352.4219" style="stroke: #A80036; stroke-width: 1.0;"/><line style="stroke: #A80036; stroke-width: 1.0; stroke-dasharray: 2.0,2.0;" x1="404.5" x2="565.5" y1="352.4219" y2="352.4219"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacingAndGlyphs" textLength="126" x="420" y="347.5654">Retourne les données</text><polygon fill="#A80036" points="233.5,378.7734,223.5,382.7734,233.5,386.7734,229.5,382.7734" style="stroke: #A80036; stroke-width: 1.0;"/><line style="stroke: #A80036; stroke-width: 1.0; stroke-dasharray: 2.0,2.0;" x1="227.5" x2="393.5" y1="382.7734" y2="382.7734"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacingAndGlyphs" textLength="126" x="245.5" y="377.917">Retourne les données</text><polygon fill="#A80036" points="86.5,409.125,76.5,413.125,86.5,417.125,82.5,413.125" style="stroke: #A80036; stroke-width: 1.0;"/><line style="stroke: #A80036; stroke-width: 1.0; stroke-dasharray: 2.0,2.0;" x1="80.5" x2="216.5" y1="413.125" y2="413.125"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacingAndGlyphs" textLength="113" x="90" y="408.2686">Affiche les données</text><line style="stroke: #000000; stroke-width: 1.0; stroke-dasharray: 2.0,2.0;" x1="23" x2="611.5" y1="422.125" y2="422.125"/><text fill="#000000" font-family="sans-serif" font-size="11" font-weight="bold" lengthAdjust="spacingAndGlyphs" textLength="158" x="28" y="433.5439">[value.data.status == "error"]</text><polygon fill="#A80036" points="233.5,455.3125,223.5,459.3125,233.5,463.3125,229.5,459.3125" style="stroke: #A80036; stroke-width: 1.0;"/><line style="stroke: #A80036; stroke-width: 1.0; stroke-dasharray: 2.0,2.0;" x1="227.5" x2="398.5" y1="459.3125" y2="459.3125"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacingAndGlyphs" textLength="126" x="248" y="454.4561">Retourne les données</text><polygon fill="#A80036" points="86.5,485.6641,76.5,489.6641,86.5,493.6641,82.5,489.6641" style="stroke: #A80036; stroke-width: 1.0;"/><line style="stroke: #A80036; stroke-width: 1.0; stroke-dasharray: 2.0,2.0;" x1="80.5" x2="216.5" y1="489.6641" y2="489.6641"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacingAndGlyphs" textLength="113" x="90" y="484.8076">Affiche les données</text><line style="stroke: #000000; stroke-width: 1.0; stroke-dasharray: 2.0,2.0;" x1="13" x2="747.5" y1="505.6641" y2="505.6641"/><text fill="#000000" font-family="sans-serif" font-size="11" font-weight="bold" lengthAdjust="spacingAndGlyphs" textLength="34" x="18" y="517.083">[ELSE]</text><polygon fill="#A80036" points="415.5,538.8516,405.5,542.8516,415.5,546.8516,411.5,542.8516" style="stroke: #A80036; stroke-width: 1.0;"/><line style="stroke: #A80036; stroke-width: 1.0; stroke-dasharray: 2.0,2.0;" x1="409.5" x2="570.5" y1="542.8516" y2="542.8516"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacingAndGlyphs" textLength="55" x="460.5" y="537.9951">reject(err)</text><polygon fill="#A80036" points="233.5,569.2031,223.5,573.2031,233.5,577.2031,229.5,573.2031" style="stroke: #A80036; stroke-width: 1.0;"/><line style="stroke: #A80036; stroke-width: 1.0; stroke-dasharray: 2.0,2.0;" x1="227.5" x2="393.5" y1="573.2031" y2="573.2031"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacingAndGlyphs" textLength="139" x="239" y="568.3467">this.error = err.message</text><polygon fill="#A80036" points="86.5,629.5547,76.5,633.5547,86.5,637.5547,82.5,633.5547" style="stroke: #A80036; stroke-width: 1.0;"/><line style="stroke: #A80036; stroke-width: 1.0; stroke-dasharray: 2.0,2.0;" x1="80.5" x2="216.5" y1="633.5547" y2="633.5547"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacingAndGlyphs" textLength="81" x="106" y="628.6982">Affiche l'érreur</text><!--MD5=[a3dca2f1c73ca3de0f898c07b8525c10]
@startuml

skinparam sequenceMessageAlign center
hide footbox
actor Utilisateurs
Utilisateurs -> click : Champs complétés
activate Utilisateurs
activate click
"file.vue" <- click : createCard(Description...)
deactivate click
 activate "file.vue"
"file.vue" -> "card.js" : .insertCard(Description...)
deactivate "file.vue"

activate "card.js"


Loop
"card.js" -> axios : .post(description...)
deactivate "card.js"
activate "axios"


axios - -> "card.js" : .get()
activate "card.js"

deactivate "axios"
Loop

"card.js" - -> file.vue : Retourne les données

 activate "file.vue"

"file.vue" - -> click : Retourne les données
 activate "click"

 activate "file.vue"
click - -> Utilisateurs : Affiche les données
deactivate "click"
ELSE value.data.status == "error"

"file.vue" - -> click : Retourne les données
 activate "click"

 activate "file.vue"
click - -> Utilisateurs : Affiche les données
deactivate "click"


deactivate "file.vue"
deactivate "file.vue"
End


activate "card.js"


ELSE  ELSE
activate click
"file.vue" <- - "card.js" : reject(err)

deactivate "card.js"
deactivate "card.js"
 activate "file.vue"

deactivate click

"file.vue" - -> click : this.error = err.message
activate click
deactivate "file.vue"
click - -> Utilisateurs : Affiche l'érreur
deactivate click
End

    
deactivate Utilisateurs


@enduml

PlantUML version 1.2020.09(Sun May 10 12:51:06 CEST 2020)
(GPL source distribution)
Java Runtime: OpenJDK Runtime Environment
JVM: OpenJDK 64-Bit Server VM
Java Version: 11.0.8+10-b944.34
Operating System: Windows 10
Default Encoding: Cp1252
Language: fr
Country: FR
--></g></svg>