openmarket-php/index.html at master · AutoSystemsInc/openmarket-php · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
<!DOCTYPE html>
<html lang="ja">

<head>
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-144211946-1"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());

        gtag('config', 'UA-144211946-1');
    </script>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <TITLE>オープンマーケット！</TITLE>
    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css">
    <link rel="stylesheet" href="stylesheet.css">
    <!--
    <script>window._epn = {campaign: 5338815131};</script>
    <script src="https://epnt.ebay.com/static/epn-smart-tools.js"></script>
    <script data-ad-client="ca-pub-2661815267943239" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
    -->
</head>

<body>
    <div id="app" v-cloak>
    <div class="container">
    <div class="row">
        <div class="col">
            <div class="header">いろいろな商品を比較！</div>
            <!-- <p><a href="price_comparison_cart.php" target="_blank" rel="noopener noreferrer">カートを見る</a></p> -->
            <!--<form method='post' action=''>-->
            <form action method="get">
                <div class="input-group">
                    <input v-bind:value="keyword" type='text' id='searchtextbox' class="form-control" placeholder='キーワードで探す' name="keyword">
                    <!--<button class="btn btn-primary">検索</button>-->
                    <span class="input-group-btn">
                        <!--<input class="btn btn-secondary" id="searchbtn" type="submit" value="Go">-->
                        <button class="btn btn-secondary" id="searchbtn" type="submit"><i class="fas fa-search"></i></button>
                    </span>
                    <span class="btn btn-light"><a href="price_comparison_cart.html" target="_blank"><i class="fas fa-shopping-cart"></i>カートを見る</a></span>
                </div>
                <div class="select">
                    <div id="shop-select">
                        <label v-for="(value, name) in shop_item" @click="searchbtn_click">
                            <input type="checkbox" v-bind:value="name" v-model="shop_disp" name="shop[]">{{value}}
                        </label>
                    </div>
                    <select id="order-select" name="order" v-model="order" v-on:change="searchbtn_click">
                        <option v-for="(value, name) in order_str" v-bind:value="name">{{value}}</option>
                    </select>
                    <label>
                        <input type="checkbox" v-bind:value="true" v-model="tr_on" name="tr_on">翻訳機能
                        <span v-show="tr_on">翻訳した検索ワード：{{tr_keyword}} {{tr_busy ? "翻訳中" : "翻訳済み"}}</span>
                    </label>
                </div>
                <!--<input type="hidden" name="kind" value="change_items">-->
            </form>
            <!--</form>-->
            <div v-if="errored">
                <p>We're sorry, we're not able to retrieve this information at the moment, please try back later</p>
            </div>
            <div v-else>
                <transition v-if="loading" id="loading" name="fade">
                    <div class="d-flex justify-content-center m-5">
                        <div class="spinner-border" role="status">
                            <span class="visually-hidden">Loading...</span>
                        </div>
                    </div>
                </transition>
                <!--<div v-show="item_list" id="item-list" class="row">-->
                <div id="item-list" class="row">
                    <div v-for="item in items" class="item col-xs-3">
                        <a v-bind:href="item.url" target="_blank">
                            <div class="img-block">
                                <img v-bind:src="item.image">
                            </div>
                            <div class="pos-left">[{{shop_item[item.shop]}}] {{item.title}}</div>
                            <div class="pos-left a-price">{{item.price | formatCurrency}}</div>
                        </a>
                        <div class="input-group-btn">
                            <select v-model="item.quantity" v-on:change="cart_update(item)">
                                <option v-for="i in 10" v-bind:value="i">{{i}}</option>
                            </select>
                            <button @click="cart_update(item)" class="btn add_goods" v-bind:value="item.item_id">
                                {{(typeof cartItems[item.item_id]==="undefined") ?  'カートに入れる' : '追加済み'}}
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-3">
            <!-- カートの中身と合計 -->
            <cart_detail :citems="cartItems" v-show="cartItems.length!==0"></cart_detail>
            <!-- サイドバー広告 -->
            <div class="sidebar_fixed">
                <ins class="adsbygoogle"
                    style="display:block"
                    data-ad-client="ca-pub-2661815267943239"
                    data-ad-slot="9624100506"
                    data-ad-format="auto"
                    data-full-width-responsive="true"></ins>
                <ins class="adsbygoogle"
                    style="display:block"
                    data-ad-client="ca-pub-2661815267943239"
                    data-ad-slot="9624100506"
                    data-ad-format="auto"
                    data-full-width-responsive="true"></ins>
                <a href="https://hb.afl.rakuten.co.jp/hsc/215065c8.7b0eff9b.21506482.ec2625de/?link_type=pict&ut=eyJwYWdlIjoic2hvcCIsInR5cGUiOiJwaWN0IiwiY29sIjoxLCJjYXQiOiI1NyIsImJhbiI6IjE0NjY3OTgiLCJhbXAiOmZhbHNlfQ%3D%3D" target="_blank" rel="nofollow sponsored noopener" style="word-wrap:break-word;"  >
                    <img src="https://hbb.afl.rakuten.co.jp/hsb/215065c8.7b0eff9b.21506482.ec2625de/?me_id=1&me_adv_id=1466798&t=pict" border="0" style="margin:2px" alt="" title="">
                </a>
            </div>
        </div>
    </div>
    </div>
    </div>

    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
    <script src="price_comparison.js"></script>

    <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
    <script>
         (adsbygoogle = window.adsbygoogle || []).push({});
    </script>

    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
            integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW"
            crossorigin="anonymous"></script>
    </body>
</html>