https://smotel-9f156.web.app/assets/js/v-2deb52a5.b28c8baf.js

1"use strict";(self.webpackChunksmarthotel_flutter=self.webpackChunksmarthotel_flutter||[]).push([[894],{2718:(n,a,s)=>{s.r(a),s.d(a,{data:()=>t});const t={key:"v-2deb52a5",path:"/home-page/myscan.html",title:"MyScan",lang:"en-US",frontmatter:{},excerpt:"",headers:[],filePathRelative:"home-page/myscan.md",git:{updatedTime:1638356115e3,contributors:[{name:"Restu Indrawan",email:"[email protected]",commits:3}]}}},7371:(n,a,s)=>{s.r(a),s.d(a,{default:()=>p});const t=(0,s(6252).uE)('<h1 id="myscan" tabindex="-1"><a class="header-anchor" href="#myscan" aria-hidden="true">#</a> MyScan</h1><p>MyScan pada app Smotel sendiri diimplementasikan dengan GetX state management yang dimana sebuah view yang berfungsi sebagai tampilan Splash Screen sudah ter-binding dengan sebuah controller, controller tersebut berfungsi sebagai control bagaimana splash view ini akan ditampilkan. MyScan sendiri digunakan untuk mengeluarkan QR code yang digunakan untuk check-in pada hotel</p><p>Berikut adalah fungsi yang kami gunakan untuk mengarahkan QR ke sebuah dialog</p><div class="language-dart ext-dart line-numbers-mode"><pre class="language-dart"><code>floatingActionButtonLocation<span class="token punctuation">:</span> <span class="token keyword">const</span> <span class="token class-name">FixedCenterDockedFabLocation</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">,</span>\nfloatingActionButton<span class="token punctuation">:</span> <span class="token class-name">FloatingActionButton</span><span class="token punctuation">(</span>\n    backgroundColor<span class="token punctuation">:</span> color_main<span class="token punctuation">,</span>\n    onPressed<span class="token punctuation">:</span> <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>\n        <span class="token class-name">Get</span><span class="token punctuation">.</span><span class="token function">dialog</span><span class="token punctuation">(</span><span class="token class-name">QrDialog</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span>\n    <span class="token punctuation">}</span><span class="token punctuation">,</span>\n    tooltip<span class="token punctuation">:</span> <span class="token string">&#39;Scan&#39;</span><span class="token punctuation">,</span>\n    child<span class="token punctuation">:</span> <span class="token class-name">Icon</span><span class="token punctuation">(</span><span class="token class-name">MyFlutterApp</span><span class="token punctuation">.</span>ic_qrcode<span class="token punctuation">,</span> size<span class="token punctuation">:</span> <span class="token number">32</span><span class="token punctuation">)</span><span class="token punctuation">,</span>\n    elevation<span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">,</span>\n<span class="token punctuation">)</span><span class="token punctuation">,</span>\n</code></pre><div class="line-numbers"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br></div></div><p>Berikut adalah tampilannya:</p><p><img src="https://user-images.githubusercontent.com/57904667/144222006-94dd7493-ee99-46d2-8e53-160ba0a0ce2f.png" alt="image"></p>',6),e={},p=(0,s(3744).Z)(e,[["render",function(n,a){return t}]])},3744:(n,a)=>{a.Z=(n,a)=>{const s=n.__vccOpts||n;for(const[n,t]of a)s[n]=t;return s}}}]);